/**************************/
/* YUI Reset and Font CSS */
/**************************/
/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:100%;line-height:100%;}


/**********************/
/* MVC Storefront CSS */
/**********************/

/* base css
----------------------------------------------------------*/
body { font-family:'Lucida Sans','Trebuchet MS'; color: #000000; line-height:1.4em; }
strong { font-weight:bold; }
.category-list div { color:#696969; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#333; font-family:Arial,Helvetica,sans-serif; }
h1,h2 { color:#444444; }
h1 { font-size: 138.5%; margin-bottom:0.5em; }
h2{ font-size:123.1%; color:white; }
h3{ font-size:108%; }
h5{ font-size:92%; }
body #menu div.hMenu a { color:White; text-decoration:none; }
body #menu  div.hMenu a:hover {
	color: #FFFFFF;
	background-color: #006600;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a:link,a:active,a:visited {
	color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a:hover {
	color: #009900;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
p { margin-bottom: 1em; }
em { font-style:italic; } 
blockquote,ul,ol,dl { margin:1em; }
ol,ul,dl { margin-left:2em; }
ol li { list-style: decimal outside; } 
ul li { list-style: disc outside; }
dl dd { margin-left:1em; }
fieldset { padding: 10px; -moz-border-radius: 1em; border-radius: 1em; margin-bottom: 10px; }
legend { font-family: Arial; font-weight: bold; }

/* accessibility
----------------------------------------------------------*/
.skip-nav { left: -1000em; position: absolute; width: 20em; }

/* template
----------------------------------------------------------*/
html,body { width:100%; }
body { background-position: center top;
	text-align:center;
	background-image: url('');
	background-repeat: no-repeat;
	background-attachment: scroll;
}
#header {  }

#bodyTable {
	height: 100%;
	background: #EBEBEB none no-repeat;
	width: 853px;
	text-align: left;
	margin: 0px auto;
}
#pagebody {background: url('../images/header-bg.jpg') no-repeat;    }
#wrapper {   }
#menu { padding-top:210px; height:34px;  }
#precontent { margin:5px 22px 4px 22px;  }

#sidebar { 
           
           background:#4d4b46 url('../images/search.jpg') no-repeat; 
           width:230px;
           float:left;
           margin-left:7px; margin-top:0px;
           
           }
#sidebar #search { margin-top:20px; margin-bottom:14px; }

#sidebar li,#sidebar ul { margin:0px; padding:0px; list-style-type:none;}
#sidebar li ul li { border-top:2px solid #3e3c38; border-bottom:1px solid #0A0A0A;  background:#201f1d; }
#sidebar li h3 { background-color:#525252;color:White;padding:4px;font-size:10pt; }
#sidebar li a { color:#808080;  margin:0px; }

#sidebar li table, #sidebar li table td{ padding:2px; }
#sidebar li a div { padding:4px; padding-left:2px; padding-right:2px;width:186px;  font-size:9pt;}

#sidebar li a:hover td { background-color:#000000;  }

#sidebar li a:active td { background-color:#000000;  }
#content { width:596px; float:left;  padding:4px; margin:0px;}
#content h1 { background:url('../images/heading-tile.gif'); height:19px; border:1px solid #595f3c; color:white; font-size:11pt; padding:5px; }
#content h1 a { color:White; }
#content h2 { background:url('../images/heading-tile.gif');    margin:0px;padding:0px;padding:5px;border:1px solid #595f3c; color:white; font-size:11pt;  }
hr { height:14px; margin:0px; border:0px none; background:url('../images/hr.gif'); }
.hMenu { margin:0px 7px; width:840px; }
.hMenu table {  width:100%; }
.hMenu td {  width:16.6%;text-align:center; padding-top:0px; color:#FFFFFF; font-weight:bold;text-transform:uppercase; font-size:10pt; border-left:1px solid #5b5956; border-right:1px solid #2f2f2f; height:30px; }

.product-results  ul, .product-results  li { list-style-type:none; }
.product-results .prod-wrap {clear:both; height:60px; width:100%;  margin-bottom:10px; border:1px solid #ededed; border-right:1px solid #dedede; border-bottom:1px solid #dedede; background-color:#f7f7f7; }
.product-results {clear:both; margin:0px 10px; }
.prod-img { float:left; margin:5px; }
.prod-info { padding:5px; }
.prod-info h3 { float:left; }
.price { float:right; clear:right; color:#201f1d; margin-bottom:5px;  }
.buy { font-size:12pt; color:#201f1d; font-weight:bold;}
/* MISC  
----------------------------------------------------------*/

.addressBook, .favorites { float: right; width: 150px; margin-left: 10px; margin-right: 0px; }


#useraccount { position: absolute; top: 15px; right: 15px; }

.notify-error { padding: 10px; color: #990000; border: 1px solid #990000; background-color: #ffffcc; margin-bottom: 15px; width: 500px; }
.notify-message { padding: 10px; width: 600px; border: 1px solid #006600; vertical-align: middle; margin-bottom: 20px; background-color: #CCFFCC; }



/* FORM
------------------------------------------------------------*/
ul.form { padding:0px; margin:10px;  }
ul.form li { list-style-type:none; padding:3px; }
ul.form li.field label { width:70px; display:block; float:left;}

ul.widelabel li.field label { width:130px;}
ul.form li.field input.text { height:22px;   border:2px solid #C0C0A0; width:180px; }
ul.form li.wide input.text { width:210px; }

.action input { padding-left:15px;padding-right:15px; margin-left:102px;  }
.widelabel .action input  { margin-left:132px; }
.wideaction input { padding-left:15px;padding-right:15px; margin-left:142px;  }
.wrap { padding:10px; }