@charset "utf-8";
/* CSS Document */

/* ---------------------BASE STYLES--------------------- */

body {
	height: 100%;
	text-align: center;
	margin: 0;
	background: #fff;
	color: #4d4d4f;
	font-size: 84%;
	line-height: 1.4em;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	}

html {
	height: 100%;
	font-size: 100%; /* IE hack */ 
	}	

.clear {
	clear: both;
	}

.hidden {
	display: none;
	}
	
table  {
	border-collapse: collapse;
	border-spacing: 0px;
	border-width: 0px;
	font-size: 100%; /* IE hack */
	}
	
input,
select,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #4d4d4f;
	}
	
.gridItemTxt a img,
input#itemRepeater_ctl04__updateButton,
input#updateButton1,
input#updateButton2,
#cartFullPanel p a img,
input#button.buttonPadded,
#formBoxWide input,
input#imagebutton,
input#imageButton {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;	
	}
	
.gridItemTxt a img:hover,
input#itemRepeater_ctl04__updateButton:hover,
input#updateButton1:hover,
input#updateButton2:hover,
#cartFullPanel p a img:hover,
input#button.buttonPadded:hover,
#formBoxWide input:hover,
input#imagebutton:hover,
input#imageButton:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;	
	}
	
img {
	border: 0;
	}
	
.right {
	float: right;
	padding: 5px 0 20px 30px;
	}
	
.left {
	float: left;
	padding: 5px 30px 20px 0;
	}
	
a {
	color: #8dc63f;
	text-decoration: none;
	outline: 0;
	}
	
a:hover {
	color: #4d4d4f;
	text-decoration: none;
	}
	
p {
	padding: 0 0 5px 0;
	font-size: 1.1em;
	letter-spacing: -0.001em;
	}
	
h1 {
	font-size: 2.4em;
	padding: 0;
	margin: 0 0 10px 0;
	letter-spacing: -0.02em;
	font-family: 'AgendaMediumCondensedRegular', Arial, Helvetica, sans-serif;
	color: #616161;
	}
	
h2 {
	font-size: 2em;
	margin: 0 0 5px 0;
	padding: 0;
	font-family: 'AgendaLightItalicRegular', Arial, Helvetica, sans-serif;
	color: #616161;
	letter-spacing: -0.02em;
	}
	
h3 {
	font-size: 1.7em;
	margin: 0 0 10px 0;
	padding: 0;
	font-family: 'AgendaMediumCondensedRegular', Arial, Helvetica, sans-serif;
	color: #616161;
	}
	
ul {
	padding: 0 0 5px 0;
	margin: 0;
	}

li {
	padding: 0;
	margin: 0 0 0 14px;
	}
	
ol {
	padding: 0 0 5px 0;
	margin: 0;
	}

ol li {
	padding: 0;
	margin: 0 0 0 14px;
	list-style-type: decimal;
	background: none;
	}
	
#testimonialWrapper {
	padding: 25px 0 0 0;
	}
	
.testimonial { 
	font-size: 1.6em; 
	color: #4c4d4f;
	padding: 0;
	margin: 0 0 0 0;
	}

.testimonialCredit {
	font-size: 1em;
	color: #8f9091;
	margin: 0 0 0 0;
	padding: 0;	
	text-transform: uppercase;
	}

/* ---------------------LAYOUT--------------------- */

#wrapperTop {
	width: 100%;
	height: 8px;
	margin: 0;
	padding: 0;
	}
	
#wrapperHeaderOuter {
	width: 100%;
	background: #f6f6f6;
	border-bottom: 1px solid #d9d9d9;
	padding: 0;
	margin: 0;
	}
	
#bgTop {
	width: 100%;
	height: 8px;
	padding: 0;
	margin: 0;
	}

#wrapperHeaderInner {
	text-align: left;
	margin: 0 auto;
	width: 960px;
	border: 0;
	padding: 30px 0;
	position: relative;
	}

#logo {
	float: left;
	width: 239px;
	}

#topRight {
	float: left;
	width: 721px;
	}

#cart {
	text-align: right;
	text-transform: uppercase;
	font-size: 0.9em;
	}
	
#cart a {
	background: url(../images/widgets/bullet-top.gif) left no-repeat;
	text-decoration: none;
	color: #919192;
	padding: 2px 0 2px 20px;
	}
	
#cart a:hover {
	text-decoration: none;
	color: #4d4d4f;
	}

#nav {
	width: 597px !important;
 	width /**/: 721px;
	padding: 13px 0 0 124px;
	}
	
#nav ul {
	padding: 0;
	margin: 0;
	}
	
#nav li {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
	}
	
a.navHome {
	width: 64px;
	height: 33px;
	display: block;	
	background: url(../images/nav/home.gif) top no-repeat;
	margin: 0 5px 0 0;
	}
	
a.navHome:hover {
	width: 64px;
	height: 33px;
	display: block;	
	background: url(../images/nav/home-r.gif) top no-repeat;
	margin: 0 5px 0 0;
	}
	
a.navHomeSelected {
	width: 64px;
	height: 33px;
	display: block;	
	background: url(../images/nav/home-r.gif) top no-repeat;
	margin: 0 5px 0 0;
	}

a.navAbout {
	width: 121px;
	height: 33px;
	display: block;	
	background: url(../images/nav/about.gif) top no-repeat;
	margin: 0 5px 0 0;
	}
	
a.navAbout:hover {
	width: 121px;
	height: 33px;
	display: block;	
	background: url(../images/nav/about-r.gif) top no-repeat;
	margin: 0 5px 0 0;
	}
	
a.navAboutSelected {
	width: 121px;
	height: 33px;
	display: block;	
	background: url(../images/nav/about-r.gif) top no-repeat;
	margin: 0 5px 0 0;
	}

a.navHow {
	width: 121px;
	height: 33px;
	display: block;	
	background: url(../images/nav/how.gif) top no-repeat;
	margin: 0 5px 0 0;
	}
	
a.navHow:hover {
	width: 121px;
	height: 33px;
	display: block;	
	background: url(../images/nav/how-r.gif) top no-repeat;
	margin: 0 5px 0 0;
	}

a.navHowSelected {
	width: 121px;
	height: 33px;
	display: block;	
	background: url(../images/nav/how-r.gif) top no-repeat;
	margin: 0 5px 0 0;
	}

a.navFaq {
	width: 55px;
	height: 33px;
	display: block;	
	background: url(../images/nav/faqs.gif) top no-repeat;
	margin: 0 5px 0 0;
	}
	
a.navFaq:hover {
	width: 55px;
	height: 33px;
	display: block;	
	background: url(../images/nav/faqs-r.gif) top no-repeat;
	margin: 0 5px 0 0;
	}
	
a.navFaqSelected {
	width: 55px;
	height: 33px;
	display: block;	
	background: url(../images/nav/faqs-r.gif) top no-repeat;
	margin: 0 5px 0 0;
	}

a.navShop {
	width: 108px;
	height: 33px;
	display: block;	
	background: url(../images/nav/shop.gif) top no-repeat;
	margin: 0 5px 0 0;
	}
	
a.navShop:hover {
	width: 108px;
	height: 33px;
	display: block;	
	background: url(../images/nav/shop-r.gif) top no-repeat;
	margin: 0 5px 0 0;
	}
	
a.navShopSelected {
	width: 108px;
	height: 33px;
	display: block;	
	background: url(../images/nav/shop-r.gif) top no-repeat;
	margin: 0 5px 0 0;
	}

a.navContact {
	width: 103px;
	height: 33px;
	display: block;	
	background: url(../images/nav/contact.gif) top no-repeat;	
	}
	
a.navContact:hover {
	width: 103px;
	height: 33px;
	display: block;	
	background: url(../images/nav/contact-r.gif) top no-repeat;
	margin: 0 0 0 0;
	}
	
a.navContactSelected {
	width: 103px;
	height: 33px;
	display: block;	
	background: url(../images/nav/contact-r.gif) top no-repeat;
	margin: 0 0 0 0;
	}
	
#wrapperMain {
	text-align: left;
	margin: 0 auto;
	width: 960px;
	border: 0;
	padding: 45px 0 0 0;
	position: relative;	
	background: url(../images/structure/bg.gif) no-repeat;
	}
	
#content {
	float: left;
	width: 645px !important;
 	width /**/: 745px;
	padding: 0 100px 60px 0;
	}
	
#contentLessPadding {
	float: left;
	width: 645px !important;
 	width /**/: 745px;
	padding: 0 100px 30px 0;
	}
	
#contentEvenLessPadding {
	float: left;
	width: 645px !important;
 	width /**/: 745px;
	padding: 0 100px 15px 0;
	}
	
#strapline {
	padding: 0 0 10px 0;
	}

#contentNarrow {
	width: 465px !important;
 	width /**/: 745px;
	padding: 0 280px 15px 0;
	}
	
#breadcrumbs {
	text-transform: uppercase;
	font-size: 0.9em;
	padding: 0 0 15px 0;
	}
	
#breadcrumbs a {
	color: #919192;
	font-weight: bold;
	}
	
#breadcrumbs a:hover {
	color: #4d4d4f;
	}

.featureHome {
	float: left;	
	}
	
.feature {
	float: right;	
	}

#sidebar {
	float: left;
	width: 215px;
	padding: 0 0 0 0;
	}
	
#wand {
	width: 175px;
	height: 501px;
	position:absolute;
	margin-top:88px;
	margin-left:730px;
	z-index:99;		
	}

#bottom {
	width: 960px;
	height: 8px;
	background:url(../images/structure/bar-b.jpg) repeat-y;
	}

#footer {
	padding: 20px 0 20px 0;
	color: #919192;
	background: #fff;
	}
	
#footer p {
	font-size: 0.9em;
	}
	
#footer a {
	text-decoration: none;
	color: #919192;
	}
	
#footer a:hover {
	text-decoration: none;
	color: #4d4d4f;
	}
	
/* ********** Subnav ********** */	
	
#subNav {
	text-align: center;
	margin: 0 20px 25px 20px;
	padding: 14px 15px 14px 0;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	}	
	
ul.subMenuLevel2 {
	margin: 0;
	padding: 0;
	}
	
ul.subMenuLevel2 li { 
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
ul.subMenuLevel2 li a { 
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	color: #919192;
	padding: 2px 0 2px 25px;
	background: url(../images/widgets/bullet.gif) left no-repeat;
	}

ul.subMenuLevel2 li a.selected,
ul.subMenuLevel2 li a:hover { 
	font-weight: bold;
	color: #4d4d4f 
	}
	
/* ********** Form ********** */

legend { display:none; }
fieldset.form { border:0; margin:0; padding:20px 0 0 0;}
div.formItem { border:0; clear:both; margin:0 0 8px 0; padding:0; }
div.formInfo { border:0; clear:both; margin:0; padding:0;  }
div.formInfo p { padding: 0 0 18px 0; margin: 0;}
div.formButton { border:0; clear:both; margin:8px 0 0 0; padding:0;  }
div.formItem div.question { border:0; clear:both; margin:0 20px 0 0; padding:0; width:380px; }
div.formItem div.answer { border:0; float:left; margin:0; padding:0; width:380px; }
label { font-weight:normal; }
label em { color:#a10021; font-weight:bold; }
input.textBox { background:#FFF !important; border: 1px solid #d9d9d9; color: #4d4d4f; font:100% Arial, Helvetica, sans-serif; margin:3px 0 10px 0; padding:4px 6px; width:366px !important; width /**/:380px; }
select.dropList { background:#FFF !important; border:1px solid #d9d9d9; color: #4d4d4f; float:left;  font:100% Arial, Helvetica, sans-serif; margin:0; padding:3px; width:380px !important; width /**/:380px; }
textarea { background:#FFF !important; border:1px solid #d9d9d9; color: #4d4d4f; font:100% Arial, Helvetica, sans-serif; margin:3px 0 0 0; padding:4px 6px; width:366px !important; width /**/:380px; }
#imagebutton { margin: 20px 0 0 0;}
.error { color:#a10021; }
.formBox { background:#fff; clear:both; float:left; margin:0 0 30px 0; padding:0; width:414px !important; width/**/:414px; }
.formBoxWide { background:#fff; clear:both; float:left; margin:0 0 20px 0; padding:0; width:686px !important; width/**/:686px; }
.formBoxWide p { padding: 0 0 18px 0; margin: 0;}
.formBox h2, .formBoxWide h2 { 	border-top: 1px solid #d9d9d9; margin: 20px 0 6px 0; padding: 20px 0 0 0;}

/* -------------------- shop grid -------------------- */		
	
#gridWrapper {
	width: 960px;
	padding: 0 0 30px 0;
	}
	
.gridItemWrapper {
	float: left;
	width: 307px !important;
 	width /**/: 336px;
	padding: 0 19px 19px 0;
	}
	
.gridItemWrapperR {
	float: left;
	width: 307px;
	padding: 0 0 19px 0;
	}
	
.gridItemT {
	width: 307px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: url(../images/structure/shop-item-t.gif) bottom no-repeat;
	}
	
.gridItemM {
	width: 267px !important;
 	width /**/: 307px;
	padding: 0 20px 10px;
	margin: 0;
	background: url(../images/structure/shop-item-m.jpg) repeat-y;
	}
	
.gridItemB {
	width: 307px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: url(../images/structure/shop-item-b.gif) top no-repeat;
	}
	
.gridItemImg {
	float: left;
	width: 145px;
	padding: 0;
	margin: 0;
	}
	
.gridItemTxt {
	float: left;
	width: 122px;
	padding: 15px 0 0 0;
	margin: 0;
	}
	
.gridItemTxt p {
	font-size: 0.9em;
	line-height: 1.2em;
	letter-spacing: 0;
	padding: 0 0 12px 0;
	margin: 0;
	}
	
.price {
	font-size: 1em;
	color: #8dc63f;
	display: block;
	}
	
p.priceLge {
	font-size: 1.2em;
	color: #8dc63f;
	padding: 0;
	margin: 0;
	}

.gridItemTxt img {
	padding: 10px 0 0 0;
	}
	
/* ********** Shop Section ********** */

#gridOptions { margin:0 0 20px 10px; width:640px; }
#orderByList { background:#FFF !important; border: 1px solid #d9d9d9; color: #4d4d4f; font:100% Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:3px; width:160px !important; width /**/:160px; }
#orderButton { left:10px; position:relative; top:7px; }
.big { font-size:1.25em; font-weight:bold; line-height:1em; }
.warning { color:#F00; margin:5px 0; }

/* ********** Products ********** */

table.products { padding: 30px 0 0 0;}
table.products tr th { font-weight:bold; padding:5px 5px 5px 0; margin: 0; border-bottom: 1px solid #D9D9D9;}
table.products tr td { padding:5px 5px 5px 0; margin: 0; border-bottom: 1px solid #D9D9D9;}
#productBox__productPanel select { background:#FFF !important; border: 1px solid #d9d9d9; color: #4d4d4f; float:left;  font:100% Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:3px; width:240px !important; width /**/:240px; }
#productBox__buttonPanel { float:left; }
#productBox__buttonPanel input { left:10px; position:relative; top:-1px; }
#productBox__feedbackPanel { clear:both; color:#F00; margin-top:10px; }

table.products tr td.center {
	text-align: center;
	}

/* ********** Pager Panel ********** */

#pagerPanel { width: 960px; padding: 30px 0 30px 0; text-transform: uppercase; font-size: 0.9em;}
#pagerPanel a:link, #pagerPanel a:visited { border:0; float:left; padding:0 3px; text-decoration:none; color: #949495;font-weight: bold; }
#pagerPanel a:hover, #pagerPanel a:active { border:0; color:#666; float:left; padding:0 3px; text-decoration:none; font-weight: bold; }
#pagerPanel a.selected:link, #pagerPanel a.selected:visited, #pagerPanel a.selected:hover, #pagerPanel a.selected:active { border:0; color:#666; float:left;  text-decoration:none; font-weight: bold;}

/* ********** Shop Cart ********** */

input.inputQuantity { background:#FFF !important; border: 1px solid #d9d9d9; color: #4d4d4f; font:100% Arial, Helvetica, sans-serif; margin:0; padding:4px 6px; width:26px !important; width /**/:40px; }
table.costs th { font-size:0.8em; font-weight:bold; text-transform: uppercase; width:200px !important; width/**/:240px; }
table.costs td input { background:#FFF !important; border: 1px solid #d9d9d9; color: #4d4d4f; font:100% Arial, Helvetica, sans-serif; margin:0; padding:4px 6px; width:226px !important; width /**/:240px; }
table.costs td select { background:#FFF !important; border: 1px solid #d9d9d9; color: #4d4d4f; float:left;  font:100% Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:3px; width:240px !important; width /**/:240px; }
table.costs th { padding: 0 10px 3px 0;}
table.costs td { padding: 0 10px 3px 0;}

#cartFullPanel {
	padding: 0 0 0 0;
	}
	
.quantity input {
	margin: 0 0 7px 0;
	}
	
#cartFullPanel .left {
	float: left;
	padding: 17px 30px 20px 0 !important;
	}

/* ********** Form ********** */

fieldset.form { border:0; margin:0; padding:0 0 0 0;}
fieldset.newsletter { border:0; margin:0; padding:0 0 0 0;}
fieldset.formPadded { border:0; margin:0; padding: 30px 0 0 0; }
div.formItem { border:0; clear:both; margin:0 0 8px 0; padding:0; }
div.formInfo { border:0; clear:both; margin:0; padding:0;  }
div.formInfo p { padding: 0 0 18px 0; margin: 0;}
div.formButton { border:0; clear:both; margin:8px 0 0 0; padding:0;  }
div.formItem div.question { border:0; clear:both; margin:0 20px 0 0; padding:0; width:380px; }
div.formItem div.answer { border:0; float:left; margin:0; padding:0; width:380px; }
label { font-weight:normal; }
label em { color:#a10021; font-weight:bold; }
input.textBox { background:#FFF !important; border: 1px solid #d9d9d9; color: #4d4d4f; font:100% Arial, Helvetica, sans-serif; margin:3px 0 10px 0; padding:4px 6px; width:366px !important; width /**/:380px; }
input.smallTextBox { background:#FFF !important; border: 1px solid #d9d9d9; color: #4d4d4f; font:100% Arial, Helvetica, sans-serif; margin:3px 0 10px 0; padding:4px 6px; width:200px !important; width /**/:212px; }
select.dropList { background:#FFF !important; border: 1px solid #d9d9d9; color: #4d4d4f; float:left;  font:100% Arial, Helvetica, sans-serif; margin:0; padding:3px; width:380px !important; width /**/:380px; }
textarea { background:#FFF !important; border: 1px solid #d9d9d9; color: #4d4d4f;  font:100% Arial, Helvetica, sans-serif; margin:3px 0 0 0; padding:4px 6px; width:366px !important; width /**/:380px; }
#imagebutton { margin: 20px 0 0 0;}
div.newsletterButton { margin: 20px 0 0 0;}
.error { color:#a10021; }
.formBox { background: none; clear:both; margin:0 0 30px 0; padding:0; width:414px !important; width/**/:414px; font-size: 0.9em; }
.formBox th { font-size: 0.9em; text-transform: uppercase; font-weight: bold; }
.formBoxWide { clear:both; background: none; margin:0 0 20px 0; padding:0; width:686px !important; width/**/:686px; }
.formBoxWide p { padding: 0 0 18px 0; margin: 0;}
.formBox h3, .formBoxWide h3 { 	border-top: 1px solid #d9d9d9; margin: 20px 0 6px 0; padding: 20px 0 0 0;}
.formBoxWide .buttonPadded { display: block; margin: 30px 0 30px 0; }

#leftColNarrower {
	float: left;
	width: 460px !important;
 	width /**/: 488px;
	padding: 0 28px 0 0;
	}

#rightCol {
	float: left;
 	width: 472px;
	padding: 0 0 0 0;
	}

#gallery {
	padding: 0 0 0 0;
	}

#galleryImg {
	border: 1px solid #d9d9d9;	
	}
	
.galleryThumb {
	float: left;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	margin: 0 9px 0 0;
	}
	
#galleryNav {
	padding: 10px 0 0 0;
	}
	
#relatedProducts {
	padding: 30px 0;
	border-top: 1px solid #d9d9d9;
}

.featureHome a img,
.feature a img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
	}
	
.featureHome a img:hover,
.feature a img:hover  {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
	}