/*
===================
Global
===================
*/
*, body {
	font-family:Georgia, Serif !important;
}
body, input, textarea, select {
	font-size:12px;
	line-height:140%;
}
body {
	background:#000 url(/Images/bg-body.gif) center repeat-y;
}
h1, h2 {
	font-size:22px;
	font-weight:normal;
	color:#900 !important;
	margin-bottom:1em;
}
h2.description {
	font-size:12px;
	color:#000 !important;
}
h3 {
	font-weight:bold;
}
a {
	color:#666;
	text-decoration:none;
}
p a, dd a {
	color:#900;
}
p, address {
	margin-bottom:1em;
	font-style:normal;
}
ul.bullet {
	list-style:disc;
	padding-left:1.35em;
	margin-bottom:1em;
}
table {
	margin-bottom:1em;
}
em {
	font-style:italic;
}
strong {
	font-weight:bold;
}
.clear {
	clear:both;
	height:1px;
	line-height:0;
}
.left	{ float:left }
.right	{ float:right }

/*
===================
Page Layout
===================
*/
#container {
	background:#fff;
	width:736px;
	padding:0 12px;
	margin:auto;
	position:relative;
}
#header {
	padding-top:25px;
}
.content {
	position:relative;
	padding:8px 0 0 130px;
	min-height:500px;
}
* html .content {
	height:500px;
}
.fullwidth {
	padding-left:0;
}
#footer {
	height:140px;
	background:url(/Images/bg-footer.jpg) center 19px no-repeat;
	text-align:center;
}

/*
===================
Watermarks
===================
*/
.watermark {
	background-position:right 30px;
	background-repeat:no-repeat;
	padding-right:165px;
}
.wm-home {
	background-image:url(/Images/wm-home.jpg);
	background-position:right 130px;
}
.wm-signin {
	background-image:url(/Images/wm-signin.jpg);
}
.wm-order {
	background-image:url(/Images/wm-order.jpg);
}
.wm-about {
	background-image:url(/Images/wm-about.jpg);
}
.wm-news {
	background-image:url(/Images/wm-news.jpg);
}
.wm-links {
	background-image:url(/Images/wm-links.jpg);
}

/*
===================
Login
===================
*/
.loginStatus {
	position:absolute;
	top:4px;
	right:-5px;
	color:#999;
	line-height:110%;
	font-size:11px;
	text-align:center;
}
.loginStatus li {
	display:inline;
}
.loginStatus a {
	color:#999;
}

/*
===================
Account Page
===================
*/
.detailsReadOnly p {
	margin-bottom:2px;
}
.detailsReadOnly div.detail {
	float:left;
	padding-right:20px;
	border-right:1px solid #ccc;
	margin-right:20px;
	height:100px;
}
.detailsReadOnly div.last {
	border:none;
}
.detailsReadOnly strong {
	font-weight:bold;
	display:block;
}

/*
===================
Navigation
===================
*/
a.logoLink {
	float:left;
	height:106px;
	margin-bottom:20px;
	text-indent:-2000px;
	background-position:top;
	background-repeat:no-repeat;
	outline:none;
}
a.logoLink:hover {
	background-position:bottom ;
}
#logo {
	width:603px;
	background-image:url(/Images/logo.png);
}
#contact {
	width:130px;
	background-image:url(/Images/contact.png);
}
ul#nav {
	clear:left;
	height:30px;
	margin-bottom:12px;
}
ul#nav li {
	float:left;
	padding-right:1px;
}
ul#nav li a {
	float:left;
	width:104px;
	font-size:14px;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	background:url(/Images/bg-nav.png) bottom no-repeat;
}
ul#nav li a.basketActive {
	color:#006800 !important;
}
ul#nav li.active a {
	font-size:16px;
	color:#000;
	background-position:top;
}
ul#nav li.hover a {
	background-position:top;
	color:#000;
}
#sidenav {
	position:absolute;
	top:0;
	left:0;
	width:112px;
	border-left:1px solid #d9d9d9;
	line-height:32px;
}
#sidenav a {
	display:block;
	font-size:14px;
	padding-left:10px;
	text-decoration:none;
}
#sidenav li.active a {
	color:#900;
}
#footernav {
	padding-top:112px;
	text-align:center;
	font-size:10px;
	text-transform:uppercase;
}
#footernav a {
	text-decoration:none;
	line-height:100%;
}
#footernav li {
	display:inline;
	border-right:1px solid #666;
	margin-right:4px;
	padding-right:4px;
}
#footer li.last {
	border:none;
	padding:0;
	margin:0;
}

/*
===================
Cart Summary
===================
*/
#cartSummary {
	position:absolute;
	top:18px;
	right:-5px;
	color:#aaa;
}

/*
===================
Paging
===================
*/
.pagingContainer {
	display:none;
	clear:left;
	padding:.2em .6em;
	background:#eee;
	height:1.5em;
}
.pagerText {
	float:left;
}
.pager {
	float:right;
}
div.pager * {
	margin-left:8px;
}

/*
===================
Product List
===================
*/
#productDetail {
	margin-top:23px;
}
#productDetail li.topLevel {
	height:150px;
	margin-bottom:23px;
	position:relative;
	padding:0 120px 0 165px;
	clear:left;
}
#productDetail h3 {
	display:block;
	text-decoration:none;
	line-height:100% !important;
}
#productDetail h3 a:hover {
	text-decoration:underline;
}
#productDetail p {
	line-height:140%;
	margin:3px 0 .6em 0;
}
div.add {
	position:absolute;
	left:535px;
	top:45px;
	width:40px;
	text-align:center;
	color:#b8b8b8;
}
div.add label {
	display:block;
	text-align:center;
	margin-bottom:5px;
}
/*
div.add a.btnAdd {
	margin-top:6px;
	display:block;
	text-align:center;
	font-weight:normal;
	text-decoration:none;
	color:#b8b8b8;
	height:48px;
	background:url(/Images/bg-addbasket.gif) center bottom no-repeat;
}
*/
div.add input.btnAdd {
	margin-top:7px;
	display:block;
	color:#b8b8b8;
	width:40px;
	height:48px;
	background:url(/Images/bg-addbasket.gif) center bottom no-repeat;
}
div.add input.btnAdd:hover {
	background-position:top;
}
div.add a.btnAdd:hover {
	background-position:center 22px;
}
input.itemQty {
	width:27px;
	line-height:120%;
	color:#777;
	border:1px solid #b8b8b8;
	text-align:center;
}
#productDetail img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:#d9d9d9 url(/Images/bg-thumb.gif) center no-repeat;
	width:150px;
	height:150px;
}
span.oldPrice {
	text-decoration:line-through;
}
span.specialPrice {
	color:#900;
}

/*
===================
Category Menu
===================
*/
.categoryList {
	position:absolute;
	top:0;
	left:0;
	width:125px;
	border-left:1px solid #d9d9d9;
	line-height:32px;
}
.categoryList a {
	display:block;
	padding-left:10px;
	text-decoration:none;
}
.categoryList a:hover,
.categoryList li.active a {
	color:#900;
}

/*
===================
Promo List
===================
*/
#promoItems {
	margin-right:-30px;	
}
#promoItems li {
	float:left;
	margin:0 18px 18px 0;
}
#promoItems img {
	display:block;
	width:135px;
	height:135px;
}

/*
===================
Forms
===================
*/
.form {
	width:450px;
}
.form h4 {
	padding-left:130px;
	font-size:13px;
}
.form h4.success {
	padding-left:35px;
	background:url(/Images/icon-tick.gif) left center no-repeat;
	line-height:2em;
}
.form p {
	margin-bottom:.7em;
}
.form p.indented {
	margin-left:140px;
	padding-top:5px;
}
* html .form p.indented {
	margin-left:143px;
}
.form label {
	float:left;
	position:relative;
	width:130px;
	text-align:right;
	padding:5px 10px 0 0;
}
.form input.text,
.form textarea {
	border:1px solid #eee;
	border-top-color:#bbb;
	border-left-color:#bbb;
	width:250px;
	padding:4px;
}
* html input.text {
	line-height:120%;
}
.form textarea {
	height:150px;
}
.form input.short,
.form span select,
.form select.short {
	width:80px;
}
.form input.medium {
	width:187px;
}
.form select {
	width:260px;
	padding:2px;
	border:1px solid #eee;
	border-top-color:#aaa;
	border-left-color:#aaa;
}
.form .checkboxGroup {
	padding-left:20px;
}
.form .checkboxGroup label {
	float:none;
}
.form .mailingList input {
	float:left;
	margin-right:10px;
}
.form span select {
	width:auto;
}
.form .divider {
	border-top:1px solid #aaa;
	margin:20px 0;
	line-height:0;
	font-size:1px;
}
.form em {
	color:#ED4A35;
	margin-left:3px;
	font-weight:bold;
}
input.button {
	padding:.3em .6em;
}
* html input .button {
	padding:0 .6em;
}
input.largeButton {
	font-size:18px;
	padding:.3em .6em;
}
.buttonText {
	margin-left:6px;
}
.fieldset {
	margin:1em 25px 2em 0;
	position:relative;
	padding-bottom:10px;
	background-color:#e2e2e2;
}
.fieldset h3 {
	height:18px;
	color:#25a;
	font-weight:normal;
	background:#fff;
	padding:4px 7px;
	margin-bottom:1.3em;
	border:1px solid #ddd;
}

/*
========================
Validation
========================
*/
.validation-container {
	background:#cfe687;
	padding:10px;
	line-height:120%;
	margin:0 15px 20px 0;
}
.validation-container h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:.2em;
	color:#000;
}
.validation-container ul {
	margin:0;
	color:#000;
}

/*
========================
Contact Page
========================
*/
address {
	float:left;
	width:15em;
	padding-top:1em;
}
address span {
	display:block;
	line-height:130%;
}
ul.contact {
	padding-top:1em;
}
ul.contact span {
	float:left;
	width:3.5em;
	margin-right:.4em;
	color:#900;
}
ul.contact a {
	color:#900;
}
ul.contact li {
	font-size:13px;
	float:none;
	width:auto;
	margin:0 0 .5em 0;
	line-height:120%;
}
p.formIntro {
	margin:0 20px 1.5em 20px;
}

/*
===================
Product Page
===================
*/
table.selections {
	margin-top:20px;
}
table.selections td {
	padding:4px 1.5em 4px 0;
	border-bottom:1px solid #ccc;
}
table.selections input.qty {
	text-align:center;
	width:2em;
}
.breadCrumb {
	float:left;
	margin-bottom:15px;
}
.productLinks {
	float:right;
}
.productLinks a {
	float:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:1.5em;
}
a.print {
	background-image:url(/Images/icon-print.gif);
}
a.email {
	background-image:url(/Images/icon-email.gif);
}
.imageGallery {
	float:right;
	width:330px;
	padding:6px;
	margin:1.5em -10px 0 30px;
	cursor:default;
}
.imageGallery img {
	float:left;
	margin:5px;
	cursor:-moz-zoom-in !important;
	cursor:pointer;
}
.imageGallery img.main {
	width:300px;
	height:300px;
	padding:5px;
	background:#fff;
	border:5px solid #eee;
	cursor:default !important;
}
h3.itemHeading {
	margin:20px 0 0 0;
	font-size:22px;
	color:#444;
	font-style:italic;
	font-weight:normal;
}
p.description {
	margin:10px 0 8px 0;
}

/*
========================
Checkout
========================
*/
.backButton {
	padding:.3em 0;
	width:12em;
	margin-bottom:1.5em;
}
.nextButton {
	float:right;
	padding:.3em 0;
	width:13em;
}
ul.tips {
	margin-bottom:20px;
}
ul.tips li {
	margin-bottom:3px;
}
ul.tips a {
	color:#900;
	text-decoration:none;
}
.cardLogos {
	display:block;
	margin:45px auto 0 auto;
}

/*
========================
Cart Popup
========================
*/
#cartAlert {
	position:absolute;
	width:402px;
	border:8px solid #ddd;
	height:105px;
	padding-top:20px;
	text-align:center;
	background:#fff;
	display:none;
	z-index:2;
	color:#000;
}
#cartAlert strong {
	display:block;
	font-size:16px;
	font-weight:bold;
	margin-bottom:.3em;
}
#cartAlert input {
	width:120px;
	padding:2px 0;
}
#dimmer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:3000px;
	background:#000;
	opacity:.7;
	filter:alpha(opacity=70);
	z-index:1;
}

/*
========================
Definition Lists
========================
*/
dl.text dt {
	font-weight:bold;
}
dl.text dd {
	margin-bottom:1em;
}

/*
========================
Sitemap
========================
*/
.sitemapCategory {
	padding-right:5em;
	float:left;
}
.sitemapCategory img {
	display:block;
	margin-bottom:12px;
	border:4px solid #eee;
}
.sitemapCategory h3 {
	margin-bottom:.5em;
}

/*
========================
Search
========================
*/
.search {
	padding:14px;
	background:url(/Images/bg-search.gif) no-repeat;
	width:294px;
	height:25px;
	margin:auto;
}
.search input {
	float:left;
}
.search input.text {
	padding:3px 0 0 3px;
	font-size:15px;
	font-family:Arial,Sans-Serif;
	color:#444;
	line-height:100%;
	width:258px;
	height:20px;
	border:1px solid #ccc;
	border-right:none;
	border-bottom:none;
}
.search input.searchButton {
	width:32px;
	height:25px;
	background:url(/Images/button-search.gif) no-repeat;
}

/*
========================
Tables
========================
*/
table.gridview {
	width:100%;
	background:#fff;
	margin-bottom:.8em;
	font-size:12px;
	border:2px solid #ddd;
	border-bottom-width:1px;
}
table.gridview th, table.gridview td {
    padding:6px 0 6px 8px;
    text-align:left;
    border-bottom:1px solid #ddd;
    vertical-align:middle;
}
table.gridview th {
	color:#900;
	font-weight:bold;
	text-transform:lowercase;
	padding:4px 0 4px 8px;
}
table.gridview .money {
	text-align:right;
	padding-right:15px;
}
table.gridview a {
	margin-right:1em;
	color:#006800;
}
table.gridview a.remove {
	color:#900;
}
table.gridview a.order {
	text-decoration:underline;
} 
table.gridview td.buttons input {
	background:none;
	border:none;
	color:#006800;
	cursor:pointer;
}
table.gridview td.buttons input.remove {
	color:#900;
}
table.gridview img {
	display:block;
}
table.gridview input.text {
	width:25px;
	text-align:center;
}
table.gridview tr.freight td {
	padding-top:20px;
}
table.gridview tr.total td {
	text-align:right;
	padding-right:15px;
}
table.gridview tr.total input {
	border:none;
	cursor:default;
	text-align:right;
	padding:0;
	color:#444;
	width:80px;
	background:#fff;
}
table.gridview tr.total div {
	text-align:right;
}
table.gridview tr.grand input {
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	background:#eee;
}
table.gridview tr.grand td {
	background:#eee;
	font-weight:bold;
}
table.gridview ul.bullet {
	font-size:11px;
	margin-bottom:.5em;
	padding:0;
	list-style:none;
}
table.gridview dl {
	padding-left:10px;
	border-left:5px solid #ddd;
	margin:6px 0 0 20px;
}
table.gridview dt {
	font-size:12px;
	font-weight:bold;
	color:#49d;
	line-height:100%;
}

/*
=============================
Newsletter Signup on Homepage
=============================
*/
.newsletterSignup {
	position:absolute;
	top:10px; right:2px;
	width:132px;
	padding:7px;
	background:#fff;
	border:1px solid #ccc;
	text-align:center;
}
.newsletterSignup h2 {
	margin:2px 0 3px 0;
	font-size:18px;
}
.newsletterSignup label {
	font-size:10px;
}
.newsletterSignup input.text {
	display:block;
	margin-bottom:8px;
	width:130px;
	border:1px solid #aaa;
}
.newsletterSignup input.button {
	font-family:Arial !important;
	font-size:9px;
	padding:0 2px;
}