/* reset margins and padding */
*{
margin:0;
padding:0;
}
/* elements */
body{
background:#7A3F1B url(images/bg.gif) top left repeat-x;
margin:0 auto;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:62.5%;
text-align:center;
color:#fff;
}
h1{
font-family:georgia, serif;
font-size:2.2em;
color:#371600;
margin:0 0 0.7em 0;
padding:0 0 0.2em;
border-bottom:1px solid #c2c2c2;
position:relative;
}
h1 .backlink{
position:absolute;
top:0.6em;
right:0px;
text-align:right;
font-size:0.5em;
}
h2{
font-size:1.6em;
margin:0 0 0.5em 0;
padding:0;
}
p, .caption{
font-size:1.1em;
line-height:1.6em;
margin:0;
padding:0 0 1.1em 0;
}
a{
text-decoration:none;
color:#553103;
}
a:hover{
text-decoration:underline;
}
img, fieldset{
border:0;
}
/* form elements */
strong, label{
font-size:1em;
font-weight:bold;
}
input, textarea{
width:96%;
border:1px solid #c2c2c2;
padding:1px 2px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1em;
}
input.submit{
width:auto;
background:#FFF;
}
#paypalForm{
background:#FFFAD8;
margin:0 0 0 26%;
}
#paypalForm input.submit{
border:0;
background:#FFFAD8;
}
/* id's */
#wrapper{
width:740px;
margin:0 auto;
text-align:left;
min-height:400px;
}
#header{
padding:0 30px;
}
#header h1{
font-size:3em;
color:#fff;
border:none;
margin:0;
}
#contentHeader{
height:10px;
background:url(images/contentHeader.gif) bottom center no-repeat;
}
* html #contentHeader{
margin:-3px 0 0 0;
}
#content{
background:#FFFAD8;
color:#000;
padding:20px 30px;
min-height:300px;
}
#content1{
float:left;
width:44%;
}
#content2{
float:right;
width:48%;
background:#fff;
min-height:300px;
border:1px solid #c2c2c2;
text-align:center;
padding:12px 0;
}
#content3{
float:right;
width:48%;
}
#content4{
float:left;
width:100%;
}
#content4 ul.gallery{
width:650px;
text-align:center;
margin:0 auto;
padding:0 0 0 1em;
}
#content4 li{
display:inline;
float:left;
margin:0 10px 10px 0;
}
#logo{
float:left;
width:232px;
}
#clearance{
float:right;
margin:0 -15px 0 0;
width:354px;
height:77px;
background:url(images/clearanceBanner.gif) top center no-repeat;
}
* html #clearance{
margin:0 -8px 0 0;
}
#clearance a{
width:332px;
height:45px;
display:block;
margin:15px 0 0 10px;
text-decoration:none;
}
#menu{
margin:-12px 0 0 0;
float:right;
width:98%;
}
#menu ul{
float:right;
text-align:right;
list-style:none;
width:100%;
}
#menu li{
float:right;
margin:0;
padding:0;
}
#menu li a{
font-size:1.2em;
float:left;
background:url(images/menubg.gif) no-repeat left top;
margin:0;
padding:0 0 0 1.1em;
text-decoration:none;
}
#menu li a span{
float:left;
display:block;
padding:0.3em 1.1em 0.2em 0;
background:url(images/menubgRight.gif) no-repeat right top;
color:#7A3F1B;
cursor:pointer;
cursor:hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {
color:#7A3F1B;
}
#menu a.current{
background-position:0 -115px;
}
#menu a.current span{
background-position:100% -115px;
color:#7A3F1B;
}
#menu a:hover{
background-position:0% -115px;
}
#menu a:hover span{
background-position:100% -115px;
}
#footer{
background:url(images/contentFooter.gif) center top no-repeat;
font-size:1.1em;
padding:25px 30px;
color:#FFFAD8;
line-height:1.6em;
}
#footer a{
text-decoration:none;
color:#FFFAD8;
}
#footerContact{
float:right;
text-align:right;
}
#copyright{
float:left;
}
/* classes */
.col1{
width:25%;
margin:0 4% 0 0;
float:left;
}
.col2{
width:70%;
float:left;
}
.formError{
color:#CE0067;
text-align:right;
}
.error{
color:#CE0067;
}
.center{
text-align:center;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* PRODUCTS */
.productBox{
width:150px;
height:20em;
line-height:18em;
border:1px solid #9E724F;
border-top:2px solid #9E724F;
border-bottom:4px solid #9E724F;
margin:1em 24px 1em 0;
float:left;
background:#FFF;
position:relative;
text-align:center;
font-weight:bold;
text-decoration:none;
}
* html .productBox img{
margin:5% auto;
}
.productBox img{
margin:-2em auto 0 auto;
text-align:center;
vertical-align:middle;
}
.productBox span{
cursor:pointer;
display:block;
width:96%;
padding:7px 2%;
background:#C3A582;
position:absolute;
bottom:0;
left:0;
font-size:1.2em;
height:auto;
line-height:1.2em;
vertical-align:middle;
}
* html .productBox span{
margin-bottom:-1px;
}
.gradualshine{
filter:alpha(opacity=40);
-moz-opacity:0.4;
}

/* detail page */
.productBoxDetail{
height:20em;
line-height:200px;
margin:0 auto;
text-align:center;
background:#fff;
border:1px solid #c2c2c2;
}
.productBoxDetail img{
vertical-align:middle;
margin:0 auto;
text-align:center;
}
.productBoxDetail a:hover{
text-decoration:none;
}
* html .productBoxDetail a{
font-size:200px;
width:300px;
}
* html .productBoxDetail img{
display:inline;
margin:0 auto;
text-align:center;
}