/* --------------------------------------------------------------
	Resets default browser CSS
	http://meyerweb.com/eric/tools/css/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;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Alisa: so the centered page wouldn't shift if the content is shorter than viewport */
html {
	overflow: scroll;
}

/* --------------------------------------------------------------
   typography
-------------------------------------------------------------- */
body {
	font-size: 62.5%;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.5;
	color: #2b2b2b;
}

h2, h3, h4, h5, h6, p {margin: 0px 20px 15px 20px;}
h2 {font-size: 1.4em; }
h3 {font-size: 1.6em;
	margin-bottom: 10px;
	border-bottom: 1px solid #00a94f;
}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
p, ol, ul, dl, table {font-size: 1.1em; }
ol p, ul p, dl p, fieldset p {font-size: inherit; margin: 0;}
li h3 {margin-left: 0;}
table p {font-size: 1em;}
ol, ul, dl {margin: 0px 20px 15px 40px;}

img {margin: 0px 20px 15px 20px;}
img {vertical-align: bottom;}
p img {float: left; margin-left: 0;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}
li {margin-bottom: 5px;}
dt {font-weight: bold;}

a {color:#29704b; text-decoration: underline;}
a:focus, a:hover {text-decoration: none;}
strong {font-weight: bold;}
em {font-style: italic;}

/* --------------------------------------------------------------
 Some default classes
-------------------------------------------------------------- */
.top {margin-top:20px;}
.bottom {margin-bottom:0; padding-bottom:0;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.hide {
	position:absolute;
	left:-9990px;
	top:0px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.divider {
	background: url(../images/horiz_div.gif) repeat-x;
	height: 2px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
.column {
	float: left;
}

/* --------------------------------------------------------------
	=Layout
-------------------------------------------------------------- */
html {
	background: url(../images/bg.gif);
}

body {
	background: url(../images/bg_top_repeat.jpg) repeat-x;
}

.container {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.header {
	width: 916px;
	margin: 0 auto 10px auto;
	background: url(../images/header_bg.jpg) no-repeat;
	height: 86px;
}

.contentwrap {
	width: 932px;
	margin: 0 auto;
}
.content {
	float: left;
	width: 916px;
	background: #fff url(../images/content_bg.jpg) no-repeat;
	margin-left: 8px;
	display: inline;
	padding-top: 24px;
}
.maincontent {
	margin: 0;
	background: none;
	width: 100%;
}

.maincontent ol ul li {
	font-size: 0.9em;
}

/* =twocolumns
-------------------------------------------------------------- */
.twocolumns .contentwrap {
	width: 946px;
	margin: 0 auto 0px auto;
	background: url(../images/faux_col.gif) 181px top repeat-y;
	overflow: hidden;
}

.twocolumns .content {
	background: none;
	width: 780px;
	float: right;
	padding-top: 0;
	margin-left: 0;
}

.twocolumns .maincontent {
	width: 750px;
	float: left;
	padding-top: 14px;
	display: inline;
	background: #fff url(../images/maincontent_bg.jpg) no-repeat;
	min-height: 200px;
	margin-left: 15px;
	padding-bottom: 20px;
}
.searchpage .maincontent {
	background: #fff url(../images/maincontent_bg2.jpg) no-repeat;
}

.twocolumns .sidebar {
	float: left;
	width: 166px;
	position: relative;
}

/* =simplepage
-------------------------------------------------------------- */
.simplepage .content {
	background: #fff url(../images/content_bg2.jpg) no-repeat;
}
h3.simpleheader {
	border: none;
	font-size: 1.2em;
	margin-bottom: 5px;
}
.simplepage p {
	width: 80%;
}


.simplepage p.actions {
	width: auto;
}
/* =header
-------------------------------------------------------------- */
.logo {padding: 21px 0 0 20px; margin: 0; float: left; display: inline;}
.logo img {margin: 0;}

/* =nav
-------------------------------------------------------------- */
/*#navcontainer {
	height: 28px;
	width: 530px;
	float: left;
	background: url(../images/header_horz_div.gif) no-repeat right top;
	margin-top: 9px;
	padding-top: 8px;
}*/
.header {
	position: relative;
}

#navcontainer {background: url(../images/header_horz_div.gif) no-repeat right top;
	height: 54px;
	width: 530px;
	position: absolute;
	top: 40px;
	left: 243px;
}

#nav {position:relative; margin: 0 0 0 22px; z-index: 100;}
#nav li {float:left; list-style: none;}
/*#nav li a {position: absolute; top:0; display:block; height:28px; background:url(../images/nav.png) no-repeat; text-indent:-9999px; overflow:hidden; font-size:1%;}*/
#nav li a {position: absolute; top:0; display:block; height:54px; background:url(../images/nav.png) no-repeat; text-indent:-9999px; overflow:hidden; font-size:1%;}
#nav li a {_background:url(../images/nav2.gif) no-repeat;}
li#nav1 a {width:62px; left:0;}
li#nav2 a {width:56px; left:62px; background-position:-62px top;}
li#nav3 a {width:191px; left:118px; background-position:-118px top;}
li#nav4 a {width:138px; left:309px; background-position:-309px top;}
li#nav5 a {width:57px; left:447px; background-position:-447px top;}
/* hover states */
li#nav1 a:hover {background-position:0 bottom;}
li#nav2 a:hover {background-position:-62px bottom;}
li#nav3 a:hover {background-position:-118px bottom;}
li#nav4 a:hover {background-position:-309px bottom;}
li#nav5 a:hover {background-position:-447px bottom;}
/* you-are-here navigation marker */
li#nav1.current a {background-position:0 bottom;}
li#nav2.current a {background-position:-100px bottom;}
li#nav3.current a {background-position:-118px bottom;}
li#nav4.current a {background-position:-309px bottom;}
li#nav5.current a {background-position:-447px bottom;}

/* utility nav
-------------------------------------------------------------- */

.utilitynav {margin: 9px 0 0 66px; z-index: 100; float: left; width: 310px;}
.utilitynav li {float:left; list-style: none; margin-right: 9px; padding-right: 9px;
	background: url(../images/pipe.gif) right center no-repeat;
	font-size: 10px;
	text-transform: uppercase;
}
.utilitynav li a {color: #777777; text-decoration: none; display: block; line-height: 20px;}
li.utilitynav_last {
	padding: 0;
	margin: 0;
	background: none;
	color:#777777;
	display:block;
	line-height:20px;
	text-decoration:none;
}


/*#utilitynav {position:relative; margin: 9px 0 0 114px; z-index: 100; float: left; width: 262px;}
#utilitynav li {float:left; list-style: none;}
#utilitynav li a {position: absolute; top:0; display:block; height:20px; background: url(../images/utility_nav.gif) no-repeat; text-indent:-9999px; overflow:hidden; font-size:1%;}
li#utilitynav1 a {width:62px; left:0;}
li#utilitynav2 a {width:56px; left:62px; background-position:-62px top;}
li#utilitynav3 a {width:191px; left:118px; background-position:-118px top;}

li#utilitynav1 a:hover {background-position:0 bottom;}
li#utilitynav2 a:hover {background-position:-62px bottom;}
li#utilitynav3 a:hover {background-position:-118px bottom;}

li#utilitynav1.current a {background-position:0 bottom;}
li#utilitynav2.current a {background-position:-100px bottom;}
li#utilitynav3.current a {background-position:-118px bottom;}*/


/* topsearch
-------------------------------------------------------------- */
.header form {
	width: 136px;
	float: left;
	display: inline;
	margin-top: 9px;
	margin-left: 7px;
}

.header fieldset {
	float: left;
	display: inline;
	margin: 0;
}

.header input.text {
	background: url(../images/search_bg.gif) no-repeat;
	width: 115px;
	padding-left: 5px;
	height: 20px;
	border: none;
	color: #666666;
}

.header fieldset.submit {
	float: right;
	padding-top: 4px;
}



/* =cartsum
-------------------------------------------------------------- */

.cartsum {
	float: right;
	background: url(../images/vert_divider.gif) left top repeat-y;
	width: 131px;
	padding-left: 11px;
	padding-top: 8px;
	min-height: 72px;
	*height: 72px;
}

.cartsum img {
	margin: 0;
}

.cartsum ul {
	margin: 0 0 7px 4px;
}

.cartsum li {
	list-style: none;
	background: url(../images/arrow_right.gif) left 5px no-repeat;
	padding-left: 9px;
	margin-bottom: 2px;
	line-height: normal;
}


/* =footer
-------------------------------------------------------------- */

#footer {
	clear: both;
	width: 916px;
	height: 64px;
	margin: 0 auto 20px auto;
	background: #e0e0e0 url(../images/footer_bg.jpg) no-repeat;
	text-align: center;
}

#footer p {
	margin-bottom: 0px;
}

/* footer form
-------------------------------------------------------------- */
#footer form {
	width: 205px;
	float: left;
	display: inline;
	background: url(../images/vert_divider.gif) right top repeat-y;
	min-height: 51px;
	*height: 51px;
	margin: 4px 0 0 15px;
	padding: 3px 20px 5px 0;
}
#footer legend {
	font-weight: bold;
	*margin-left: -10px;
	_position: relative;
	font-size: 1em;
	padding-bottom: 0;
}

#footer fieldset {
	float: left;
	display: inline;
	margin: 5px 0 0 0;
}

#footer input.text {
	background: url(../images/textfield_bg.gif) no-repeat;
	width: 143px;
	padding-left: 5px;
	height: 20px;
	border: none;
	color: #666666;
	font-size: 10px;
	padding-top: 2px;
	float: left;
}

#footer fieldset.submit {
	float: right;
	margin-top: 3px;
}



/* =footernav */

#footernav {position:relative; margin: 20px 0 0 10px; z-index: 100; float: left; width: 651px;}
#footernav li {float:left; list-style: none;}
#footernav li a {position: absolute; top:0; display:block; height:25px; background: url(../images/footer_nav.gif) no-repeat; text-indent:-9999px; overflow:hidden; font-size:1%;}
li#footernav1 a {width:143px; left:0;}
li#footernav2 a {width:133px; left:143px; background-position:-143px top;}
li#footernav3 a {width:156px; left:276px; background-position:-276px top;}
li#footernav4 a {width:122px; left:432px; background-position:-432px top;}
li#footernav5 a {width:97px; left:554px; background-position:-554px top;}
/* hover states */
li#footernav1 a:hover {background-position:0 bottom;}
li#footernav2 a:hover {background-position:-143px bottom;}
li#footernav3 a:hover {background-position:-276px bottom;}
li#footernav4 a:hover {background-position:-432px bottom;}
li#footernav5 a:hover {background-position:-554px bottom;}
/* you-are-here navigation marker */
li#footernav1.current a {background-position:0 bottom;}
li#footernav2.current a {background-position:-143px bottom;}
li#footernav3.current a {background-position:-276px bottom;}
li#footernav4.current a {background-position:-432px bottom;}
li#footernav5.current a {background-position:-554px bottom;}



/* twocolumnsalt
.twocolumnsalt .leftnav li a {
	color: #00e387;
}
*/

.twocolumnsalt #footer {
	position: relative;
	left: 83px;
	width: 750px;
}

.twocolumnsalt #sitefooter {
	position: relative;
	left: 83px;
	width: 750px;
}

.twocolumnsalt #footer form {
	padding-right: 5px;
}

.twocolumnsalt #footernav {width: 520px; margin-left: 0;}
.twocolumnsalt #footernav li a {background: url(../images/footer_nav_sm.gif) no-repeat;
	height: 20px;}
.twocolumnsalt li#footernav1 a {width:115px; left:0;}
.twocolumnsalt li#footernav2 a {width:107px; left:115px; background-position:-115px top;}
.twocolumnsalt li#footernav3 a {width:126px; left:222px; background-position:-222px top;}
.twocolumnsalt li#footernav4 a {width:98px; left:348px; background-position:-348px top;}
.twocolumnsalt li#footernav5 a {width:78px; left:446px; background-position:-446px top;}
/* hover states */
.twocolumnsalt li#footernav1 a:hover {background-position:0 bottom;}
.twocolumnsalt li#footernav2 a:hover {background-position:-115px bottom;}
.twocolumnsalt li#footernav3 a:hover {background-position:-222px bottom;}
.twocolumnsalt li#footernav4 a:hover {background-position:-348px bottom;}
.twocolumnsalt li#footernav5 a:hover {background-position:-446px bottom;}
/* you-are-here navigation marker */
.twocolumnsalt li#footernav1.current a {background-position:0 bottom;}
.twocolumnsalt li#footernav2.current a {background-position:-115px bottom;}
.twocolumnsalt li#footernav3.current a {background-position:-222px bottom;}
.twocolumnsalt li#footernav4.current a {background-position:-348px bottom;}
.twocolumnsalt li#footernav5.current a {background-position:-446px bottom;}

/* =sitefooter
-------------------------------------------------------------- */

#sitefooter {
	clear: both;
	width: 916px;
	height: 64px;
	margin: 0 auto 20px auto;
	text-align: center;
	color: #959595;
}

#sitefooter p {
	margin-bottom: 0;
}

#sitefooter p.share img {
	float: none;
}
#sitefooter a {
	color: #b2b2b2;
	margin-left: 5px;
	margin-right: 5px;
}



/* --------------------------------------------------------------
 =forms
-------------------------------------------------------------- */
form fieldset {margin: 10px 20px 5px 20px;}

form fieldset.submit {margin-top: 0;}

fieldset ol {margin: 0;}

legend {
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 10px;
}

form li {
	margin-bottom: 5px;
	list-style: none;
}
fieldset ol li {
	clear: both;

}

.label {display: block; float:left; padding-right: 5px; width: 100px; text-align: right;}
.largelabel {width: 140px;}

.smlabel {
	width: 30px;
	text-align: left;
}

input.text, select, textarea {
	border: 1px solid #c7c7c7;
	color: #444444;
}

input.text, .select, .textarea {width: 200px;}
.maincontent input.text, .maincontent .select, .maincontent .textarea {margin-right: 10px;}
input.largetext, .largeselect, .largetextarea {width: 250px;}
input.mediumtext, .mediumselect, .mediumtextarea {width:85px;}
input.smalltext, .smallselect {width: 50px;}


.auto, label.auto {width: auto; text-align: left;}

.textarea {height: 50px;}

input.button {padding: 0;}

form .options {
	width: 30%;
	margin-left: 30px;
	overflow: hidden;
}

form .options li {
	float: left;
	margin-right: 10px;
	display: inline;
}

.checkbox, .radio {margin: 0 0 -2px 0;}

label.checkboxlabel, label.radiolabel {
	display: inline;
	margin-right: 0;
}

.errormsg p {
	background: url(../images/error.gif) left center no-repeat;
	padding-left: 22px;
	color: #333333;
	font-size: 1.2em;
}

li.error label {
	color: #b12a1c;
}

li.error input, li.error select {
	border: 1px solid #b12a1c;
}

/* --------------------------------------------------------------
	=Elements
-------------------------------------------------------------- */
/* =intro*/
.intro {
	background: url(../images/intro_bg.gif) no-repeat;
	width: 946px;
	height: 54px;
	margin: 0 auto 10px auto;
	text-align: center;
	line-height: 54px;
	font-size: 1.3em;
	color: #00e387;
}
.intro p {
	margin-bottom: 0;
}
.intro ul {
	list-style: none;
}
.intro li {
	display: none;
}

/* =box */
.box {
	background: url(../images/box_bg.gif) no-repeat;
	width: 946px;
	margin: 0 auto 10px auto;
	padding-top: 10px;
}
.inner {
	background: url(../images/box_bg.gif) left bottom no-repeat;
	padding: 0px 10px 9px 10px;

}

.box img {
	margin: 0;
}

.content .box {
	background: url(../images/box2_bg.gif) no-repeat;
	width: 780px;
	margin-bottom: 0px;
}
.content .inner {
	background: url(../images/box2_bg.gif) left bottom no-repeat;
}

/* end box */

.pagehead {
	width: 100%;
	float: left;
}
.pagetitle {
	background: url(../images/ribbon.gif) right top no-repeat;
	height: 61px;
	float: left;
	position: relative;
	margin-left: -15px;
	display: inline;
	padding-right: 12px;
	font-weight: normal;
	margin-bottom: 5px;
}
.pagetitle img {
	margin: 0;
	padding: 12px 0px 29px 12px;
	background: url(../images/ribbon.gif) left top no-repeat;
}

.pagetitle span {
	display: block;
	padding: 8px 0px 26px 12px;
	background: url(../images/ribbon.gif) left top no-repeat;
	color: #f1f1f1;
	font-size: 1.8em;
	line-height: 1;
	text-transform: uppercase;
	font-family: "Myriad Pro", sans-serif;
	letter-spacing: 1px;
}

h3.pagetitle {
	border: none;
	line-height: 100px;
}
h3.pagetitle span {
	font-size: 10px;
	font-size: .9em;
	padding: 16px 10px 30px 12px;
}
.pagetitle a {
	color: #0c3b14;
}

.actions {
	float: right;
	display: inline;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 30px;
}

.print {
	background: url(../images/print.gif) left 3px no-repeat;
	padding-left: 17px;
	margin-left: 20px;
}
.email {
	background: url(../images/email.gif) left 3px no-repeat;
	padding-left: 20px;
}
.visual {
	float: left;
}

/* ------------------------------------------------------------
	=RELATED PRODUCTS
--------------------------------------------------------------*/
.related img {
	margin: 4px 0 4px 4px;
}

.related li {
	list-style: none;
	background: url(../images/related_prod_bg.gif) top left no-repeat;
	margin-bottom: 7px;
}
.related p {
	background: url(../images/related_prod_bg.gif) bottom left no-repeat;
	padding: 0 4px 6px 10px;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.2;
}
.related p a {
	text-decoration: none;
}
.related p a:hover {
	text-decoration: underline;
}

.warning {
	background: url(../images/warning.gif) left 3px no-repeat;
	font-size: 1.2em;
	line-height: 25px;
	margin-bottom: 300px;
	margin-left: 20px;
}

/* SimpleModal Basic Modal Dialog*/


/* Overlay */
#simplemodal-overlay {
	background-color:#000;
	cursor:wait;
}
/* Container */
#simplemodal-container {
	background: url(../images/pop_bg.gif) no-repeat;
	width: 331px;
}
a.modalCloseImg {
	background:url(../images/close.gif) no-repeat;
	width:49px;
	height:17px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:9px;
	right:6px;
	cursor:pointer;
}

.modal h3 {
	z-index:3200;
	position:absolute;
	top:14px;
	left:0px;
	border: none;
	margin-bottom: 0;
	margin-left: 14px;
	font-size: 1.4em;
}

.modal {
	margin: 30px 0px 0px 0px;
	background: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	overflow: hidden;
	background: url(../images/pop_bg.gif) left bottom no-repeat;
}

.modal form {
	margin: 0 10px 0px 10px;
	background: #fff url(../images/divider2.gif) repeat-x;
}

.modal fieldset {
	margin: 0;
	padding-top: 18px;
}

.modal .label {
	width: 113px;
	font-size: 11px;
}

.modal .text {
	width: 175px;
}

.modal input.smalltext, .modal .smallselect {
	width:50px;
}

.modal input.mediumtext, .modal .mediumselect, .modal .mediumtextarea {
	width:69px;
}
.modal .note {
	margin-left: 118px;
}

.modal .note strong {
	color: #B12A1C;
}

.modal .submit {
	background: url(../images/divider.gif) repeat-x;
	padding-left: 118px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

}

.modal .errormsg p {
	margin-bottom: 10px;
}

.modal .errormsg {
	background: url(../images/divider.gif) left bottom repeat-x;
	padding-bottom: 1px;
	padding-top: 12px;
}

#suggestions p {
	font-size: 1.1em;
	font-weight: bold;
}

#suggestions a {
	text-decoration: underline;
}

span.prev_next_nav {
	width: 15px;
	text-align: center;
}

span.prev_next_nav img {
	margin-left: 0;
	margin-right: 0;
}

#quantity {
	text-align: center;
	width: 25px;
}

.link {
	cursor: pointer;
}

.cart_popup {
	width: 260px;
	background-color: #e3e0de;
	display: none;
	position: absolute;
	z-index: 1000;
	padding: 0px;
	border: 1px solid #616161;
}

.size_popup {
	width: 180px;
	background-color: #fff;
	display: none;
	position: absolute;
	z-index: 1000;
	padding: 5px;
	border: 1px solid #616161;
	font-size: 1.1em;
}

.size_popup td {
	font-size: 1.1em;
	text-align: center;
	border: 1px solid #eee;
}

.cart_popup h2, .cart_popup p {
	margin: 0;
	padding: 0;
}

.cart_popup p {
	font-size: 1em;
}

.cart_popup .price {
	color: #C80022;
	font-weight: bold;
}

.cart_popup img {
	margin: 5px;
	padding: 0;
}

.cart_popup table {
	margin: 2px 1px;
	text-align: center;
	width: 99%;
	border: 0 none;
}

.cart_popup table td {
	border-right: 0 none;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #ececec;
	background-color: #fff;
	text-align: left;
	vertical-align: middle;
	padding: 0;
	padding-left: 5px;
}

#cart_popup_dropdown {
	background:transparent url(../images/close.gif) no-repeat scroll 0 0;
	display:inline;
	float:right;
	font-size:0;
	height:17px;
	line-height:0;
	text-indent:-4000px;
	width:49px;
}

.cart_popup a {
	color: #29704b;
	font-weight: bold;
}

.cart_popup a.link {
	margin-top: 5px;
}

.cart_popup ul {
	margin: 0;
	list-style-type: none;
}

.cart_popup ul .success-msg {
	color: #F70013;
}

.newsletter_popup {
	background-color: #e3e0de;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 0px;
	border: 1px solid #616161;
	width: 223px;
	height: 58px;
	margin: 4px 0 0 0;
	text-align: center;
	color: #F70013;
}

.newsletter_popup_inner {
	border: 2px solid #ffffff;
	height: 46px;
	padding: 4px;
}


.messages {
    padding-left:20px;
}

.media_main_image {
	border: 1px solid #00A94F;
	margin-left: 20px;
}

.media_image_thumb {
	border: 1px solid #00A94F;
}

.media_main_image img {
	margin: 0;
}