/* don't add div - IE messes up backgrounds*/
body{background: #d5aa5b ; background-attachment:fixed;  margin:0px; padding:0px;}
body, td, th{font-family:helvetica, arial, sans-serif; color:#000000; font-size:12px;}

a{color:#330066;}
a.hidden{text-decoration:none;}

ul{padding-top:0; margin-top:0; padding-bottom:10px; margin-bottom:0;}

.nn4{display:none;}

/* header classes */
#container{border:1px solid #888888; text-align:left; margin:0; background-color:#FFFFFF;}/* remove border for 100% sites */
#header{width:760px; height:80px; background:#BDE1F7;}
#logo{position:absolute; left:50%; top:1px; margin-left:-380px;}
#utilityNav{position:absolute; left:50%; top:5px; margin-left:-20px; width:400px; height:25px; color:#000000; font-weight:bold; font-size:8pt; text-align:right; z-index:50;}
#utilityNav .divider{color:#000066; margin-left:2px;}
#utilityNav a{margin:0 7px 0 7px; color:#000000; font-size:8pt; text-decoration:none; font-weight:bold;}
#email{display:none;} 
#headerLinks{display:none;}
#headerLinks a{display:none;}
#topNavBar{width:760px; z-index:50; background:#330066 url("/images/header/topnavBGgreen.gif") repeat-x; border-top:1px solid #000000; border-bottom:1px solid #666666; text-align:center; color:#000000;} 
/* do not change margin and padding */
#scripts{}
/* search classes */
.search{position:absolute; left:50%; top:35px; margin-left:80px; width:300px; background:#BDE1F7;}
.searchHeader{color:#FFFF99; font-size:9pt; font-weight:bold; padding-top:3px;}
.searchLabel{color:#000000; font-size:8pt;}
/* end of search classes */
/* end of header classes */

#content {padding:8px;}
/*** Below is the Tan hack, It fixes the box model of IE5.x/win, making it display the same as other browsers. ***/
* html #content {
width: 95%; 
w\idth: auto; 
}
#contentHome {padding:0px;}
/*** Below is the Tan hack, It fixes the box model of IE5.x/win, making it display the same as other browsers. ***/
* html #contentHome {
width: 100%; 
w\idth: auto; 
}
#seoContent{clear:both; margin-bottom:10px; padding:5px; font-size:11px; text-align:justify; line-height:14px;}

#printLogo{display:none;}
#lNav {height:220px;}
html>body #lNav{height:auto; min-height:220px;}
#detailCol{padding-left:10px;}
#detailHeaderBorder{border-top:1px solid #888888; border-left:1px solid #888888; border-right:1px solid #888888;}
#detailBorder{border-bottom:1px solid #888888; border-left:1px solid #888888; border-right:1px solid #888888; padding:5px;}
#relatedCol{width:130px;}

.clear{clear:both; font-size:2pt;}
.floatLeft{float:left;}
.floatRight{float:right;}
.title{font-size:10.5pt; color:#333333; font-weight:bold; white-space:none; padding:8px 0px 0px 0px;}
.filter{color:#330066;}
.heading{font-weight:bold; color:#330066; padding:5px 2px 10px 2px;}
.indent{padding-left:10px; display:block;}
.indentRight{padding-right:10px; display:block;}
.standardHR{background:#888888;	color:#888888; border:0px; height:1px; padding-bottom:0; margin-bottom:2px;}
h4{padding:0; margin:0; display:inline; font-size:12pt;}
.topArrow a{text-decoration:none; font-size:9pt; color:#993333; font-weight:bold;}

.tableHeader{background:#330066; color:#ffffff; border:1px solid #888888; font-weight:bold; padding-left:5px;}
.tableText1{background:#eeeeee; color:#000000;}
.tableField1{background:#eeeeee; color:#000000;font-family:"courier new", monospace, courier;}
.tableText2{background:#dddddd; color:#000000;}
.tableField2{background:#dddddd; color:#000000;font-family:"courier new", monospace, courier;}
.tableText3{background:#cccccc; color:#000000;}
.tableBorder{border:1px solid #888888;}

/* classes used in ecommerce listing/detail pages */
#pagingNav{font-size:9pt; padding-right:20px; color:#333333; float:right; padding-bottom:5px; width:150px;}
.productTitle{background:#330066; color:#ffffff; border-bottom:1px solid #888888; font-weight:bold; padding:3px 5px;}
.productName{float:left;}
.productID{float:right; padding-right:5px;}
.productBG{background:#ffffff url("/images/catalog/background.gif") no-repeat; width:242px; height:322px; padding:1px; float:right; margin:2px;}
.margin{margin:5px;}
.detailType{font-size:9pt; background:#330066; font-weight:bold; font-style:italic; width:80px; color:#ffffff; text-align:center; margin:10px; border:1px solid #000000;}
.msrp{}
.price{}
.ourPrice{color:#000000;}
.salePrice{color:#ee0000;}
.optionName{color:#000000; font-weight:bold;}
.optionBlock{float:left; padding:3px; text-align:center;}
.optionText{text-align:center; clear:right;}
.optionSpacer{float:left; width:20px; font-size:8pt;}
.instructions{font-weight:bold; color:#000000;}
.productBG{}
.tNailBG{background:#ffffff url("/images/catalog/thumbnails/background.gif") no-repeat;}
.tNailBG a{text-decoration:none;}
.tNailType{font-size:8pt; color:#ee0000; font-weight:bold; text-align:left;}
.tNailProduct{width:62%; text-align:left; font-size:8pt;}
.tNailDetail{text-align:center;}
.tNailDetail a{font-size:8pt; color:#330066;}
.tNailDesc{font-size:8pt; color:#333333; text-align:left;}	
.tNailPrice{font-size:8pt; text-align:right;}
.tNailPriceS{font-size:8pt; text-align:right; color:#ee0000;}
.checkoutNav{text-align:right; font-size:8.5pt; margin:5px;}
.checkoutNavOn{font-weight:bold;}
.tNailNotAvailable{width:100%; display:block; text-align:center; background:#EEEEEE; border:1px solid #666666; cursor:hand;}
.tNailNotAvailable p{margin-top:25%; font-size:1.1em; font-weight:bold; color:#330066;}
.detailNotAvailable{width:100%; display:block; text-align:center; background:#EEEEEE; border:1px solid #666666;}
.detailNotAvailable p{margin-top:25%; font-size:1.3em; font-weight:bold; color:#330066;}
/*-----end of ecommerce listing/detail classes-----*/

/*-----left nav-----*/
#lNavBrand{display:none;}
#cbBrand{display:none;}
#leftnavOff{background:#D4E2EC; padding:2px 5px; margin-left:5px; margin-top:5px;}
#leftnavOff a{text-decoration:none; font-size:9pt; font-weight:bold; color:#000000; width:100%; display:block;}
#leftnavOn{background:#617E90; padding:2px 5px; margin-left:5px; margin-top:5px;}
#leftnavOn a{text-decoration:none; font-size:9pt; font-weight:bold; color:#ffffff; width:100%; display:block;}
#leftnavT2{background:#EEEEEE; margin:0px 0px 2px 5px; padding:3px 3px 0px 3px; border:1px solid #666666;}
.leftnavT2List{background:#EEEEEE; padding-left:17px; margin-left:0px;}
.leftnavT2List li{list-style-type:disc; margin-top:0px; padding:0px;}
.leftnavT2Off a{text-decoration:none; font-size:8pt; color:#000000; width:100%; display:block;}
.leftnavT2On a{text-decoration:none; font-size:8pt; color:#330066; width:100%; display:block;}
/*-----end of left nav-----*/

/* form classes */
form{display:inline; margin:0; padding:0;}
.error{font-weight:bold; text-align:center; color:#cc0000;}
.required{font-weight:bold; color:#cc0000;}
.example{font-family:helvetica,arial,sans-serif; font-size:8pt; color:#666666; font-weight:normal;}
.select{font-size:9pt; display:inline;}
.label{font-size:9pt; font-weight:bold; text-align:right;}
.labelL{font-size:9pt; font-weight:bold;}/* use for labels that are left justified */
.field{font-family:"courier new", monospace, courier; font-size:9pt;}
.formButton	{font-size:9pt; color:#ffffff; background:#666666; margin:6px 5px 0px 5px;}
.fieldSmall	{font-family:"courier new", monospace, courier; font-size:8pt;}
.formBorder{border:1px solid #888888; padding:2px;}
.formHeader{font-weight:bold; color:#330066; padding:5px 2px 10px 2px;}
/* end of form classess */

/* footer classes */
.footer{width:760px; padding:5px 0px 5px 10px; font-size:8pt; color:#D4E2EC; background:#617E90; text-align:left; clear:both;}
.footer a{font-size:8pt; color:#D4E2EC; background:#617E90;}
.footerBeacon{width:auto; height:50px; padding:5px 10px 5px 10px; font-size:8pt; color:#666666; text-align:left;}
/* end of footer classes */

/* homepage classes */
#homeContent{float:left; width:251px; padding:7px 3px 7px 3px; font-size:11px; text-align:justify; line-height:14px;}
html>body #homeContent{width:245px;}
#homeContent p{margin:0 0 6px 0; padding:0;}
h1{font-size:14px; font-weight:bold; margin:0 0 6px 0; padding:0; text-align:center;}
h2{font-size:12px; font-weight:bold; margin:0 0 6px 0; padding:0; text-align:center}
.statefont{font-size:11px; font-weight:bold; color:#330066;}
.cityfont{font-size:10px; font-weight:bold; color:#666666;}
.hdrfont{font-size:12px; font-weight:bold; color:#000000;}
#imageHomeContainer{float:right; width:500px; margin-bottom:10px; padding:0; font-weight:normal; color:#223322; background-color:#E6F3FC; text-align:left; line-height:1.3em; letter-spacing:.02em;}
#imageHomeContainer *{padding:0;}
#imageHomeContainer a{display:block; color:#223322; font-size:11px; font-weight:bold; margin:0; text-decoration:none;}
#imageHomeContainer img{border:none; width:160px; height:130px;}
#imageHomeContainer #image_links td p{padding:2px 0 5px 0;text-align:left; margin:0 0 0 0; text-align:center;}
p {text-align:left;}

/* Calendar styles */
.tablehead {font-size:9pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none; color:#000000; background-color: #FFFFFF;}
.days {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none; color: #000000; background-color: #CCCCCC;}
.beforetoday {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #330066; background-color: #EEEEEE;}
a.beforetoday:link {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #330066; background-color: #EEEEEE;}
a.beforetoday:visited {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #330066; background-color: #EEEEEE;}
a.beforetoday:active {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #330066; background-color: #EEEEEE;}
a.beforetoday:hover {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #330066; background-color: #EEEEEE;}
.aftertoday {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none; color: #330066; background-color: #CCCCCC;}
a.aftertoday:link {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #330066; background-color: #CCCCCC;}
a.aftertoday:visited {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #330066; background-color: #CCCCCC;}
a.aftertoday:active {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #330066; background-color: #CCCCCC;}
a.aftertoday:hover {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #330066; background-color: #CCCCCC;}
.today {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none; color: #FF0000; background-color: #FFFFFF;}
a.today:link {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #FF0000; background-color: #FFFFFF;}
a.today:visited {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #FF0000; background-color: #FFFFFF;}
a.today:active {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #FF0000; background-color: #FFFFFF;}
a.today:hover {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #FF0000; background-color: #FFFFFF;}
.calendar	{background-color: #999999;}
.table	{background-color: #999999;}
.calendarblank	{background-color: #FFFFFF;}



/*--  Lightbox CSS --*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(images/header/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/header/overlay.png", sizingMethod="scale");
	}
	
span.hidden {display:none}