/*********************************

butterbell styles

*********************************/



*

{

	margin:0;

	padding:0;

}



body 

{

	padding:0; /*remove padding */

	margin:0; /* remove margins */

	border:0; /* remove borders */

	color:#362f2d;

	font-family:Arial, Helvetica, Sans Serif;

	font-size:13px;

	font-style:normal;

	line-height:20px;

	font-weight:normal;

	font-variant:normal;

	text-transform:none;

	text-align:left;

}



p

{

	font-family:Arial, Helvetica, Sans Serif;

	font-size:12px;

	font-style:normal;

	line-height:20px;

	font-weight:normal;

	font-variant:normal;

	text-transform:none;

	text-align:left;

	color:#362f2d;

	padding-bottom:5px;

}



h1

{

	font-family:Georgia, Times, Times New Roman, Serif;

	font-size:24px;

	font-style:normal;

	line-height:25px;

	font-weight:normal;

	font-variant:normal;

	text-transform:none;

	text-align:left;

	color:#362f2d;

	padding-bottom:5px;

}



h2

{

	font-family:Georgia, Times, Times New Roman, Serif;

	font-size:22px;

	font-style:normal;

	line-height:23px;

	font-weight:normal;

	font-variant:normal;

	text-transform:none;

	text-align:left;

	color:#362f2d;

	padding-bottom:5px;

}



/*************************************

Classes

*************************************/

.italic

{

	font-style:italic;	

}



.bold

{

	font-weight:bold;	

}



/*************************************

link styles

*************************************/

a:link, a:visited

{

	text-decoration:none;

	color:#1e3d6b;

}



a:hover, a:active

{

	text-decoration:underline;	

}



#content 

{

	width:990px;

	height:100%;

	max-height:100%;

	margin:10px auto 0 auto;  /* centers the div on the screen */

}



#clear

{

	clear:both;	

}	



/***************************

top styles

***************************/

#top_content

{

	width:990px;

	max-width:990px;

	height:93px;

	max-height:93px;

	margin:0 auto;

	float:left;

	/* background:#0FF; */

}



#top_left

{

	width:165px;

	height:93px;

	float:left;

}



#top_right

{

	width:825px;

	height:93px;

	float:left;

	text-align:right;

	background:url(../images/right_content.jpg) no-repeat;

	

}



#toplink_holder

{

	width:825px;

	height:23px;

	float:right;

	margin:0 0 10px 0;

}



#top_right a

{

	font-size:11px;

	text-decoration:none;

}



#top_right a:hover

{

	text-decoration:underline;	

}



/**********************************

mid body content styles

**********************************/

#mid1

{

	height:472px;

	max-height:100%;

	width:990px;

	margin:10px auto 0 auto;

	float:left;

	/* background:#0F0; */

}



#mid1_right

{

	width:220px;

	height:472px;

	float:left;

	background:url(../images/mid1_right_bg.jpg) no-repeat;

}



#mid2

{

	width:990px;

	/* height:645px; */

	max-height:100%;

	margin:10px auto 0 auto;

	float:left;

	background:url(../images/mid2_bg.jpg) no-repeat;

}



#mid2page{

	width:750px;

	float:left;

}

#mid2sidebar{

	width:220px;

	float:right;

}



#inner_content

{

	width:990px;

	min-height:800px;

	max-height:100%;

	overflow:hidden;

	margin:5px auto 0 auto;

	float:left;

	background:url(../images/mid2_bg.jpg) no-repeat;

}



#inner_content h2

{

	padding:10px 0;	

}



#mid2_left

{

	width:380px;

	/*height:285px;*/

	float:left;

	padding:10px;

	/* background:#0FF; */

}



#mid2_right

{

	width:560px;

	/* height:300px; */

	/*max-height:100%;*/

	float:left;

	margin:0 0 0 10px;

	padding:10px;

	/* background:#0F0; */

	font-family:Arial, Helvetica, Sans Serif;

	font-size:14px;

	font-style:normal;

	line-height:16px;

	font-weight:normal;

	font-variant:normal;

	text-transform:none;

	text-align:left;

	color:#362f2d;

}



#mid2_right h1

{

	font-family:Georgia, Times, Times New Roman, Serif;

	font-size:18px;

	font-style:normal;

	line-height:16px;

	font-weight:normal;

	font-variant:normal;

	text-transform:none;

	text-align:left;

	color:#362f2d;

	padding:0 0 5px 0;

	margin:0;

}

#mid2_right h1 .sku{

font-size:16px;

}



#mid2_right p

{

	font-family:Arial, Helvetica, Sans Serif;

	font-size:14px;

	font-style:normal;

	line-height:16px;

	font-weight:normal;

	font-variant:normal;

	text-transform:none;

	text-align:left;

	color:#362f2d;

	padding:0 0 5px 0;

	margin:0;

}



#mid2_right ul{

margin-left:14px;

margin-top:10px;

}



#swatches

{

	width:350px;

	max-height:100%;

	margin:15px 80px;

	float:left;

	/* background:#F00; */

	text-align:center;

}



#swatches h2{

font:18px/20px Georgia, Times, Times New Roman, Serif;

font-weight:normal;

text-align:left;

color:#362f2d;

padding:5px 0 0 0;

margin:0;

}



#mid2_right #swatches ul

{

	display:inline;

}



#mid2_right #swatches li

{

	list-style-type:none;

	float:left;

	width:75px;

	height:75px;

	margin:0 4px 4px 0;

	text-align:center;

}



.center

{

	text-align:center;	

}



#category_box

{

	width:990px;

	height:180px;

	float:left;

	margin:0;

	/* border-top:1px solid #b3ab82; */

}



#catbox1

{

	width:127px;

	height:150px;

	float:left;

	text-align:center;

	margin:10px 10px 0 0;

	/* background:#0F0; */

}



.related_cat

{

	width:128px;

	height:150px;

	float:left;

	text-align:center;

	margin:10px 15px 0 0;

	/* background:#0F0; */

}



.related_cat_last

{

	width:128px;

	height:150px;

	float:left;

	text-align:center;

	margin:10px 0 0 0;

	/* background:#0F0; */

}



#catbox2

{

	width:127px;

	height:150px;

	float:left;

	text-align:center;

	margin:10px 0 0 0;

	/* background:#0F0; */

}



#cat_heading

{

	width:990px;

	float:left;

	text-align:left;

}



#cat_heading h1

{

	margin:5px 0 0 0;

	padding:0;

}



/************************************

ads holder styles

************************************/

#ads_holder

{

	width:220px;

	height:379px;

	float:left;

	/* background:#0FF; */

}



.ad{

	width:220px;

	height:185px;

	float:left;

	margin:0 0 5px 0;

}



.side_ad{

	width:220px;

	float:left;

	margin:0 0 5px 0;

}



#ad1

{

	width:220px;

	height:185px;

	float:left;	

}



#ad2

{

	width:220px;

	height:185px;

	float:left;	

	margin:5px 0 0 0;

}



#ads_holder h3

{

	font-family:Georgia, Times, Times New Roman, Serif;

	font-size:14px;

	font-style:normal;

	line-height:15px;

	letter-spacing:-.75px;

	font-weight:bold;

	font-variant:normal;

	text-transform:none;

	text-align:left;

	text-decoration:underline;

	color:#362f2d;

	margin:0;

	padding:5px 0 5px 5px;

}



#ads_holder p

{

	margin:0;

	padding:0 0 5px 3px;

	font-family:Georgia, Times, Times New Roman, Serif;

}





/************************************

social media box styles

************************************/

#socialmedia_box

{

	width:210px;

	height:58px;

	float:left;

	margin:5px;

	padding:10px 0 0 0;

	border-top:1px solid #362f2d;

}



#sm_left

{

	margin: 0 5px 0 0;

	width:57px;

	height:58px;

	float:left;

}



#sm_right

{

	width:66px;

	height:53px;

	float:left;

	border-left:1px solid #362f2d;

	padding:0 0 0 5px;

}



#med_right

{

	margin: 0;

	width:135px;

	height:58px;

	float:left;

	border-left:1px solid #362f2d;

	padding:0 0 0 5px;

	font-size:10px;

	line-height:14px;

}

	



/***************************************

shopping cart on index page

***************************************/

#shopcart_box

{

	width:172px;

	height:53px;

	float:right;

}



#shopcart_icon

{

	width:40px;

	height:73px;

	float:left;

}



#shopcart_content

{

	width:118px;

	height:63px;

	float:left;

	/* margin:10px 0 0 5px; */

	padding:0 0 0 10px; 

}



#shopcart_content p

{

	text-align:right;	

}



#shopcart_content h2

{

	font-size:12px;

	text-align:right;

}



/***************************************

footer styles

***************************************/

#footer

{

	width:990px;

	height:220px;

	margin:30px auto 0 auto;

	float:left;

	padding:10px 0;

	border-top:1px solid #b3ab82;

	border-bottom:1px solid #b3ab82;

	background:url(../images/footer_bg.png);

}



#footer_box1

{

	width:168px;

	height:130px;

	margin:0 10px 0 0;

	padding:10px;

	float:left;

	/* background:#0FF; */

}



#footer_box2

{

	width:178px;

	height:130px;

	float:left;

	padding:10px;

	/* background:#FF0; */

}



#footer_box1 p, #footer_box2 p

{

	line-height:16px;

	margin:0 0 5px 0;

	padding:0;

}



#footer_box1 a, #footer_box2 a

{

	color:#362f2d;

	font-family:Arial, Helvetica, Sans Serif;

	font-size:11px;

	text-decoration:none;

}



#footer_box1 a:hover, #footer_box2 a:hover

{

	text-decoration:underline;	

}



/***************************************

floating divs styles

***************************************/

#head 

{

	position:absolute; 

	margin:0; 

	top:0; 

	right:405px; 

	display:block; 

	width:625px; 

	height:50px; 

	font-size:4em; 

	z-index:5; 

	color:#000; 

	background:#0FF;

}



#foot 

{

	position:absolute; 

	margin:0; 

	bottom:-1px; 

	right:15px; 

	display:block; 

	width:100%; 

	height:95px; 

	background:#790000;

	color:#fff; 

	text-align:right; 

	font-size:2em; 

	z-index:4;

}



.pad2 

{

	display:block;

	height:100px; /* height to miss header and footer */

}



.pad1 

{

	display:block; 

	width:18px; 

	height:50px; 

	float:left;

}



.bold 

{

	font-size:1.2em; 

	font-weight:bold;

}



.red 

{

	color:#c00; 

	margin-left:5px; 

	font-family:Georgia, Times, Times New Roman, serif;

}



/************************************

New Nav

***********************************/

/* common styling */

.menu 

{

	font-family: arial, sans-serif; 

	width:990px; 

	height:20px; 

  	position:relative;

  	/* top:5px; */

	float:left;

	margin:10px 0; 

	font-size:12px;

	font-weight:bold; 

	z-index:100;

	

}

.menu ul li a, .menu ul li a:visited 

{

	display:block; 

	text-decoration:none; 

	color:#1e3d6b;

	width:140.40px; 

	height:25px; 

	text-align:center; 

	margin:0 1px 0 0; 

	padding:5px 0 0 0;

	background:#b3ab82; 

	line-height:20px; 

	font-size:12px;

	font-weight:bold; 

	overflow:hidden;

}

.menu ul 

{

	padding:0; 

	margin:0; 

	list-style: none;

}

.menu ul li 

{

	float:left; 

	position:relative;

}

.menu ul li ul 

{

	display: none;

}



/* specific to non IE browsers */

.menu ul li:hover a 

{

	color:#fff; 

	background:#1e3d6b;

}

.menu ul li:hover ul 

{

	display:block; 

	position:absolute; 

	top:30px; 

	left:0; 

	width:180px;

	border-top:1px solid #fff;

}

.menu ul li:hover ul li

{

	/* display:block; 

	position:absolute; 

	top:31px; 

	left:0; */ 

	width:180px;

}

.menu ul li:hover ul li a.hide 

{

	background:#6a3; 

	color:#fff;

	width:180px;

}

.menu ul li:hover ul li:hover a.hide 

{

	background:#b3ab82; 

	color:#000;

	width:180px;

}

.menu ul li:hover ul li ul 

{

	display: none;

}

.menu ul li:hover ul li a 

{

	display:block; 

	background:#b3ab82; 

	color:#1e3d6b; 

	width:225px;

	float:left;

	text-align:left;

	padding:0 0 0 15px;

	border-bottom:1px solid #fff;

}

.menu ul li:hover ul li a:hover 

{

	background:#1e3d6b; 

	color:#fff;

}

.menu ul li:hover ul li:hover ul 

{

	display:block; 

	position:absolute; 

	left:105px; 

	top:0;

}

.menu ul li:hover ul li:hover ul.left 

{

	left:-105px;

}





/***********************************

old Navigation styles



.menu

{

	width:990px;

	height:30px;

	margin:5px auto 0 auto;

	float:left;

	background:#b3ab82;

} 

/* remove the bullets, padding and margins from the lists 

 .menu ul

{

	list-style-type:none;

	padding:0;

	margin:0;

} 

/* make the top level links horizontal and position relative so that we can position the sub level 

 .menu li

{

	float:left;

	position:relative;

	z-index:100;

} 



/* use the table to position the dropdown list 

.menu table

{

	position:absolute;

	border-collapse:collapse;

	z-index:80;

	left:-1px;

	top:25px;

} 



/* style all the links 

 .menu a, .menu :visited 

{

	display:block;

	font-size:12px;

	width:141px;

	padding:7px 0;

	color:#362f2d;

	background:#b3ab82;

	text-decoration:none;

	text-align:center;

	font-family:Arial, serif;

	font-weight:bold;

} 

/* style the links hover 

 .menu :hover

{

	color:#fff;

	background:#b3ab82;

} 



/* hide the sub level links 

 .menu ul ul 

{

	visibility:hidden;

	position:absolute;

	width:180px;

	height:0;

} 



/* make the sub level visible on hover list or link 

 .menu ul li:hover ul,

.menu ul a:hover ul

{

	visibility:visible;

} 



***********************************/





/**********************************************

slideshow styles

**********************************************/

#slideshow_holder

{

	width:760px;

	height:472px;

	float:left;

	margin:0 10px 0 0;

} 



#slideshow 

{

    width:760px;

	height:472px;

	float:left;

	margin:0 10px 0 0;

    position:relative;

    background:#000;

}



/* #slideshow IMG 

{

    position:absolute;

    top:0;

    left:0;

    z-index:8;

}



#slideshow IMG.active 

{

    z-index:10;

}



#slideshow IMG.last-active 

{

    z-index:9;

}*/



/*********************************************

index boxes styles

*********************************************/

#box_holder

{

	width:990px;

	height:242px;

	max-height:100%;

	margin:10px auto;

	float:left; 

	/* background:#0F0; */

}



#box1

{

	width:320px;

	height:242px;

	float:left;

	/* margin:0 10px 0 0; */

	/* background:#0FF; */

}



#box2

{

	width:320px;

	height:242px;

	float:left;

	/* margin:0 10px 0 0; */

	/* background:#F00; */

}



#box3

{

	width:330px;

	height:242px;

	float:left;

	margin:0 10px;

	/* background:#FF0; */

}



#box_heading

{

	width:320px;

	height:29px;

	float:left;

	background:#b3ac82;

	padding:3px 0 0 0;

}



#box_heading h1

{

	color:#fff;

	font-size:20px;

	margin:0 0 0 5px;	

}



#box_heading2

{

	width:330px;

	height:29px;

	float:left;

	background:#b3ac82;

	padding:3px 0 0 0;

}



#box_heading2 h1

{

	color:#fff;

	font-size:20px;

	margin:0 0 0 5px;	

}



#box_img

{

	width:320px;

	height:165px;

	float:left;

}



#box_text

{

	width:310px;

	height:95px;

	float:left;


}



#box_text p

{

	margin:0;

	padding:0;

	font-weight:bold;

}



/****************************************

copyright styles

****************************************/

#copyright_box

{

	width:990px;

	height:35px;

	margin:5px auto;

	float:left;

}



#copyright_box p

{

	text-align:center;

	font-family:Arial, Helvetica, Sans Serif;

	font-size:11px;

}



#copyright_box ul

{

	display:inline;

}



#copyright_box li

{

	list-style-type:none;

	float:left;

	text-align:center;

	margin:0 0 0 10px;

}



/****************************************

invisible box style

****************************************/

#placeholder_box

{

	width:990px;

	height:100%;

	max-height:100%;

	margin:10px auto 0 auto;

	/* float:left; */

}



/**************************************

Shopping cart styles

**************************************/



#cart_holder

{

	width:380px;

	/*height:100px;*/

	float:left;

	/*margin:5px 105px;*/

	margin:10px 0;

	text-align:center;

}



#cart_holder p

{

	text-align:center;	

}



#shopcart_container

{

	width:990px;

	height:100%;

	max-height:100%;

	margin:10px auto;

	float:left;

}



#shopcart_top

{

	width:990px;

	height:35px;

	float:left;

}



#shopcart_heading

{

	width:400px;

	float:left;

}



#shopcart_heading h1

{

	margin:0;

	padding:0;

}



#shopcart_inv

{

	width:400px;

	height:25px;

	float:left;

}



.shopcart_controls

{

	width:590px;

	height:25px;

	float:left;

	text-align:right;

	padding:10px 0 0 0;

}



#shopcart_subtotal

{

	width:990px;

	height:40px;

	max-height:100%;

	float:left;

	border-top:1px solid #b3ab82;

	border-bottom:1px solid #b3ab82;

	text-align:right;

	margin:0 0 10px 0;

	padding:10px 0 0 0;

}



#shopcart_prodlist_container

{

	width:990px;

	height:100%;

	max-height:100%;

	float:left;

	margin:10px auto;

	border-top:1px solid #b3ab82;

	/* background:#ff0; */

}



#shopcart_cats

{

	width:990px;

	height:35px;

	float:left;

	background:#b3ab82;

}



.shopcart_catsmall

{

	width:90px;

	height:25px;

	float:left;

	background:#b3ab82;

	padding:10px 0 0 10px;

}



.shopcart_catlarge

{

	width:440px;

	height:25px;

	float:left;

	background:#b3ab82;

	padding:10px 0 0 10px;

}



.shopcart_itemlist1

{

	width:990px;

	height:75px;

	max-height:100%;

	float:left;

}



.shopcart_itemlist2

{

	width:990px;

	height:75px;

	max-height:100%;

	float:left;

	background:#ddd;

}



.shopcart_itemsmall

{

	width:90px;

	height:65px;

	float:left;

	padding:10px 0 0 10px;

}



.shopcart_itemlarge

{

	width:440px;

	height:65px;

	float:left;

	padding:10px 0 0 10px;

}



.shopcart_thmbholder

{

	width:44px;

	height:65px;

	float:left;

}



.shopcart_itemdesc

{

	width:336px;

	height:65px;

	float:left;

	padding:0 0 0 10px;

}



/**************************

testimonials style

**************************/

#testimonials_holder

{

	width:710px;

	min-height:800px;

	max-height:100%;

	margin:0 auto;

}



.sale_product{

margin:20px;

width:280px;

height:360px;

float:left;

text-align:center;

}



/**************************

checkouts style

**************************/

.checkout_table{

border-collapse:collapse;

border:none;

}

.checkout_table td{

padding:10px 20px;

}

.required{

color:#FF0000;

}