/* ---------------------------------------------
expresssunglasses.com Master Style Sheet
author:   Acceleration.net (jb)
version:  2004.09
----------------------------------------------- */

/* I put this in here to trick Netscape 4.x - so it doesn't muck the layout. */
@import url("logoparade.css");
@import url("sitemap.css");

/* ---------------------------------------------
expresssunglasses.com Style Sheet
author:   Acceleration.net (jb)
version:  2005.01
----------------------------------------------- */

input, textarea, select {font-size: 13px; border: 1px solid #999; background: #fff; padding: 2px;}
body {background: #000066 url(../images/pagebg.gif) repeat-y 50% 0; background-attachment: fixed; margin: 0; padding: 0;}
* html body { /* This is a Tan hack...to make IE 5.5 Center */ text-align:center;}
hr {color: #f60; background-color: #f60; height: 3px; border: 0;}
p {text-indent: 1em; }

h1 {font: bold 24px Verdana, Arial, Helvetica, sans-serif; color: #000000; margin:10px 0 3px 0;}
h2 {font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #000066; margin:0 0 6px 0;}
h3 {font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #000000; margin:0 0 3px 0;}

/* IDs ---------------------------------------*/

#cartbox {
   margin: 10px 0 0 50px;
   width:400px;
   text-align:left;
   }

#cartinfo {
	position: absolute;
	text-align:right;
	top: 4px; right: 8px;
	z-index: 1;
	}

#chkShipping, #chkRush {border:0}

#contentcontainer {
	/*background-color:#00FF00;*/
	text-align:left;
	position: absolute;
	width: 675px;
	top: 84px; left: 25px;
	z-index: 2;
	}

#featuredhome {	
	background: url(../images/featured-border.gif) no-repeat;
	height: 120px;}

#footerbar {
	background: url(../images/footerstripe.gif) repeat-x;
	height: 120px;
	width: 675px;
	margin-top: 20px;
	}

#logoforstylelessness {visibility:hidden;}

#navcontainer {display: block;float: right;margin:0; position:absolute; padding:0; top:5px; left:340px; z-index: 1000;}
	
	#navcontainer ul {padding:0; margin:0; color: white; font-size:11px;}
	#navcontainer ul li { display: inline; }
	#navcontainer ul li a {padding: 0.2em .5em; color: white; text-decoration: none; float: left; border-left: 1px solid #cc3300; border-bottom: 0px;}
	#navcontainer ul li a:hover {background-color: #cc3300; border-bottom: 0px; color: #fff;}
	
	#navcontainer .menu-header,
	
.menu {
	font-size: 15px;

}
#navcontainer,
.menu ul {
	list-style: none;
	margin: 0;
}
#navcontainer,
.menu li {
	float: left;
	padding:5px 0px;
	position: relative;
}

	#navcontainer a {
	color: #fff;
	display: block;
	padding: 0px 12px;
	text-decoration: none;}
	
		#navcontainer ul ul{
			display: none;
			position: absolute;
			top: 22px;
			left: -110px;
			float: left;
			font-weight:normal;
			width: 150px;
			z-index: 99999;
		}
		
		#navcontainer ul ul li {
			background-color:#DF5A00;
			border-right:none;
			border-top:solid 1px #FF8E49;
			min-width: 150px;
		}
		
		#navcontainer ul ul ul {
			left: 100%;
			top: 0;
		}
		
		#navcontainer ul ul li a {
			border:none;
			line-height: 1em;
			font-size:10px;
			padding:3px 8px;
			width: 150px;
			height: auto;
		}

		#navcontainer li:hover > a,
		#navcontainer ul ul :hover > a {
			text-decoration:none;
		}
		#navcontainer ul li:hover > ul {
			display: block;
		}

#noborder {border:0}

#page {width: 725px; margin: 0 auto; position: relative;}
#pagetop {
	position: absolute; 
	background: url(../images/pagetop.jpg) no-repeat;
	width: 724px; height: 85px;
	top: 0; left: 1px; 
	z-index: 0;
	}

#proceed {
   background: url(../images/proceedarrow.gif) no-repeat;
   width:100%;
   height:30px;
   text-align:right;
   }

#productimage {text-align:center;}

/* Classes -----------------------------------*/	

.featureditem {
	float: left;
	height: 118px; width: 162px;
	background-color:#00FF99;
	background: url(../images/featured-border.gif) no-repeat;
	background-position:right;
	text-align:right;
	padding-right: 6px;
	font-weight:bold;
	}
* html .featureditem {width:168px; w\idth:162px;}

.featureditem a:link,a:active {color: #f60; text-decoration: none; border:0;}
.featureditem a:visited {color: #f60; text-decoration: none; border:0;}	
.featureditem a:hover {color: #006; border:0;}

.hide {display:none;}

input[type=submit].mycartbuttons,
input[type=button].mycartbuttons{font-size: 11px; border: 1px solid #999; background: #fff; padding: 2px;}
input[type=submit].mycartbuttons:hover,
input[type=button].mycartbuttons:hover {font-size: 11px; border: 1px solid #999; background: #999; padding: 2px;}

.noborder {border:0;}
.noindent {text-indent:0px;line-height:1.25em;}
.pricetag {
	font-size:14px;
	padding-bottom: 3px;
	}

.tollfree {
	font-size:14px;
	font-weight:bold;
	}

.red {color:Red}

.whitebg {background-color:White}

.killfloat, .kill-float {clear:both;font-size:0; height:0px; line-height:0px;}
html,body,div,p {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000000;}


/* Generic Rules
----------------------------------------------- */
a img {border-width: 0; border-style: none;}
a:link,a:active {color: #ff6600; text-decoration: none; border-bottom: 1px dotted #fff;}
a:visited {color: #ff6600; text-decoration: none; border-bottom: 1px dotted #fff;}	
a:hover {color: #000066; border-bottom: 1px dotted #ff6600;}

/* Classes
----------------------------------------------- */
.TH_STYLE {color: #ffffff; background-color:#000066; font-weight:bold; line-height:22px;}
.TD_BGCOLOR1 {background-color:#f0f7fd;}
.TD_BGCOLOR2 {background-color: #ffffff;}
.BORDER_COLOR {border-color:#000080;}
.noborder {border:0;}
.yellow {color:#ffff01;}

/* IDs
----------------------------------------------- */
.cookiewarning {margin:20px; padding:10px; border:1px dashed red;}

.ReceiptFontStyleNonAccent{
color:#fff;
font-weight: bold;
}

.unavailable
{
	margin:5px;
	padding:10px;
	border:2px solid #ff6600;
	text-align:center;
	font-size:1.2em;
}

.checkout .billing, .checkout .shipping {width:300px; float:left;}
.checkout .chk {float:left; width:300px;}

input[type=button].big-button,input[type=submit].big-button {font-size:2em;}
.cc-form input[type=text] { font-size:1.25em; width:250px; }
.cc-form td[align=right] {font-weight:bold;}
.cc-form {border:1px solid black; padding:5px;}
input[type=submit],input[type=button],button{font-size:1.25em; font-weight:bold; color:#333; cursor:pointer; padding:.5em;}
.promo-prod {border:#ff6600 solid 1px; margin:5px }
.promo-prod .col {float:left; padding:5px;}
.promo-prod .left-col {width:20%;}
.promo-prod .right-col{background-color:#f0f6fe; width:70%; float:right;}
.errors {color:Red; font-weight:bold;}
.cc-form h2{margin:0;}

.finalize {text-align:center; float:left; border:3px double #00CC22; padding:5px; }
.finalize h3 { color: #009922; }
.finalize input {margin:5px;}
.instructions { color: #009922; }

.proceed { width:500px; padding:10px; margin:5px auto;}