/* don't add div - IE messes up backgrounds*/
.TableStyle TD
{
	float:left; 
	width:100px; 
	font-size:8pt; 
	color:#333333; 
	border:1px solid #d3d3c7;
	vertical-align:top;
	padding:0px;
}

body{margin:0; padding:0; background:#FFFFFF;}
body, th, td{font-family:helvetica, arial, sans-serif; color:#000000; font-size:9pt;}
p{margin-top:0;}

#printLogo{display:none;}

a{color:#AA4444;}
a:hover{color:#5588AA;}
a.hidden{
	text-decoration:none;
	color: #FF0000;
}

ul{margin-top:0; margin-bottom:18px;}
form{margin:0; padding:0; display:inline;}
#noscripts{}

#container{text-align:left; margin:0; width:760px;}
#containerPopup{text-align:left; margin:0; width:100%;}
#contentContainer{margin:0; width:630px; float:left; text-align:left; vertical-align:top; background:#FFFFFF url("images/header/curveT2.gif") no-repeat;}
#contentContainerHome{margin:0; width:630px; float:left; text-align:left;}
#contentContainerCheckout{margin:0; width:620px; float:left; text-align:left; background:#FFFFFF url("images/header/curveT2.gif") no-repeat;}
#contentContainerPopup{margin:0; width:100%; text-align:left;}
#content{padding:14px 0px 10px 20px;}
#contentPopup{margin-left:10px;}
html>body #content{height:auto; min-height:300px;}
/*** 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: 99%; 
w\idth: auto; 
}

.clear{clear:both; font-size:0pt; margin:0; padding:0;}
.nn4{display:none;}
.indent{margin-left:20px; display:block;}

/* header */
#header{width:761px; height:130px; background:#FFFFFF url("images/header/background.jpg") no-repeat;}
#headerPopup{width:100%; height:73px; margin-bottom:25px; background:#FFFFFF url("images/header/background.jpg") no-repeat;}
#logo{position:absolute; top:11px; left:13px;}
#tagline{position:absolute; top:11px; left:162px; line-height:14pt; color:#ffffff; font-weight:bold;}
#freeShipping{position:absolute; top:11px; left:308px;}
#customerService{position:absolute; top:0px; left:568px;}
#search{position:absolute; top:78px; left:566px; width:193px; height:23px; text-align:right;}
.searchLabel{font-size:8pt; color:#003399; font-weight:bold; margin-right:3px;}
.searchField{font-family:"courier new", monospace, courier; font-size:8pt; margin-right:2px;}
#topNavContainer{position:absolute; top:101px; left:0px; width:761px; height:25px; background:#000000; text-align:left;}
#topNav{font-size:8pt; font-weight:normal; color:#FFFFFF; margin-top:5px;}
#topNav a{font-size:8pt; font-weight:normal; color:#FFFFFF; text-decoration:none;}
#topNav a:hover{color:#FFFFFF; text-decoration:none;}
#shoppingNav{float:right; height:23px; margin-top:1px; text-align:right;}

/* left nav */
#leftNavContainer{float:left; width:119px; background:#FFFFFF url("images/leftnav/leftnavBG.jpg") no-repeat;}
div.leftNav { 
	padding:10px 0 0 3px; width:114px; background:#000000;
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:111px;
} 
.leftNavImage { background-image:url(Images/leftnav/leftnavBG.jpg); background-repeat:no-repeat; background-position:right top; background-color:#FFFFFF;}
html>body .leftNav {
  	width:111px;
}
.leftNavLink{margin:0px 3px 13px 3px;}
.leftNavLink a{color:#FFFFFF; font-size:8pt; font-weight:bold; text-decoration:none; width:100%; display:block;}
.leftNavLink a:hover{color:#FFFFFF; text-decoration:none;}

/* right nav */
#rightNav{float:right; width:94px; text-align:right;}

/* content */
.text{}
#sectionTitle{float:left; margin:0px 10px 10px 0px;}
h1{font-size:12pt; font-style:italic; color:#003399; white-space:none; margin-top:0;} /* page title */
.subtitle{font-size:10pt; font-weight:bold; color:#336699; white-space:none; margin-top:0;} /* subtitle */
.red{color:#FF0000;}

/* ecommerce */
.checkoutNav{width:620px; font-size:8pt; font-weight:bold; color:#000000; text-align:right; margin-bottom:10px;}
.pagingNav{font-size:9pt; text-align:right; float:right;}
.pagingNav a{font-size:12pt; font-weight:bold; color:#CC0000; text-decoration:none;}
.productBG{background:#ffffff url("images/catalog/imageBG.gif") no-repeat;}
.tNailBG{background:#ffffff url("images/catalog/thumbnails/thumbnailBG.gif") no-repeat;}
.tNailPrice{font-size:8pt; color:#000000; background:#ffffff; text-align:left;}
.tNailDetail{text-align:right; font-size:8pt; text-align:right;}
.tNailDesc{font-size:8pt; color:#666666; text-align:left;}
.optionBlock{float:left; width:70px; font-size:8pt; color:#333333; border:1px solid #d3d3c7;}
.optionText{text-align:center; clear:right;}
.optionSpacer{float:left; width:20px; font-size:.50em;}
.landingImage{float:left; margin-right:10px; text-align:center;}
.relatedProducts{font-size:8pt;}
.popupSystems{margin-bottom:10px; padding:3px 0 8px 0; width:83%; font-size:11pt; color:#FF0000; font-weight:bold; background:#EEEEEE; border:1px solid #666666;}
	
/* forms */
.instructions{font-size:9pt; color:#336699; font-weight:bold;}
.field{font-family:"courier new", monospace, courier; font-size:9pt;}
.fieldSmall{font-family:"courier new", monospace, courier; font-size:8pt;}
.example{font-family:helvetica, arial, sans-serif; font-size:8pt; color:#336699;}
.label{font-size:9pt; font-weight:bold; text-align:right; white-space:nowrap;}
.result{font-size:9pt; text-align:left;}
.select{font-size:9pt;}
.error{font-size:9pt; font-weight:bold; color:#ff0000; text-align:center;}
.required{font-size:9pt; font-weight:bold; color:#ff0000;}
.errorPt{font-size:9pt; font-weight:bold; color:#ff0000; text-align:center;}
.formButton{font-size:9pt; color:#ffffff; background:#666666;}

/* tables */
.tableHeader{font-size:9pt; font-weight:bold; color:#ffffff; background-color:#336699;}
.tableText1{font-size:9pt; color:#000000; background-color:#ffffff;}
.tableText2{font-size:9pt; color:#000000; background-color:#eeeeee;}
.tableText3{font-size:9pt; color:#000000; background-color:#cccccc;}
.tableField1{font-family:"courier new", monospace, courier; font-size:9pt; background:#ffffff;}
.tableField2{font-family:"courier new", monospace, courier; font-size:9pt; background:#eeeeee;}

/* footer */
#footer{margin-left:109px; width:524px; font-size:8pt; text-align:center; color:#666666; background:#FFFFFF; margin-bottom:10px;}
#footer a{font-size:8pt; color:#666666; text-decoration:underline;}

/* old */
.contentText{
	margin:20px;
	display:block;
	}
.textSmall	{font-size:8pt;}
.textHeader	{font-size:11pt; color:#336699; font-family:helvetica, arial, sans-serif; font-weight:bold; /* 1.1 of what is in use.  This is for section headers within the content*/}