/* 
   Custom Open Cart Stylesheet for Evan Sterling Clothing.com
   Stylesheet Coded by: Vectorloft.com
   Version: 1.0
   Date Created: 02.04.2010
*/

html { overflow: -moz-scrollbars-vertical; margin: 0; padding: 0; }
* { font-family: Arial, Helvetica, sans-serif; }
body { margin: 0px; padding: 0px; text-align: center; }
body, td, th, input, textarea, select, a { font-size: 12px; }
form { padding: 0; margin: 0; display: inline; }
input, textarea, select { margin: 3px 0px; }
a, a:visited { color: #333; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: none; }
p { margin-top: 0px; }
h1, h2, h3, h4 {padding:0;margin:0;}
/* layout */
#container { width: 960px; margin-left: auto; margin-right: auto; text-align: left; }
#header {position:relative;}
#header .div2 { float: left; padding-top: 6px; padding-left: 15px; }
#header .div3 { float: right; padding-top: 9px; height: 38px;padding-right:140px }
#header .div3 a { padding:0 6px; background-repeat: no-repeat; }
#header .login {position:absolute;right:0;padding:8px 12px;background: #999;color:#CCC}
#header .login a {color:#FFF;padding:0 4px}
#header .div4 { width: 600px; clear: right; float: right; height: 36px; padding-right: 14px; margin-top:30px; }
#header .div4 a { float: left; width: 118px; height: 13px; padding-top: 9px; padding-bottom: 14px; text-align: center; color: #000; text-decoration: none; font-size: 16px; font-weight: bold; position: relative; z-index: 1;font-family:Georgia, "Times New Roman", Times, serif;border-right:1px solid #f2f2f2 ;border-left:1px solid #CCC ; }
#header .div4 a#tab_checkout {border-right:none;}
#header .div4 a#tab_home {border-left:none;}
#header .div4 a.selected, #header .div4 a:hover { background: #000; color: #FFF; padding-bottom: 14px; z-index: 3; }
#header .div5 { clear: both;background:#000; }
#header .div5 .center { background:#000; height: 40px; margin-left: 5px; margin-right: 5px; }
#header .div6 { clear: both; margin-bottom: 10px; }
#header .div6 .center { height: 32px; margin-left: 5px; margin-right: 5px; padding-left: 5px; padding-right: 5px; }
#header .div7 { float: right; padding-top: 2px;display:none; }
#search { padding-top: 7px; padding-left: 5px; color: #FFF; font-weight: bold; }
#search select { border: 1px solid #999; padding: 1px; }
#search a { color: #FFF; }
#search input { border: 1px solid #999; padding: 2px; }
#breadcrumb { float: left; padding-top: 7px; padding-bottom: 11px; height: 13px; margin-bottom: 10px; color: #999; }
.switcher { float: right; margin-top: 3px; margin-left: 10px; }
.switcher a { text-decoration: none; display: block; }
.switcher .selected { background: #FFFFFF url('../image/switcher.png') repeat-x; }
.switcher .selected a { border: 1px solid #CCCCCC; background: url('../image/arrow_down.png') 116px center no-repeat; color: #666666; padding: 2px 5px 2px 5px; width: 121px; }
.switcher .selected a:hover { background: #F0F0F0 url('../image/arrow_down.png') 116px center no-repeat; }
.switcher .option { position: absolute; z-index: 3; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #EEEEEE; display: none; width: 125px; padding: 3px; }
.switcher .option a { color: #000; padding: 3px 5px 3px 5px; }
.switcher img { position: relative; top: 1px; }
#column_left { float: left; width: 180px; margin-right: 10px; clear: left; }
#column_right { float: right; width: 180px; margin-left: 10px; clear: right; }
#content { margin-left: 190px; margin-right: 190px; margin-bottom: 10px; }
#content.home {margin-left:0;margin-top:-42px;}
#content.home .homeTag {background:#000;color:#CCC;padding:18px 22px 12px 12px;text-align:right;height:40px;margin-top:-3px;width:926px;}
#content.home .homeTag h1 {color:#CCC;text-transform:none;font-size:26px;letter-spacing:-.05em}
#content .top .left { background: url('../image/content_top_left.png') no-repeat; width: 5px; height: 32px; float: left; }
#content .top .right { background: url('../image/content_top_right.png') no-repeat; width: 5px; height: 32px; float: right; }
#content .top .center { background: url('../image/content_top_center.png') repeat-x; margin-left: 5px; margin-right: 5px; }
#content .top h1 { padding: 8px 0px 8px 7px; }
#content h1, .heading { color: #000000; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; margin: 0px; }
.heading { border-bottom: 1px solid #DDDDDD; padding-bottom: 3px; margin-bottom: 10px; }
#content .middle { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #FFFFFF; padding: 10px 10px 1px 10px; min-height: 380px; }
#content .bottom .left { background: url('../image/content_bottom_left.png') no-repeat; width: 5px; height: 5px; float: left; }
#content .bottom .right { background: url('../image/content_bottom_right.png') no-repeat; width: 5px; height: 5px; float: right; }
#content .bottom .center { background: url('../image/content_bottom_center.png') repeat-x; height: 5px; margin-left: 5px; margin-right: 5px; }
.box { margin-bottom: 10px; background: url('../image/box_top.png') no-repeat; }
.box .top { padding: 8px 0px 8px 10px;margin-bottom:0; color: #000000; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; }
.box .top img { float: left; margin-right: 5px; }
.box .middle { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #FFFFFF; padding: 10px; }
.box .bottom { height: 5px; background: url('../image/box_bottom.png') no-repeat; }
.success { padding: 5px 0px; margin-bottom: 10px; background: #E4F1C9; border: 1px solid #A5BD71; font-size: 11px; font-family: Verdana, Geneva, sans-serif; text-align: center; }
.warning { padding: 5px 0px; margin-bottom: 10px; background: #FFDFE0; border: 1px solid #FF9999; font-size: 11px; font-family: Verdana, Geneva, sans-serif; text-align: center; }
.wait { padding: 5px 0px; margin-bottom: 10px; background: #FBFAEA; border: 1px solid #EFEBAA; font-size: 11px; font-family: Verdana, Geneva, sans-serif; text-align: center; }
.required { color: #FF0000; font-weight: bold; }
.error { color: #FF0000; display: block; }
.help { cursor: pointer; }
.tooltip { border: 1px solid #FDDA5C; background: #FBFF95; padding: 5px; font-size: 11px; width: 250px; }
.clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; }
.button { padding-left: 8px; display: inline-block; margin-right: 5px; background: url(/catalog/view/theme/custom/image/button_bg.gif) repeat-x #000; text-decoration: none; color:#FFF;border:#333 solid 1px;font-weight:bold; }
.button:hover {background:#000;}
.button span { color: #FFF; display: block; padding: 4px 10px 5px 2px; }
.buttons { background: #F8F8F8; border: 1px solid #DDDDDD; padding: 5px; margin-bottom: 10px; }
.buttons input { padding: 0px; margin: 0px; }
.buttons table { width: 100%; border-collapse: collapse; }
.buttons table td { vertical-align: middle; }
.content { background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-top: 3px; margin-bottom: 10px; }
.list { margin-bottom: 10px; width: 100%; }
.list td { text-align: center; vertical-align: top; padding-bottom: 10px; }
.sort { margin-bottom: 10px; background: #F8F8F8; height: 30px; width: 100%; }
.sort .div1 { float: right; margin-left: 5px; padding-top: 6px; padding-right: 9px; }
.sort .div2 { text-align: right; padding-top: 9px; }
.sort select { font-size: 11px; margin: 0; padding: 0; }
.pagination { display: inline-block; width: 100%; background: #F8F8F8; margin-bottom: 10px; }
.pagination .links, .pagination .results { padding: 7px; }
.pagination .links { float: left; }
.pagination .links a { border: 1px solid #CCCCCC; padding: 4px 7px; text-decoration: none; color: #000000; }
.pagination .links b { border: 1px solid #CCCCCC; padding: 4px 7px; text-decoration: none; color: #000000; background: #FFFFFF; }
.pagination .results { float: right; }
.tabs { width: 100%; height: 31px; margin-bottom: 0px; }
.tabs a { float: left; display: block; padding: 6px 15px 7px 15px; margin-right: 2px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #FFFFFF url('../image/tab_3.png') repeat-x; color: #000000; font-weight: bold; font-size: 13px; text-decoration: none; z-index: 1; position: relative; top: 1px; }
.tabs a.selected { background: #FFFFFF url('../image/tab_3.png') repeat-x; border-bottom: 0px; padding-bottom: 8px; z-index: 3; }
.tab_page { border: 1px solid #DDDDDD; background: #FFFFFF; padding: 10px; display: block; z-index: 2; margin-bottom: 10px; }
#footer { width: 100%; clear: both; padding-top: 5px; border-top: 1px solid #DDDDDD; }
#footer .div1 { float: left; text-align: left; }
#footer .div2 { float: right; text-align: right;padding:16px 0 0 0; }
#category ul { margin-top: 0px; margin-bottom: 0px; margin-left: 8px; padding-left: 12px; list-style: url('../image/bullet_1.png'); }
#information ul { margin-top: 0px; margin-bottom: 0px; margin-left: 8px; padding-left: 12px; list-style: url('../image/bullet_2.png'); }
.cart { border-collapse: collapse; width: 100%; border: 1px solid #EEEEEE; margin-bottom: 10px; }
.cart th { background: #EEEEEE; padding: 5px; font-weight: normal; }
.cart td { padding: 5px; }
#contact .content input {padding:6px;}
#promo.box h3.top, #promo.box .bottom {display:none;}
#promo.box .middle {padding:0;}

.productOptions {border: 1px solid rgb(221, 221, 221); padding: 10px; background: rgb(247, 247, 247) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;margin:6px 0}
.productImages {margin:6px 0;border: 1px solid rgb(221, 221, 221); padding: 8px 4px 0 4px; background: rgb(247, 247, 247) none repeat scroll 0% 0%;}
.productImages a img {border:none!important;}
a.thickbox_option img {width:70px;height:40px}