/* base
----------------------------------------------- */
	
*{
	padding: 0;
	margin: 0;
	}
	
html, body{
	margin: 0;
	padding: 0;
	color: #cfb790;
	font-family: Georgia, Times New Roman, serif;
	font-size: 12px;
	line-height: 2em;
}


input, select, textarea {
	font-size: 85%;
	padding: 2px;
	margin: 0px;
}

.hr {
	display: block;
	padding: 0;
	margin: 15px 0;
	height: 1px;
	background: #796645;
}
table{
	border-top: solid 1px #675943;
	
}

td{
	padding: 3px;
	color: #675943;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	border-bottom: solid 1px #b49e84;
	
}
h2 {
	font-size: 1.9em;
	font-weight: normal;
	color: #6b311d;
	margin: 0.9em 0;
	line-height: 1.3em;
  	}

h3 {
 	font-size: 1.2em;
	}
	
h4 {
	font-size: 1.0em;
	line-height: 1.6em;
	text-transform: uppercase;
	margin: 0.9em 0;	

	}
h5 {
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;	
	margin-bottom: 15px;
}
ol {
	margin: 0.2em 0 1em 0;
	padding-left: 2.25em;
	}

p {
	margin: 0.9em 0;
	line-height: 1.6em;
	font-size: 1.0em;
	text-align: left;
	}
li {
	font-size: 0.9em;
	}			
blockquote {
	display: block;
	margin: 0.8em 150px;
	padding: 0.8em 0;
	line-height: 1.8em;
	font-size: 0.9em;
	background: url(../images/double_dots.gif) repeat-x bottom;
	}
blockquote span{
	display: block;
	height: 20px;
	text-align: center;
	background: #fff url(../images/double_dots.gif) repeat-x center;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6e5200;	
	}		
blockquote span em{
background-color: #fff;
display: inline;
	}		

small{ font-size: 0.8em; }

.title{ font-size: 0.9em; font-style: italic;}
.breadcrumbs{
	border-bottom: solid 3px #cdc4b4;
	height: 25px;
	margin-top: 5px;
	 }

/* layout

----------------------------------------------- */

body{
	text-align: center;		/* centers content in IE5.5 and earlier */
	background: #0b0000 url(../images/bg.jpg) repeat-y center;
	}

#wrapper{
	width: 850px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url(../images/top.jpg) no-repeat top center; 	
	}

#header{
	position: relative;
	height: 138px;
	width: 850px;
	padding: 0;	

}
#content {
	padding: 0 15px 20px 15px
}
#intro {
	background: url(../images/bg_intro.jpg) no-repeat top center; 	
	text-align: center;
	padding: 80px 180px 20px 180px;p
}	
#intro p {
	text-align: center;
}
#intro p a{
	background: url(../images/dotted.gif) repeat-x bottom;
}	


/* Home
----------------------------------------------- */
#flashCollection{
	padding: 0;
	height: 550px;
	clear: both;
}

	
#button1 a{left: 0px; top: 0; width: 225px;height: 80px;background: url(../images/button1.gif) no-repeat 0 0;margin-bottom: 5px;}
#button1 a:hover{background: url(../images/button1.gif) no-repeat 0 -80px;}
#button2 a{left: 0px; top: 0; width: 225px;height: 80px;background: url(../images/button2.gif) no-repeat 0 0;margin-bottom: 5px;}
#button2 a:hover{background: url(../images/button2.gif) no-repeat 0 -80px;}
#button3 a{left: 0px; top: 0; width: 225px;height: 80px;background: url(../images/button3.gif) no-repeat 0 0;margin-bottom: 5px;}
#button3 a:hover{background: url(../images/button3.gif) no-repeat 0 -80px;}
#button4 a{left: 0px; top: 0; width: 225px;height: 145px;background: url(../images/button4.gif) no-repeat 0 0;}
#button4 a:hover{background: url(../images/button4.gif) no-repeat 0 -145px;}
	

/* typography
----------------------------------------------- */

a{
	color: #aa4125;	
	text-decoration: none;
}
a:hover{
	color: #a32806;	
	text-decoration: none;

}

img{ display: block; }

a img{ border: none; }

h1,
h2,
h3,
h4,
h5{
	font-family: Georgia, "Times New Roman", Times, serif;
	}
h1 {
	color: #89795d;
	font-size: 2em;
}
#header h1 {
	color: #000033;
	font: 150% arial, helvetica, sans-serif;
	display: block;
	width: 850px;
	height: 138px;
}
#header h1 a {
	width: 850px;
	height: 138px;
	display: block;
	background: url(../images/logo.jpg) no-repeat center top;
	text-decoration: none;
	text-indent: -3000px;

}
#header h1 a:hover {
	background: url(../images/logo.jpg) no-repeat center -138px;
}

a.quiet:link, a.quiet:visited {
	margin: 0;
	padding: 0;
	color: #9c6320;
	font-family: Georgia, Times New Roman, serif;
	font-size: 12px;
	line-height: 2em;
	text-decoration: none;
	cursor: text;
}

a.quiet:hover, a.quiet:active {
	margin: 0;
	padding: 0;
	color: #9c6320;
	font-family: Georgia, Times New Roman, serif;
	font-size: 12px;
	line-height: 2em;
	text-decoration: none;
	cursor: text;
}

/* header
----------------------------------------------- */

#navWrap {
	width: 100%;
	clear: both;
	text-align: center;
	display: block;	
	}

#nav {
	margin-left: 80px;
	display: block;
	}
	
#nav ul {
	margin: 0;
	padding: 0;
	text-align: center;	
	}

#nav li {
	float: left;
	list-style: none;
	margin: 0px;	
	font-weight: bold;	
	text-transform: uppercase;	
	font-size: 11px;	
	padding: 0 5px 0 5px;
	display: block;
	background: url(../images/divider.gif) no-repeat right center;
	}
#nav li:first-child	{
	padding: 0 5px 0 5px;
	display: block;
	border-left: none;
	color: #cfb790;	
}
	
	
#nav li a {
	color: #cfb790;

	}	
#nav li a:hover {
	color: #ecad60;
	text-decoration: none;
	}	

#main p {
	margin: 20px 20px;
	}
	
	
	
#homeFeature{
	display: block;
	text-align: left;
	min-height: 135px;
	background: url(../images/bg_three.jpg) no-repeat top center;
}	
#homeFeature ul{
	list-style: none;
	margin: 0;
	display: block;	
}	
#homeFeature li{
	float: left;
	width: 260px;
	margin-right: 20px;
	display: block;
	list-style: url(none) none;
	line-height: 1.4em;
	font-size: 0.8em;
}
#homeFeature li.last{
	margin-right: 0;

}
#homeFeature li a{
	display: block;
	color: #e2cba0;
	text-decoration: none;
	font-weight: normal;
	padding: 15px 0 15px 60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	
#homeFeature li a strong{
	color: #ecad60;
	font-size: 1.2em;
	font-family: Georgia, Times, serif
}	
	
#homeFeature li a:hover{
	color: #fff;
	
}

/* footer
----------------------------------------------- */

#footer{
	clear: both;
	color: #9b8c75;
	background: url(../images/bg_footer.jpg) no-repeat top center;
	padding: 60px 0 0 5px;
	text-align: center;

	}
a.footerNav{
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif; 	
	
}	

#footer p {
	color: #9b8c75;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;	
}


.footerStoreList {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	
	
}




a.quietfooter:link, a.quietfooter:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #9b8c75;
	line-height: 100%;
	text-decoration: none;
	cursor: text;
}

a.quietfooter:hover, a.quietfooter:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #9b8c75;
	line-height: 100%;
	text-decoration: none;
	cursor: text;
}


/* page specific
----------------------------------------------- */



/* clearing
----------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
	
	

/* General class
----------------------------------------------- */	
.leftImg {
	float: left;
	margin-right: 10px;
	}
	
#login{
	margin: 20px auto;
	padding: 30px 0 0 10px;
	background: transparent url(../images/login_header.gif) no-repeat center top;

}

#login input{
	width: 140px;
}

input.loginBtn{
	background: url(../images/login.gif) no-repeat;
	display: block;
	height: 28px;
	width: 93px;
	border-style: none;

}
input.submitBtn{
	background: url(../images/btn_red.gif) no-repeat;
	display: block;
	height: 28px;
	width: 93px;
	border-style: none;
	font: 1.0em Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #e4e5d5;
}

/* Collections
----------------------------------------------- */	
#collection{
	clear: both;
	width: 850px;
	background: url(../images/collection_bg.jpg) repeat-y;	
}
#collectionTail{
	clear: both;
	width: 850px;
	height: 52px;
	background: url(../images/collection_bottom.jpg) no-repeat;	
}
#collectionNav{
	padding: 0 150px;
	height: 53px;
	background: url(../images/collection_nav.jpg) no-repeat;	
}
#btn {
	display: block;
	}

	
ul#btn {

	height: 20px;
	position: relative;	
	margin: 0;
	padding: 0;
	top: 33px;
	text-align: center;		
	}

#btn li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	line-height: 20px; 
	position: absolute; 
	text-indent: -9999px; 

	}
	
#btn a {
	display: block; 
	text-decoration: none;   
	overflow: hidden;
	}	
#btn1 {left: 0; top: 0; width: 110px; height: 20px; }
#btn2 {left: 120px; top: 0; width: 70px; height: 20px; }
#btn3 {left: 200px; top: 0; width: 70px; height: 20px; }
#btn4 {left: 280px; top: 0; width: 110px; height: 20px; }
#btn5 {left: 400px; top: 0; width: 140px; height: 20px; }

#collectionMain{
	clear: both;
	padding: 350px 120px 0 120px;
	color: #64534c;


}
p.collectionIntro{
	text-align: center;
	color: #9c6320;	

}
p.collectionIntro strong{
	color: #6b311d;
	font-size: 1.4em;

}
#collectionFeature{
	display: block;
	text-align: left;
	border-top: solid 1px #c7aa81;
	padding-top: 10px;

}	
#collectionFeature ul{
	list-style: none;
	margin: 0;
	display: block;	
}	
#collectionFeature li{
	float: left;
	width: 190px;
	margin-right: 20px;
	display: block;
	list-style: url(none) none;
	line-height: 1.4em;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #6b311d;		
}
#collectionFeature li.last{
	margin-right: 0;

}
#collectionFeature li a{
	text-decoration: none;
	color: #9c4a25;		
	background: url(../images/dotted.gif) repeat-x bottom;
}	
#collectionFeature li a strong{
	color: #ecad60;
	font-size: 1.2em;
	font-family: Georgia, Times, serif
}	
	
#collectionFeature li a:hover{
	color: #925812;
	
}
.rows {
	text-align: left;
}
.row {
	clear: both;
	display: block;
	background: url(../images/panel_body.jpg) repeat-y;
	margin-top: 10px;	
}
.row-2col {
	float: left;
	clear: right;
	width: 410px;
	display: block;
	background: url(../images/panel_body.jpg) repeat-y;
	margin-top: 10px;	
}
.rowTop {
	clear: both;
	height: 20px;
	display: block;
	background: url(../images/panel_top.jpg) no-repeat;	
}
.rowBtm {
	clear: both;
	height: 24px;
	display: block;
	background: url(../images/panel_btm.jpg) no-repeat;	
}
.product {
	float: left;
	width: 162px;
	display: inline;
	margin: 0 20px;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;		

}
.product3 {
	float: left;
	width: 162px;
	display: inline;
	margin: 0 10px 0 30px;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;		
}
.product p, .product3 p{
	line-height: 1.2em;
}
.product a img, .product3 a img{

	margin: 0 auto;
}
.onlyyou{
	background: url(../images/collection_onlyyou.jpg) top left no-repeat;	
}
.romeo{
	background: url(../images/collection_romeo.jpg) top left no-repeat;	
}
.legendary{
	background: url(../images/collection_legendary.jpg) top left no-repeat;	
}
.epic{
	background: url(../images/collection_epic.jpg) top left no-repeat;	
}
.cleopatra{
	background: url(../images/collection_cleopatra.jpg) top left no-repeat;	
}



/* Regular Container
----------------------------------------------- */	
#regular{
	clear: both;
	width: 850px;
	background: url(../images/collection_bg.jpg) repeat-y;	
}
#regularContainer{
	background: url(../images/regular_top.jpg) no-repeat;
	padding-top: 53px;	
	color: #9c6320;	
	text-align: left;	
}

#sideCol{
	float: left;
	width: 300px;

}

#sideCol p{
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin: 20px 0 20px 120px;
	border-top: double 4px #c39c62;
	border-bottom: double 4px #c39c62;	
	padding: 15px 0;
	color: #6b311d;		

}
#sideCol h4, #sideCol ul{
	margin: 10px 0 20px 120px;
}
#sideCol ul {

	list-style-type: none;
	margin-bottom: 20px;
	}
  
#sideCol li a {
	padding: 2px;
	display: block;
	line-height: 1.6em;
	width: 180px;
	text-decoration: none;
	border-bottom: solid 1px #c29a62;
	background-image: none;
}

#sideCol li a.on {
	font-weight: bold;	
}

#sideCol li a:hover {
	background: url(../images/nav_bg.gif) left repeat-y;


}

.about{
	background: url(../images/img_about.jpg) left top no-repeat;
	padding-top: 235px;

}
.sitemap{
	background: url(../images/img_sitemap.jpg) left top no-repeat;
	padding-top: 235px;

}
.resource{
	background: url(../images/img_resources.jpg) left bottom no-repeat;
	padding: 15px 0 304px 0;

}
.warranty{
	background: url(../images/img_warranty.jpg) left top no-repeat;
	padding-top: 235px;

}


#mainCol{
	float: left;
	margin-left: 20px;
	width: 390px;
	padding-bottom: 20px;


}
#mainCol li{
	list-style: none;
	background: url(../images/bullet.gif) left 0.5em no-repeat;
	margin-left: 30px;
	padding-left: 20px;
	line-height: 1.6em;


}


#locations{
	text-align: center;
	padding: 30px 20px;
	min-height: 300px;
	clear: both;
	background: url(../images/img_locations.jpg) left top no-repeat;
}
#locations h1{
	text-align: left}
#formContainer{
	display: block;
	padding: 20px 0 40px 300px;

}
#locations form{
	display: block;
	
}
#locations select{
	background-color: #e9cda8;
	width: 200px;
	float: left;
	font-size: 11px;
	margin-right: 10px;
	margin-top: 2px;

}
.search{
	float: left;
	display: block;
	background: url(../images/search.gif) left center no-repeat;
	border: none;
	font: bold 0.9em Georgia, "Times New Roman", Times, serif;
	color: #fff;
	padding: 3px 0;


}
.disclosure{
	padding: 3px 6px;
	color: #675943;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border: solid 1px #c39b64;

}
.box{
	padding: 3px 6px;
	color: #675943;
	border: double 5px #c39b64;

}


#lightbox{
	background-color:#eee;
	padding: 10px;
	}
#lightboxDetails{

	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
