/* CSS Document - Skaggs Family Records - Store */

/*----------------------------------------
CONTENT
-------------------------------------------*/

html{
    margin: 0;
	padding: 0;
	background: #aa3b15 url(images/bgRepeatingVertical_store.gif) repeat-y scroll top center;;
}
body {
	font-family: "trebuchet ms",arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin:0 auto;
	color:#b7a27a;
	text-align:left;
	background: url(images/bgRepeatCurtain.jpg) repeat-x scroll left top;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	text align: left;
	background: transparent url(images/headerStore.jpg) no-repeat scroll center top; 

}
#custom-doc { 
	width:61.54em;
	*width:60.06em;
	min-width:800px; 
	margin:auto; 
	text-align:left;
}

#bd{
	position:relative;
	margin: 0 20px 20px 20px;
}
div .yui-g {
	width: 565px;
	padding: 0 0 0 15px;
}
.yui-b {
	padding-top: 0px;
}
#yui-main .yui-b{
	padding: 0px 0 0 0;
	margin: 0px 0 0 0;
}
#hd{
	position:relative;        
	height:230px;
}
#hd h1{
	display:none;
}
#flashHeader {
	width: 900px;
	height: 342px;
	margin: 0 25px 0 25px;
	padding: 0;
}

div#ft{
	text-align:center;
	font-size:85%;
	line-height:118%;
	margin:0;
	padding:25px 0 25px 0;
	color: #b7a27a;
	background:#000;

}
#ft a{
	color: #EFC168;
}
#ft a:hover{
	color: #EFA20E;
}


.titleLrg{
	border-bottom: 1px dashed #7E1511;
	color: #fff;
}



/*----------------------------------------
N A V I G A T I O N
-------------------------------------------*/
#vNavBox{
	position:absolute;
	top:170px;
	left:215px;
	margin:0px;
	padding: 0px 0 0px 0;
	text-align: left;
	letter-spacing:0px;
	text-transform: uppercase;
	width: auto;
	background: none;
}
#vNav a{ 
	display: inline; 
	text-align: left;
	text-decoration: none; 
	margin: 0px 0 0 0px;
	padding: 7px 10px 8px 15px;
}
#vNav a:hover{
	color: #98d2b0;

}
#vNavBox li{
	display: inline;


}



/*----------------------------------------
G A L L E R Y
-------------------------------------------*/

#modGallery{ 
	width:auto;
    margin:6px 0;
}
#modGallery.copy{ }
#modGallery.iconImg{}
#modGall li {  display: inline;}

/* ----------------------------------------------------------------
Sticky Nav and Blog Nav
-------------------------------------------------------------------- */

#stickyNav li{   
	display: block;
}
#stickyBox{

	margin:45px 0 5px 0;
	text-align:left;
	padding:5px;
	height:588px;
	background: transparent url(domain/bin/css/grid000.gif) repeat scroll left top;	
	border: 1px solid #7E1511;
}

#stickyNav a{ 
	display: block; 
	border-bottom: 1px dashed #7E1511;
	padding:0 0 5px 13px;  
	text-decoration: none; 
	margin:2px 10px 5px 0;
	float:left;
	color: #fe8535;
	width: 140px;
	background: url(images/navArrow_grey.gif) no-repeat scroll left 1px;}

#stickyNav a:hover{
	background: url(images/navArrow_orange.gif) no-repeat scroll left center; 
	color: #fff;
}
* html #stickyBox ul li{
	margin-top:25px;
}
 #stickyBox ul li ul {
	position:absolute;
	top:60px;
	left:0px;
}
* html #stickyBox ul li ul {
	position:absolute;
	top:60px;
	left:0px;
} 
#stickyBox ul li ul li {
	display:inline;
} 
#stickyBox ul li ul li a{
	font:normal 9px/10px arial, Helvetica, sans-serif;
	float:left;
	display: block; 
	padding: 0px 5px;  
	text-decoration: none; 
	text-transform:uppercase;
	margin:0 2px 0 0;
	color:#222;
	border-left:2px solid #BADDFE;
}
#stickyBox ul li ul li a:hover{
	border-left:2px solid #FFBF4F;
}
#blogBox{
   width:110px;
   float:right;
   margin:0 0 6px 6px;
   font:bold 11px/14px arial;
}
#blogBox a{
   display:block;
   border:1px dashed #ddd;
   margin:4px 0;
   padding:2px 3px;
 }
#blogBox a:hover{
   border:1px solid #fff;
   background:#A0BBCC;
   color:#003;
}


/*-----------------------------------------------------------------------------------------------------
S T O R E
-------------------------------------------------------------------------------------------------------*/
.memberPrice{ /* members price */
	color:#B5450C;
}
#basketBox{
	text-align:center;
	font-size:93%;
	line-height:100%;
	color:#fff;
	background:transparent url(domain/bin/css/grid000.gif) repeat 0 0;
	padding:6px;
	border:1px solid #8A1915;
}
#basketBox p,
#basketBox strong,
#basketBox h3,
#basketBox h3 span{
	margin:0;
	letter-spacing:0;
}
#basketBox strong{
	display:block;
}
.btn,
.basketBtn{
	font:normal 10px/12px arial; 
	padding:0em 1em;
	color:#000; 
	margin: 1px;   
}
#basketBox p,/*you have n items in your basket */ 
#basketBox strong{/* total (USD) $ */
	margin:4px;
}
tr input.optionBox{
	width: 30px;
}
.memberPrice {
	color: #92251E;
}
/* RELATED PRODUCTS */

#relatedProd{
	border-top:1px dashed #666;
	margin:16px 0 0 0px;
	padding:10px 0 0 0px;
}
#relatedProd .titleLrg{
	display:block;		
	font-size:280%;
	font-family: Georgia, "Times New Roman", Times, serif;  
	color: #9a6734;
	text-transform: lowercase;
	margin-bottom: 12px;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #666;
}
#relatedProd .contentSml{ /* content span*/
	COLOR:#333;
	border-bottom:1px dashed #666;
	display:block;
	padding:2px;
}
#relatedProd p {
	display:block;	
	margin:0 0 1px 0;
	color:#b7a27a;
}
#relatedProd .titleSml{  /* product name */
	letter-spacing:1px;
	margin:4px 0 1px 0;
	display:block;	
}	

#relatedProd .relatedDetails, #relatedProd .relatedQty{  /* product details*/
	display:inline;
}

#relatedProd .btn,
#relatedProd .optionBox{
    text-transform:uppercase;
	margin: 4px 0 0 2px;
	text-align:left;
	padding:1px;
    border:1px solid #000;
}
#relatedProd img{
	width:42px;
    float:left;
    border:1px solid #000;
    margin: 0 8px 4px 0;
}

/* ADDRESS BOOK */
fieldset{
    padding:.6em;
    border:2px solid #ccc;
    margin:.5em;
    font-size:85%;
}
#addressBook h2,
#addressBook h3{
   margin:0;
}
#addressBook fieldset li{
    border-bottom:1px solid #ccc;
}
legend{
	font-weight:bold;
	padding: 0 8px;
	color: #ccc;
}
table.checkoutBox{
	font-size:93%;
	margin:4px;

}

/*----------------------------------------
PRODUCTS
-------------------------------------------*/
#modProducts{
    position:relative;
    font: normal 14px/18px Arial, Helvetica, sans-serif;
    text-align:left:
}
#modProducts .item{
   margin:8px 4px;
   padding:4px;
   border:1px solid #7E1511;
   padding-left: 70px; /*relative to the width of the icons*/
   min-height: 70px; /*relative to the height of the icons*/
   height: auto;
   _height: 70px; /*ie Hack - relative to the height of the icons*/
}
#modProducts img.iconImg{
   position:absolute;
   margin:2px;
   left:8px;
}
#modProducts h3 a {
   text-decoration: none;
}
#modProducts .item p, #modProducts .item h3, #modProducts span, #modProducts .optionBox,{
   margin:0px;
}
#modProducts small {
   color: #369;
}