/*------------------------------------------------------------------
[Global Core]

Theme: Default
Primary use: Global HTML element reset and common css classes
Created by: Brad Haydon
Created on: 03.29.09
-------------------------------------------------------------------*/

/*	Reset
-------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a{outline: none;}


/*	Reusable Utility Classes 
(These classes are used when adding to a stylesheet would be overkill)
-------------------------------------------------------------------*/

.hide{display: none !important;}
.block{display: block !important;}
.left{float: left; margin-right: 1.7em !important; margin-bottom: 1.7em !important;}
.right{float: right; margin-left: 1.7em !important; margin-bottom: 1.7em !important;}
.clear{clear: both !important;}
.clear-left{clear: left !important;}
.clear-right{clear: right !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}
.top{vertical-align: top !important;}
.middle{vertical-align:middle !important;}
.bottom{vertical-align: bottom !important;}
.zero-margin{margin: 0 !important;}
.zero-padding{padding: 0 !important;}
.no-border{border: none !important;}
.nowrap{white-space: nowrap !important;}
.margin-bottom{margin-bottom: 1.7em !important;}
.uppercase{text-transform: uppercase !important;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
/*------------------------------------------------------------------
[Global Structure]

Theme: Default
Primary use: Defines the structure of the website
Created by: Brad Haydon
Created on: 03.29.09
-------------------------------------------------------------------*/

/* BODY
-------------------------------------------------------------------*/
#wrap-outer,
#wrap-inner {
   width: 1000px;
   margin: 0 auto;
}
.container {
   clear: both;
   width: 980px;
   margin: 0 auto;
}

/* BOX
-------------------------------------------------------------------*/
.box {
   margin: 0 0 1.7em 0;
   border: solid 1px #999;
   padding: 10px;
   overflow:hidden;zoom:1;
}
.box h2,
.box h3,
.box p,
.box ol,
.box ul{
	padding: 5px 10px;
	margin: 0;
}
.box ol ol,
.box ul ul {
   padding-left: 10px;
}

/* DEFINITION LISTS
-------------------------------------------------------------------*/
dl{
   margin: 20px 0;
}
dt{
	float: left;
	width: 180px;
	padding-right: 20px;
}
dd{
	margin: 0 0 20px 200px;
	padding: 0 0 0 20px;
}

/* FOOTER
-------------------------------------------------------------------*/
#footer {
   padding: 20px 0 0 0;
}
#footer p {
   float: left;
   margin: 0 10px 0 6px;
}
#footer ul {
   float: right;
   color: #ec1fba;
}
#footer ul li {
   border-right: solid 1px /*#3bcdf2*/#D70000;
   float: left;
   padding: 0 9px;
   line-height:1.3;
}
#footer ul li.last {
   border: none;
   padding: 0 0 0 9px;
}
#footer ul li a {
   padding: 0;
}
#footer .container{
   color: #3bcdf2;
}
#footer .wrap{ margin-left:5px; width:975px; }
/* FORMS
-------------------------------------------------------------------*/
form.styled{
   float: left;
   margin-bottom: 20px;
   width: 100%;
}
form.styled legend {
   margin-bottom: 10px;
}
/*	Definition style reset
------------------------------------*/
form.styled dl,
form.styled dt,
form.styled dd{
	margin: 0;
	padding: 0;
	border: 0;
}
/*	Base
------------------------------------*/
form.styled p,
form.styled ul,
form.styled dl,
.box form.styled p,
.box form.styled ul,
.box form.styled dl{
   border-bottom: solid 1px #999;
   border-top: solid 1px #fff;
	clear: both;
	display: inline;
	float: left;
	margin: 0;
	padding: .5em 0;
	width: 100%;
}
.box form.styled p,
.box form.styled ul,
.box form.styled dl{
	border:none;
}

/*	Info
------------------------------------*/
form.styled p.info{
	float: none;
	display: block;
	width: auto;
	clear: both;
	padding-left: 30px;
	text-align: right;
}

/*	Helpers
------------------------------------*/
form.styled p span{
	display: block;
	padding: .2em 0 0 175px;
}

/*	Title Column
------------------------------------*/
form.styled label,
form.styled dt,
form.styled dl.alt dt{
	float: left;
	display: inline;
	width:  150px;
	padding: 0 0 0 5px;
	margin-right: 20px;
}

/*	Input Boxes
------------------------------------*/
form input.text,
form textarea.text,
form select{
	border: #b2b2b2 1px solid;
	padding:0;
}
form input.text:focus,
form textarea:focus,
form select:focus{
	border-color:/*#EB1EB9*/ #D70000 !important;
}

/*	Radios and Checkboxes
------------------------------------*/
form.styled ul label,
form.styled dl label{
	float: none;
	width: auto;
	padding: 0;
	margin-left: 5px;
}
form.styled li input{float: left;}
form.styled li{
	margin: 0 0 0 175px;
	padding: 0;
}
form.styled dd{
	padding-left: 175px;
}
form.styled dl.alt dd{
	float: left;
	display: inline;
	margin: 0 1em 0 0;
	padding: 0;
}

/*	Buttons
------------------------------------*/
form.styled p.buttons{
	margin: 0;
	padding: 0;
	border-bottom: none;
}
form.styled p.buttons input:first-child{margin-left: 175px;}
form.styled p.buttons input{margin-top: .7em;}

/*	Box Form Style
------------------------------------*/
.box form.styled{
}

/* HEADER
-------------------------------------------------------------------*/
#header {
   overflow:hidden; width:100%;
}
#header .container { margin-bottom:30px; padding:10px 10px 0 10px; position:relative; overflow:hidden; width:980px; }

#header #nav-global {
   float: right;
}
#header #nav-global ul {
   float:left;
}
#header #nav-global li {
	float: left;
	padding: 0 9px;
	border-right: solid 1px #d70000;/* #3bcdf2;*/
	margin-bottom:0;
	line-height:1.3;
}
#header #nav-global li.last {
   padding: 0 0 0 9px;
   border: none;
}
#header #nav-global li a {
}
#header #nav-primary #logo {
   float: left;
   width: 120px;
   position: relative;
   top: 0;
}

/*
#header #nav-primary ul {
   float: left;
   padding: 0 0 0 40px;
   margin: 0;
   list-style: none;
}
#header #nav-primary li {
   float: left;
   position: relative;
   margin: 5px 10px;
}

#header #nav-primary li ul{
   left: 0;
   margin: 0;
   padding: 0;
   top: -999em;
   position: absolute; 
   width: 450px;
   z-index: 200;
}
#header #nav-primary li ul li {
   float: left;
   margin: 5px 10px 0 0;
}
*/


#header #nav-primary li:hover ul,
#header #nav-primary li.sfHover ul {
   top: 15px;
}

#nav-select {
	clear:right;
	float:right;
	min-height:25px;
	width:860px;
}

/* HEADERS
-------------------------------------------------------------------*/
h1{
	margin: 0 0 20px 0;
}
h2{
	margin: 0 0 20px 0;
}
h3{
	margin: 5px 10px 2px;
	padding-bottom: .1em;
	color:#585858;
}
h4{
	margin: 0;
}

/* ICONS
-------------------------------------------------------------------*/
.phone-order p {
   padding:0px 0px 2px 30px;
   float: right;
   width: auto;
}

/*	LISTS
-------------------------------------------------------------------*/
ul ul{margin: 5px 0 0 20px;}
li{margin-bottom: 5px; line-height: 1.7em;}

/* TABLES
-------------------------------------------------------------------*/
table,
table.box,
.content table,
.content table.box {
   width: 100%;
   margin: 0 0 20px 0;
}
td {
   border-bottom: dotted 1px #dcdcdc;
   padding: 10px;
}
th {
   padding: 10px;
}
table.line th, 
table.line td {
   padding: 3px 10px;
}
td.last,
tr.last td {
   border-bottom: none;
} 
tr.alt th,
th.alt {
   border-bottom: solid 1px #999;
   border-top: solid 1px #fff;
}
/*------------------------------------------------------------------
[Global Type]

Theme: Default
Primary use: Defines the typography of the website
Created by: Brad Haydon
Created on: 03.29.09
-------------------------------------------------------------------*/
body {
   font-family: Verdana, Helvetica, Arial, "sans-serif"; 
   color: #000;
	font-size: 11px;
	line-height: 1.7em;
}
a {
   text-decoration: none;
}
/* GLOBAL NAVIGATION
-------------------------------------------------------------------*/
/* PRIMARY NAVIGATION
-------------------------------------------------------------------*/
#nav-primary li {
   text-transform: uppercase;
}
/* CONTENT PRIMARY
-------------------------------------------------------------------*/
#content-primary h1, 
#content-primary h2, 
#content-primary h3 {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#content-primary h1 {
   font-size: 1.636em;
	line-height: 1.039em;
	font-weight: normal;
}
#content-primary h2 {
   font-size: 1.273em;
	line-height: 1.336em;
	font-weight: normal;
	text-transform: uppercase;
}
#content-primary h3 {
   font-size: 1.091em;
	line-height: 1.558em;
	font-weight: normal;
}
/* FOOTEFORMS
-------------------------------------------------------------------*/
#content-primary form.styled legend {
   font-size: 1.273em;
   line-height: 1.336em;
}
/* HEADER
-------------------------------------------------------------------*/
#header #nav-primary li,
#header #nav-primary li a {
   font-weight: 700;
}
/* FOOTER
-------------------------------------------------------------------*/
/* HEADER
-------------------------------------------------------------------*/
#content-primary h1,
#content-primary h2{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
#content-primary h1{
	font-size: 1.636em;
	line-height: 1.039em;
	font-weight: normal;
	text-shadow: #0f0f0f 1px 1px 0;
}
#content-primary h2{
	font-size: 1.273em;
	line-height: 1.336em;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: #0f0f0f 1px 1px 0;
}
#content-primary h3{
	font-size: 1.091em;
	line-height: 1.558em;
	font-weight: normal;
	color: #900;
	/*text-shadow: #0f0f0f 1px 1px 0;*/
}
#content-primary h4{
	font-weight: bold;
	color: #b5b5b5;
	text-shadow: #0f0f0f 1px 1px 0;
}
.order-phone { font-size:12px; line-height:1em; }
.warning { font-size:11px; line-height:1em; }
.warning-detail { font-size:9px; font-weight:bold; width:100% }
/*	FORMS
-------------------------------------------------------------------*/
.forminput, .product-form-input, .product-form-select, .selsort, .selprod { font-size:1em; height:1.5em;}

/* PRODUCTS
-------------------------------------------------------------------*/
.product-style, .product-family { font-size:10px; line-height:11px; }
.product-price { font-size:10px; line-height:11px; }
.product-details-title { font-size:18px; }
.product-details-subtitle { font-size:14px; line-height:14px; }
.product-details-lable { font-size:14px; line-height:14px; }
.product-details-price { font-size:16px; }
.product-details-over-model { font-size:24px; }
.product-details-over-name { font-size:20px; line-height:24px; }
.product-details-over-lable { font-size:14px; line-height:24px; }
.product-details-over-color { font-size:14px; line-height:24px; }

/*------------------------------------------------------------------
[Global UI]

Theme: Default
Primary use: Defines the UI and graphical elements of the site
Created by: Brad Haydon
Created on: 03.29.09
-------------------------------------------------------------------*/

/* BASE/GRID
-------------------------------------------------------------------*/
html { background:url(/_repository/_gui/default/TOP-TO-BOTTOM-GRADIENT.jpg) repeat-x 50% top #f5f5f5; height: auto; min-height:100%; 
		
   }
body {
   background:url(/_repository/_gui/default/BOTTOM-TO-TOP-GRADIENT.jpg) repeat-x 50% 100%; height:100%; 
   color: #000000;
}
hr {
   border-top: 1px solid #999;
	border-bottom: 1px solid #fff;
	border-left: 0;
	border-right: 0;
	margin: 0 0 1.7em 0;
	clear: both;
}
.line100{ clear:both;
	width:100%; height:2px;
	margin: 0; border:0; 
}
.transp05{ clear:both;
	border:0; width:100%; height:2px;
	margin: 5px 0 0 0;
}
a {
   color: #000000;/*#ec1fba;*/
}
a:hover {
   color: #D70000;/*#3bcdf2;*/
}
ins { text-decoration:none; }

#content{
	width: 998px;
}

#content .wrap{
	float: left;
	min-height: 465px;
}

#content-primary{
	float: right;
	display: inline;
	width: 800px !important;
	padding: 0 10px 0 0;
}
#content-secondary{
	float: left;
	display: inline;
	width: 170px !important;
}
#content-primary ul{list-style-type: square;}
#content-primary ol{list-style-type: decimal;}
#content-primary ol ol{list-style-type: lower-roman;}
#content-primary ul li ul li{list-style-type: circle;}
#content-primary li{list-style-position: outside; margin-left: 6px;}
/* LISTS
-------------------------------------------------------------------*/

/* HEADER
-------------------------------------------------------------------*/
#header {
	width: 998px;
}
#header #nav-primary .selected,
#header #nav-primary .selected a:hover {
   color: #d70000;
}
#header #shopcart { padding-left:1.3em; }
/* HEADERS
-------------------------------------------------------------------*/
#content-primary h1,
#content-primary h2,
#content-primary h3 {
	color: /*#3bcdf2*/ #585858;
}
#content-primary h1.alt,
#content-primary h2.alt,
#content-primary h3.alt {
	color: #fff;
}
#content-primary .span-8{width: 380px;}
#content-primary .span-16{width: 780px;}

/* ICONS
-------------------------------------------------------------------*/
.order-phone { float: right; }
.warning { float: right; }
.warning-detail { float: right; }
.secure-conn{
	clear:right;
	float:right;
	margin:10px 0;
	padding-left:20px;
	width:150px; height:22px;
}
/*	FORMS
-------------------------------------------------------------------*/
#content-primary form.styled legend {
   color: #d70000;
}
.forminput {
width:200px;
background:#E5E5E5 none repeat scroll 0 0;
border:1px solid #000000;
height:15px;
margin:3px 0 0 0;
padding:0;
}

/*	required
------------------------------------*/
#content-primary form.styled p.required,
#content-primary form.styled ul.required,
#content-primary form.styled dl.required{
	background-repeat: no-repeat;
	background-position: 1em .70em;
}

/*	Errors
------------------------------------*/
#content-primary form.styled p.error,
#content-primary form.styled dl.error,
#content-primary form.styled ul.error{background: a2}
#content-primary form.styled p.error input.text,
#content-primary form.styled p.error textarea.text,
#content-primary form.styled p.error select{
	border-color: #d70000;
}
#content-primary form.styled p.error input.text:focus,
#content-primary form.styled p.error textarea.text:focus,
#content-primary form.styled p.error select:focus{
	border-color: #D00;
}

/*	Input Boxes
------------------------------------*/
#content-primary form input.text,
#content-primary form textarea.text,
#content-primary form select{
	background: #ccc;
}
#content-primary form input.text:focus,
#content-primary form textarea:focus,
#content-primary form select:focus{
	background: #dcdcdc;
}

/*	Radios and Checkboxes
------------------------------------*/
#content-primary form.styled li{
	list-style: none;
}

/*	Box Form Style
------------------------------------*/
#content-primary .box p.buttons{background: none;}

/* BOX
-------------------------------------------------------------------*/
#content-primary .box {
   background: #e8e8e8;
}

/* TABLES
-------------------------------------------------------------------*/

#content-primary table,
.body .content table {
   background: #fff;
}
#content-primary table.line,
.body .content table.line {
   background: #f4f4f4;
}
#content-primary table.box,
.body .content table.box {
   border: none;
}
#content-primary th,
.body .content th {
   border-bottom: solid 1px #d70000;
}
#content-secondary .active { color:#3bcdf2; font-weight: bold; }
/* MENU
-------------------------------------------------------------------*/

    #header #nav-primary #navmnu { position:relative; top: 30px; left: 42px; width: 800px; clear: right; float:left;
              font-family:TradeGothic LT BdCondTwenty, Helvetica, Arial, "sans-serif" }
          
    #header #nav-primary #navmnu ul {list-style-position:outside; margin:0px}
    #header #nav-primary #navmnu ul li {float:left;margin-right:14px;line-height:0;cursor:pointer;}
    #header #nav-primary #navmnu ul li a {display:block;}
    .sbmenu {height: 20px;font-size:12px;visibility:hidden;position:absolute;width:510px;padding-top:5px } /* 450px */
    .rootitem {font-size:14px;margin-right:2px}

    .imnuitem {border-style: none; border-width: 0px;}
    #navmnu a.select {color:#3bcdf2;} 

/*
div.navmnu {position:relative; top: 12px; left: 40px; clear: right; font-family:TradeGothic LT BdCondTwenty, Helvetica, Arial, "sans-serif" }
navmnu a {text-decoration:none; color:#333333;}
navmnu a.selected {text-decoration:none;} 
div.sbmenu {height: 20px;font-size:11px;position:absolute;visibility:hidden; }
.mnuitem {cursor:pointer;float:left;margin-right:5px;background-repeat:no-repeat;background-position:left;}
.rootitem {margin-right:10px;}
img.mnuitem {border-style: none; border-width: 0px; }
span.mnuitem:hover{color:#DF0000;}
span.selected {color:#DF0000}
*/

/* FOOTER
-------------------------------------------------------------------*/
#footer{
	width: 998px;
}
#footer a{
	color: /*#ec1fba*/#000000;
}
#footer a:hover{
	color: /*#3bcdf2*/#D70000;
}
#footer p{
	clear: right;
	/*color: #3bcdf2;*/
	color: #333333;
}
#footer-img{
	/*width: 100%;
	/height:5px; */
}

/* [YELLOW] HEADER SEARCH + MENU
-------------------------------------------------------------------*/
#logo { }
#search {
	clear:both;
	float:right;
	margin: 0 5px 40px 0; /* top right bottom left */
	min-height:59px;
}
#search ul {
   list-style-type: none;
}
#search #search-fields,
#search #search-navigation, #search #search-select 
{
   clear:both;
   float: right;
}
#search #search-fields li,
#search #search-navigation li,
#search #search-select li {
   float: left;
}

#search #search-navigation li {
   margin:1px 0 0 18px;
}
#search-select li {
	margin: 6px 0 0 10px;
}
#search #search-fields li {
   margin: 10px 0 5px 20px;
}
.searchButtons { clear:both; height:32px; min-width:510px }
#content-primary { width:984px !important; }
#content-primary #sort {
   float: left;
}


/* PRODUCTS
-------------------------------------------------------------------*/
.gateway { float:right;
	margin-left:10px;
}
#gateway-products {
   overflow:hidden;zoom:1;float:left;margin:0 20px 20px 0; width: 980px; margin: 0;
}
#gateway-products ul {
   list-style-type: none;
}
#gateway-products ul li {
   background: #999;
   border: solid 1px #999;
   display: block;
   float: left;
   margin: 0 10px 10px 0;
}
#gateway-products ul li:hover {
   border: solid 1px #d70000;
}
#gateway-products ul li.last {
   margin: 0;
}
#gateway-products ul li img,
#gateway-products ul li span {
   display: block;
}
#gateway-products ul li span {
   margin: 0 0 0 5px;
}
#gateway-products ul li .overlay {
   left: 30%;
   position: relative;
   height: 0;
   text-align: right;
   top: 3px;
}
#gateway-promo { margin-right: 5px; clear:both; float:right; }
#gateway-promo ul { text-align:right; list-style-type: none; }
#gateway-promo li { margin:0; }
.promo-img { width:324px; line-height:0; float:left; }
#gateway-footer { clear:both; min-height:24px; text-align:center; color: #000; margin-bottom:10px; }
#gateway-footer a { color:#000; }
#gateway-footer .active { color:#d70000/*#ec1fba*/; text-decoration:none; }
#products { clear:both; margin: 0 0 0 9px; width:100%; }
#products ul { text-align:left; list-style-type: none; }
#products li { margin:0; float: left; }
#products a { }
#products a:hover { }
.product_id { font-weight:bold; color:#000000; }
.product_title, .product_id { font-weight:bold; text-shadow: 0 0 0; }
.product_title { color:#7F7F7F; }
.product_sep { color:/*#D0C80D*/#D70000; line-height:1.3; text-shadow: 0 0 0;}
#product_info h1 { color:#D0C80D; font-weight:normal; margin:0 0 2px; padding:0; }
#product_info, #product_info h1, #product_info h2, #product_info h3 {
    font-family:TradeGothic LT BdCondTwenty,Helvetica,Arial,sans-serif;
    color:#000000; font-size:19px; font-weight:normal; text-transform:uppercase; }
.product-data { color: #fff; clear: none; float: left; }
.product-link { height:152px; margin:0 4px 12px 0; width:159px; }
.product-carrosel-link { width:156px; height:135px; margin:0 7px; border: 1px solid /*#f0e837*/#DEDEDE; background: #F3F3F3/*#fffac2*/; }
.product-carrosel-link:hover { border: 1px solid /*#dff6fc*/#DEDEDE; background: /*#dff6fc*/#DEDEDE; }
.product-img { width:145px; height:100px; line-height:0; float:left;
	background:#fff; margin:5px; border: 1px solid  /*#f0e837*/#DEDEDE; }
.product-info { position:absolute; height:25px; z-index:10; float:left; margin-top:-95px; padding-left:5px; }
.product-polarized { position:absolute; height:25px; z-index:10; margin-top:-95px; margin-left:120px;}
.product-image { width:145px; height:100px; z-index:1; }
.product-style, .product-family { float: left; width:147px; padding-left: 5px; color: #000; font-weight: bold; white-space:nowrap; overflow:hidden; }
.product-price { color: #ccc; padding-left: 5px; font-weight: bold; }
#product-details { clear:both; width:903px; height:740px; margin: 0 0 30px 20px; padding:20px; background: #fff; }
#product-details-img { position:relative; width:530px; height:390px; float:left; margin-bottom:20px; 
	border-top: 1px solid  /*#f0e837*/#DEDEDE; border-bottom: 1px solid  /*#f0e837*/#DEDEDE; border-left: 1px solid  /*#f0e837*/#DEDEDE; }
#product-details-info { color: #D70000; font-family:TradeGothic LT BdCondTwenty, Futura, Helvetica, Verdana, "sans-serif"; font-size:20px; width:300px; height:25px; z-index:10; position:absolute; top:12px; left:12px; }
#product-details-polarized {color: #D70000; font-family:TradeGothic LT BdCondTwenty, Futura, Helvetica, Verdana, "sans-serif"; font-size:20px; height:25px; z-index:10; position:absolute; top:12px; right:12px; }
#product-details-image { width:529px; height:390px; z-index:1; position:absolute; top:0; left:0; }
#product-details-description { height:330px; padding:12px; }
.product-details-title { color: #000; }
.product-details-subtitle { color: #000; font-weight: bold; float:left;  margin-top:12px; }
.product-details-lable { color: #999; font-weight: bold; float:left; }
.product-details-price { float:right; font-weight: bold; margin:0; }
.product-details-model { float: left; width:98px; padding-left: 5px; color: #000; font-weight: bold; white-space:nowrap; overflow:hidden; }
.product-details-color { float: right; padding-right:5px; color: #ccc; font-weight: bold; }
.product-satisfaction { clear:both; color:#000; text-decoration:underline; margin-left:6px; }
#products-details-text { width:901px; margin:20px 0; height:160px; float:left; border: 1px solid  /*#f0e837*/#DEDEDE; color:#000; background: /*#fffac2*/ #F3F3F3;}
#products-details-wrap { padding:10px; }
#product-variants { float:left; }
#product-optical-details { clear:both; width:950px; height:440px; margin: 0 0 30px 10px; padding:10px; background: #fff; }
#product-optical-details-img { position:relative; width:567px; height:440px; float:left; margin-bottom:20px; 
	border-top: 1px solid /*#f0e837*/#DEDEDE; border-bottom: 1px solid /*#f0e837*/#DEDEDE; border-left: 1px solid /*#f0e837*/#DEDEDE; }
.product-optical-details-title { font-family:TradeGothic LT BdCondTwenty,Futura,Helvetica,Verdana,"sans-serif"; color: #7f7f7f; font-size:22px; padding:5px 0 0 15px; line-height:24px; }
.product-optical-details-subtitle { color:#999999; float:left; font-weight:bold; 
    padding:12px 0 5px 15px; font-family:Verdana,Arial,sans-serif; font-size:11px; line-height:1.7em; }
.product-optical-link { width:87px; height:106px; margin:0 18px 8px 8px; border: 1px solid /*#f0e837*/#DEDEDE; background: #F3f3f3/*#fffac2*/; }
.product-optical-link:hover { border: 1px solid /*#dff6fc*/#D70000; background: /*#dff6fc*/#f3f3f3; cursor:default; }
.product-optical-img { width:73px; height:73px; line-height:0; float:left;
	background:#fff; margin:5px; border: 1px solid /*#f0e837*/#DEDEDE; }
.product-optical-model { float: left; width:50px; z-index:1; padding-left: 5px; color: #000; font-weight: bold; white-space:nowrap; overflow:hidden; }
.product-optical-info  { float: right; padding-right: 5px; color:/*#ec1fba*/#D70000; }
#slideshow{ float:left; width:860px; margin:0; overflow:hidden; }
	#slideshow ul{ width:3900px; }
		#slideshow li{ float:left; margin:0; cursor:pointer; list-style-type:none; }
#slideshow3x3 { float:left; width:345px; height:328px; margin:0; overflow:hidden; }
	#slideshow3x3 ul{ width:345px; }
		#slideshow3x3 li{ float:left; margin:0; list-style-type:none; }
#product-details-over-window { position:relative; }
.product-details-over-model { color: #000; }
.product-details-over-name { color: #000; }
.product-details-over-lable { color: #999; font-weight: bold; }
.product-details-over-color { color: #000; font-weight: bold; }
#product-details-3d-wrap { width:690px; z-index:100; position:absolute; top:118px; left:132px;
	border:2px outset #dcdcdc; padding:10px; background: #F3f3f3/*#fffac2*/; }
#product-details-3d-img { width:688px; border:1px solid /*#f0e837*/#DEDEDE; background:#fff; margin-bottom: 10px; }
#product-details-zoom-wrap { width:882px; z-index:100; position:absolute; top:0px; left:40px; display:none; 
	border:2px outset #dcdcdc; padding:10px; background: #F3f3f3/*#fffac2*/; }
#product-details-zoom-img { width:880px; height: 420px;border:1px solid #DEDEDE; overflow: hidden; background:#fff; margin-bottom: 10px; }
.product-form-title {
	float:left;
	margin:3px 6px 6px 12px;
	width:100px;
	color: #000;
}
.product-form-input {
	float:left;
	background:transparent none repeat scroll 0 0;
	width:63%;
	height:15px;
	margin:3px 0 12px 0;
	padding:0;
	color: #000;
}
.product-form-title-select {
	float:left;
	margin:6px 12px;
	width:100px;
	color: #000;
}
.product-form-select {
	background: #fff none repeat scroll 0 0;
	border:1px solid #000;
	height:20px;
	margin:1px 0 12px;
	width:63%; }
	
/* ADDED ON 17-07-09 */	
.product_listing { position:relative; list-style-type:none !important; margin:0; padding:0 0 0 2px; width:984px; }
.product_listing a:hover .product_id, .product_listing a:hover .product_title { display:block; }
.product_listing a:hover .product_price { color:#44D6FB; }
.product_listing li { float:left; margin:0; padding:0; height:160px; }
.product_listing li a {width:147px; height:130px; background-color:/*#FFFDD3*/#F3f3f3; border:2px solid /*#E8E025*/#DEDEDE;
	display:block; padding:3px; position:relative;
}
.product_listing li a.selected {cursor: default;}
.product_listing li a:hover, .product_listing li a.selected { background-color:/*#EBFBFF*/#F3f3f3; border-color:/*#AAEEFF*/#DEDEDE; }
.product_listing li a:hover img, .product_listing li a.selected img { border-color:/*#AAEEFF*/#DEDEDE; }
.product_listing li a:hover {border:2px solid /*#E8E025*/#D70000; }
.product_listing li a img { width:145px; height:85px; background-color:#FFFFFF; border:1px solid #DEDEDE/*#E8E025*/; display:block; }
.product_listing li a .product_info { color:#000000; display:block; font-size:10px; line-height:1.1;
	width: 144px; margin:0; overflow:hidden; padding:4px 2px; text-transform:uppercase;
}
.product_info .product_title { display:block; font-weight:normal; text-transform:capitalize !important; white-space:nowrap; clear:left;}
.product_info .product_id, .product_info .product_title { display:block; margin:0; padding:0; }
.product_info .product_id {width: 60px; float: left;}
.product_info .product_price { color:#7F7F7F; display:block; line-height:1.5em; text-transform:none; }
.product_listing .product_color_code { display:none; }
#product_info,
#product_info h1,
#product_info h2,					
#product_info h3								{margin: 0 0 4px 0; padding: 0;}
#product_info									{padding-top: 2px;}
#product hr										{margin: 1.3em 0 .8em 0; border-top: none;}

.violators { position:absolute; width:141px; height:15%; top:0; left:0; padding:6px; z-index:101; color:#D70000;/*#EB1EB9*/
	font-family:TradeGothic LT BdCondTwenty,Futura,Helvetica,Verdana,"sans-serif"; font-size:1em; text-transform:uppercase;
}
.violators .status { width: 60%; height: 100%; float:left; text-align:left; }
.violators .hilight { width: 38%; height: 100%; float: right; }
.violators span.hilight { float:right; width:38%; height:100%;  text-align:right; overflow:hidden; text-align:right; }
.violators span.hilight.polarized {width:18px; height:15px; 
	background:transparent url(/images/css/icons/product/product_detail/polarized.png?1247125666) no-repeat scroll 100% 0;
}


/* ADDED ON 16-07-09 */
#loading_container { background:/*#FDF53A*/#F3F3F3 none repeat scroll 0 0; 
	position:absolute; width:980px; height:1000px; opacity:0.65; 
	filter: alpha(opacity = 50);
	z-index:900;
}
#loading_container .shift { position:absolute; left:50%; top:230px; }
#loading_container .loader { position:absolute;
	background:transparent url(/_repository/_gui/default/loading/gateway.gif) no-repeat scroll center center;
	width:66px; height:66px; top:-30px; left:-30px; position:absolute; margin:auto; 
}
	
/* PROMOTIONS
-------------------------------------------------------------------*/
#promotions img {
   margin: 0 11px 0 0;
   border: solid 1px #999;
}
#promotions img:last-child {
   margin: 0;
}
#order{ clear: both; margin: 0 0 10px 0; }
.order-phone {
	color: #7e7e7e;
	font-weight: bold;
	margin:4px 2px 0 0; 
}
#warning{ clear: both; margin: 0px -5px 9px 0px; }
#warning P { padding-top:5px; font-size:10px;}
.warning { margin: 0px 10px 0px 0px; } /* top right bottom left */

#warning-detail { margin: 0px -5px 9px 0px; }
#warning-detail P { padding-top:4px; font-size:10px;}
.warning-detail { margin: 0px 0px 0px 5px;font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana, sans-serif;font-size:13px; } /* top right bottom left */

.order-phone-color { color: #ec1fba; }
.selsort {
	background: /*#fef63b*/ #f3f3f3;
	border:1px solid #8aa5bf;
	margin-left:10px;
}
.selprod {
	background: /*#fef63b*/ #f3f3f3 none repeat scroll 0 0;
	border:1px solid #8aa5bf;  margin:0 5px;
	background:#ffffff; padding:1px;
}
.selprod:focus {
border-color:/*#EB1EB9*/#585858 !important;
}
#checklens {
	padding:0 10px 0 10px;
	color: #000;
}
#checknew {
	padding:0 10px 0 0;
	color: #000;
}
.color-n7 { height:1px;
	border-color: /*#f0e837*/#DEDEDE;
	border-style:solid none;
	border-width:1px 0;
	clear:both;
	margin: 0 12px;
	}
.new-line { clear: both; }
.float-left { float:left; }
#overDetail{ position:fixed; top:0; left:0; width:100%;height:100% !important; background-color:#F3f3f3/*#F0E837*/; z-index:-1; filter: alpha(opacity=75); opacity:0.75; }

/* ADDED ON 22-07-09 */
.noResult
{
    text-align:center;  font-family:TradeGothic LT BdCondTwenty, Helvetica, Arial, "sans-serif";
	font-size: 16px;
	padding-top: 130px;
	text-transform: uppercase !important;
}
#divSL
{

 margin:0;
}