
/* Main page titles */

h1 {
	font-size: 16px;
	line-height: 30px;
	margin: 0;
}

/* Secondary page titles */

h2 {
	font-size: 18px;
	line-height: 28px;
	margin: 0;
}

/* Section titles */

h3 {
	font-size: 16px;
	line-height: 26px;
	margin: 0;
}

/* Subsctions, boxes and minor titles */

h4 {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}

/* Small titles (mostly same size as text) */

h5 {
	font-size: 12px;
}

/* Micro titles - copyrights, legal, etc*/

h6 {
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}

p {
	margin: 5px 0;
	line-height: 120%;
}

input, select {
	vertical-align: middle;
	margin: 2px;
	padding: 1px 3px;
	color: #777;
}

img {
	border: 0;
}

.products_table {
	width: 100%;
	margin: 10px 0;
}

.products_table td {
	padding: 5px;
	border-bottom: 1px solid #CDEFE3;
	vertical-align: middle;
}

.products_table th {
	padding: 5px;
	background: #E0EDED;
	border-bottom: 1px solid #CDEFE3;
	font-weight: bold;
}

.checkout_sum {
	width: 100%;
	margin: 10px 0;
	border: 1px solid #CDEFE3;
}

.checkout_sum td {
	padding: 5px;
	border: none;
	border-bottom: 1px solid #CDEFE3;
	vertical-align: middle;
}

.checkout_sum .field {
	border-right: 1px dotted #CDEFE3;
}

.reg_table {
	width: 100%;
	margin: 10px 0;
	border: 1px solid #CDEFE3;
}

.reg_table td {
	padding: 5px 10px;
	border: none;
	border-bottom: 1px solid #CDEFE3;
	background: transparent;
	vertical-align: middle;
}

.reg_table .field {
	border: none;
	border-right: 1px dotted #CDEFE3;
}

.reg_table .value {
	border: none;
}

.reg_table .value input, .reg_table .value select {
	border: 1px solid #CDEFE3;
	border-bottom: 1px solid #20B2AA;
	color: #777;
	padding: 2px;
}

.field {
	width: 50%;
}

.value {
	width: 50%;
}

.tiny {
	font-size: 10px;
	font-weight: normal;
}

.gift_cert {
	margin: 20px 0;
}

.shipping_options {
	margin: 20px 0;
	border-bottom: 1px solid #CDEFE3;
}

.reward_points {
	margin: 20px 0;
	border-bottom: 1px solid #CDEFE3;
}

.cart_sku {
	width: 40px;
}

.cart_descr img{
    margin: 1px 3px 1px 1px;
}

.cart_price {
	width: 60px;
	text-align: right;
}

.cart_qty {
	width: 60px;
}

.errors {
	color: #5F9EA0;
	font-weight: bold;
	padding: 5px;
	background: #E0EDED;
	border: 1px solid #5F9EA0;
	margin: 5px;
}

.img_button, .image_btn {
	border: none;
	padding: 0;
}

.sendemail table {
	padding: 5px;
	margin: 10px 0;
}

.sendemail table td {
	padding: 5px;
	vertical-align: middle;
}

.side_cattree {
	margin-bottom: 30px;
}

.side_recent {
	margin: 40px 0;
	border-top: 1px solid #20B2AA;
	font-weight: bold;
}

.side_recent a {
	font-weight: normal;
}

.side_recent ol {
	list-style: none;
	margin: 0;
	padding: 10px 0;
}

.side_recent li {
	margin: 0 8px;
	;	padding: 8px 4px;
	border-bottom: 1px solid #CDEFE3;
}

.box_0 {
	padding: 5px;
	margin: 5px;
}

.box_1 {
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #CDEFE3;
	border-bottom: 1px solid #20B2AA;
}

.box_2 {
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #CDEFE3;
	border-bottom: 2px solid #20B2AA;
}

.precheckout {
   width: 600px;
}

.display {
	position: relative;
}

.account h3 {
	color: #20B2AA;
	font-size: 16px;
	margin-top: 15px;
}

.precheckout .box_1 {
	text-align: center;
}

strong.total {
	display: block;
	padding: 5px;
	text-decoration: underline;
	font-size: 14px;
	color: #20B2AA;
}

.newsletter .box_1 {
	width: 80%;
	margin: 10px auto;
	padding: 20px;
}

#btn_purchase { float:right; }


/* Product Display Page */
.product_name { position: static; color: #0a96c3; font-size: 14px;}
.product_image { float: left; text-align: center; height: 470px; width: 320px; overflow: hidden;}
.product_image a { font-weight: normal; font-size: 10px; text-decoration: underline;}
.product_image img {	border: 1px solid #bbb; padding: 2px; }
.product_info { overflow-x: hidden;  font-size: 11px; float: left; width: 350px;  background: white url(images/grad1-btm.gif) repeat-x bottom left;   padding: 10px; border-bottom: 1px solid #bbb; border-top: 1px solid #ddd;}
.product_info option, .product_info select, .product_purchase option, .product_purchase select { font-size: 10px; }
.product_purchase { float:left; width: 350px; padding: 10px;}
.product_purchase input {	vertical-align: middle;  }
.product_tasks { font-size: 11px; float: left; width: 350px; padding: 10px; }
.product_tasks a {	padding-right: 10px; padding-left: 10px; white-space: nowrap; }
.product_more { font-size: 11px; margin: 10px 0; padding: 10px; border: 1px solid #ddd; clear: both; background: white url(images/grad1-btm.gif) repeat-x bottom left;  } 
.product_points { float:left; width: 360px; padding: 10px;} 
.product_aff {  margin: 10px 0; padding: 10px; border: 1px solid #ddd; clear: both; background: white url(images/grad1-btm.gif) repeat-x bottom left;   }
.product_bundle {  margin: 10px 0; padding: 10px; border: 1px solid #ddd; clear: both; background: white url(images/grad1-btm.gif) repeat-x bottom left;   }
.product_multiprice {  margin: 10px 0; padding: 10px; border: 1px solid #ddd; clear: both; background: white url(images/grad1-btm.gif) repeat-x bottom left;  }
.product_multiprice table { padding: 5px; border: 1px solid #b8b8dc; border-bottom: 2px solid #ddd; clear: both; }
.product_descr { float:left; width: 360px; padding: 10px;}
.product_upsell {  font-size: 11px; margin: 10px 0; padding: 10px; border: 1px solid #ddd; clear: both;  }
.product_reviews { margin: 10px 0; padding: 10px; border: 1px solid #ddd; clear: both;  background: white url(images/grad1-btm.gif) repeat-x bottom left;   }
.product_review { margin: 10px 0; Padding: 10px; border: 1px solid #ddd; border-bottom: 2px solid #ddd; clear: both;  }

p.crumbs {	margin: 0;	line-height: 16px; }



/* Navigation / Thumbnail pages */

h1.cat_name { color: #20B2AA; }
.cat_nav {  overflow: hidden; height: 26px; position: relative; margin: 10px 0; padding: 4px 10px; border-bottom: 1px solid #bbb; background: url(images/grad1-btmthin.gif) repeat-x bottom left;  clear: both;}
.cat_nav input, .cat_nav select {	vertical-align: middle;}
.cat_nav .crumbs { float:left; display: inline;  margin: 0; line-height: 30px;}
.cat_description img { float: left; margin: 0 10px 10px 0; }
.cat_subcats {  float:left;  display: inline; padding: 0 30px; text-align: center; margin: 0;}
.cat_showhits {  float: right; display: inline; margin: 0; line-height: 30px; }
.cat_pages {  text-align: center; position: relative; width: 100%; min-height: 24px; height: 30px; }
.cat_pages span { margin: 0 130px 0 110px; display: block; }
.cat_prev { position: absolute; left: 0px; top: 0; width: 100px; }
.cat_next { position: absolute; right: 0px; top: 0; width: 100px; }
.cat_items {	position: relative; clear: both;	}

.thumb {	float:left; font-size: 10px; border: 1px solid #ddd; border-bottom: 1px solid #aaa; margin: 3px; padding: 3px; position: relative; width: 125px; height: 245px; overflow: hidden; text-align: center; background: white url(images/grad1-btm.gif) repeat-x bottom left; }
.thumb_image { position: absolute; bottom: 55px; left: 3px; width: 125px; }
.thumb_image img { margin:auto; border:1px solid blue; }
.thumb h4 { font-size: 10px; margin: 0 0 3px 0; line-height: 100%; display: block;  font-weight: normal;}
.thumb_price { position: absolute; left: 5px; bottom: 4px; text-align: center; width: 114px; }
.thumb_price img {	margin: 5px auto; display: block;}
.thumb_price strong { color: #5F9EA0;}
.thumb_bundle { display: none; }
.thumb_extra strong { font-weight: normal; font-size: 12px; color: black; }
.thumb_multyprice { display: none; }
.thumb_reviews { display: none; }
.thumb a { text-decoration: none; }

.landing_subcats a {
	font-family: "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 3px;
	color: #20B2AA;
	font-weight: normal;
}


/* Login page */
.login_reg { border: 2px solid #f3f3f3; background: white; position: absolute; right: -9px; top: -9px; width: 40%; z-index: 2;}
.login_reg h3 { font-size: 14px; margin: 0; line-height: 100%; }
.login_form { background: #f3f3f3; border-bottom: 2px dotted #ddd; position: relative; }
.login_promo { border: 1px solid #ddd; }
.login_noreg { border: 1px solid #ddd; }
.login div {	padding: 10px; margin: 10px;}

body {
	margin: 0;
	background: #fff;
    font-family:Verdana,Corbel,"Bitstream Vera Sans",sans-serif;
	font-size: 11px;
	color: #555;
}

h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 11px;}

h4, h5, h6 { margin: 5px 0;}
h1, h2, h3 { margin: 10px 0;}
p { margin: 10px 0; }

nobr { white-space: normal; }

a:link {	color: #0a96c3;}
a:visited {	color: #5d96a9;}
a:hover {	color: #00bbff; }
a:active {	color: #00bbff;}

img { border: none; }

form {
	margin: 0;
	padding: 0;
}

hr {
	height: 2px;
	line-height: 2px;
	border: none;
	border-bottom: 1px solid white;
	background: #CCC;
	color: silver;
}



.clear {	clear: both; height: 1px; line-height: 1px; }

#layout {
	margin: auto;
	width: 967px;
	background: white;
	overflow: hidden;
	border: 1px solid #ddd;
	border-width: 0;
}

#header {
	height: 142px; 
	background: #33a660 url(images/ms-header.png) no-repeat top left;
	position: relative;
	color: white;
}

#header a, #header a:visited {
    color: white;
}

#header-logo {
	position: absolute;
	top: 25px;
	left: 20px;
	width: 240px;
	height: 60px;
	display: block;
	font-weight: normal;
	text-decoration: none;
}

#topmenu1 {
	margin: 0 20px 0 0;
	padding: 0;
	display: block;
	list-style: none;	
	text-align: right;
	height: 24px;
}

#topmenu1 li {
	margin: 0 10px;
	padding: 0;
	display: inline;
}

#topmenu1 li a, #topmenu1 li a:visited {
	line-height: 24px;
	text-decoration: none;
}

#topmenu1 li a:hover {
	text-decoration: underline;
}

#topmenu2 {
	height: 35px; 
	margin: 0 20px 0 0;
	padding: 0;
	display: block;
	clear: both;
	list-style: none;
    text-align: right;
    background: url(images/ms-hdr-cart.png) no-repeat top left;
    background-position: 500px 1px;
}

#topmenu2 li {
	margin: 0 5px;
	padding: 0;
	display: inline;
}

#topmenu2 li a, #topmenu2 li a:visited {
	line-height: 35px;
	text-decoration: none;
}

#topmenu2 li a:hover {
	text-decoration: underline;
}

#searchbar {
    margin: 0 30px 0 0;
	height: 62px;
	line-height: 62px;
	background: url(images/ms-hdr-srch.png) no-repeat bottom right;
	background-position: 600px 0px;
	text-align: right;
}

#searchbar .sfield {
	background: white;
	border: 1px solid #298356;
	width: 152px;
	height: 14px;
	color: #298356;
	margin: 0 2px;
	vertical-align: middle;
}

#searchbar .sbtn {
	background: white;
	border: none;
	color: #298356;
	margin: 0 2px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	vertical-align: middle;
}

.hdr-button {
    position: relative;
    top: 5px;
}


#main {
	width: 967px;
	position: relative;
	clear: both;
}

#footer {
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	clear: both;
}

#footer-menu, #footer-links {
	padding: 0 30px;
	margin: 0;
	list-style: none;
}

#footer-menu li {
	line-height: 35px;
}

#footer-menu li, #footer-links li {
	display: inline; 
	margin: 0;
	padding: 0 8px;
	border-right: 1px solid #777777;
	font-size: 11px;
}


#footer-extra {
	width: 70%;
	text-align: center;
	margin: 10px auto;
}

#footer-extra h5, #footer-extra ul {
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer-extra td {
	vertical-align: top;
	text-align: left;
	width: 33%;
}


#left-col {
	width: 218px;
	padding-left: 14px;
	float: left;
	clear: none;
	background: transparent;
	overflow: visible;
}

#center-col {
	width: 700px;
	float: left;
   padding-left: 20px;
	overflow: visible;
}

#right-col
{
	float: right;
	width: 160px;
	position: relative;
	border-left: 1px solid #CCC;
	padding: 5px 0 5px 10px;
	margin: 0 0 0 20px;
}

#left-col .input {	width: 145px;}

#center-content h1 { position: absolute; top: -70px; left: 40px; font-size: 18px; color: white;}

.left-pad {
	background: white;
	border-right: 1px solid #ddd;;
}

.left-pad-head {
	background: url(images/ms-browse.png) no-repeat bottom right;
	height: 32px;
	position: relative;
	right: -1px;
}

.left-pad-head h4 {
	display: none;
}

.left-pad-btm {
	display: none;
}


.left-menu {	margin: 0;	padding: 0;	list-style: none;}

.left-menu li {	margin: 0;	padding: 0;	background: url(images/ms-btn-3.png) no-repeat center center; z-index: 9;}

.left-menu a {    display: block;    background: #555 url(images/ms-btn.png) no-repeat center center;    height: 24px;
    line-height: 24px;    width: 183px; font-size: 12px;    padding: 0 12px;}

.left-menu a.sp1 { background: #b03d00 url(images/ms-btn-1.png) no-repeat center center; }
.left-menu a.sp2 { background: #ff9e07 url(images/ms-btn-2.png) no-repeat center center; }
.left-menu a.sp3 { background: #0da9d4 url(images/ms-btn-4.png) no-repeat center center; }
.left-menu a.sp4 { background: #4f5b87 url(images/ms-btn-8.png) no-repeat center center; }
.left-menu a.sp5 { background: #a7b521 url(images/ms-btn-5.png) no-repeat center center; }
.left-menu a.sp6 { background: #d64d54 url(images/ms-btn-6.png) no-repeat center center; }
.left-menu a.sp7 { background: #864f7d url(images/ms-btn-7.png) no-repeat center center; }

.left-menu a:link, .left-menu a:visited { color: white; text-decoration: none; font-weight: bold; }

.left-menu a:hover {	text-decoration: none;	color: white;	background: transparent;}

.left-menu ul {	margin: 0 0 0 -12px;	padding: 0;	list-style: none;}

.left-menu li li {padding: 0 0 1px 32px;}

.left-menu ul a:hover {	background: none; }

#nav, #nav ul { padding: 0; margin: 0; list-style: none; float : left; width: 207px;  }
#nav { padding: 0 1px; }
#nav li { position : relative; float : left;  border: 1px solid white; margin-bottom : -1px; width: 207px;  line-height: 24px; }
#nav li li { padding: 0; border: 1px solid white; background: url(images/ms-btn-3.png) no-repeat center center; }
#nav li ul { position : absolute; left: auto; margin-left : 187px; margin-top : -45px; padding: 20px;  z-index: 9; display: none; }
#nav li ul ul {  left: auto; }
#nav li a { display : block; font-weight : bold; text-decoration : none; font-size: 11px; }
#nav li a:hover { color: white;  }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.hover ul ul, #nav li.hover ul ul ul { display: none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.hover ul, #nav li li.hover ul, #nav li li li.hover ul { display: block; }

.side-box {
	margin: 0;
	padding: 5px 8px 5px 30px;

}

#right-col ul {
	margin: 0;
	padding: 5px;
	list-style: circle;
}

#right-col li {
	margin: 0 0 0 10px;
	padding: 0;
}

.button { display: -moz-inline-box; display: inline-block; background: #3e9360 url(images/ms-button.png) repeat-x top center; border: 1px solid #429b68; color: #fff !important; font-family: Arial, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold;    line-height: 12px; white-space: nowrap; margin: 1px; cursor: pointer; }

a.button, a.button:visited, a.button:hover { height: 12px;  padding: 3px 10px; color: #fff; }
input.button {}

.button:hover { color: white; background: #3e9360 url(images/ms-button.png) repeat-x bottom center; }


.xbutton { background: white; border: 1px solid #444;  border-width: 1px 2px 2px 1px; color: #ff3366; font-family: Arial, sans-serif; font-size: 10px; text-decoration: none; font-weight: bold; padding: 2px 5px 1px; white-space: nowrap; margin: 1px; }

/* Information Page Styles */
ul.tabs_InfoNav {list-style: none; margin: 0; padding: 0;}
ul.tabs_InfoNav li {display: inline;}
ul.tabs_InfoNav li a {padding: 3px 5px; background-color: #cccccc; color: #000000; text-decoration: none;}
ul.tabs_InfoNav li a.selected,
ul.tabs_InfoNav li a.hover {background-color: #333333; color: #ffffff; padding-top: 7px;}
ul.tabs_InfoNav li a:focus {outline: 0;}
div.tabs_info {padding: 0;}
div.tabs_Info div {padding: 5px; margin-top: 3px; border: 2px solid #333333;}
div.tabs_Info div h4 {margin-top: 0; margin-bottom: 0; text-decoration: underline;}
div.tabs_Info div p {margin-top: 0.1em;}

/* Feedback Form */
#feedbackForm{display:none; position:fixed; _position:absolute; height:180px; width: 400px; background:#FFFFFF; border:2px solid #cecece; z-index:2; padding:12px;}

/* Front Page Thumbs */
div.frontThumb{height:185px;width:125px;border:1px solid #DDDDDD; margin: 3px; overflow:hidden; padding: 3px; float: left; text-align: center; text-align: center;}
div.frontThumb a{text-decoration: none;}
div.frontThumb h4{height:42px; font-size:10px; font-weight:normal; line-height:100%; margin:0 0 5px; overflow:hidden;}
div.frontThumb img{width:100px; height:133px; border: 1px solid blue;}

/* Checkout Page */
div.payment_info_section{display:none;padding:0.3em 0 0 0.5em;}
div.payment_info_font{font-size:10px; font-family:Verdana, Arial, sans-serif;}
div.order_border{border:4px solid #62BF87;}