/*
//
// primary styles
// Author: DataSetGo
// Date: 2008/09/03
//
/////////////////////////////////////// */

a#logoLink {
	display: block;
	position: relative;
	float: left;
	width: 200px;
	height: 94px;
}

div#mainNav {
	top: 30px;
	left: 223px;
	width: 800px;
	height: 33px;
	position: absolute;
	background: transparent url('/images/fullNav_pod.png') 223px 124px no-repeat;
}

div#mainNav ul {margin: 0; padding: 0;}
div#mainNav li {margin: 0; padding: 0; list-style: none; position: absolute;}
div#mainNav a {height: 33px; display: block;}
div#mainNav span {display: none;}

li#mainNavA {left: 0; top: 0; width: 81px;}
li#mainNavB {left: 110px; top: 0px; width: 80px;}
li#mainNavC {left: 219px; top: 0px; width: 80px;}
li#mainNavD {left: 327px; top: 0px; width: 80px;}
li#mainNavE {left: 436px; top: 0px; width: 80px;}
li#mainNavF {left: 544px; top: 0px; width: 80px;}
li#mainNavG {left: 652px; top: 0px; width: 80px;}

/* Hover and ON state */
li#mainNavA a:hover, li#mainNavA.on {background: transparent url('/images/fullNav_pod.png') -223px -124px no-repeat;}
li#mainNavB a:hover, li#mainNavB.on {background: transparent url('/images/fullNav_pod.png') -333px -124px no-repeat;}
li#mainNavC a:hover, li#mainNavC.on {background: transparent url('/images/fullNav_pod.png') -442px -124px no-repeat;}
li#mainNavD a:hover, li#mainNavD.on {background: transparent url('/images/fullNav_pod.png') -550px -124px no-repeat;}
li#mainNavE a:hover, li#mainNavE.on {background: transparent url('/images/fullNav_pod.png') -659px -124px no-repeat;}
li#mainNavF a:hover, li#mainNavF.on {background: transparent url('/images/fullNav_pod.png') -767px -124px no-repeat;}
li#mainNavG a:hover, li#mainNavG.on {background: transparent url('/images/fullNav_pod.png') -875px -124px no-repeat;}

div#subNav {
	top: 68px;
	left: 223px;
	width: 800px;
	height: 25px;
	position: absolute;
	background: transparent url('/images/fullNav_pod.png') 223px 164px no-repeat;
}

div#subNav ul {margin: 0; padding: 0;}
div#subNav li {margin: 0; padding: 0; list-style: none; position: absolute;}
div#subNav a {height: 25px; display: block; }
div#subNav span {display: none;}

li#subNavA {left: 0; top: 0; width: 82px;}
li#subNavB {left: 109px; top: 0px; width: 85px;}
li#subNavC {left: 216px; top: 0px; width: 90px;}
li#subNavD {left: 320px; top: 0px; width: 97px;}
li#subNavE {left: 440px; top: 0px; width: 75px;}
li#subNavF {left: 548px; top: 0px; width: 75px;}
li#subNavG {left: 648px; top: 0px; width: 88px;}


/* Hover and ON state */
li#subNavA a:hover, li#subNavA.on {background: transparent url('/images/fullNav_pod.png') -223px -162px no-repeat;}
li#subNavB a:hover, li#subNavB.on {background: transparent url('/images/fullNav_pod.png') -332px -162px no-repeat;}
li#subNavC a:hover, li#subNavC.on {background: transparent url('/images/fullNav_pod.png') -439px -162px no-repeat;}
li#subNavD a:hover, li#subNavD.on {background: transparent url('/images/fullNav_pod.png') -543px -162px no-repeat;}
li#subNavE a:hover, li#subNavE.on {background: transparent url('/images/fullNav_pod.png') -663px -162px no-repeat;}
li#subNavF a:hover, li#subNavF.on {background: transparent url('/images/fullNav_pod.png') -771px -162px no-repeat;}
li#subNavG a:hover, li#subNavG.on {background: transparent url('/images/fullNav_pod.png') -871px -162px no-repeat;}


.podheaderlinks {
	top: -15px;
	float: right;
	position: relative;
	padding-right: 5px;
}

.podheaderlinks a, .podheaderlinks a:visited
{
    color: #fff;
    text-decoration: none;
	display: inline;
}
.podheaderlinks a:hover
{
    text-decoration: underline;   
	display: inline;
}


/* Global Styles
/////////////////////////////////////// */
body {
	/* font-family: Helvetica, Arial, sans-serif;*/
	/* font-family: "Times New Roman", arial, sans-serif ;*/
	/* font-family: "Courier New", Courier, monospace;*/
	/* font-family: "Times New Roman", Times, serif; */
	/* font-family: "Trebuchet MS", Helvetica, sans-serif; */
	/* font-family: "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; */
	/* font-family: Verdana, Geneva, sans-serif; */
	/* font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif */
	font: 12px/14px helvetica, arial, sans-serif;
	background-color: #fff;
	color: #743000;
	margin: 0;
	padding: 0;
}

a {
	color: #743000;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #743000;
	text-decoration: underline;
}

img {
	border: 0;
}

h1 {
	font-size: 20px;
	line-height: 20px;
    letter-spacing: -.04em;
}

h2 {
	font-size: 16px;
	line-height: 18px;
}

h3 {
	font-size: 14px;
	line-height: 16px;
}

div#container {
	width: 1000px;
	margin: 0 auto 0 auto;
}

div#content {
	padding: 10px 0;
}

div#header {
	width: 1000px;
	height: 94px;
	background: #6b2c00 url('../images/fullNav_pod.png') no-repeat;
	position: relative;
}

div#nav {
	position: relative;
	top:0;
	margin: 0;
	padding: 0;
	height: 27px;
    width: 889px;
	background-color: #753000;
	}

div#nav ul {margin: 0 0 0 3px; padding: 0;}
div#nav li {height: 25px; margin: 1px 0 0 0; padding: 0 20px; list-style: none;float: left; border-right: 1px solid #aa662b}
div#nav li#last { border-right: 0;}
div#nav a {padding: 6px 0 0 0; display: block; color: #fff; font-size: 14px; letter-spacing: -.04em; font-weight: bold}
div#nav a:hover {color: #8bcfff; text-decoration: none;}


div#footer {
	height: 40px;
    text-align: center;
}

br.clear {
	clear: both;
}

div.error {
    color: red;
    font-size: 14px;
    border: 1px solid #666;
    background-color:#e9e8e2;
    padding: 10px;
    width: 500px;
}

span.center {
	text-align: center;
}

span.small {
	font-size: 10px;
}

div.center {
	width: 500px;
	margin: 50px auto;
}

/* Common elements */
div#header a#homeLink {
    position: relative;
    top: 10px;
    left: 7px;
    display: block;
    width: 132px;
    height: 59px;
    float: left;
    outline: none;
}

a#podHomeLink {
	float: left;
}

img#headerPromo {
    float: left;
}

div#logout {
    display: block;
    height: 12px;
    width: 40px;
    position: relative;
	left: 75px;
	top: 55px;
	float: left;
}

div#header a#headerViewCart {
    position: relative;
    display: block;
    width: 120px;
    height: 12px;
    top: 55px;
    left: 283px;
    float: left;
    outline: none;
	text-align: right;
}

div#header a span {
    display: none;
}

div#elistBox {

}

form#elist {
	width: 350px;
	margin: 20px auto;
}

form#elist input#email {
    position: relative;
    top: 0px;
    width: 150px;
    height: 18px;
    font-size: 12px;
    color: #743000;
    border: 1px solid #743000;
}

form#elist input#submit {
    position: relative;
    top: 9px;
}

a#getAcrobat {
	display: block;
	position: relative;
	top: 4px;
	right: 60px;
	width:125px;
	height: 31px;
	background: transparent url('../images/buttons/getAcrobat.png') no-repeat;
	float: right;
}

div#copyright {
    font-size: 9px;
    padding-top: 5px;
	text-align: center;
}

/* page-specific styles
////////////////////////////////////// */

/* login */

div#login {
    width: 400px;
	margin: 40px auto;
}

table#loginTable th {
    text-align: right;
}

div#loginReminder {
	width: 400px;
	margin: 40px auto;
}
 
/* Home */
div#homeBox {
    height: 311px;
    width: 900px;
    background: transparent url('../images/backgrounds/homeBox.jpg') 1px 0 no-repeat;
    position: relative;
}

div#homeBox a span{
    display: none;
}

div#homeBox a{
    outline: none;
}

/* these links will be replaced by db generated values */
a#homeBoxPhotoCards {
    display: block;
    width: 95px;
    height: 80px;
    position: absolute;
    top: 202px;
    left: 105px;

}

a#homeBoxLabels {
    display: block;
    width: 95px;
    height: 80px;
    position: absolute;
    top: 202px;
    left: 300px;

}

a#homeBoxGifts {
    display: block;
    width: 95px;
    height: 80px;
    position: absolute;
    top: 202px;
    left: 497px;

}

a#homeBoxTags {
    display: block;
    width: 95px;
    height: 80px;
    position: absolute;
    top: 202px;
    left: 688px;
}

div#homeContent {
    text-align: center;
}



/* categories */

div#prodHeader {
	margin-bottom: 5px;
}

div#prodHeader span#catName {
	display: block;
	font-size: 18px;
	font-weight: bold;
	float: left;
}

form#skuSearch {
	display: block;
	width: 370px;
	height: 18px;
	margin: 0 auto;
}

form#skuSearch label {
	display: inline;
	position: relative;
	top: -6px;
	font-size: 13px;
	font-weight: normal;
}
form#skuSearch input#sku {
	position: relative;
	top: -7px;
	margin-right: 10px;
	width: 90px;
	color: #743000;
}

div#pager {
	text-align: center;
	width: 200px;
	margin-right: 20px;
	float: right;
}

div#pager span {
	font-size: 13px;
	font-weight: bold;
}

div#prodContainer {
    position: relative;
	text-align: center;
	width: 889px;
}

div#prodContainer table {
	float: left;
}

div#prodContainer table a {
	text-decoration: none;
	outline: none;
}

/* productDetail.php */

div#prodDetailBox {
	width: 850px;
    padding: 20px;
}

table#prodDetTabl {

}

table#prodDetTabl th {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
}

table#prodDetTabl td {
	padding-left: 5px;
	font-size: 14px;
	padding: 5px;
}

/* quantity table */
div#prodQuant {
	width: 100%;
	border-top: 1px solid #743000;
	border-bottom: 1px solid #743000;
	margin-top: 5px;
	padding: 5px;
	line-height: 40px;
}

span.small {
	font-size: 10px;
}
span.bold {
	font-size: 14px;
	font-weight: bold;
}

input#prodDetQuan {
	width: 35px;
	font-weight: bold;
	color: #743000;
}

label {
	font-weight: bold;
	padding-right: 5px;
	font-size: 14px;
}

img#prodDetCalc {
	position: relative;
	top: 7px;
	left: 10px;
	padding-right: 10px;
}

input#prodDetAddCart {
	position: relative;
	top: 7px;
	left: 10px;
}

input#prodDetCost {
	width: 50px;
	font-weight: bold;
	font-size: 12px;
	height: 16px;
	color: #743000;
	border: 0;
	background-color: #fff;
}

input#prodDetProceed {
	position: relative;
	top: 5px;
	left: 10px;
}


/* Pricing Table */
table#prodDetPricing {
	width: 70%;
	border: 1px solid #743000;
	padding: 0;
	margin: 20px auto 0 auto;
}

table#prodDetPricing tr#last td {
	border-bottom: 0;
}

table#prodDetPricing tr.subhead td {
	font-weight: bold;
	font-size: 14px;
}

table#prodDetPricing th {
	background-color: #743000;
	color: #fff;
	font-size: 16px;
	padding: 5px;
	text-align: center;
}

table#prodDetPricing td {
	color: #743000;
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #743000;
}

table#prodDetPricing td.subhead {
	font-weight: bold;
}

/* product Image */
div#prodImg {
	display: block;
    width: 378px;
    text-align: center;
    float: left;
}

img#zoom {
	display: block;
	float: right;
}

div#prodContent {
    margin-left: 398px;
}

div#prodContent h1 {
    margin-left: 6px;
}

/* related Products */
div#relProds {
	margin: 20px 0 50px 130px;
	height: 240px;
}

div.relProdsCell {
	margin-right: 20px;
	float: left;
	text-align: center;
}

a.relSkuLink:hover {
	text-decoration: none;
}

/* viewCart.php */

table.cartInner {
	width: 680px;
	margin-top: 20px;
	border-bottom: 1px solid #743000;
}
span#cartProdName {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}

div#viewCartTotals {
	height: 200px;
	margin-top: 20px;
}
table#shipCost {
	width: 200px;
	border: 1px solid #743000;
	float: left;
	margin-left: 370px;
}
table#shipCost th {
	font-weight: bold;
	text-align: left;
}
table#shipCost th#shipMethHdr {
	text-align: center;
	font-size: 14px;
}
table#shipCost td {
	font-weight: bold;
}

table#viewCartTotalTable {
	float: left;
	width: 200px;
	margin-left: 79px;
}
table#viewCartTotalTable th {
	text-align: right;
	width: 230px;
}


/* newViewCart */

/* cart item Row */
.cartItems {
	width: 889px;
	/*border: 1px solid red;*/
	margin-bottom: 10px;
}

.cartItemImg {
	width: 200px;
	float: left;
	/*border: 1px solid black;*/
}

.cartItemImg img {
	display: block;
	margin: 0 auto;
}

.cartItemDetail {
	width: 440px;
	float: left;
	margin: 10px;
	/*border: 1px solid green;*/
	line-height: 20px;
}

.cartItemCosts {
	width: 150px;
	float: left;
	margin: 20px 10px 10px 50px;
	/*border: 1px solid blue;*/
	text-align: center;
}

.cartItemCosts table {
	/*border: 1px solid red;*/
	margin: 0 auto 20px auto;
}

.cartItemCosts table th {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

.cartItemCosts table td {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

.cartItemSeparator {
	width: 662px;
	margin: 10px 10px 10px 210px;
	float: left;
	border-bottom: 1px solid #743000;
}

span.cartProdName {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}

div#cartSummary {
	border: 1px solid red;
}

div#cartShipMethod {
	margin-left: 300px;
	width: 250px;
	float: left;
	border: 1px solid blue;
}

div#cartTotals {
	float: left;
	margin-left: 10px;
	border: 1px solid red;
}

/* receipt.php */

div#receipt {
	text-align: left;
	margin-top: 50px;
}