/*
 *
 *   doc name  xx  Website Styles
 *   desc      xx  Styles Specific to Website
 *   author    xx  Ulf Lonegren
 *   version   xx  1.1  xx  April. 6 2009
 *
 * 
**/


/*ooooooooooooooooooooooooooooooooooooo*/
/*xxxxxx    Table of Contents    xxxxxx*/
/*ooooooooooooooooooooooooooooooooooooo*/
/*
	Website Styles
	[WS1] HTML Body
	[WS2] Font Classes
	[WS3] Content Styling
	[WS4] Link Styles
	[WS5] Headings
	
	Layout and Page Styles
		[P1] Layout
		[P2] Page 1
		[P3] Page 2
		[P4] Page 3
		[P5] Page 4
		
*/
/*ooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooooooooooo*/


/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooxxxxxx   [WS1] HTML Body    xxxxxxoooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

 
html, body {
	height:100%;
	color:#3f3f3f;
	font-size:100.01%;
	
	}
 
body{
	font:13px/1.231 arial,verdana,helvetica,clean,sans-serif;
	background:url(../images/bg-repeat.jpg) repeat-x;
	background-color:#816845;
	}
	
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooxxxxxx   [WS2] Font Classes    xxxxxxoooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

/*xxxxxx    Font Sizes    xxxxxx*/

.size10 {font-size:77%;} /* for setting 10px */
.size11 {font-size:85%;} /* for setting 11px */
.size12 {font-size:93%;} /* for setting 12px */
.size13 {font-size:100%;} /* for setting 13px */
.size14 {font-size:108%;} /* for setting 14px */
.size15 {font-size:116%;} /* for setting 15px */
.size16 {font-size:123.1%;} /* for setting 16px */
.size17 {font-size:131%;} /* for setting 17px */
.size18 {font-size:138.5%;} /* for setting 18px */
.size19 {font-size:146.5%;} /* for setting 19px */
.size20 {font-size:153.9%;} /* for setting 20px */
.size21 {font-size:161.6%;} /* for setting 21px */
.size22 {font-size:167%;} /* for setting 22px */
.size23 {font-size:174%;} /* for setting 23px */
.size24 {font-size:182%;} /* for setting 24px */
.size25 {font-size:189%;} /* for setting 25px */
.size26 {font-size:197%;} /* for setting 26px */

/*xxxxxx    Font Families    xxxxxx*/



/*xxxxxx    Font Colors    xxxxxx*/



/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooxxxxxx   [WS3] Content Styling    xxxxxxooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

p{
	font-size:1em;
	line-height:1.8em;
	}
	
.menu-title{ 
	font-size:131%;	
	color:#f8f8f8;
	
	
}

/*
p+p{
	
	}
*/

/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooxxxxxx   [WS4] Link Styles    xxxxxxooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

/*
a{

	}

a:link{
	
	}

a:hover{
	
	}

a:visited{
	
	}
*/
	
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooooxxxxxx   [WS5] Headings    xxxxxxooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
 

h1, h2, h3, h4, h5, h6 {
	margin:0 0 0em 0;
	font-size:100%;
	color:#816845;
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, Sans-serif;
	}

h1{ 
	color:#816845;
	font-size:197%;
	margin:0 0 .4em 0;
}
/* 
h2 {
	
	}
 
h3 {
	
	}
 
h4 {
	
	}
	
h5 {
	
	}
	
h6 {
	
	}
*/
	
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooxxxxxx   [P1] Layout    xxxxxxoooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

.wrapper{ /* Redefine for each site */
	width:950px;
	margin:0 auto;
	
}



/*oooooooooooooooooooooooooooooooxxxxxx   Top Nav Styles  xxxxxxoooooooooooooooooooooooooooooo*/

div#topnav{
	height:30px;
	
	
	
	
}

div#topnav p{
	color:#fdf2f1;
	padding:2px 0 0 15px;;
	
}

div#topnav a{
	color:#fdf2f1;
	text-decoration:none;
		
}

div#topnav a:hover{
	color:#e7c7c5;
		
}

div#topnav a:visited{
	color:#fdf2f1;
		
}

/*oooooooooooooooooooooooooooooooxxxxxx   Header Styles   xxxxxxoooooooooooooooooooooooooooooo*/

div#header{
	height:200px;	
	background:url(../images/header-product.png) right no-repeat; 
	
}

div#header img{
	padding:24px 0 0 15px;
	float:left;
	
}

p#tagline{ 
	padding:24px 10px 0px 240px;
	font-family:myriad pro, arial, sans-serif;
	line-height:normal;
	font-size:32px;
	color:#fff8f7;
		
}

p#tagline2{ 
	padding:19px 10px 0px 240px;
	font-family:myriad pro, arial, sans-serif;
	line-height:normal;
	font-size:28px;
	color:#fcd5d2;
		
}

/*oooooooooooooooooooooooooooooooxxxxxx   Main Content Styles   xxxxxxoooooooooooooooooooooooooooooo*/

div#main-top{ 
	background:#fff url(../images/main-content-top.jpg) no-repeat 0 0;
	margin:10px 0 0 0;
	height:17px;
}
div#main-bot{ 
	
	background:url(../images/main-content-bot.jpg) top no-repeat #FFFFFF;
	margin:0 0 10px 0;
	height:48px;
}

div#main{ 
	background:#FFFFFF;
	border-left:6px solid #927954; border-right:6px solid #927954;
	
}

div#content{ 
	width:660px;
	padding:8px 30px 0;
	clear:none;
	min-height:720px;
	margin-left:212px;
}

/*oooooooooooooooooooooooooooooooxxxxxx   Left Column Styles   xxxxxxoooooooooooooooooooooooooooooo*/

div#left-column{
	margin:0px;
	padding-left:12px;
	width:200px;
	float:left;
	
}

.signup_btn{
	padding-bottom:15px;
	
	
}

.cat-header{
	background:url(../images/category-header.jpg) no-repeat;
	height:41px;
}

.cat-header p{
	padding:8px 0 0 40px;
}

#category{
	border-left:1px solid #f5d3d0; border-right:1px solid #f5d3d0; border-bottom:2px solid #e5928c;
	background:url(../images/cat-grad.gif) bottom no-repeat #fef6f5;
	
	
}

#category ul{
	padding:4px 0 25px 15px;
	
}

#category li{
	padding:8px 0  0;
	
	
}

#category .active a{ 
	background:url(../images/bullet-active.jpg) left no-repeat;
	color:#dc6a61;
	font-weight:bold;
	
}


#category a{
	color:#6e593e;
	text-decoration:none;
	padding:0 0 0px 18px;
	background:url(../images/bullet.jpg) left no-repeat;
	
	}

#category a:hover{
	color:#dc6a61;
	text-decoration:none;
	background:url(../images/bullet-active.jpg) left no-repeat;
		
}

.space{ height:30px;
	
}

/*oooooooooooooooooooooooooooooooxxxxxx   Product Styles   xxxxxxoooooooooooooooooooooooooooooo*/



.product-title{
	color:#dc6a61;	
	font-size:123.1%;
	padding:0 0 0px 4px;
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, Sans-serif;
}

.info{
	float:left;
	padding:0 12px 0 0px;
	
}


.product-title a{
	
	color:#dc6a61;	
	text-decoration:none;
	
	
}

.product-title a:hover{
	color:#ed928a;	
	text-decoration:none;
	
	
}

.prod-img{
	width:200px;
	height:124px;
	overflow:hidden;
	}


.price{
	background:url(../images/price.jpg) bottom left no-repeat;
	width:100px;
	min-width:96px;
	height:43px;
	
	
	
}

.price span{
	padding:18px 0 0 0;
	margin-left:26px;
	font-size:123.1%;
	position:absolute;
	
	
}
	
.view img{
	padding-top:10px;
	position:absolute;
	
	
	
	
	
}

.dashed{
	border-bottom:1px dashed #999;
	
	
}


/*oooooooooooooooooooooooooooooooxxxxxx   Footer Styles   xxxxxxoooooooooooooooooooooooooooooo*/


div#footer-bg{
	height:77px;
	background:url(../images/footer-repeat.jpg) left bottom repeat-x;
	width:100%;
	margin:0;
	padding:0;
	
}

div#footer{
	height:77px;
	width:950px;
	margin:0 auto;
	padding:0 0 0 40px;
	
}

.footer {
	color:#faedda;
	padding-top:8px;
	
}

.footer a{
	color:#faedda;
	text-decoration:none;
	
}

.footer-sm{
	color:#dec5a4;
	font-size:85%;
	
	
}

.footer-sm a{
	color:#dec5a4;
	text-decoration:none;
}

div#footer img{
	float:right;
	padding:0px 35px 0 0;
}


/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooxxxxxx   [P2] Product Details    xxxxxxoooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

.product_info{
	float:left; 
	width:355px;
	}
	.product_info .heading{
		color:#816845;
		font-size:153.9%;
		margin:0 0 .4em 0;
		}

.product_img{
	float:right; 
	width:288px;
	}
	.product_img img{
		margin:0 auto;
		}

.options dt{
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, Sans-serif;
	font-weight:bold;
	color:#816845;
	background:#f8edec;
	padding:5px 6px 1px 7px;
	}
.options dd{
	background:#fef6f5;
	padding:5px 6px 6px 7px;
	margin:0 0 10px 0;
	}

.add_cart{
	margin:25px 0 0;
	}

#cartlinks {
    position:absolute;
    top:58px;
    text-align:right;
    width: 765px;
}
#cartlinks a, #cartlinks a:link {
    color:#4A3524;
    text-decoration:none;
    font-weight:bold;
}
.paginate, .paginate input, .paginate select, .paginate option {
font-size:12px;
}
.confirmtable TH {
    background-color:#4A3524;
    color:#FFFFFF;
}
.confirmtable TD {
    border:solid 1px #4A3524;
    background-color:#FFFFFF;
    vertical-align:top;
}
.confirmtable TABLE TR TD {
	padding:5px;
    border-top:0px;
    border-left:0px;
}

#carttable td {
	padding:5px;
    border-right: solid #ccc 1px;
    border-bottom: solid #ccc 1px;
    background-color:#FFFFFF;
    font-size: 12px;
	margin-bottom:5px;
}


div.desc {
position:absolute;
display:none;
background:#DDCCA6;
color: #4A3524;
font-size:10px;
width:150px;
border:1px #54431C solid;
padding:5px;
z-index:99;
}



/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooxxxxxx   Site Map Styles    xxxxxxoooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

.sitemapHeader a{
	font-size:12px;
	font-weight:bold;
	color:#604828;
	margin-bottom:6px;
	text-decoration:none;
	
}

.sitemapHeader a:hover{
	color:#dc6a61;

}


.sitemapItem ul{
	padding:4px 0 4px 15px;
	
}

.sitemapItem li{
	padding:2px 0  0 15px;
	
	
}

.sitemapItem .active a{ 
	background:url(../images/bullet-active.jpg) left no-repeat;
	color:#dc6a61;
	font-size:12px;
	font-weight:bold;
	
}

.sitemapItem a{
	color:#6e593e;
	text-decoration:none;
	padding:0 0 0px 18px;
	background:url(../images/bullet.jpg) left no-repeat;
	
	}

.sitemapItem a:hover{
	color:#dc6a61;
	text-decoration:none;
	background:url(../images/bullet-active.jpg) left no-repeat;
		
}