/* this style allows ie to display pngs as a background image although they can't repeat */
/* note: it requires a blank .gif and it must be referrenced correctly in the .htc file for this to work */
/* * { behavior: url(js/png_bg_fix.htc);  }  */


/* ----------------------------------- default ----------------------------------- */
html {
	/* setting font to 62.5% makes 10px = to 10px since default is 16px (16 x 62.5 = 10) 
	font-size:62.5%;*/
	font-size:12px;
	line-height:15px;
	font-family:Helvetica, Arial, sans-serif;
	height:100%;
}
body {
	text-align:center;
	background:#84bdef url(../images/bg_repeat_x.jpg) top repeat-x;
	height:100%;
}

a {			text-decoration:none; }
a:hover {	text-decoration:underline; }

.clear {	clear:both !important;	font-size:0; height:0; overflow:hidden; }

b, strong {font-weight:bold;}

/* ----------------------------------- general layout divs ----------------------------------- */
#bg {
	width:980px;
	min-height:100%;
	_height:100%;
	margin:0 auto;
	background:url(../images/bg_repeat_y.jpg) top center repeat-y;
}
#content {
	width:946px;
	padding:0 17px;
	background:url(../images/bg_top.jpg) top center no-repeat;
	min-height:350px;
	text-align:left;
}


/* ----------------------------------- main nav ----------------------------------- */
.nav { 
	width:946px;
	height:39px;
	padding-bottom:1px;	
	background:url(../images/nav_bg.jpg) top repeat-x;
	text-align:center;
}
ul.nav {
	margin:auto;
	border-right:1px solid #f8d39d;
}
ul.nav li {
	display:block;
	line-height:39px;
	float:left;
}
ul.nav li a {
	display:block;
	float:left;
	text-align:center;
	font-size:18px;
	padding:0 15px;
	color:#fff;
	text-decoration:none;
	border-left:1px solid #f8d39d;
	border-right:1px solid #f8d39d;
}
ul.nav li a:hover {
	background:url(../images/nav_bg_over.jpg) top repeat-x;
	text-decoration:none;
}
ul.nav li.first {
	/*margin-left:40px;*/
	margin-left:25px;
	display:inline;
}

#dropmenudiv {
	text-align:left;
	position:absolute;
	border:1px solid #f8d39d;
	z-index:100;
}

#dropmenudiv a {
	width: 100%;
	display: block;
	text-indent: 5px;
	font-size:14px;
	line-height:16px;
	padding:5px 0;
	border-bottom:1px solid #f8d39d;
	color:#fff;
	background:#e7b365;
	text-decoration: none;
	font-weight:normal;
}

#dropmenudiv a:hover{
	color:#fff;
	background:#84bdef;
}




/* ----------------------------------- homepage flash div ----------------------------------- */
#flash {
	width:946px;
	height:319px;
}


/* ------------- subpage headers --------------- */

#subpage {
	width:946px;
}
#subpage #logo {
	float:left;
	display:inline;
	width:170px;
	height:150px;
}
#subpage h1.pageTitle {
	float:left;
	display:inline;
	margin-top:110px;
	padding-right:70px;
	width:430px;
	height:50px;
	text-align:right;
	color:#f7a46c;
	font-size:36px;
	line-height:40px;
	font-weight:bold;
}
.leaves {
	background:url(../images/bg_subpage_leaves.jpg) top repeat-x;
}
.subpage {
	margin-top:150px;
}

/* ----------------------------------- main content div ----------------------------------- */
/* ------------- general styles --------------- */
#left {
	width:650px;
	margin-left:20px;
	float:left;
	display:inline;
	font-size: 13px;
	line-height:16px;
}

#left h1, #left .heading1 {
	color:#3d6262;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	clear:left;
}

#left h2, #left .heading2 {
	color:#3d6262;
	font-size:18px;
	line-height:20px;
	font-weight:normal;
}

#left h3, #left .heading3 {
	
	font-size:14px;
	line-height:16px;
	margin:15px 0 5px;
	font-weight:bold;
}


#left h3.testimonials {
	padding:0 0 20px 400px;
	background:url(../images/line.jpg) bottom left no-repeat;
	border-bottom:1px dashed #f7a46c;
}
#left .testimonialsName {
	color:#f7a46c;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	display:block;
	margin:0;
	padding:0 0 10px 400px;
	border-bottom:1px dashed #f7a46c;
}



#left p {
	color:#7a7a7a;
	margin:0;
}
#left a {
	color:#c66;
	text-decoration:none;
}
#left a:hover {
	text-decoration:underline;
}
#left ul {
	padding:0 5px 8px 30px;
	list-style:outside;
}
#left li {
	color:#7a7a7a;
	padding-bottom:10px;
}

#left form {
	clear:left;
	color:#7a7a7a;
	font-size:14px;
	line-height:16px;
}

#left .formNormal {
	clear:left;
	color:#7a7a7a;
	font-size:10px;
	line-height:12px;
}

#left input, #left select {
	color:#666;
}

#left table.cmsForm {
	margin:20px auto 0 auto;
}
#left table.cmsForm tr td {	
	vertical-align:top;
	margin-top:0;
	padding:0 15px 10px 0;
	text-align:left;
}
#left table.cmsForm tr td.cmsFormSubmit input {
	margin-left:180px;
}

#left .inner-content {
	padding: 0 10px;
}

/* ----------------------------------- MODIFIED specials / top seller promos (cms text only) ----------------------------------- */

#left .promo {
	float:left;
	display:inline;
	width:290px;
	text-align: center;
	padding:0 8px 25px 8px;
}
#left .specials {	
	background:url(../images/gradient_pink.jpg) top no-repeat;
	color:#f76c6c;
	margin-right:20px;
	position:relative;
}
#left .topSellers {	
	background:url(../images/gradient_green.jpg) top no-repeat;
	color:#419393;
	position:relative;
}

#left .specials a {		color:#f76c6c; }
#left .topSellers a {	color: #419393; }


#left .promo h2 {
	font-size:30px;
	margin:25px 0 0;
	padding:0;
	text-align:center;
}
#left .promo h2:first-child {
	margin:30px 0 0;
}

#left .specials h2 a {
}
#left .topSellers h2 a {
	
}
#left .specials h2 a:hover {
	color:#c66;
	text-decoration:none;
	/*background:url(../images/arrow_pink_hover.gif) left no-repeat;*/
}
#left .topSellers h2 a:hover {	
	color:#3d6262;
	text-decoration:none;
	/*background:url(../images/arrow_green_hover.gif) left no-repeat;*/
}
#left .promo h5 {
	float:right;
	display:inline;
	width:25%;
	font-size:12px;
	line-height:40px;
	margin:0;
	padding:0;
	font-weight:bold;
	text-align:right;
}


#left .promo table.specialsTable,
#left .promo table.topSellersTable {
	width:100%;
	clear:left;
	font-size:13px;
	position: relative;
	
}

#left .promo table.specialsTable td, #left .promo table.topSellersTable td {
vertical-align: top;
text-align: center;
}

/* ----------------------------------- ADD ON STYLE FROM  brandhatchery.com ----------------------------------- */

#facebook {
	margin-bottom: 3px;
	display: block;
}

#footer-callout {
	margin-top:20px;
	padding-left:20px;
}



/* ----------------------------------- ORIGINAL specials / top seller promos ----------------------------------- 
#left .promo {
	float:left;
	display:inline;
	width:290px;
	padding:0 8px 25px 8px;
}
#left .specials {	
	background:url(../images/bg_promo_pink.jpg) top no-repeat;
	color:#f76c6c;
	margin-right:20px;
}
#left .topSellers {	
	background:url(../images/bg_promo_green.jpg) top no-repeat;
	color:#419393;
}
#left .specials a {		color:#f76c6c; }
#left .topSellers a {	color:#419393; }


#left .promoIMG a img {
	float:right;
	display:inline;
	margin:5px 0 5px 10px;
	padding:5px;
	background:#fff;
	border:1px solid;
}
#left .specials .promoIMG a img {			border-color:#f76c6c; }
#left .specials .promoIMG a:hover img {		border-color:#c33; }
#left .topSellers .promoIMG a img {			border-color:#419393; }
#left .topSellers .promoIMG a:hover img {	border-color:#3d6262; }


#left .promo h1 {
	float:left;
	display:inline;
	width:75%;
	font-size:24px;
	line-height:40px;
}
#left .specials h1 a {
	background:url(../images/arrow_pink.gif) left no-repeat;
	padding-left:18px;
}
#left .topSellers h1 a {
	background:url(../images/arrow_green.gif) left no-repeat;
	padding-left:18px;
}
#left .specials h1 a:hover {
	color:#c66;
	text-decoration:none;
	background:url(../images/arrow_pink_hover.gif) left no-repeat;
}
#left .topSellers h1 a:hover {	
	color:#3d6262;
	text-decoration:none;
	background:url(../images/arrow_green_hover.gif) left no-repeat;
}

#left .promo h2, #left .promo h3 {
	clear:left;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
}

#left .promo h4, #left .promo h5 {
	font-size:12px;
	line-height:18px;
	font-weight:bold;
}
#left .promo h5 {
	float:right;
	display:inline;
	padding-top:15px;
}

#left .specials h2 a, #left .specials h4 { color:#c66; }
#left .topSellers h2 a, #left .topSellers h4 { color:#3d6262; }

#left .promo p {
	font-size:12px;
	padding-bottom:5px;
}*/
/* ----------------------------------- contact us ----------------------------------- */
.contactBox {
	float:left;
	display:inline;
	width:50%;
	height:150px;
	padding-top:5px;
	border-top:1px solid #ccc;
}

table.contactTable {
	width:100%;
}
table.contactTable td {
	width:50%;
	height:125px;
	padding-top:5px;
	border-top:1px solid #ccc;
}
	


/* -------------------- video archive -------------------- */
#left ul.videos {
	margin-top:20px;
}
#left ul.videos li {
	float: left;
	text-align:center;
	list-style:none;
	margin:10px 15px;
	width:165px;
	height:200px;
  	font-size: 14px;
	line-height:16px;
}
#left ul.videos li img {
	margin-bottom:8px;
}
#left ul.videos li h1 {
	font-size:12px;
	line-height:14px;
	height:35px;
}
#left ul.videos li a {
  	font-size: 12px;
	line-height:14px;
	color:#c66;
}
#left ul.videos li a:hover {
	color:#c33;
	text-decoration:none;
}




/* ----------------------------------- shopping cart ----------------------------------- */
#left h2.tree {
	clear:left;
	margin-top:15px;
	font-size:14px;
}
#left h2.cartFooter {
	clear:left;
	text-align:center;
	padding-top:25px;
}
/* -------------------- image border and padding -------------------- */
#left ul.videos li img, #left ul.category li a img, #left ul.subcategory li a img, #left .image a img, #left .image img, #left #crossSelling .crossProduct img   {
	padding:5px;
	background:#fff;
	border:1px solid #f76c6c;
	list-style:none;
}
#left ul.category li a:hover img, #left ul.subcategory li a:hover img, #left .image a:hover img, #left #crossSelling .crossProduct a:hover img  {
	border:1px solid #c33;
	list-style:none;
}

/* -------------------- member login -------------------- */
#left #login {
	float:right;
	display:inline;
	width:400px;
	height:50px;
	padding-top:5px;/*
	background:url(../images/bg_login.jpg) top repeat-x;*/
	overflow:hidden;
	color:#3d6262;
}
#left #login h1 {
	font-size:12px;
	line-height:16px;
	background:url(../images/login_line.jpg) bottom left no-repeat;
	margin-bottom:5px;
}
#left #login .or {
	padding:0 8px;
	font-weight:normal;
}
#left #login label {
	margin-right:5px;
	display:block;
	float:left;
	text-align:right;
	font-size:12px;
}
#left #login input {
	margin-right:5px;
	padding-left:3px;
	font-size:10px;
	color:#3d6262;
	border:1px solid #ccc;
	float:left;
	width:100px;
}
/*
#left #categoryMenu {
	height:35px;
	padding-top:20px;
}*/
#left #logoCart {
	width:225px;
	height:65px;
}

/* -------------------- category listings -------------------- */
#left ul.category {
	margin-top:20px;
}
#left ul.category li {
	float: left;
	text-align:center;
	list-style:none;
	margin:10px 15px;
	width:165px;
	height:185px;
	list-style:none;
}

#left ul.category li a img  {
	margin-bottom:8px;
}
#left ul.category li a {
  	font-size: 14px;
	line-height:16px;
	color:#c66;
	list-style:none;
}
#left ul.category li a:hover {
	color:#c33;
	text-decoration:none;
}

/* -------------------- subcategory listings -------------------- */
#left ul.subcategory {
	padding-top:10px;
}
#left ul.subcategory h2 {
	font-size:14px;
}
#left ul.subcategory li {
	display:block;
	float:left;
	text-align:center;
	list-style:none;
	margin:10px 15px;
	width:165px;
	height:140px;
}
#left ul.subcategory li a img  {
	margin-bottom:5px;
}
#left ul.subcategory li a {
  	font-size: 12px;
	line-height:11px;
	color:#c66;
}
#left ul.subcategory li a:hover {
	color:#c33;
	text-decoration:none;
}

/* -------------------- product listings -------------------- */
#left .sortContainer {
	margin:15px 0;
	height:25px;
}

#left #prodSort {
	font-size:12px;
	float:left;
	display:inline;
}

#left ul.pages {
	float:right;
	display:inline;
	list-style:none;
	padding-top:3px;
}
#left ul.pages li {
	display:inline;
	padding:0 2px;
	list-style:none;
}
#left ul.pages li a:hover {
	color:#c33;
	font-weight:bold;
	text-decoration:none;
}



#left .product {
	clear:left;
	margin:10px 0;
	padding:10px 0;
	display:block;
	text-align:left;
	border-top:1px dashed #bbb;
}

#left .image {	
	float:left;
	display:inline;
	padding:0 5px 5px 0;
}
#left .product .image {
	width:100px;
}
#left .image a img, #left .image img  {
	float:left;
}
#left ul.imageThumbs {
	float:left;
	width:190px;
	height:40px;
	display:inline;
	list-style:none;
	padding:8px 0;
}
#left ul.imageThumbs li {
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
}
#left ul.imageThumbs li a img {
	display:inline;
	margin:0 5px 0 0;
}



#left .info {
	float:left;
	display:inline;
	width:300px;
	padding:0 15px 5px 5px;
	font-size:12px;
	line-height:15px;
}

#left .info p {
	font-size:12px;
	line-height:15px;
}
#left .info img {
	float:right;
	display:inline;
	margin:5px;
}

#left .pricing {
	float:left;
	display:inline;
	padding:0 5px 5px 5px;
}


#left .product h1 {
	font-size:16px;
	line-height:18px;
}
#left .product p {
	font-size:12px;
	line-height:15px;
	padding:0;
}
#left .product a {
	color:#c66;
}
#left .product a:hover {
	color:#c33;
	text-decoration:none;
}
#left .product input {
	width:25px;
	margin:3px;
}
#left .info ul {
	list-style:disc;
}
#left .info ul ul {
	list-style:circle;
	padding-top:0;
	margin-top:-10px;
	vertical-align:top;
	font-size:9px;
}


/* -------------------- product detail pages -------------------- */
#left .productDetail {
	clear:left;
	margin:10px 0;
	padding:10px 0;
	display:block;
	text-align:left;
}

#left .productDetail .image {	
	float:left;
	display:inline;
	padding:0 10px 10px 0;
	width:180px;
}


#left .productDetail .info {
	float:left;
	display:inline;
	width:435px;
	padding:0 0 5px 10px;
}
#left .productDetail .image .pricing {
	float:left;
	display:inline;
	clear:left;
	width:160px;
	padding:10px 5px 5px 15px;
}


#left .productDetail h1 {
	font-size:16px;
	line-height:18px;
}
#left .productDetail p {
	font-size:13px;
	line-height:15px;
	padding:0;
}
#left .productDetail a {
	color:#c66;
	font-weight:bold;
}
#left .productDetail a:hover {
	color:#c33;
	text-decoration:none;
}
#left .productDetail input {
	width:25px;
	margin:3px;
}
#left .productDetail .info ul {
	padding-top:10px;/*
	list-style:none;*/
}
#left .productDetail .info ul li {
	font-size:12px;
	line-height:15px;
	padding:0;/*
	list-style:none;*/
}


/* -------------------- product detail pages - cross selling -------------------- */
#left #crossSelling {
	clear:left;
	padding:8px;
	border:1px dashed #bbb;
	display:block;
}
#left #crossSelling h1 {/*
	line-height:11px;*/
	padding-top:5px;
	padding-bottom:3px;
}
#left #crossSelling p {
	font-size:12px;
	line-height:15px;
}
#left #crossSelling .crossProduct {
	float:left;
	display:inline;
	margin:10px 0;
	width:33%;
	height:170px;
	text-align:center;
}
#left #crossSelling .crossProduct input {
	clear:left;
	margin:0;
}
#left #crossSelling .crossProduct label {
	color:#7a7a7a;
	font-size:12px;
	line-height:15px;
}



/* -------------------- sidebar specials -------------------- */
#sidebar ul.cartSpecials {
	clear:both;/*
	background:url(../images/sidebar_bg.jpg) no-repeat;*/
}
#sidebar ul.cartSpecials li {
	text-align:center;
	list-style:none;
	width:140px;
	padding-top:10px;
	margin:auto;
}
#sidebar ul.cartSpecials li a img  {
	border:1px solid #f76c6c;
}
#sidebar ul.cartSpecials li a:hover img  {
	border:1px solid #c33;
}
#sidebar ul.cartSpecials li a {
  	font-size: 15px;
	line-height:16px;
	font-weight:bold;
	color:#c66;
}
#sidebar ul.cartSpecials li a:hover {
	color:#c33;
	text-decoration:none;
}

/* -------------------- sidebar account/checkout buttons ---------- */
#sidebar ul.cartButtons {
	clear:both;
	width:100%;
	padding:10px 0;
	display:block;
	text-align:center;
	background:url(../images/sidebar_bg_video.jpg) top repeat-x;
	border-bottom:1px solid #fff;
	list-style:none;
}
#sidebar ul.cartButtons li a {
	display:block;
	margin:2px auto;
	width:150px;
	height:20px;
	line-height:22px;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	border:1px solid #3d6262;
	background:#3d6262 url(../images/cart_buttons_bg.jpg) top repeat-x;
	list-style:none;
}
#sidebar ul.cartButtons li a:hover {
	color:#eee;
	background:#3d6262;
}

/* -------------------- sidebar cart view ---------- */
#sidebar #cartView {
	padding:0 8px;
}
#sidebar #cartView h1 {
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	text-align:center;
	color:#3d6262;
}
#sidebar #cartView h2 {
	font-size:12px;
	font-weight:bold;
	color:#3d6262;
	padding:8px 0 2px 0;
}
#sidebar #cartView h3 {
	font-size:12px;
	font-weight:bold;
	color:#444;
	padding-top:10px;
	margin-top:5px;
	border-top:1px solid #fff;
}
#sidebar #cartView h3.new {
	border:none;
	padding-top:5px;
	margin-top:0;
}
#sidebar #cartView p {
	color:#333;
	font-size:11px;
}
#sidebar #cartView a {
	color:#c66;
}
#sidebar #cartView a:hover {
	color:#c66;
}



/* ----------------------------------- sidebar content ----------------------------------- */
#sidebar {
	float:right;
	display:inline;
	width:250px;
	margin-right:10px;
	background:url(../images/sidebar_bg.jpg) 0 101px no-repeat;
}

#sidebar h6 a {
	width:250px;
	height:42px;
	display:block;
	overflow:hidden;
	font-size:16px;
	line-height:42px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:url(../images/sidebar_button_signup.jpg) top center no-repeat;
}
#sidebar h6 a:hover {
	background:url(../images/sidebar_button_signup_over.jpg) top center no-repeat;
	text-decoration:none;
}

/* ----------------------------------- search form ----------------------------------- */
#sidebar form {
	margin:0 auto;
	padding:5px 0;
	text-align:center;
}
#sidebar label {
	color:#fff;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
}
#sidebar input {
	font-size:11px;
	line-height:12px;
	border:none;
	padding:3px;
	border:1px solid #eee;
}

/* ----------------------------------- video promo ----------------------------------- */
#sidebar #video {
	height:180px;
	padding-top:5px;
	text-align:center;
	background:url(../images/sidebar_bg_video.jpg) top repeat-x;
	border-bottom:1px solid #fff;
}
#sidebar #video h1 {
	color:#3d6262;
	font-size:14px;
	line-height:16px;
	text-align:center;
	font-weight:bold;
}
#sidebar #video h2 a {
	color:#3d6262;
	font-size:12px;
	line-height:15px;
	text-align:center;
	font-weight:normal;
}
#sidebar #video img {
	margin-bottom:5px;
}


/* ----------------------------------- story promo ----------------------------------- */
#sidebar #story {	/*
	background:url(../images/sidebar_bg_story.png) bottom right no-repeat;*/
}

#sidebar #story h1, #sidebar #story h2 {
	float:left;
	display:inline;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	width:240px;
	clear:left;
}
#sidebar #story h1 {
	color:#f76c6c;
	text-align:left;
	padding:5px 0 0 10px;
}
#sidebar #story h2 {
	color:#f7a46c;
	text-align:right;
	padding:0 10px 0 0;
}
#sidebar #story h3 {
	float:left;
	display:inline;
	padding:0 0 0 10px;
	color:#9a866c;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
}
#sidebar #story h4 {
	display:inline;
	float:right;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	clear:right;
}
#sidebar #story h4 a.dee {
	padding:0 10px;
	color:#f76c6c;
}
#sidebar #story h4 a.dandra { 	
	color:#f7a46c;
}
#sidebar #story p {
	padding-left:10px;
	color:#9a866c;
	font-size:11px;
	line-height:13px;
	text-align:left;
	display:inline;
}
#sidebar #story p.left {
	float:left;
	clear:left;
	width:105px;
}
#sidebar #story p.right {
	float:right;
	clear:right;
	width:120px;
	padding-top:20px;
	margin-right:5px;
	height:120px;
	vertical-align:bottom;
}








/* ----------------------------------- footer ----------------------------------- */
ul.footer {
	clear:both;
	text-align:center;
	color:#3d6262;
	padding:15px 0;
	list-style:none;
}
ul.footer li {
	display:inline;
	padding:0 5px;
	font-size:12px;
	line-height:18px;
	list-style:none;

}
ul.footer li a {
	color:#3d6262;
	text-decoration:none;
}
ul.footer li a:hover {
	color:#3d6262;
	text-decoration:underline;

}