/* zachys - structure css -----BASE------   1/21/09 v1.0  --------*/
/* S T R U C T U R E */

body {
    
}
#wrap {background: #fff ; border-left: 10px solid #000; border-right: 10px solid #000; margin: 0; width: 100%;}
#wrap.inner {background: #fff; float:left; margin: 0; width: 100%}
#top_nav {
      width:100%;
      text-align:center;
      margin-top: 0px;
      padding: 0px 0 10px 0px;
      font-size: 90%;
      background-color: #FFFFFF;
}
#header {height: 97px; width:100%;}
#main_nav {display:none;}
#full_col {margin: 0; padding: 10px;}
#full_col_checkout {margin: 0; padding: 0px 10px 10px 0px;}

#side_col {display:none;/*float: left; width: 240px;*/}
#main_col {background:#fff; float: left; margin: 0 0 10px 0; padding: 10px; width: 680px; line-height: 1.5em;}
#footer {background: #000;  color: #fff; float: left; margin-bottom: 20px; padding: 10px; width: 940px;}

/* top_nav */

#top_nav h3 {color: #990000; font-weight: bold; display: inline;}
#top_nav a.switch {background: #990000 url(/image/switch.png) 5px center no-repeat; color: #fff; text-decoration: none; margin-right: 2px; padding: 4px 6px 4px 20px;}
#top_nav a.switch:hover {background: #660000 url(/image/switch.png) 5px center no-repeat;}
#top_nav a.help {background: #ccccff 5px center no-repeat; margin-left: 10px; color: #000; width:83px; height:20px; text-decoration: none; padding: 4px 6px 4px 25px;}
#top_nav a.help:hover {background: #9999ff 5px center no-repeat;}

#top_nav .cart_item{font-family:Verdana; font-size:90%; color: #666; line-height: 1.3em;}
#top_nav .cart_status{filter:alpha(opacity=0); position:absolute; display:none; top:40px; right:374px; width:138px; height:80px; border:0px solid black; background:#fff; }
#top_nav .cart_item td {padding:5px;}
#top_nav .cart_item td a { color: #000; text-decoration: none;}
#top_nav .cart_item td a:hover { color: #000; text-decoration: underline;}
/* logo */
.logo span{display:none;}

/* main_nav */
.search {
	background: transparent url(/retail/image/search_bg.gif) 0 0 no-repeat; 
	float:left;
	display: inline;
	margin: 10px 0 0 10px; 
	padding: 5px 10px 15px 10px;
	width:210px; height: 50px;
	}
.search h3 {color: #fff; font-weight: normal; margin: 0 0 6px 0; padding:5px 0;}
.search input.text {float:left; border: 1px solid #2e0a0a; color: #333; font-size: 100%; padding: 4px; width: 150px;}
.search input.search_btn {float:left; background: #560000; border: 1px solid #000; color: #fff; font-size: 100%; margin-left: 3px; padding: 4px; cursor:pointer;}
#main_nav{display:none; margin:0; padding: 0;}
#main_nav ul {display:none; float:left; margin: 0 0 0 10px; list-style: none;}
#main_nav li {float:left; display:none;  margin: 10px 0 0 0; padding:0;}
#main_nav li ul{display:none; background: #990000; margin:0; padding: 0; width: 0px; z-index:1000; opacity: 0; filter:alpha(opacity=0); background:#990000; position:absolute;}
#main_nav li ul li{margin:0; padding: 0; float: left; }

#main_nav li a {
	background: transparent url(/retail/image/nav_bg.gif) 0 0 no-repeat;
	color: #fff;
	display:none; 
	margin: 0 2px 0 0; padding: 10px 5px;
	text-decoration: none;
	text-align: center;
	height: 0px; width: 0px;
	}

#main_nav li:hover, #main_nav li a:hover { display:none; background: transparent url(/retail/image/nav_bg.gif) 0 -70px no-repeat; color:#000;}
#main_nav li:hover a {display:none; color:#fff;}
#main_nav li a.current {display:none; background: transparent url(/retail/image/nav_bg.gif) 0 -140px no-repeat; color: #000;}
#main_nav li ul a{width: auto; height: auto;  color: #000;}
#main_nav li ul a:hover{display:none; background: #d20000; text-decoration: underline;}
#main_nav li:hover ul li {display:none; background: transparent;}
#main_nav li.current ul {display:none; background: #bfbebf url(/retail/image/sub_nav_current_bg.gif) top repeat-x; text-align:center;}
#main_nav li.current ul li {display:none; background: transparent;}
#main_nav li.current ul a{display:none; text-decoration: none; color:#000;}
#main_nav li.current ul a:hover{display:none; background: #fff;text-decoration: underline;}
#main_nav li.current ul a.current{display:none; background: #fff;text-decoration: underline;}

/* S I D E _ C O L  */

#side_col h3{border-bottom: 1px solid #eee; color:#333; font-weight: normal; font-size: 100%; padding:4px; margin: 10px 0;}
#side_col .e_nav_panel {display:none}
#side_col .e_nav_wrap {border-right: 1px solid #999; border-bottom: 1px solid #999;font-size: 95%; margin: 0px 10px 5px 0px; padding: 5px;}
a.e_nav_item,a.e_nav_link {background: #bfbfbf; border-bottom:1px solid #ddd; color:#000; display:none; padding: 5px 3px; text-decoration:none;}
a.e_nav_item:hover,a.e_nav_link:hover {background: #a9acb1; text-decoration:underline;}
ul.e_nav_sub {background:#e4e4e4; list-style: circle; display:none; padding: 0 0 0 20px;}
ul.e_nav_sub li {border-bottom: 1px solid #ccc;}
a.e_nav_specific{background:#e4e4e4;  color: #333; display: none; padding: 5px 3px 5px 3px; text-decoration: none;}
a.e_nav_specific:hover{background: #ffffcc; text-decoration: underline;}
a.e_nav_specific span {color: #666; font-style:italic;}

#breadcrumb {font-size: 95%; margin: 0 0 10px;}
#breadcrumb li {background: #ffffcc; color: #7e2228; margin: 1px; padding: 5px 3px; text-decoration: none;}
#breadcrumb li.header {background: #fff;}

#e_nav_details {display:none;font-size: 95%; margin: 0 0 10px;}
#e_nav_details li {background: #e4e4e4; color: #7e2228; margin: 1px; padding: 5px 3px; text-decoration: none;}
#e_nav_details a { color: #000; text-decoration:none; }
#e_nav_details a:hover { text-decoration:underline; }

#generic {font-size: 95%; margin: 0 0 10px;}
#generic li {background: #fff; color: #000; margin: 1px; padding: 5px 3px; text-decoration: none;}
#generic li img {position:relative; top: 4px;}

.ekmenu {font-size: 95%; margin: 0 0 10px;}
.ekmenu li {background: #fff; color: #000; margin: 1px; padding: 5px 3px; text-decoration: none;}
.ekmenu li img {position:relative; top: 4px;}

a.static, a.ekmenu_link {color:#666; text-decoration: none; font-size: 100%; border-left: 2px solid #fff; padding: 2px 0}
a.static:hover, a.s_current, a.ekmenu_link:hover, .ekmenu h2 { border-left: 2px solid #990000; color: #990000; padding-left: 5px; font-weight: bold; text-decoration: none;}


/* M A I N _ C O L */

.featured {margin: 0px;line-height:0px; vertical-align:0px}
.featured_checkout {margin: 10px 0px 0px 0px;line-height:0px; vertical-align:0px}
h1 {color: #990000; font-size: 140%; font-weight: normal; padding: 10px 0 5px 0;}
h2 {color: #990000;}
p{padding: 10px 0 0 0;}
#main_col .sub1 {float: left; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; margin: 10px 7px 0 0; padding: 10px 10px 10px 0; width: 660px;}
#main_col .home{width:470px}
#main_col .sub1 h3 {color:#666;}
h4.featured{margin-top: 10px; padding-bottom: 10px; margin-bottom:-10px; color:#666; border-bottom: 1px solid #eee; font-size: 90%; font-weight: normal;}
p.featured {color:#999;}
p.featured a {color:#333; font-size:110%; text-decoration: none;}
p.featured a:hover {color:#000; text-decoration: underline;}

.sub1_child {float: left; width: 220px; margin: 20px 5px 0 0; padding: 5px 5px;}
div.product_details {float: left; padding: 10px 20px 10px 0; width: 140px;}
#main_col .sub2 {float: left; padding: 0 0px 10px 10px; width: 180px;}
#main_col .sub2 p.productimage {float: left; margin: 10px 0 0 0;  padding: 8px; width: 160px; border: 1px solid #767676;}
#main_col .sub2 a {float: left; border: 1px solid #aeaeae; margin-bottom:10px;}
#main_col .sub2 a:hover {border: 1px solid #000;}

/* B U T T O N S */

input.addcart {background: #990000 url(/image/addcart.png) no-repeat 5px center; border: 1px solid #660000; color: #fff; padding: 4px 5px 4px 40px; text-decoration: none; cursor:pointer; min-height:15px;}
input.addcart:hover {background: #cc0000 url(/image/addcart.png) no-repeat 5px center;}

input.addzlist {background: #5a5a5a url(/image/addzlist.png) no-repeat 5px center; border: 1px solid #4d4d4d; color: #fff; padding: 4px 5px 4px 40px; text-decoration: none; cursor:pointer; min-height:15px;}
input.addzlist:hover {background: #666 url(/image/addzlist.png) no-repeat 5px center;}

input.continue {background: #5a5a5a; border: 1px solid #4d4d4d; color: #ccc; padding: 4px 5px; text-decoration: none;}
input.continue:hover {background: #666; color:#fff;}

input.savecart {background: #5a5a5a url(/image/savecart.png) 5px center no-repeat; border: 1px solid #4d4d4d; color: #ccc;  margin-right: 1px; padding: 4px 5px 4px 50px; text-decoration: none;}
input.savecart:hover {background: #666 url(/image/savecart.png) 5px center no-repeat; color: #fff;}

input.cancelcart {background: #5a5a5a url(/image/cancelcart.png) 5px center no-repeat; border: 1px solid #4d4d4d; color: #ccc; margin-right: 1px; padding: 4px 5px 4px 50px; text-decoration: none;}
input.cancelcart:hover {background: #666 url(/retail/image/cancelcart.png) 5px center no-repeat; color:#fff;}

input.checkout {background: #990000 url(/image/checkout.png) 5px center no-repeat; border: 1px solid #660000; color: #fff; padding: 4px 5px 4px 50px; text-decoration: none;}
input.checkout:hover {background: #cc0000 url(/image/checkout.png) 5px center no-repeat;}

input.removezlist {background: #5a5a5a url(/image/remove_zlist.png) no-repeat 5px center; border: 1px solid #4d4d4d; color: #fff; padding: 4px 5px 4px 40px; text-decoration: none; cursor:pointer;}
input.removezlist:hover {background: #666 url(/image/remove_zlist.png) no-repeat 5px center;}

input.qty {background: #e4e4e4 url(/retail/image/qty.gif) no-repeat 5px center; border: none; padding: 6px 5px; text-align:right; width: 50px;}

.cart_buttons {float:right;margin: 10px 0;}
.zlist_buttons {margin-left:10px;}
.zlist_buttons *{float:right;}



.cancelzlist {background: #5a5a5a url(/image/delete.png) 5px center no-repeat; border: none; color: #fff; margin: 0 15px 0 -10px; padding: 5px 5px 5px 25px; text-decoration: none;}
.cancelzlist:hover {background: #3d3d3d url(/image/delete.png) 5px center no-repeat;}



input.remove {background: transparent url(/image/remove.png) 0px center no-repeat; border: none; text-decoration: none;}
.zlisttocart {background: transparent url(/image/addcart.png) 5px center no-repeat; text-decoration: none;}


/* R E S U L T _ C O N T R O L S */

.result_controls {background: #f5f2e9; border: 1px solid #ddd7c5; float:left; font-size: 90%; margin-bottom: 20px; padding: 0; width:100%;}
.messaging {float: left; padding: 4px; }
.paging_control {background: #f5f2e9; padding: 3px; float:right;border-left: 1px solid #fff;}
.paging_control a { float:left; color: #000; margin: 0 1px; padding: 1px 3px; text-decoration: none;}
.paging_control a:hover {background: #fff; text-decoration:underline;}
.paging_control a.current {cursor:default; color: #990000; font-weight:bold; font-size:120%;text-decoration:underline;}
.list_checkbox{ float:left; display:inline;}
span.filter_target { color: #000;}
span.remove_button a {padding: 1px; color: #4f4f4f; text-decoration: none;}
span.remove_button a:hover { color: #ff0000; }

.dropdown {background: #e4e4e4; border-top: 1px solid #666; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #666; font-size: 100%;padding: 1px 3px 2px 3px;}

#result_controls .dropdown {background: #ddd7c5; border-top: 1px solid #666; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #666; font-size: 100%;padding: 1px 3px 2px 3px;}

hr {clear:both; border: none; margin: 20px;}


/* E N D E C A _ S P O T L I G H T I N G */

ul.e_spot {float: left; margin: 0; padding: 8px 4px; width: 672px; list-style:none; font-size:90%;}
.e_spot li {background: #fff /*url( - zachys to make image for here - )*/ bottom right no-repeat;float:left; border: 1px solid #aeaeae; margin: 0 4px; width: 214px; height:90px;}
.e_spot li:hover {border: 1px solid #000;}
.e_spot li p {padding: 4px; float: left;}
a.rotator{z-index:500; opacity: 0; filter:alpha(opacity=0); display:none; position:absolute;}
.spotlighting{width:680px;height:170px;}
.rotation_controls{z-index:1000; opacity: 0; filter:alpha(opacity=0); display:none; background:#000; position:absolute; text-align:center;}
.rotation_controls .current{font-weight:bold;}
.rotation_button{float:left; display:inline; color:#fff; text-decoration:none; width:25px; }
.rotation_button:hover{border:1px solid #fff;}
.rotation_button:click{border:1px solid #fff;color:grey;}

/* D L _ E L E M E N T S */


dl {margin: 40px 0; padding:0; clear: both}
dt {float:left; border-top: 1px solid #d8d8d8; width:100%; padding: 10px 0;}
dt a {float:left; color: #000; padding: 0; font-weight: bold; text-decoration: none; width:600px;}
dt a:hover {text-decoration: underline;}
.icons {float:right; text-align:right; padding: 4px 0;}
img.flag { padding: 0 0 2px 4px;}
dd.info {margin: 10px 0 5px 0;}
dd.preview {float: left; padding: 5px; margin: 0 15px 15px 0; border: 1px solid #767676; min-width:100px; min-height:100px;}
dd.preview img {float: left; margin:0; padding: 0; border: 1px solid #c3c3c3; width:100px; height:100px;}
dd.preview img:hover {border: 1px solid #000;}
dd.preview img.hover_image{display:inline; z-index:1000; opacity: 0; filter:alpha(opacity=0);position:absolute; width:140px; height: auto;}
dd.detail {color: #676767; padding: 10px 0;}
dd.prices {font-size: 90%; float:left; margin: 0 0 10px;}
dd.result_action { margin: 10px 0; clear: both; font-size: 90%; padding: 5px 0; text-align: right;}
dd.result_action_detail { margin: 10px 0; clear: both; font-size: 90%; padding: 5px 0; text-align: right; border-top: solid 1px #d8d8d8;}




dl#product_detail {margin: 0;}
#product_detail dt {float:left; padding: 10px 0; width:100%;}
#product_detail dt .title {float:left; width:600px;font-size: 140%; padding:5px 0;}
#product_detail dt .icons {padding: 5px 0;}
#product_detail dt img.flag { padding: 0 2px 2px 0px;}
#product_detail dd.preview img {float: left; margin:0; padding: 0; border: 1px solid #c3c3c3; width:140px; height: auto;}
#product_detail dd.preview img:hover {border: 1px solid #000;}
#product_detail dd.detail {  margin-left: 170px; }
dd.additional {  margin-left: 170px; }
#product_detail dd.result_action { margin: 10px 0; clear: both; font-size: 90%; padding: 10px 0; text-align: right;}
dd.result_action table {float:left;}


/* T Y P O G R A P H Y */

.sale {color: #990000; font-weight: bold;}

.info_box {background: #eee; padding: 2px 5px; margin: 15px 0; font-size: 90%; font-weight: bold; text-decoration: none; border: 1px solid #e2e2e2;}
.info_box span {font-weight:normal;}
.ratings {color: #990000;}
.ratings span {color: #444;}
.crp {color: #535353;}
.crp span {color: #3366cc;}
.lp {color:#535353;}
.lp span {color: #CC9900;}
.auc {color:#535353;}
.auc span { color:#990000;}

span.grey {color: #999;}
span.future_arrival {color: #999; font-style:italic; font-weight:normal; font-size:90%;}
span.product_num {color:#666; font-size: 90%; font-style:italic; font-weight:normal;}

.error { background:#CE0000 url(/image/error.gif) 5px center no-repeat; border: 1px solid #990000; color: #000; display: block; padding: 10px 10px 10px 30px;}
.errorMessage { color: red; font-style:none; font-weight:bold; font-size:110%; }

/* W I Z A R D _ E L E M E N T S */
.wizard{width:100%;}
.wizard_nav td{padding: 5px 3px; font-size:95%;}
.wizard_nav{ text-align:left;width:240px; vertical-align:top; font-size: 95%; margin: 0px 10px 5px 0px; padding: 0px;}
.wizard_button {text-align:left; color:#666; text-decoration: none; font-size: 100%; border-left: 2px solid #fff; padding: 2px 0px 2px 3px;}
.wizard_button:hover {text-align:left; border-left: 2px solid #990000; color: #990000; font-weight: bold; text-decoration: none; padding: 2px 0px 2px 3px;}
.wizard_button_active {text-align:left; border-left: 2px solid #990000; color: #990000; font-weight: bold; text-decoration: none; padding: 2px 0px 2px 3px;}

/* T A B L E _ E L E M E N T S */

a img {border: none;}
table.zlist { margin: 10px 0; width:100px; text-align:left; float:left; display:block;}
table.cart { margin: 10px 0; width: 100%;}
.cart td.header {font-weight: normal; font-size: 90%; color:#5a5a5a;}
.cart tr {border-bottom: solid 0px #ccc;}
.cart td {padding: 5px 0;}
.cart .left{text-align: left;}
.cart .right{text-align: right;}
.cart input[type=text] {border: none; background: #ddd; padding: 2px; text-align: right; width: 30px;}


.cart .total {background-color: #ffffcc; font-weight: bold;font-size: 100%; border-bottom: none;}
.cart .total td{padding: 5px;}

.green {color: green;}
.red {color: red;}


/* F O O T E R */
#footer, #footer .design a {color: #999; font-size:90%; line-height: 1.2em;}
#footer .col { float: left; margin: 10px 7px 20px 7px; padding: 0; width: 220px; }
#footer .col h3{color: #fff; margin: 0 0 5px 0;}
#footer .design {float:right; text-align:left; padding-right:15px;}
#footer .design span {color: #fff;}

/* A C C O U N T _ F O R M S */
input.formTextField {border: 1px solid #ddd; background: #ccc; padding: 2px; color:#000;}
input.formTextField:focus {border: 1px solid #999; color:#000;}
.formDropDown {border: 1px solid #ddd; background: #ccc; color:#000; padding: 2px; font-size:90%;}
.formDropDown:focus {border: 1px solid #999; color:#000;}
input.formButton { margin: 5px; background: #990000; border: 1px solid #660000; color: #fff; padding: 4px 5px 4px 5px}
input.formButton:hover { margin: 5px; background: #cc0000; }
.formLabelHeader {color: #990000; font-weight:normal; font-size: 110%;}
table.formWrapper {text-align:left;}
table.formWrapper th {text-align:left; border-bottom: 1px solid #d8d8d8; padding: 30px 0 5px 0;}
td.labelColumn {width:140px;}
td.fieldColumn { padding: 5px;}

.forgotPasswordWrapper {color: #990000; font-weight:normal; font-size: 110%; text-align:left; border-bottom: 1px solid #d8d8d8; padding: 30px 0 5px 0;}

.mult_dropdown .formTextField {border: 1px solid #ddd; background: #eee; padding: 2px; color:#666; height:30; font-size:80%}

.mult_dropdown .dropdown_list{font-family:Verdana; font-size:xx-small;}
.mult_dropdown .dropdown_selection{background: #eee;opacity:0;filter:alpha(opacity=0); display:none; position:absolute; width:138px; border:0px solid black; font-size:1pt; color:#666;font-size:xx-small;}
/* VALIDATION */
.validationError 
{
	color: Red;
}