@charset "UTF-8";

   
   
   
/*
---------------------
color palette in hex


*/   
   
   
   
   
   
/*@import '/_incCSS/reset.css';*/
@import '/_incCSS/smoothbox/smoothbox.css';


@import '/_incCSS/top_nav.css';
@import '/_incCSS/left_nav.css';



/* Base Format Styles */

body {
	background-color: #FFF;
	margin: 0 0 0 0;
}


#content {  }

td,th,div,ul,li,p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.7em;
	color: #333333;
}


a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333366;
}
a:hover {
	text-decoration: underline;
	color: #264981;
}
a:active {
	text-decoration: none;
	color: #264981;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -.02em;
	margin: 0;
	padding: 0;
}


h1 {
	font-size: 60px;
	color: #264981;
}
h2 {
	font-size: 24px;
	color: #264981;
	line-height: 1.1em;
}
h3 {
	font-size: 18px;
	color: #264981;
}
h4 {
	font-size: 16px;
	color: #666666;
}
h5 {
	font-size: 14px;
	color: #666666;
}
h6 {
	font-size: 12px;
	color: #333366;
}

/* 
Moved into _incsIFR.asp file....


special for adjusting h1 tag 
.heading-adjustment {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 36px;
	padding: 0 0 6px 0;
	margin: 3px 0 9px 0;
}


 special for adjusting h1 tag - changes done by Sasi for French accent - May-02-08
.heading-adjustment1 {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 36px;
	padding: 0 0 6px 0;
	margin: 3px 0 9px 0;
}
*/




/* Forms Styles */
.form-box {
	background: #ECECEC;
	border: 1px solid #CCCCCC;
	font: 9px/10px Arial, Helvetica, sans-serif;
	color: #666666;
}
.form-text {
	font: 9px/10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666666;
}
.form-box2 {
	background: #ECECEC;
	border: 1px solid #CCCCCC;
	font: 10px/11px Arial, Helvetica, sans-serif;
	color: #666666;
}
.form-text2 {
	font: 10px/11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666666;
}
.form-box2-170 {
	background: #ECECEC;
	border: 1px solid #CCCCCC;
	font: 10px/11px Arial, Helvetica, sans-serif;
	color: #666666;
	width: 170px;
}
.form-box2-360 {
	background: #ECECEC;
	border: 1px solid #CCCCCC;
	font: 10px/11px Arial, Helvetica, sans-serif;
	color: #666666;
	width: 360px;
}

/* Base Format Styles */
.site-search-box {
	font: 9px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #CCCCCC;
	border: 1px solid #999999;
	height: 12px;
}
.site-search-button {
	font: 9px/9px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #CCCCCC;
	border: 1px solid #999999;
	height: 16px;
	width: 22px;
}


.site-row1 {
	/*background: #FFFFFF;*/
	height: 90px;
}
.site-row2 {
	/*background: #FFFFFF url(/common/row2-bkgrd.gif) repeat-x left top;*/
	height: 23px;
}
.site-row3 {
	/*background: #FFFFFF url(/common/row3-bkgrd.gif) repeat-x left top;*/
}


.site-row4 {
	/*background: #FFFFFF;*/
	height: 387px;
}
.site-row5 {
	height: 18px;
}

.site-main-content-table {
	height: 387px;
	padding-top: 9px;
	padding-bottom: 15px;
}
.site-main-content-table-noPad {
	height: 387px;
	padding-bottom: 15px;
}
.info-td-right {
	background-image: url(/where/blend-right-400px.jpg);
	background-repeat: repeat-y;
}
.info-td-left {
	background-color: #c3c9da;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
}


/* special tweaky styles */
.td-vert-line {
	background: url(/common/gray-dashed-line-vert.gif) repeat-y center;
	width: 26px;
}
.td-indent-text {
}






/* top nav items */
#topNav td {
	font: normal 9px 'Lucida Grande', Arial, Helvetica, sans-serif;
	margin: 1px 1px;
	text-transform: uppercase;
	border-right: solid 1px #CCC;
	}
#topNav td a {
	display: block;
	text-decoration: none;
	padding: 1px 6px;
	}
#topNav td a:link, #topNav td a:visited {
	background-color:#FFF;
	color: #999;
}
#topNav td a:hover, #topNav td a:active {
	background-color:#264981;
	color: #FFFFFF;
}

/* footer items */
#footerNav {
	border-top: solid 1px #666;
	margin: 9px 0;
}
#footerNav td {
	font: normal 9px 'Lucida Grande', Arial, Helvetica, sans-serif;
	margin: 1px 1px;
	}
#footerNav td a {
	display: block;
	padding: 6px 3px;
	text-decoration: none;
	}
#footerNav td a:link, #footerNav td a:visited {
	background-color:#fff;
	color: #666;
}
#footerNav td a:hover, #footerNav td a:active {
	background-color:#e6e6e6;
	color: #666;
}

/* footer items */
#whereNav {
}
#whereNav td {
	font: normal 9px 'Lucida Grande', Arial, Helvetica, sans-serif;
	background-color: #264981;
	}
#whereNav td a {
	display: block;
	padding: 6px 3px;
	text-decoration: none;
	border-left: solid 1px #fff;
	}
#whereNav td a:link, #whereNav td a:visited {
	background-color:#264981;
	color: #FFFFFF;
}
#whereNav td a:hover, #whereNav td a:active {
	background-color:#CC3300;
	color: #FFFFFF;
}


#colorsNav {
}
#colorsNav td {
	font: normal 9px 'Lucida Grande', Arial, Helvetica, sans-serif;
	background-color: #264981;
	}
#colorsNav td a {
	display: block;
	padding: 6px 3px;
	text-decoration: none;
	}
#colorsNav td a:link, #colorsNav td a:visited {
	background-color:#264981;
	color: #FFFFFF;
}
#colorsNav td a:hover, #colorsNav td a:active {
	background-color:#CC3300;
	color: #FFFFFF;
}

.horiz-rule {
	background: url(/common/gray-dashed-line-horiz.gif) repeat-x center center;
}
.catFeatured-prod-td {
	padding: 2px 15px 2px 15px;
	width:33%;
	border-right: 1px solid #CCCCCC;
}
.catFeatured-prod-td-alt{
	padding: 2px 15px 2px 15px;
	width:33%;
}
.catFeatured-prod-td1 {
	padding: 2px 16px 2px 15px;
	width:181px;
}
.catFeatured-prod-td2 {
	padding: 2px 15px 2px 15px;
	width:182px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.catFeatured-prod-td3 {
	padding: 2px 16px 2px 15px;
	width:181px;
}
.catFeatured-prod-rowDIV {
background-color: #CCCCCC;
height:1px;
}






/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

 						           ONLY JLDCREATIVE SITE STANDARD CSS BELOW THIS (added to aga 6-2-08)
 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/









#listTable {
	margin: 0;
	padding: 0;
	width:646px;
	}

/* admin list tables */
#listTable td.tdhead {
	color:#333333;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	background-color:#999999;
	padding: 0.25em;
	white-space: nowrap;
	}

#listTable tr.even td.tdbody{
	background: #e6e6e6;
	padding: .25em;
	vertical-align: middle;
	}
	
#listTable tr.odd td.tdbody{
	background: #f4f4f4;
	padding: .25em;
	vertical-align: middle;
	}
	
#listTable td a {display: block;}
#listTable td a:link, #listTable td a:visited, #listTable td a:hover, #listTable td a:active {text-decoration: none;}	
	
#listTable tr.ruled td.tdbody{
	background: #EFE8D9;
	padding: .25em;
	}

#listTable td.line {
	background-color:#999999;
	height: 2px;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}

#sortDesc {
	background-image: url(/_admin/Admin/common/sort_desc.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
	}

#sortAsc {
	background-image: url(/_admin/Admin/common/sort_asc.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
	

.colorTag {
	color: #369;
	}










/*
////////////////////////////////////////////////////////
//////////////////  form formatting  ///////////////////
////////////////////////////////////////////////////////
*/
#myForm {
	margin: 0;
	padding: 0;
	font-size: 11px;
	}

#myForm td{
	margin: 0;
	padding: 2px 0px 0px 0px;
	vertical-align: top;
	}

#myForm label {
	color: #222;
	font-size: 10px;
	display: block;
	text-align: left;
	white-space: nowrap;
	}

#myForm label img {
	vertical-align: text-bottom;
	margin-right: 6px;
	margin-left: 6px;
	}

#myForm .line {
	background-color: #008266;
	height: 2px;
	margin: 0;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}


/* text fields */

#myForm input.text {
	background-color: #efefef;
	font-size: 95%;
	padding: .1em;
	margin: 0 0 .15em 0;
	border: 1px solid #efefef;
	}	
#myForm input.text:focus {
	border:1px solid #b4b4b4;
	background: #e9ddc7;
	}

/* list menu fields */	
#myForm select.editSelect {
	background-color: #efefef;
	font-size: 95%;
	border: 1px solid #efefef;
	margin: 0px 0px 5px 0px;
	padding: .1em;
	}

#myForm select.editSelect:focus { 
	border: 1px solid #cccccc; 
	background: #e9ddc7;
	}
	
/*  button */
.button	{
	padding: 3px 5px 3px 0px;
	}
	
/* Textareas */
#myForm textarea            { margin:0.25em 0; }
#myForm textarea            { border:1px solid #efefef; background:#efefef; padding:.1em; }
#myForm textarea:focus      { border:1px solid #b4b4b4; background:#e9ddc7; }






/*
////////////////////////////////////////////////////////
//////////////////  for date picker  ///////////////////
////////////////////////////////////////////////////////
*/

.PBBDatePicker {
	width: 180px;
	background-color: #e6e6e6;
	text-align: center;
}

.PBBDatePicker div {
	margin-top:2px;
}

.PBBDatePicker .todayPicker {
	margin:1px;
	margin-top: 0;
	border: 1px solid #999;
	padding-bottom: 3px;
	color: #000;	
	font-weight: bold;
}

.PBBDatePicker .todayPickerOver {
	border: 1px solid #fff;
}

.PBBDatePicker table {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}

.PBBDatePicker table td, .PBBDatePicker table th {
	width: 14%;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 15px;
	border: 1px solid #fff;
	cursor: default;
	color: #333;
}

.PBBDatePicker table th {
	color: #000;
	background-color: #c5b4b4;
	font-weight: bold;
	border: 1px solid #999;
}

.PBBDatePicker .datePickerOver {
	cursor: pointer;
	color: #52173d;
	background-color: #c5b4b4;
}

.PBBDatePicker .datePickerMinDate, .PBBDatePicker .datePickerMaxDate {
	background-color: #CCCCCC;
	border: 1px solid #666666;
	color: #fff;
}

.PBBDatePicker .datePickerSelectedDay {
	color: #000;
	background-color: #c5b4b4;
}

.PBBDatePicker select {
	background-color: #c5b4b4;
	width: inherit;
	margin: 0;
	padding: 0;
}

.PBBDatePicker select:focus { 
	background:#ccc; 
	}






/*
////////////////////////////////////////////////////////
///////////////////  page polling  /////////////////////
////////////////////////////////////////////////////////
*/

#pgnav {
}

.pgnav_top {
	padding: 2px 0;
	margin:18px 0 36px 0;
	background:#474747;
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	width: 99%;
}

.pgnav_bottom {
	padding: 2px 0;
	margin: 18px 0;
	background:#474747;
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	width: 99%;
}

.pgnav_top td, .pgnav_bottom td {
	white-space: nowrap;
	font-size: 95%;
	color: #222;
	}

.pgnav_top a:link, .pgnav_top a:visited, .pgnav_bottom a:link, .pgnav_bottom a:visited {
	white-space: nowrap;
	letter-spacing: 1px;
	}	
		
.pgnav_top .pgSelect, .pgnav_bottom .pgSelect {
	padding: 0 6px 0 0;
	}
	
.pgnav_top .pgNumber, .pgnav_bottom .pgNumber {
	padding: 0 0 0 24px;
	}

.pgnav_top .pgSearch, .pgnav_bottom .pgSearch {
	padding: 0 ;
	text-align: right;
	}
	
.pgSearch input.text {
	background-color: #999;
	font-size: 90%;
	padding: 1px;
	margin:0;
	border:1px solid #222;
	}
.pgSearch input.text:focus { 
	border:1px solid #222; 
	background:#c5b4b4;
	}
	
.pgSearch input.button {
	background-color: #999;
	font-size: 80%;
	text-transform: uppercase;
	padding:1px;
	margin: 0 0 1px 0;
	border:1px solid #222;
	}
.pgSearch input.button:focus { 
	border:1px solid #222; 
	background:#c5b4b4;
	}

.pgnav_top select, .pgnav_bottom select {
	font-size: 90%;
	width: inherit;
	padding: 1px;
	margin: 0;
	background-color: #999;
	border:1px solid #222;
}
.pgnav_top select:focus, .pgnav_bottom select:focus {
	border:1px solid #222;
	background: #c5b4b4;
	}
	





/*
////////////////////////////////////////////////////////
///////////////////  my buttons  ///////////////////////
////////////////////////////////////////////////////////
*/

ul.myButton {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.myButton li {
 	text-align: left;
	white-space: nowrap;
	float: right;
	margin: .25em 0 .5em 2em;
}

.createButton {
	width: 100px;
	}
.deleteButton {
	width: 100px;
	}
.submitButton {
	width: 115px;
	}
.testButton {
	width: 175px;
	}
.submitRequestButton { width: 130px; }

.saveRequestButton { width: 175px; }
/*
typical IE7 requires a hack, it's always IE, stupid MicroSoft 
http://www.w3schools.com/css/pr_pseudo_first-child.asp
http://www.dynamicsitesolutions.com/css/filters/first-child-plus-html/
*/
*:first-child+html .createButton {
	width: 110px;
	}
*:first-child+html .deleteButton {
	width: 110px;
	}
*:first-child+html .submitButton {
	width: 125px;
	}
*:first-child+html .testButton {
	width: 185px;
	}
*:first-child+html .submitRequestButton {
	width: 135px;
	}
*:first-child+html .saveRequestButton {
	width: 180px;
	}
	
	
	
	
ul.myButton li img {
	vertical-align: middle;
	margin: -2px 0 0 0;
}

ul.myButton li a {
	display: block;
	font-size: 90%;
	font-weight: bold;
	color:#222;
	text-decoration: none;
	background-color: #FFF;
	border: solid 1px #ccc;
	padding: .6em .5em .4em .5em;
}

ul.myButton li#active a {
	color:#222;
	background-color: #933;
}

ul.myButton li a:hover, ul.myButton li#active a:hover {
	color: #FFF;
	background-color: #933;
}

ul.myButton li.MoveLeft {
 	text-align: left;
	white-space: nowrap;
	float: none;
	margin: .25em 0 .5em 0;
}

ul.myButton li.MoveUp {
	white-space: nowrap;
	margin: -24px 0 0 0;
}






/*
////////////////////////////////////////////////////////
/////////////////// helpful stuff  /////////////////////
////////////////////////////////////////////////////////
*/

.clear-both { clear: both; display: block; }

.center { text-align: center; }
	
.absolute { position: absolute; }

.relative { position: relative; }


	
.nowrap {
	white-space: nowrap;
	}
.warning {
	color:#900;
	}

.clearStyles	{
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	}



/*  standard set widths
----------------------------------------------*/
.width25 { width: 25px; }	
.width50 { width: 50px; }
.width75 { width: 75px; }
.width100 { width: 100px; }
.width125 { width: 125px;}
.width150 { width: 150px;}
.width175 { width: 175px;}
.width200 { width: 200px;}
.width230 { width: 230px;}
.width235 { width: 235px;}
.width250 { width: 250px;}
.width300 { width: 300px; }
.width350 { width: 350px; }
.width400 { width: 400px; }
.width450 { width: 450px; }
.width500 { width: 500px; }
.width550 { width: 550px; }



/*  standard set heights
----------------------------------------------*/

.height25 	{ height: 25px; }	
.height50 	{ height: 50px; }	
.height60	{ height: 60px; }
.height75	{ height: 75px; }
.height85	{ height: 85px; }
.height100 	{ height: 100px; }	
.height125 	{ height: 125px; }	
.height150 	{ height: 150px; }	
.height175 	{ height: 175px; }	
.height200 	{ height: 200px; }	
.height225 	{ height: 225px; }	
.height250 	{ height: 250px; }	
.height275 	{ height: 275px; }	
.height300 	{ height: 300px; }	
.height350 	{ height: 350px; }	

	
	
.padding2	{
	padding: 2px;
	}
	
.padding5	{
	padding: 5px;
	}
	
	
.hiddenDiv {
	display: none;
	}
.visibleDiv {
	display: block;
	
	}	
	

/* some styles related only to dev sites, found in _incPostHTML.asp */
#DevPostHTML {
	width: 720px; /* set to same width as page content */
	margin: 0 auto;
	}
#OfflinePostHTML {
	width: 720px; /* set to same width as page content */
	margin: 0 auto;
	}