﻿html{height: 100%; width: 100%;}

body {background: #eed2a4 url(images/background.jpg) center top repeat-x; margin: 0; padding: 0; text-align: center;}

img{border: none;}

h3{
	font-weight: normal;
	font-size: 14px;
	margin: 0 ;
	padding: 5px ;
	font-family: Georgia, Times serif;
	text-align: left;
	color: #402812;
}

#wrap {
width: 900px;
height: 600px;
margin: auto;
}

#topLogo {width: 900px; height: 154px; }

#topLogo .logo{ float: left; margin: 0 0 0 40px;}

#topLogo ul {
	font-family: Arial, Verdana, Helvetica, san-serif;
	color: #595341;
	font-size: 14px;
	float: right;
	margin: 5px 0 0 0;
	list-style: none;
}

#topLogo ul li {
	display: inline;
	padding: 0 3px; 
	margin: 0 6px;

}

#topLogo ul li img{
	position: relative;
	top: 12px;
}


#topLogo ul li a:link {text-decoration: none; color: #595341;} 
#topLogo ul li a:active {text-decoration: none; color: #595341;} 
#topLogo ul li a:visited {text-decoration: none; color: #595341;} 
#topLogo ul li a:hover {text-decoration: none; color: #877a60;} 

#toplink {
	display: inline;
	font-family: Arial, Verdana, Helvetica, san-serif;
	color: #402812;
	font-size: 14px;
	list-style: none;
}

#toplink li { 
	display: inline;
	padding: 0 8px;	
}

#toplink li a {
	color: #402812;
	margin: 0;
	position: relative;
	top: -6px;
}


#toplink li a:link {text-decoration: none; color: #402812;}
#toplink li a:active {text-decoration: none; color: #402812;}
#toplink li a:visited {text-decoration: none; color: #402812;}
#toplink li a:hover {text-decoration: none; color: #724031;}

#rightBox {
	width: 171px;
	float: right;
}

.clear { clear: both;}
.left {clear: left;}

#yellowBox {
	background: url(images/yellowMid.gif) repeat-y;
	width: 171px;
	text-align: left;
}

#yellowBox p{
	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	color: #928a74;
	margin: 0 0 6px 0;
	padding: 0 8px;
	text-align: left;
}
#yellowBox a{
	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	color: #5f5a4b;
	margin: 0;
	padding: 0 8px 0 16px;
	text-align: left;
	text-decoration: none;
}

#yellowBox a:link{color: #5f5a4b;}
#yellowBox a:active{color: #5f5a4b;}
#yellowBox a:visited{color: #5f5a4b;}
#yellowBox a:hover{color: #928a74;}

#shopBrand {
	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	color: #918a70;
	margin: 24px 0 0 0;
	padding: 0;
	text-align: left;
}

#shopBrand  ul{ 
	list-style: none;
	margin:  0 0 0 0;
	padding: 0 0 0 14px;	
}

#shopBrand  ul li{ 
	list-style: none;
	margin:  0 0 0 0;
	padding: 0 0 3px 0;	
}
#shopBrand  ul a {text-decoration: none; color: #918a70;}

#shopBrand  ul a:link {text-decoration: none; color: #918a70;}
#shopBrand  ul a:visited {text-decoration: none; color: #918a70;}
#shopBrand  ul a:active {text-decoration: none; color: #918a70;}
#shopBrand  ul a:hover {text-decoration: none; color: #6e6850;}

#shopBrand  a:link {padding-left: 14px; text-decoration: none; color: #918a70;}
#shopBrand  a:visited {padding-left: 14px; text-decoration: none; color: #918a70;}
#shopBrand  a:active {padding-left: 14px; text-decoration: none; color: #918a70;}
#shopBrand  a:hover {padding-left: 14px; text-decoration: none; color: #6e6850;}

#flashcontent {
	width: 707px;
	height: 300px;
	margin: 0;
	padding: 0;
}

#centerBox {
	width: 627px;
	padding: 0 0 0 80px;
}

#topseller{
	width: 201px;
	float: right;
	margin: 0 12px 0 0;
}

#topseller .topProduct{
	font-family: Arial, Verdana, san-serif;
	font-size: 14px;
	margin:  0;
	text-align: left;
	padding: 6px 0;
	border-bottom: #dcbe93 solid 1px;
	height: 56px;
	text-decoration: none;
}

#topseller .topProduct img{
	float: left;
	border: #dcbe93 solid 1px;
	margin: 0 6px 0 0;
}

#topseller .productlink{
	margin:  0;
	padding:  0;
	color: #513e24;
	text-decoration: none;
}


#topseller .productlink:link{text-decoration: none; color: #513e24;}
#topseller .productlink:hover{text-decoration: none; color: #654d2d;}
#topseller .productlink:active{text-decoration: none; color: #513e24;}
#topseller .productlink:visited{text-decoration: none; color: #513e24;}

#topseller .categoryLink {
	font-size: 11px;
	color: #83653f;
	margin: 0;
	padding: 0 0 0 75px;
}

#topseller .categoryLink a:hover{text-decoration: none; color: #654d2d;}
#topseller .categoryLink a:link{text-decoration: none; color: #513e24;}
#topseller .categoryLink a:active{text-decoration: none; color: #513e24;}
#topseller .categoryLink a:visited{text-decoration: none; color: #513e24;}


#arrivalBox, #clearanceBox {
	width: 335px;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 10px 20px 0 20px;
	position: relative;
}

#clearanceBox .clickAll, #arrivalBox .clickAll {
	font-family: Arial, Verdana, san-serif;
	font-size: 14px;
	margin:  0;
	text-align: right;
	padding-right: 22px;
	text-decoration: none;
	color: #80191d;
	width: 310px;
	float: right;
	height: 20px;
}

#arrivalBox .clickAll {
	height: 20px;
}

#clearanceBox .clickAll {
	padding-top: 8px;
}
.clickAll:link, .clickAll:active, .clickAll:visited {text-decoration: none; color: #80191d;} 
.clickAll:hover {text-decoration: none; color: #80191d;} 

#arrivalBox {background-image: url(images/newArrivalsBox.gif);}

#clearanceBox {background-image: url(images/clearanceBox.gif); margin: 14px 0 0 0;}

.productbox {
	font-family: Arial, Verdana, san-serif;
	font-size: 14px;
	margin:  0;
	text-align: left;
	padding: 0 20px;
	text-decoration: none;
	color: #582d20;
	float: left;
	width: 120px;
	
}

.productbox img{
	display: block;
	border: #dcbe93 solid 1px;
	margin: 14px 0 2px 0;
}

.productbox a:link{text-decoration: none; color: #582d20;}
.productbox a:hover{text-decoration: none; color: #7c2e17;}
.productbox a:active{text-decoration: none; color: #582d20;}
.productbox a:visited{text-decoration: none; color: #582d20;}


/*============= Product Page ============*/

#leftBox {
	float: left;
	width: 236px;
	position: relative;
	top: -16px;
	margin: 0;
}

#leftBox .topLeftNav{
  background-image: url(images/leftNavTop.gif);
  background-repeat: no-repeat;
  background-position:  top left;
  width: 236px;
  height: 75px;
	position: relative;

}

#leftBox .topLeftNav h1{
	width: 180px;
	font-weight: normal;
	font-size: 17px;
	margin: 0 ;
	padding: 0 0 0 50px ;
	font-family: Georgia, Times serif;
	text-align: left;
	color: #402812;
	position: absolute;
	bottom: 0;
	left: 0;
}

#leftNav {
	width: 236px;
	font-family: Arial, Verdana, san-serif;
	font-size: 13px;
	margin:  0;
	text-align: left;
	padding: 3px 0 0 0;
	text-decoration: none;
	color: #625037;
    background-image: url(images/leftNavMid.gif);
    background-repeat: repeat-y;
	position: relative;
}


#leftNav table {
	margin:  0 0 0 45px;
	width: 150px;
}

#leftNav .subcatLink{ 
	list-style: none;
	padding: 4px 0;	

}

#leftNav .subcatLink a{ 
	padding: 0 0 0 5px; 
	display: block; 
	text-decoration: none; 
	color: #6b573b;
}

#leftNav .subcatLink a:link {text-decoration: none; color: #6b573b;}
#leftNav .subcatLink a:visited {text-decoration: none; color: #6b573b;}
#leftNav .subcatLink a:active {text-decoration: none; color: #6b573b;}
#leftNav .subcatLink a:hover {text-decoration: none; color: #625037;}

#leftNav .subsubCatLink a{ 
	padding: 0 0 4px 15px; 
	display: block; 
	text-decoration: none;
	color: #8b714d;
	display: block;
	font-size: 11px;
	margin: 0;
}

#leftNav .subsubCatLink a:link {text-decoration: none; color: #8b714d;}
#leftNav .subsubCatLink a:visited {text-decoration: none; color: #8b714d;}
#leftNav .subsubCatLink a:active {text-decoration: none; color: #8b714d;}
#leftNav .subsubCatLink a:hover {text-decoration: none; color: #a3845a;}


#productCenter {
	height: 300px;
	width: 400px;
	margin: 24px 0 0 240px;
	text-align: left;

}

#productCenter2 {
	margin: 24px 0 0 240px;
	text-align: left;
}

#resultsBox {
	width: 640px;
	float: right;
}

#shopResults {
	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	color: #333333;
	margin: 24px 0 0 0;
	padding: 0;
	text-align: left;
}

#shopResults  ul{ 
	list-style: none;
	margin:  0 0 0 0;
	padding: 0 0 0 24px;	
}

#shopResults  ul li{ 
	list-style: none;
	margin:  0 0 0 0;
	padding: 0 0 3px 0;	
}

#shopResults  ul a:link {text-decoration: none; color: #333333;}
#shopResults  ul a:visited {text-decoration: none; color: #333333;}
#shopResults  ul a:active {text-decoration: none; color: #333333;}
#shopResults  ul a:hover {text-decoration: none; color: #6e6850;}


#productWrap {
	margin: 0;
	width: 483px;
	float: left;
	
}

#productWrap #crumb{
	font-family: Georgia, Times New Roman, Serif;
	font-size: 16px;
	color: #4A3924;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
}

#productWrap #crumb a{
	color: #483722;
	font-family: Arial, Verdana, san-serif;
	text-decoration: none;
	font-size: 14px;
	padding: 0 3px;
	margin: 0;
}

#productWrap #crumb a:link {text-decoration: none; color: #483722;}
#productWrap #crumb a:visited {text-decoration: none; color: #483722;}
#productWrap #crumb a:active {text-decoration: none; color: #483722;}
#productWrap #crumb a:hover {text-decoration: none; color: #9e7950;}


#productWrap table {
	width: 100%;
	margin: 0;
	padding: 6px 0;
	border-bottom: 1px solid #b08f62;
	border-top: 1px solid #b08f62;
}

#productWrap .prodImage {
	border: #a4855b solid 1px;
	margin: 0 0 4px 0;
}

#productWrap table .prodName {
	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	margin: 0;
	text-align: left;
	padding: 0;
	text-decoration: none;
	color: #582d20;
	float: left;
	display: block;
	
}

#productWrap table .prodName span {
	font-size: 11px;
	color: #8c724e;
	display: block;
}

#productWrap .addButton{
	float: right;
}



#productWrap table {
	width: 100%;
	margin: 0;
	padding: 6px 0;
	border-bottom: 1px solid #b08f62;
	border-top: 1px solid #b08f62;
}

#productWrap table img {
	display: block;
	border: #dcbe93 solid 1px;
	margin: 0 0 3px 0;
}

#productWrap table a {
	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	margin:  0;
	text-align: left;
	padding: 0;
	text-decoration: none;
	color: #582d20;
	display: block;
}

#productWrap table td{
	padding: 10px 6px 10px 6px;
}


#productWrap table td div{
	display: none;
	border: #724031 solid 1px;
	background-color: #eedbc2;
	padding: 4px;
	position: absolute;	
	z-index: 3000;
	bottom: 0;
}


#productWrap table td div img{border: #a4855b solid 1px; width: 200px;}


#productWrap .prodName:link{text-decoration: none; color: #582d20;}
#productWrap .prodName:active{text-decoration: none; color: #582d20;}
#productWrap .prodName:visited{text-decoration: none; color: #582d20;}
#productWrap .prodName:hover{text-decoration: none; color: #7c2e17;}

#productWrap #sort{
	padding: 4px 4px;
	width: 100%;
	height: 24px;
}

#productWrap #sort p{
	font-family: Arial, Verdana, san-serif;
	font-size: 11px;
	margin:  0;
	text-align: right;
	padding: 0;
	text-decoration: none;
	color: #635037;
	float: right;
}
#productWrap #sort a{
	text-decoration: none;
	color: #635037;
	vertical-align: middle;
}


#productWrap #sort a:link {text-decoration: none; color: #635037;}
#productWrap #sort a:visited {text-decoration: none; color: #635037;}
#productWrap #sort a:active {text-decoration: none; color: #635037;}
#productWrap #sort a:hover {text-decoration: none; color: #876844;}

#productWrap #sort2{
	padding: 4px 4px;
	width: 100%;
	height: 24px;
}

#productWrap #sort2 p{
	font-family: Arial, Verdana, san-serif;
	font-size: 11px;
	margin:  0;
	text-align: right;
	padding: 0;
	text-decoration: none;
	color: #635037;
	float: right;
}
#productWrap #sort2 a{
	text-decoration: none;
	color: #635037;
	vertical-align: middle;
}


#productWrap #sort2 a:link {text-decoration: none; color: #635037;}
#productWrap #sort2 a:visited {text-decoration: none; color: #635037;}
#productWrap #sort22 a:active {text-decoration: none; color: #635037;}
#productWrap #sort2 a:hover {text-decoration: none; color: #876844;}

#productWrap .viewAll{
	font-family: Arial, Verdana, san-serif;
	font-size: 11px;
	margin:  0;
	text-align: right;
	padding: 0 0 0 6px;
	text-decoration: none;
	color: #402812;
}

#productWrap .viewAll:link {text-decoration: none; color: #402812;}
#productWrap .viewAll:active {text-decoration: none; color: #402812;}
#productWrap .viewAll:visited {text-decoration: none; color: #402812;}
#productWrap .viewAll:hover {text-decoration: none; color: #724031;}

#productWrap select{
	margin: 0 12px 0 3px;
}


#post{
	font-family: Georgia, Times serif;
	text-align: left;
	color: #402812;
	}

#post h1{font-size: 22px;}

#form{
	text-align: left;
	margin-left: 100px;
	text-align: left;
	color: #402812;
}

#form p{
	font-size: 16px;
	font-family: Georgia, Times serif;
	text-align: left;
	color: #402812;
}

#form h1{
	font-size: 20px;
	font-family: Georgia, Times serif;
	text-align: left;
	color: #402812;
	font-weight: normal;
}

#test{
	position: absolute;
	border: solid 1px #724031;
	background-color: #EEDBC2;
	visibility: hidden;
	z-index: 6;
	color: #402812;
	text-align: left;
	padding: 5px;
	
}

#test p{
	font-family: Arial, Verdana, san-serif;
	font-size: 14px;
}


#overlay {
     display: none;
     position: fixed;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     z-index: 1000;
     width: expression(document.body.clientWidth);
	 height: expression(document.body.clientHeight);
}


#overLayBkgrnd {
	position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     width: expression(document.body.clientWidth);
	 height: expression(document.body.clientHeight);
     text-align:center;
     z-index: 2000;
     background: #000000 url(images/background.gif) repeat-x;
     opacity: 0.75;
     filter:alpha(opacity: 75);
     -moz-opacity: 0.75;
     -khtml-opacity: 0.75;
  }

#overlayContent {
     width:400px;
     margin: 30px auto;
     background-color: #FFFFFF;
     border:1px solid #1e4574;
     padding:8px;
     text-align:left;
     position: relative;
     z-index: 3000;
     font-size: 11px;
     font-family: Arial;
     opacity: 0.85;
     filter:alpha(opacity: 85);
     -moz-opacity: 0.85;
     -khtml-opacity: 0.85;
}

#overlayStartContent {
     width:400px;
     margin: 230px auto;
     background-color: #FFFFFF;
     border:1px solid #1e4574;
     padding:8px;
     text-align:left;
     position: relative;
     z-index: 3000;
     font-family: Arial;
     opacity: 0.85;
     filter:alpha(opacity: 85);
     -moz-opacity: 0.85;
     -khtml-opacity: 0.85;
}

#overlayStartContent h2
{
	font-size: 17px;
	font-family: Georgia, Times serif;
	color: #402812;
	border-bottom: solid 1px #B08F62;
	}



/* ============= PRODUCT DISPLAY PAGE===============*/

# pdpCenterWrap{
	width: 700px;
	border-bottom:#be9f76 solid 1px;
	padding: 0 0 34px 0; 
}

#pdpCenterWrap #productImg{
	float: left;
	width: 300px;
	text-align: left;
}

#productImg .productImg {
	border:  #83653f solid 1px;
	margin: 0 0 6px 0;
}

#pdpCenterWrap #productImg img{margin-right: 3px;}

#pdpCenterWrap #productImg a{
	font-family: Arial, Verdana, san-serif;
	font-size: 11px;
	text-align: left;
	padding: 6px 0 0 0;
	text-decoration: none;
	color: #967854;
	margin: 6px 0 0 0;
	
}

#pdpCenterWrap #productImg a:link,
#pdpCenterWrap #productImg a:active,
#pdpCenterWrap #productImg a:visited{text-decoration: none; color: #967854;}
#pdpCenterWrap #productImg a:hover{text-decoration: none; color: #bf9e76;}

#pdpContent {
	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	color: #5a3819;
	margin:0 0 0 0;
	line-height: 16px;
	position: relative;
}

#pdpContent h1 {
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 6px 0;
	padding: 0;
	color: #402812;
	text-transform: capitalize;
}

#pdpContent p {
	margin: 0 0 8px 0;
}

#pdpOptionBox {
	border: #bf9e76 solid 1px;
	background-image: url(images/optoinBack.jpg);
	margin: 24px 0 0 0;
	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	text-align: left;
	padding: 10px;
	text-transform: capitalize;
	width: 300px;

}

#pdpOptionBox #prodDis{
	 color: #461a0d;
	 margin: 0;
	 line-height: 13px;
	 margin: 0 120px 0 0;
}

#pdpOptionBox #prodDis p{ margin: 0;}

#pdpOptionBox p span {
	 color: #713624;
	 padding: 0 0 8px 0;
	 display: block;
	 font-size: 11px;
	 margin: 0;
}

#pdpOptionBox #addCart{
	float: right;
	margin: 0;
	width: 106px;
}

#pdpOptionBox #addCart p{
	padding: 0 0 6px 0;
	margin: 0;
	font-size: 10px;
	width: auto;
	text-align: left;
	color: #796243;
}


/* ============= SHOPPING CART PAGE===============*/

#shopcartWrap {
	width: 700px;
	padding: 0 0 3px 0; 
}


#shopcartWrap #ship {
	padding: 10px;
	font-family: Arial, Verdana, san-serif;
	font-size: 11px;
	text-align: left;
	
	float: left;
	margin-left: 20px;
}

#shopcartWrap #tblCart {
	border: #bf9e76 solid 1px;
	background-image: url(images/optoinBack.jpg);
	padding: 10px;
	width: 670px;
	font-family: Arial, Verdana, san-serif;
	font-size: 11px;
	text-align: left;
	color: #6a6658;
}

#shopcartWrap #tblCart td {
	padding: 2px 6px;
}


#shopcartWrap .shopImg {
	margin: 24px;
}

#shopcartWrap .shopBottom {
	border-bottom:#be9f76 solid 1px;
}

#shopcartWrap .shopContent{
	border-right: solid 1px #e6d0b6;
	color: #524f44;
	padding: 3px 6px;
	font-size: 12px;
}

#shopcartWrap .shopRemove{
	color: #524f44;
	text-transform: uppercase;
	padding: 3px 6px;
	font-size: 9px;
	color: #a51f25;
}

#shopcartWrap .shopRemove a {
	color: #a51f25;
	text-decoration: none;
}

#shopcartWrap .shopRemove a:link, #shopcartWrap .shopRemove a:visited, #shopcartWrap .shopRemove a:active {
	color: #a51f25;
	text-decoration: none;
}

#shopcartWrap .shopRemove a:hover {
	color: #c13c42;
	text-decoration: none;
}


#shopcartWrap .shopSub {
	padding: 12px 6px 0 6px;
	border-top:#be9f76 solid 1px;
	font-weight: bold;
	color: #461a0d;
	font-size: 12px;
}

#shopcartWrap .checkOut {
	float: right;
	margin: 24px 6px 0 24px;
}

#footer {
	position: fixed;
	float: right;
	right: 0px;
	bottom: 0px;
	width: 284px;
	height: 285px;	
}

#viewCart{
	font-size: 14px; 
	font-family: Georgia, Times New Roman, Serif;
	margin: 3px; 
	padding: 0;
}

#leftNav h1{
	font-weight: normal;
	font-size: 17px;
	margin: 5px;
	font-family: Georgia, Times serif;
	text-align: left;
	color: #402812;
}


.footer {font-size: 12px;}

.footer a:link{font-family: Arial, Verdana, Sans-Serif; color: #DFB062;}
.footer a:active{font-family: Arial, Verdana, Sans-Serif; color: #DFB062;}
.footer a:visited{font-family: Arial, Verdana, Sans-Serif; color: #DFB062;}
.footer a:hover{font-family: Arial, Verdana, Sans-Serif; color: #DFB062;}


#bottomlink {
	display: inline;
	font-family: Arial, Verdana, Helvetica, san-serif;
	color: #402812;
	font-size: 11px;
	list-style: none;
	margin: 0 ;
}

#bottomlink li { 
	display: inline;
	padding: 0 6px;	
}

#bottomlink li a {
	color: #402812;
	margin: 0;
	position: relative;
	top: -6px;
}


#bottomlink li a:link {text-decoration: none; color: #402812;}
#bottomlink li a:active {text-decoration: none; color: #402812;}
#bottomlink li a:visited {text-decoration: none; color: #402812;}
#bottomlink li a:hover {text-decoration: none; color: #724031;}

.bottomImage {
	margin: 12px 0 0 0;
	padding: 0 0 0 36px;
}

#bottomlink2 {
	display: inline;
	font-family: Arial, Verdana, Helvetica, san-serif;
	color: #595341;
	font-size: 11px;
	list-style: none;
	margin: 0 ;
}

#bottomlink2 li { 
	display: inline;
	padding: 0 6px;	
}

#bottomlink2 li a {
	color: #595341;
	margin: 0;
	position: relative;
	top: -6px;
}


#bottomlink2 li a:link, #bottomlink2 li a:active, #bottomlink2 li a:visited {text-decoration: none; color: #595341;}
#bottomlink2 li a:hover {text-decoration: none; color: #877a60;}

.bottomCopy {
	font-family: Georgia, Times serif;
	font-size: 12px;
	color: #513e24;
	margin: 3px 0;
}

.bottomCopy a:link, .bottomCopy a:active, .bottomCopy a:visited  {text-decoration: none; color: #513e24;}
.bottomCopy a:hover {text-decoration: none; color: #654d2d;}
