/******** RESET ***********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
/* remember to define focus styles! */
:focus {outline: 0; }
/* remember to highlight inserts somehow! */
ins {text-decoration: none; }
del {text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
/******** END RESET ***********/
/******** END RESET ***********/
/******** END RESET ***********/

body{color:#000; font: 13px Arial, Helvetica, sans-serif; background:#fff; }
img{border-style:none;}
a{text-decoration:none; color:#000; }
	a:hover{text-decoration:underline; }
input{vertical-align:middle; text-align: left; }
form,fieldset{border-style:none; text-align: left; }
h1 {font-size: 24px; color: #004506; margin: 0 0 8px 0; }
h2 {font-size: 19px; color: #004506; margin: 0 0 5px 0; }
h3 {font-size: 15px; color: #004506; margin: 0 0 3px 0; }

/* NORM TABLE */
table {width: 100%; }
	table td {padding: 2px 15px 0 0; }
	table td img {vertical-align: text-top; }
	
ul {list-style: inside; list-style-type: disc; margin-left: 15px; margin-bottom: 10px; }
	ul li {line-height: 1.3em; }

#page{ }

h1.pagetitle {text-align: left; }

#header-container {width: 100%; background-color:#97be48; border-bottom: 1px solid #999; }
#header{height: 160px; position: relative; background: url(images/header-background.gif) no-repeat scroll left top; margin: 0 auto; width: 960px; }

div.toplinks-holder {background-color: #000; width: 100%; height: 22px; }
	div.toplinks {margin: 0 auto; width: 960px; text-align: right; padding-top: 3px; }
	div.toplinks a:link, div.toplinks a:visited, div.toplinks a:active {color: #97be48; padding: 0 15px 0 0; }
		div.toplinks a:hover {color: #fff; text-decoration: none; }
	div.toplinks img {padding-right: 5px; vertical-align: middle; }
	div.toplinks a.view {color: #fff; }

div.nav-holder {position: absolute; bottom: 0; width: 100%; height: 33px; z-index: 2; }

#nav {margin: 0 auto; position: relative; width: 712px; height: 33px; list-style: none; }
#nav li {background: url(images/nav-background.png) no-repeat scroll -10px 0; padding: 9px 10px 0; float: left; border-bottom: 1px solid #999; border-right: 1px solid #aaa; height: 24px; }
	#nav li.first {background-position: 0 0; }
	#nav li:hover {background-image: url(images/nav-background-hover.png); }

#nav a:link, #nav a:visited, #nav a:active {text-transform: uppercase; font-size: 12px; color: #6d6e71; }
	#nav a:hover {color: #004506; }
	
#nav li.last-normal {border-right: 0 none; }

#nav li.last {background-position: right top; padding: 9px 10px 0 23px; }
	#nav li.last:hover {background-image: url(images/nav-background.png); }
	#nav li.last a:link, #nav li.last a:visited {color: #fff; }
	#nav li.last a:hover {color:#bc5429; }

#nav li.active {border-bottom: 1px solid #fff; background-image: url(images/nav-background-hover.png); }

.logo-holder {position: absolute; top: 40px; left: 20px; width: 625px; overflow: hidden; }

div.search-form {position: absolute; top: 30px; right: 20px; width: 220px; }


/* SIDEBAR */
div.top-list-holder {background: #686868; }
.side-bar ul.top-list {background: url(images/exclusive-products-holder.png) scroll left 3px no-repeat; padding: 11px 0 0 80px; margin: 0; height: 80px; list-style: inside disc; color: #97be48; font-weight: bold; line-height: 17px; }
	.side-bar .top-list li {position: relative; background: none; }
	.side-bar .top-list li span {color: #7AB82F; font-size: 9px; font-weight: bold; position: absolute; top: 5px; }

#content .side-bar{float: left; width: 243px; margin: 10px 0 0 10px; }
.side-bar fieldset input.txt{
	margin-right: 2px;
}
.side-bar .list-holder{background: #686868; padding: 7px 18px 1px 21px; overflow: hidden; height: 1%; }
.side-bar h3{padding: 8px 0 5px 20px; }
.side-bar ul{
	margin: 0 10px;
	padding: 8px 0 7px;
	list-style: none;
	background: url(../images/dotted-line.gif) repeat-x;
}
.side-bar ul li{
	padding-left: 18px;
	background: url(../images/arrows.gif) no-repeat 0 7px;
}
.side-bar ul a{
	color: #fff;
}
.side-bar .banner-holder{
	position: relative;
	height: 1%;
	padding-top: 7px;
}

.highlighted-product {background-color: #bc5429; padding: 5px 0 5px 31px; }

/* FEATURED IMAGE */
.main-slides { }

.featured-image {position: relative; overflow: hidden; height: 295px; }
	.featured-image div {background:transparent url(../images/splash/category-bg.png) repeat scroll left top; height:55px; left:0; padding:0 0 0 5px; position:absolute; top:243px; width:682px; }
	.featured-image div p {line-height:20px; padding: 0 13px; color: #fff; margin: 6px 0 4px 0; font-size: 15px; }
	.featured-image div a:link, .featured-image div a:visited, .featured-image div a:active {border: 0 none; text-decoration: underline; color: #7AB82F; }
	.featured-image div a:hover {text-decoration: none; }
	.featured-image div img {position: absolute; top: 13px; right: 20px; }

/* HOMEPAGE BOXES */
.box {margin-top: 10px; }

.full-width {border: 1px solid #999; padding: 10px; }
.half-width {width: 311px; float: left; margin-right: 20px; padding: 10px 10px; border:1px solid #999999; height: 125px; }
	.last {margin-right: 0; }
.picture-only {border: 0 none; padding: 0; }

/* WELCOME AND EXCLUSIVES */
.wel-exc {height: 267px; width: 314px; padding: 0; border: 0 none; position: relative; }
	.wel-exc span {position: absolute; bottom: 19px; width: 310px; font-size: 15px; left: 27px; color: #fff; }
.wel-exc a:link, .wel-exc a:visited {font-weight: bold; color: #fff; }
.exclusives span {left: 106px; }
.welcome {}

/* CONTEST BOX HAS BACKGROUND IMAGE */
.contest {background: url(../images/homepage-CoverGirl-contest.png) scroll no-repeat 146px 39px; }
	.contest p {text-align: center; font-size: 22px; text-transform: uppercase; color: #999; width: 130px; padding-top: 15px; }
	.contest p img {padding-top: 10px; }

/* TESTIMONIALS BOX */
.testimonials {background-color: #97BE48; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, rgb(151,190,72)), color-stop(0.68, rgb(122,153,55))); }
.home .testimonials img {margin-right: 40px; width: 183px !important; border: 5px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.home img.last {margin-right: 0; }

/* GUARANTEE BOX */
.guarantee {background-color: #004506; color: #fff; text-align: center; }
	.guarantee h2 {color: #fff; text-align: center; margin: 0; }
	.guarantee p.alt {background-color: #97BE48; color: #BC5329; padding: 3px; margin: 3px 0; text-align: center; font-weight: bold; }

/* SHOPPING CART */
table.basket { }
	table.basket .THHeader {padding: 5px 0; font-size: 15px; }
	table.basket td {vertical-align: middle; }

td.tdRow1Color {background-color: #E2F5C9 !important; }
td.tdRow2Color {background-color: #D0EBAE !important; }

.paddedTable td {padding: 5px 0 5px 2px; }

.free-alert {font-weight: bold; color: #BC5329; }

p span img {padding-right: 10px; }

.form-holder .view{
	float: left;
	font-size: 13px;
	color: #bc380c;
	padding-left: 19px;
	background: url(../images/view-bg.gif) no-repeat 0 2px;
	font-weight: bold;
}
.form-holder ul{
	padding: 0;
	margin: -2px 0 0 22px;
	list-style: none;
	float: left;
}
.form-holder ul li{
	display: inline;
	background: url(../images/sep-green.gif) no-repeat 0 3px;
	padding: 0 8px 0 10px;
}
.form-holder ul a{
	font-size: 11px;
	color: #2f5317;
	font-weight: bold;
}
.form-holder .form{
	clear: left;
	overflow: hidden;
	height: 1%;
	position:relative;
	padding: 8px 0 12px;
}
* html .form-holder .form{margin-top: -7px;}
* +html .form-holder .form{margin-top: -7px;}
.form input{
	float: left;
	margin: 0 4px 0 -4px;
}
.form input.txt,
.side-bar fieldset input.txt{
	font-size: 11px;
	color: #888685;
	height: 16px;
	width: 134px;
	padding: 1px 5px 0;
	border: none;
	margin: 0 10px 0 0;
}
#popup {
	position:absolute;
	top:188px;
	visibility:hidden;
	background:none;
	right:42px;
	width:364px;
	height:66px;
	z-index:3;
}
.show { visibility:visible !important;}
#popup div {
	background:url(../images/popup-bg-new.png) no-repeat;
	width:333px;
	height:100px;
	padding:4px 0 0 39px;
	color:#fff;
	font-size:12px;
}
#popup p {margin:0;}
#popup a {
	position:relative;
	color:#fff;
}
.form a{
	text-indent: -9999px;
	float: left;
	overflow: hidden;
	height: 20px;
	width: 20px;
	background: url(../images/question.gif) no-repeat;
}
#question{
	display: inline;
}
#content{overflow: hidden; margin: 0 auto; width: 960px; }
.banner-holder img,
.banner-holder a{
	display: block;
}
.banner-holder a.click{
	position: absolute;
	bottom: 12px;
	right: 28px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/button-click.gif) no-repeat;
	height: 25px;
	width: 83px;
}
.banner-holder a.catalog{
	bottom: 23px;
	right: 135px;
}
#content .main-content{width: 687px; float: right; margin: 10px 10px 0 0; }
.main-content .txt-box{overflow: hidden; height: 1%; padding: 6px 0 5px; }
.main-content p{
	margin: 0;
}
.main-content .txt-box h2{
	margin-bottom: 2px;
}
.main-content .img-holder{
	float: left;
	width: 164px;
	position: relative;
	margin: 4px 9px 0 0;
}
.main-content .img-holder span{
	color: #bc380c;
	position: absolute;
	bottom: 0;
	text-align: center;
	left: 10px;
	height: 45px;
	font-weight: bold;
}
.main-content .more h2{
	text-align: center;
	margin-bottom:9px;
}
.main-content .more ul{
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
}
.main-content .more .foto{
	float: right;
	margin-right: 16px;
}
/*inner start*/
.inner #content{
	border: none;
	padding-bottom: 80px;
}
.small-nav{
	list-style: none;
	padding: 6px 0 0 21px;
	margin: 0;
}
.small-nav li{
	display: inline;
	font-weight: bold;
	color: #2f5317;
	padding-right: 2px;
}
.small-nav a{
	color: #2f5317;
}
.product{background: transparent url(../images/line.gif) repeat-y scroll 300px 0; }

.product .item-box{overflow: hidden; }
.product .top-box{border: none; }
	.product .item-box div{float:left; padding:0 20px 20px 0; width:300px; }
	.product .item-box h3{color:#BC380C; font-size:13px; margin:0 0 10px; height: 25px; overflow: visible; }
	.product .item-box img{float: left; }
	.product .item-box div div{padding:0 0 0 20px; width:130px; }
	.product .item-box div p{margin: 12px 0 15px; font-size: 11px; color: #484747; }
	.product .item-box div span{font-size: 14px; font-weight: bold; }
	.product .item-box div div a{overflow: hidden; text-indent: -9999px; display: block; height: 17px; margin-top: 14px; }
	.product .item-box div .details{background: url(../images/details.gif) no-repeat; width: 46px; }
	.product .item-box div .add{background: url(../images/add.gif) no-repeat; width: 71px; }
/*inner end*/

td.product-image { }
td.TopNavRow2Text {height: 30px; vertical-align: top; font-weight: normal; }

td.THHeader {text-align: left; padding-left: 3px; font-size: 15px; }

.suggested-items p {text-align: center; }


/* FOOTER */
#footer-container {width: 100%; position: relative; background-color: #97be48; }

#footer{margin: 0 auto; color: #fff; padding: 10px 0; width: 960px; }
#footer .footer-nav{float: left; margin-top: 4px; }
.footer-nav ul{list-style: none; line-height: 20px; margin-left: 10px }
	.footer-nav ul li {display: inline; }
	.footer-nav ul a {color: #fff; }
#footer .tel {float: right; text-align: center; }
	#footer .tel p {font-size: 28px; color: #bc5329; font-weight: bold; }

div.copyright-text {background: url(images/footer-bottom-background.png) scroll repeat-x top left; width: 100%; height: 40px; }
div.copyright-text p {width: 960px; margin: 0 auto; padding: 10px 0; text-align: right; }

.hide {display: none; }

#what-page {display: none; }


/* HOLIDAY SIDEBAR PRODUCTS */ 
/* .side-bar ul.top-list{background: url(../images/dotted-line.gif) repeat-x; } /* Restore dotted line for holdays */
/*
ul.holiday-list {background: transparent none; }
	ul.holiday-list h2 {margin: 0; padding: 2px 5px; background-color:#eeeeee; font-size: 15px; color:#b41710; }
	ul.holiday-list li { }
	ul.holiday-list h2 img {vertical-align: middle; }
	ul.holiday-list li a { }
 END HOLIDAY SIDEBAR */

/* SPLASH PAGE STYLES */
/**********************/

body#splashpage {font-family: helvetica, arial, sans-serif; background-color: #fff; }

body#splashpage a:link, body#splashpage a:visited, body#splashpage a:active {border: 0 none; text-decoration: none; color: #fff; }
	body#splashpage a:hover, body#splashpage a:visited:hover {text-decoration: underline; }

body#splashpage #wrapper {margin:0 auto; width:900px; }
	body#splashpage #logo {background-color:#97BE48; height:63px; margin-bottom:20px; margin-top:20px; }
	body#splashpage #categories { }
		body#splashpage #categories .category {float:left; padding-right:19px; width:287px; position: relative; overflow: hidden; }
			body#splashpage #categories .last {padding-right: 0; }
		body#splashpage #categories .category h2 {color:#FFFFFF; font-size:26px; font-weight:lighter; text-transform:uppercase; margin: 9px 0 4px 0; }
		body#splashpage #categories .category p {margin: 0; color: #c0c0c0; padding: 0 13px; line-height: 17px; }
		body#splashpage #categories .category img { }
		body#splashpage #categories .category h2 img {vertical-align: text-top; }
		body#splashpage #categories .category div {padding:0 0 0 5px; position:absolute; top:335px; background: transparent url(../images/splash/category-bg.png) scroll repeat left top; width: 281px; height: 150px; }
		
	body#splashpage #footer {margin-bottom: 20px; padding: 0; background: none transparent; position: relative; }
		body#splashpage #footer .color {background-color:#bc5328; height: 130px; }
		body#splashpage #footer .color img {position:absolute; top: 23px; left: 20px; }
		body#splashpage #footer .color img.product {left: 745px; top: -6px; }
		body#splashpage #footer p.text {width: 575px; text-align: left; font-size: 15px; vertical-align: middle; line-height: 20px; color: #eee; padding: 23px 0 0 160px; }


/* UPDATES BY WINSTON */
/*styles for free catalog and view online buttons*/
.banner-holder a.view-online {
	background: url("../images/button-view-online.gif") no-repeat scroll 0 0 transparent;
	bottom: 37px;
	left: 20px;
	
}
.banner-holder a.free-catalog {
	background: url("../images/button-free-catalog.gif") no-repeat scroll 0 0 transparent;
	bottom:7px;
	left: 20px;
}