/* ||||------LAYOUT STYLES-----|||| */


/* ----RESET BAD CSS---- */
/*----------------------------------------------*/

* {margin:0;padding:0; border: none; }
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a {text-decoration:none; -moz-outline:none;}

img {vertical-align: bottom;} /* BUG fixes extra space in ie6 */

/*----------------------------------------------*/





/* ----GLOBAL ELEMENTS---- */
/*----------------------------------------------*/

body {
	margin: 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 70%;
	color: #333;
	height: 100%; /* for 100% to be used as a height value */
	background: #45330d;
	
}

p {font-size: 1.1em; line-height: 1.2em; margin: 1em 0;}

.center {text-align: center}
.left {float:left; clear:left;}
.right {float:right; clear:right;}
.clear {clear: both;}

.clearer {  clear:both; overflow: hidden; height: 0;font-size: 1px; line-height: 0;  }

.color {color: #0B3543;}

blockquote {
	width: 80px;
	padding: 10px;
	margin: 0 0 0 -120px;
	position: absolute;
	z-index: 12;
	border-top: 1px #168381 dotted;
	border-bottom: 1px #168381 dotted;
}

table {border-collapse: collapse;}
th {background: #EFF2F2; font-size: 1.1em; font-weight: bold;}
td {border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;  }

#content_page ul, .product_description_container ul { list-style-type: disc; margin: 1em 0;}
#content_page ol, .product_description_container ol { margin: 1em 0; }

#content_page ul li,
#content_page ol li, 
.product_description_container ul li,
.prduct_description_container ol li { 
	margin: 5px 0; padding-left: 5px;
	list-style-position: inside;
	font-size: 1.1em;
}

/*----------------------------------------------*/





/* ----LINK STYLES---- */
/*----------------------------------------------*/

a { color: #709A3B; }

a:hover, a:active {
	color: #0B3543;
	text-decoration: underline;
}

a[href^="mailto:"] { 
	background: transparent url('../images/icons/mail_write_48.png') right no-repeat; 
	padding-right: 25px; line-height: 22px; display: inline-block
}

/*a[href^="http:"] { 
	background: transparent url('../images/icons/globe.png') left no-repeat; 
	padding-left: 23px; line-height: 18px; display: inline-block
}*/

h2 a, h2 a:hover { color: #0B3543; }


/*----------------------------------------------*/






/* ----HEADINGS AND TYPE STYLES---- */
/*----------------------------------------------*/


/* main page headings, product detail headings */

h1 { 
	font-size: 28px; text-transform: lowercase; 
	color: #0B3543;
	font-style: italic;
	float: left;
	background: #fff;
	padding-right: 6px;	
} 

.heading_bg {	
	margin-bottom: 20px;
	background: url(../images/backgrounds/heading_bg.jpg) right 65% repeat-x;
	width: 820px; overflow: hidden;
	position:relative; z-index:0;
}

/* sidebar headings, category product headings */

h2 {
	font-size: 24px; text-transform: lowercase; 
	color: #0B3543;
	font-style: italic;
	float: left;
	background: #fff;
	padding-right: 6px;	
} 


/* content subheadings */

h3 { 
	font-size: 1.3em; text-transform: lowercase; 
	letter-spacing: 0.1em;
	font-weight: bold; 
	color: #0B3543;
	text-align: left; 
	margin-top: 15px; margin-bottom: 10px;
} 


h4 { 
	text-transform: lowercase; 
	font-size: 13px; 
	color: #0B3543;
	font-style: italic; 
	margin: 5px 0;
}

.submenu_head {display: none;}
/* category and section descriptions */
.description_link:hover {text-decoration: none;}

.description { 
	padding: 0 0 10px 0; 
	margin: 0 0 25px 0; 
	position: relative;
	background:#00212E url(../images/backgrounds/description_bg.jpg) bottom repeat-x;
	overflow: hidden;
	z-index: 0; 
	width: 820px;
	
}

.description_text { 
	position:absolute; bottom: 10px;
	z-index:1; 
	width: 730px; height: auto;
	padding: 0 45px;
	display: block;
	text-align:center; 
	color: #fff;  
	font-size: 18px;
	line-height: 1.5em;
	font-style: italic;
	font-weight: bold;
}

.description p {padding: 0; margin: 35px 0;}

.description_photo { 
	position: relative;
	z-index: 2;
	width: 820px;
}

.description_photo img {width: 820px; position: relative; overflow: hidden;}

.cropped {
	height: 225px; overflow: hidden;}

#page .description_textonly p, .description_textonly p {
	color: #444;  
	font-size: 20px;
	font-style: italic;	
	line-height: 1.5em;
	margin-bottom: 25px;
}
/*----------------------------------------------*/



/* ----LAYOUT WRAPPERS---- */
/*----------------------------------------------*/

#layout {
	 width: 100%;
	 background: #bccdea url(../images/backgrounds/bg.jpg) top repeat-x;
	 margin-top: -20px;
}

#content { 
	width: 960px; 
	padding: 0 20px; 
	margin: 0 auto;
	background: url(../images/backgrounds/content_bg.png) center repeat-y !important;
	background: url(../images/backgrounds/content_bg.gif) center repeat-y;
	overflow: hidden;	
}

/*----------------------------------------------*/


/* ----HEADER STYLES---- */
/*----------------------------------------------*/

#header {
	width:100%;
	height: 220px;
	background: #fff url('../images/backgrounds/header_bg.jpg') repeat-x;
	background-position: 0px 0px;
}

#header_wrapper {width: 960px; margin: 0 auto;}

#butterfly {position: absolute; text-indent: -9000em; z-index: 500;  margin: 0 0 0 225px; width: 80px; height: 80px;}
#logo {
	position: absolute;
	z-index: 5;
	margin: 30px 0 0 10px;
}

#header form#store_search {
	float: right; clear: right; display: inline;
	margin: 10px 0 0 0;
}

#user_widget { margin-top: 45px; float: right; text-transform: lowercase; letter-spacing: 0.05em;}

/*----------------------------------------------*/



/* ----NAVIGATION STYLES---- */
/*----------------------------------------*/

#subheader { 
	width: 950px; 
	padding: 6px 5px 0 5px;
	clear: both;
	text-transform: lowercase;
	letter-spacing: 0.1em;
	background: #fff url('../images/backgrounds/nav_bg.jpg') bottom repeat-x;
	position: relative;
	z-index: 1000;
}

#breadcrumb, .view_all { display:block; text-align: right;  margin-top: -15px; margin-bottom: 35px;}
#product_detail #breadcrumb { margin-bottom: 10px; margin-top: -20px;}

/*----------------------------------------*/



/* ----MAIN CONTENT AND SIDEBAR STYLES---- */
/*----------------------------------------------*/

#page {
	width: 820px;
	padding: 50px 0 50px 70px;
	margin-right: 70px;
	text-align: left;
	overflow: hidden;
	min-height: 300px;
}

/*homepage*/

#slideshow  { position: relative; height: 373px; overflow: hidden; border-bottom: 6px solid #0B3543;}
#slideshow p {margin: 0; padding: 0;}
#pager { margin-top: -50px; margin-left: 10px; position: relative; z-index: 25;}

#pager a { 
	display: block; 
	float: left; 
	width: 30px; height: 35px;  
	line-height: 35px;
	margin-right: 10px;
	background: url(../images/backgrounds/nav_bg.jpg) bottom; 
	color: #D9D7C5; text-align: center; 
	font-size: 18px;
	border: 1px solid #ccc;
}

#pager a.activeSlide { color: #fff;}

#featured_links { width: 820px; overflow: hidden; margin: 60px 0 20px 0;}

#featured_links a {display: block; text-indent: -9000em; height: 133px; width:268px;  float: left; }

#featured_links .subscribe { background: url(../images/buttons/email.jpg) center top no-repeat; }
#featured_links .catalog { background: url(../images/buttons/catalog.jpg) center top  no-repeat; margin-right: 8px; }
#featured_links .account { background: url(../images/buttons/account.jpg) center top no-repeat;  margin-right: 8px; }
/*sidebar*/	

#sidebar {
	position: fixed; 
	z-index: 1000; 
	width: 26px; 
	margin-top: 35px; 
	overflow: hidden;  
}

#sidebar_toggle { 
	text-indent: -9000em;
	display: block;
	width: 39px; height: 27px;
	margin-top: 75px;
	background: url(../images/backgrounds/sidebar_toggles.png) right top no-repeat;
	position: absolute; right: 0;
	z-index: 1001
}

#sidebar_elements { 
	position: relative;
	left: -214px;
	width: 200px;
	padding: 0 14px 13px 0;
	float: left; 
	background: url(../images/backgrounds/shadow.png) right bottom no-repeat;

}
#sidebar_widgets { 
	padding: 15px; 
	border-top: 6px solid #89aa49;
	border-bottom: 6px solid #89aa49;
}

#sidebar_widgets input {margin-bottom:5px;}
/*----------------------------------------------*/


	
/* ----FOOTER STYLES---- */
/*----------------------------------------------*/

#copyright {display: none;}

#footer_wrapper {width: 960px; margin: 0 auto;}

#footer {
	width: 100%; height: auto;
	clear: both; 
	background: #45330d url(../images/backgrounds/footer_bg.jpg) top repeat-x;	
	letter-spacing: 0.1em;
	color: #CEC9B6; 
	position: relative;
	z-index: 1005;
}

#footer a {color: #fff;}

#footer p { 
	margin: 0; padding: 25px 0 35px 0; 
	font-size: 1em; 	
}

#footer .smalltype {
	clear:both; 
	background: #45330d url(../images/backgrounds/type_bg.jpg) top repeat-x;	
	position: relative; top: -15px;
	padding: 10px; 
	text-align: justify;
	font-size: 9px; 
}

#footer .smalltype h1, 
#footer .smalltype h4, 
#footer .smalltype .heading_bg { 
	padding: 0; margin: 0; 
	font-size: 9px; 
	line-height: 1.4em; 
	font-style: normal; 
	font-weight: normal;
	display: inline; 
	width: auto; 
	background: none; 
	color: #CEC9B6;
}

#footer .smalltype p { padding: 0; font-size: 9px; line-height:1.4em; display: inline;  }

#footer #sitemap_toggle { font-weight: bold;}

#footer ul#sitemap {clear: both; padding: 0 0 20px 0; width: 100%; overflow: hidden; display: none;}

#footer ul#sitemap li {float: right; margin-left: 15px; width: 137px; background: #352500; padding: 4px;}


#footer ul#sitemap li ul {padding-top: 5px;}

#footer ul#sitemap li ul * {
	border: none; 
	margin: 0; padding: 0;
	float: none; width: auto; 
	font-size: 0.95em;
	background: #402f08;
}

#footer ul#sitemap li li { padding: 0 3px 3px 3px; }
#footer ul#sitemap li li li {padding-left: 6px;}

#footer ul#sitemap li li li:before {content: "-";}
/*----------------------------------------------*/




/* ----PAGINATION STYLES---- */
/*----------------------------------------------*/

#pages {
	margin: 0;
}


#pages ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
}
	
.pages li {
	float: left;
	display: block;
	padding: 4px;
	margin: 0 2px;
	border: 1px #F0F0EE solid;
}

.category_pages {margin-bottom: 25px;}

.category_pages br { display:none;}	/* hides unecessary br tags generated by the application */

/*----------------------------------------------*/





/* ----MESSAGES AND WARNINGS---- */
/*----------------------------------------------*/


#message {
	width:96%;
	clear:both;
	padding: 10px 2%;
	font-family: "trebuchet ms", sans-serif;
	letter-spacing: 0.1em;
	font-style: italic; font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px solid #ccc;
	color: #6E2405;
	background: #eff2f2;
}

/*----------------------------------------------*/