/* global */

/* whitespace reset */

* { outline:none; }

body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,th {margin:0;padding:0;}
blockquote {margin:6px 0 0 18px;padding:0;}
table {border-collapse:collapse;}
img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}

body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: small;
text-align: center;
color: #000000;
/*background-color: #5F4B3B;*/
background: #5F4B3B url(../img/bg-main-2.gif) no-repeat top center;
background-attachment:fixed;
}
.clear { /* float-clearing element */ clear: both; height: 0; line-height: 0; }

/* font sizing */

h1 {font-size: 135%; color: #00a0af; margin-bottom: 8px; }
h1.subhead {font-size: 135%; color: #EC0B8D; margin-bottom: 8px; }
h2 {font-size: 115%; font-weight: bold; color: #00a0af; font-family: verdana, arial, sans-serif; margin:2px 0 -6px 0; padding:0 0 3px 0; display: block; }
h2.subHead {font-size: 115%; font-weight: bold; color: #EC0B8D; margin:2px 0 15px 0; padding:0 0 3px 0; display: block; }

h3 { font-size: 90%; font-weight: bold; color: #000000; margin-top: 8px; margin-bottom: 8px; display: block; }
h4 { font-size: 100%; font-weight: bold; color: #00a0af; margin-top: 4px; margin-bottom: -3px; display: block; }
p { padding: 4px 0 8px 0; margin: 0; }

/* lists */

ul { padding: 5px 10px 5px 20px; margin: 0px; }
li { padding-bottom: 5px; margin: 0px; }
ul li ul li{ list-style-type: none; }

dl,dt,dd { padding: 0; margin: 0; }
dl { position: relative; }

/* links */

a {
	color: #00a0af;
	text-decoration: none;
}
a:hover { color: #0ec7d8; text-decoration: underline; }

/* layout elements */

div#container {
margin:10px auto;
width: 800px;
text-align:left;
position:relative;
}

.persist-cart {	
	width:130px;
	padding:1px 6px 1px 10px;
	font-weight:bold;
	position:absolute;
	border:1px solid #E05E91;
	background:#FFEFF8; }
body#home .persist-cart {	
	top:360px;
	right:30px;	}
body#products .persist-cart {
	top:187px;
	right:10px; }
.persist-cart a.view {
	background:url(../img/icons/cart-view.gif) no-repeat left center;
	padding-left:20px; }
.persist-cart .empty {
	background:url(../img/icons/cart-empty.gif) no-repeat left center;
	padding-left:20px;
	color:#E05E91; }
div#title {
float: left;
width: 800px;
height: 100px;
margin-top: 0px;
}
html>body #title {
margin-top: 0;
}

div#content {
font-size: 85%;
float: left;
width: 800px;
background-color: #FFFFFF;
}
html>body div#content {
height: auto;
}


div#border_bottom {
float: left;
width: 800px;
padding: 20px 0 0px 0;
overflow: hidden;
background: url(../img/border-bottom.gif) no-repeat;
height: 0px !important; /* for most browsers */
height /**/:20px; /* for IE5.5's bad box model */
}

div#content_brace {
float: left;
width: 800px;
height: auto;
background: url(../i/bg_subpage_sidecol.gif) repeat-y;
margin: 19px 0 0 0;
display: inline;
}

div#sidemenu {
float: left;
width: 122px;
margin: 0 17px 10px 21px;
padding: 0;
display: inline;
}

.sidemenu_entry_open {
font-size: 110%;
font-weight: bold;
margin: 0;
padding: 0 0 5px 12px;
background: url(../i/bullet_submenu_open.gif) no-repeat;
}

.sidemenu_entry {
font-size: 110%;
font-weight: bold;
margin: 0;
padding: 0 0 5px 12px;
background: url(../i/bullet_submenu.gif) no-repeat;
}

.sidemenu_entry a {
color: #00a0af;
text-decoration: none;
}

.sidemenu_entry a:hover {
color: #0ec7d8;
text-decoration: none;
}

.sidemenu_entry_sub {
font-weight: normal;
margin: 0;
padding: 0 0 3px 12px;
}

.sidemenu_entry_sub_last {
font-weight: normal;
margin: 0;
padding: 0 0 8px 12px;
}

.sidemenu_entry_sub a, .sidemenu_entry_sub_last a {
color: #000000;
text-decoration: none;
}

.sidemenu_entry_sub a:hover, .sidemenu_entry_sub_last a:hover {
color: #000000;
text-decoration: underline;
}

.sidemenu_active {
font-weight: bold;
}

div#main-column {
float: left;
width: 600px;
margin: 0 0 0 20px;
display: inline;
}

/* header elements */

div#header {
position: relative;
width:800px;
height: 80px;
}

div#header_left {
left: 0px;
top: 17px;
float: left;
width: 250px;
height: 63px;
position: relative;
background: url(../img/logo-home.gif) no-repeat;
}

div#header_left a {
width: 250px;
height: 63px;
position: absolute;
}

div#header_left a.featured {
width: 200px;
height: 20px;
position: absolute;
top:274px;
left:290px;
text-decoration:none;
}
div#header_left a.featured:hover {
text-decoration:none; }
div#header_left a.featured span {
	visibility:hidden; }

div#header_left a.award {
width: 100px;
height: 100px;
position: absolute;
top:250px;
left:520px;
text-decoration:none;
}
div#header_left a.award:hover {
text-decoration:none; }
div#header_left a.award span {
	visibility:hidden; }

div#header_left a.award-pp {
width: 100px;
height: 100px;
position: absolute;
top:90px;
left:520px;
text-decoration:none;
}
div#header_left a.award-pp:hover {
text-decoration:none; }
div#header_left a.award-pp span {
	visibility:hidden; }


#header_left a h1 {
display: none;
}



div#menu {
	float: right;
	width: 500px;
	height: 40px;
	margin: 40px 0 0 0;
}

/* footer elements */

div#footer {
width: 772px;
min-height: 50px;
color: #ffffff;
text-decoration: none;
font-size: 75%;
margin: 14px;
background: url(../img/bg-footer.gif) no-repeat right center;
clear:both;
display:block;
}

div#footer a {
color: #ffffff;
text-decoration: none;
}

div#footer a:hover {
color: #ffffff;
text-decoration: underline;
}

div#footer a.siteby {
	display:block;
	width:74px;
	height:22px;
	float:right;
	margin-right:105px;
	margin-top:16px;
}
div#footer a.siteby img {
	border:none;
}

p#disclaimer {
height: auto;
color: #ffffff;
font-size: 9px;
padding: 0px;
margin: 8px 0;
display: block;
}


.clear {
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* navigation */

div#menu {
background: url(../img/bg-nav.gif) top left no-repeat;
}

span.navtext {
display: none;
}

span.pipe {
display: none;
}

div#style_switcher {
float: left;
text-align: center;
width: 800px;
height: 20px;
color: #d8ffa4;
text-decoration: none;
font-size: 9px;
font-weight: bold;
margin: 0px 0 20px 0;
display: inline;
}

div#style_switcher a {
color: #d8ffa4;
text-decoration: none;
}

div#style_switcher a:hover {
color: #d8ffa4;
text-decoration: underline;
}

/* ======================================================== *
 * FORMS
 * ======================================================== */
form#wholesale,
form#general {margin-bottom: 15px;}
form#wholesale fieldset,
form#general fieldset {border: 0px; margin-top:0px;}
form#general {
background:#FFEFF8 url(../img/bg-form.gif) no-repeat bottom right;
border:2px solid #F5B4D6;
margin-left:-20px;
padding:20px;
}
.floatl {
	width: 280px;
	float: left; }
.floatl-state {
	width: 150px;
	float: left; }
.floatr {
	width: 150px;
	float: right; }
form#wholesale div input,
form#general div input, form#wholesale div textarea, form#general div textarea {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
	border: 1px solid #bbb;
	border-left-color: #ddd;
	border-top-color: #ddd; 
	padding: 2px; }
form#wholesale div input,
form#general div input { width: 400px;}
form#wholesale div input#city { width: 230px;}
form#wholesale  div input#state { width: 120px;}
form#wholesale  div input#zip { width: 90px;}

span.error {color:#e42323;font-size:.9em;}
form#wholesale div,
form#general div {margin:0 0 .6em 0;}
form#wholesale .clear br,
form#general .clear br {display: none;} 
form#wholesale label,
form#general label, form#wholesale .label,
form#general .label {	
	cursor: pointer;
	font-size: 115%; 
	font-weight: bold; 
	color: #00a0af; 
	font-family: verdana, arial, sans-serif; 
	margin:2px 0 2px 0; 
	padding:0 0 3px 0; 
	display: block; }
form#general label .small {
	font-size:10px;
	font-weight:normal;
	color:#333;
}
form#wholesale textarea,
form#general textarea {
	width: 400px;
	height: 85px;
	overflow: auto; }
#attention, #success {
	background: #F5DC63;
	border: 1px solid #D29C34;
	margin-bottom: 15px;
	padding: 5px; }
#success {
	background: #86D958;
	border: 1px solid #229322;
	}
#attention div, #success div {
	background: #fff url(../img/icons/attention.gif) 10px 10px no-repeat;
	margin: 0px;
	padding: 15px 20px 10px 60px; }
#success div {background: #fff url(../img/icons/success.gif) 10px 10px no-repeat;}
#attention ul, #success p {margin: 0px;}
.btnNormal, .btnHover {
	font-weight:bold;
	font-size:11px;
	clear: both;
	cursor: pointer;
	float: left;
	width: 165px;
	height: 16px;
	line-height: 16px;
	color: #fff;
	padding: 0 0 0 10px;
	border: 0px;
	text-align:left;
	text-transform:uppercase; }
.btnNormal {background: url(../img/bg-submit.gif) 0 0 no-repeat;}
.btnHover {background: url(../img/bg-submit.gif) 0 -16px no-repeat;}
.vcard {float: left; padding-top:5px;}

.required { color:#FF0000; font-weight:bold; }