@import url("hacks.css");
/* CSS Document */

body { background-color:#ecf2f4;}

.yui-u h2 { color:#6489c7; font-weight:bold; font-size:24px;}
.yui-u strong { font-weight:bold;}

p, .CS_Textblock_Text p { padding-bottom:6px; color:#666;}
.CS_Textblock_Text ul { margin: 2px 0 4px 24px;}
.product ul { margin: 2px 0 4px 8px;}
.CS_Textblock_Text li { list-style:disc; }

#doc2 { background-color:#FFFFFF; background:#FFFFFF;}
#ft { background:#FFFFFF url(../images/bg_outline.gif) repeat-y;  width:950px; }
#hd { width: 950px;}
#bd { background:#FFFFFF url(../images/bg_outline.gif) repeat-y; width:950px; position:relative; }


a { color:#30acd6;}
a:hover {color:#99ccff;}

#copyright-container { width:950px; padding:20px 0 12px 0; }
#copyright_btm { min-height:11px; height:11px; background:url(../images/footer_fade.gif) bottom no-repeat; width:950px; }
#copyright-float { float:right; margin:0 10px 0 0; height:25px;}
.copyright {font: Arial, Helvetica, sans-serif; color:#7a7a7a; font-size:80%; width:375px;}
.copyright a:link, .copyright a:visited, .copyright a { color:#30acd6;}
.copyright a:hover {color:#99ccff;}
.CS_Element_LinkBar { width: 375px;}


.yui-g { width:951px;}
.yui-gb { width: 950px; }
.yui-gb div.first {  padding:2px 0 36px 2px; min-width:140px; width:140px;  }
.yui-gb div.main { padding:20px 0 0 0; min-width:525px; width:530px; }
.yui-gb div.calloutsection { padding:0 12px 0 0; min-width:210px; width:210px; float:right;}

#cta { min-height:320px;}
#searchbox { padding: 0 0 12px 0;}
#cta-events, #cta-email, #cta-buzz, #cta-wheretobuy { padding: 0 0 7px 0;  }
/*#cta-wheretobuy {padding-bottom: 90px;}*/

#navigation { padding: 16px 0 0 6px; white-space: nowrap}
.subnavigation { padding: 4px 0 4px 8px;  margin-top:5px; margin-bottom:10px; border-bottom:dashed 1px #cccccc; border-top:dashed 1px #cccccc;}
#navigation2 { padding: 14px 0 0 9px;}

.navItem, .navItem a, .navItem2 a, .subnav a, .subnav-on a { font:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:114%; padding: 2px 0 0 0; font-weight:bold; line-height:140%; text-decoration:none;}
.navItem span { color:#ff9966;}

#navigation2 .navItem a { color:#fff;}
#navigation2 .navItem span { color:#7aa9ac;}

.subnav a { color:#fff; margin-left:0px; font-weight:normal;}
.subnav a span { color:#6699cc;}


#navigation .on a{ color:#999;}
#navigation .on a span { color:#999;}

.subnavigation .on a{ color:#999;}
.subnavigation .on a span { color:#999;}
#navigation2 a:hover, .navItem a:hover, .navItem2 a:hover, .subnav a:hover {color:#CCCCCC;}
#navigation2 .on a{ color:#999;}
#navigation2 .on a span{ color:#999;} 

#product-section { margin:0 0 0 8px; position:relative;}
.section-header { padding-top:10px; padding-bottom:10px; }
.section-icon { position:absolute; top:-22px; left:388px;}
.hide { visibility:hidden; display:none;}


.prod-info { font:Helvetica; margin:2px 0 20px 10px;}
.prod-info h2 { color:#6191cc; font-size:136%;}


#other-products h2, #also-like h2, #gotta-get h2, #email-signup h2{ 
	background:url(../images/righttab_blue.gif) no-repeat; 
	width:208px; 
	height:30px; 
	color:#FFFFFF; 
	font-size:122%; 
	text-align:center; 
	padding: 3px 0 0 0;
	margin: 0;
	}
	
.sidebar-container { 
	background:url(../images/product_bg.gif) no-repeat; 
	height:130px;
	color:#666; 
	font-size:92%; 
	padding:5px 0 15px 10px; 
	}


.sidebar-container li { list-style-image:url(../images/bullet.gif); margin: 5px 0 0 14px; position:relative;}
.sidebar-container a:link, .sidebar-container a:visited { color:#ff9966; }
.sidebar-container a:hover { color:#ccc; }

.sidebar-txt { }
.sidebar-img { float:right; margin: 0px 0 0 12px;}
 
#also-like h2 {background:url(../images/righttab_turq.gif) no-repeat;}
#also-like a, #gotta-get a { padding: 0 0 5px 0; display:block;}
#gotta-get h2 {background:url(../images/righttab_peach.gif) no-repeat; }
#email-signup img {
	padding: 6px 0 0 0; 
	margin: 0 0 50px 48px ;
	}
	
div.calloutsection div h2 { margin:0; padding:0 !important; height: 30px; line-height: 30px; }
.product { margin: 10px 0 0 10px; color:#666; float:left;}
.product h1 { font-size:182%; color:#6489c7; font-weight:700; padding-bottom: 10px;}
.product h2, .product h3,{ font-size:100%; color:#6489c7; font-weight:bold; padding: 18px 0 2px 0; margin: 10px 0 0 0;}
.product p { line-height:140%; padding: 0 0 8px 0;}
.product li { list-style-image:url(../images/bullet.gif); margin: 5px 0 0 8px; position:relative;}
.product ul { padding-bottom: 8px;} 

#product-nfo h2 { font-size:122%; margin: 10px 0 4px 0;}

.wheretobuy, .shades { padding: 20px 0 0 0; margin-bottom: 20px;}
#shades { margin-left: 20px;}

#shades-bg { border-left:#cccccc 1px solid; border-right:#cccccc 1px solid; width:463px; margin:0 !important;; padding:0 !important;;  }
#shades-bg div { padding: 0 0 10px 16px;}
#shades-bg h3 { font-size:122%; font-weight:bold; color:#666666; padding-bottom:0 0 15px 0; margin:0 0 10px 0;}

.shades-top { 
	height: 12px;
	width: 465px;
	background: url(../images/shades_top.gif);
	background-repeat:no-repeat;
	
	margin:0 !important;; 
	padding:0 !important;;
	
	}

#product-image { float:right; padding:28px 0 0 2px; }

.searchform-txt { width:125px; vertical-align:middle; }
form img{ margin: 2px 0 5px 0; vertical-align:middle;}


.hover-btn a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
}
#events-map { margin-top: -30px}


///// start /////
p.swatches {
	 float: left; margin: 15px 0 15px 0;
}
.swatches a,.swatches a:visited,.swatches a:hover,.swatches a:active,.swatches a:link, .swatches .a-swatch {
	width: 173px; 
	float: left;
	display: block;
	background-repeat: no-repeat;
	padding-left: 25px;
	color: #666;
	text-decoration: none; line-height: 16px;
} 

.enlarge-swatch  {
	width: 173px; height: 50px;
	display: block;
	background-repeat: no-repeat;
	color: #666;
	text-decoration: none; background-position:10px 10px; 
}


.multi-swatch {	
	width: 24px; height: 16px;
	float: left;
	display: block;
	background-repeat: no-repeat; margin-right: 1px;
}


.swatches a:hover { color: #333; cursor: hand }
h5 {
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	padding: 0 0 0 0;
}

.SR-container { color:#666; font-size:113%;}
.SR-container p { padding: 10px 0 0 0;}
.SR-container strong { }
.SR-container ul { margin: 10px 0 0 0;}
.SR-container li { list-style-image:url(../images/bullet.gif); margin: 5px 0 0 14px; position:relative; line-height:100%; font-size:92%;}

#fewresults {  width:320px; margin:20px 10px 0 0; padding: 10px 20px 25px 20px; border: 1px #7baaae dotted; background:#ecf2f4;}

#fewresults p { font-weight:bold; color:#6aa0a4; font-size:114%;}
.up { margin: -25px 0 0 0;}
.up img{ margin: 10px 0 0 0;}
#email-form{ color:#666;}
#email-form strong{ color:#333;}
.txt-field { width: 300px;}
.txt-field2 { width: 175px; margin-bottom:4px; padding: 1px 0 1px 0; height:16px;}
#fic_8629_8661_1 { width:280px; height:80px;}
#fic_8629_8661_1
.CS_Form_Label_Baseline, .CS_Form_Required_Baseline { color:#666; padding-right:4px; }
.CS_Form_Required_Baseline, .CS_Form_Required label { color:#333; text-align:left; font-weight:bold; padding-bottom: 5px; }
.CS_Form_Label_Baseline { text-align:left; font-weight:normal;}

#events-map { position:relative; background:url(../images/events_map.gif) no-repeat; width:520px; height:388px; top: 28px; padding-bottom: 36px;}
#events-map .pulse { position:absolute; top:273px; left:240px;}
#events-map .pulse_houston { position:absolute; top:207px; left:393px;}
#events-map .pulse_sanjose { position:absolute; top:163px; left:42px;}
#events-map .pulse_newyork { position:absolute; top:185px; left:393px;}
#events-map .pulse_losangeles { position:absolute; top:229px; left:64px;}
#events-map .pulse_chicago { position:absolute; top:185px; left:262px;}
#events-map .pulse_miami { position:absolute; top:295px; left:349px;}


.event-location h2 { font-size:136%;}
.event-location .txt { line-height:125%; padding: 0 0 25px 0;}
.event-location .nfo { margin:0; padding:0;}

#policy h3 { color:#6191cc; font-size:136%; padding: 10px 0 0 0;}
#policy p { padding: 2px 0 10px 0;}
#policy li { color:#666; list-style-image:url(../images/bullet.gif); margin: 5px 0 0 8px; position:relative;}
#policy, #policy ul { padding-bottom: 10px;}

.site-index { margin: 20px 0 0 0 ;}
.SR-container { padding: 20px 0 0 0;}
.SR-container h3 { padding-bottom:10px;}
.CS_Document {margin-top: 10px;}
.prodresult { margin: 12px 0 0 0;}
.prodresult h3 { margin: 0; padding:0;}
.prodresult p { font-size: 77%; margin: 0; padding:0; }

.info-query h3 {  padding:14px 0 0 0;} 
.info-query p { font-size: 77%; padding: 1px 0 0 0;}

#subscribed { color:#666;}
#subscribed p { padding: 0 0 12px 0; font-size:92%;}
#subscribed h3 { padding: 8px 0 14px 0; font-size:122%;}

h3, .hdr-medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: normal;
	margin: 1em 0 .5em 0;
}

#logos {
	float:right; width:125px; padding:40px 160px 0 0;
}