/* -------------------------------------------- */
/* 				Global parameters  				*/
/* -------------------------------------------- */

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,
td,
input,textarea,select 		{ font: 13px/normal "Century Gothic", Verdana, Arial, Helvetica, sans-serif; color: #333333; }

h1, h2, h3, h4, h5, h6		{ font-family: "Century Gothic", Verdana, "Trebuchet MS"; font-weight:bold;}

h1 							{ color: #5A4A42; font-size:1.7em; }
h2 							{ color:#5A4A42; font-size:1.20em; } 
h3 							{ color:#5A4A42; font-size:1.10em; } 
h4 							{ color:#5A4A42; font-size:1.0em; } 

#center_column h1,
#content h1					{ margin: 0 0 20px 0; padding-bottom: 2px; font-weight: normal; border-bottom: 1px dotted  #5A4A42;}
#center_column h2,
#content h2					{ margin: 20px 0; line-height: normal; }
#content h3					{ margin: 20px 0; line-height: normal; }


#center_column p,
#content p					{ margin: 10px 0; line-height: 18px; text-align: justify; }
#center_column blockquote,
#center_column ul,
#center_column ol,
#content blockquote,
#content ul,
#content ol	 				{ margin: 10px 0 10px 40px; }


a							{ color: #123170; }
a:hover						{ color:#FF0000; text-decoration: none; }
h1 a,
h2 a,
h3 a						{ color: #5A4A42; text-decoration: none; }

.big 						{ font-size:1.11em; }
.bigger 					{ font-size:1.21em; }
.small 						{ font-size:0.91em; }

.clear					{ clear: both; }
.hidden, .hide			{ display: none; }

form.support			{ padding: 20px 20px; border: 1px dotted #CCCCCC; width: 250px; }
span.label,
form span.label			{ display: block; float: left; width: 100px; margin-right: 10px; font-weight: bold; border-bottom: 1px dotted #CCCCCC; }
form p					{ clear: both; }
input.submit			{ margin-left: 110px; }				

#content img.right		{ float: right; margin-left: 15px; margin-bottom: 5px; }
#content img.left		{ float: left; margin-right: 15px; margin-bottom: 5px; }
#content img.frame		{ padding: 2px; border: 1px dotted #CCCCCC;}
/* -------------------------------------------- */
/* 						LAYOUT  				*/
/* -------------------------------------------- */
html 				{ height: 100%; background: url(../_img/backgrounds/bg_body.jpg) repeat-y center top; }
body				{ height: 100%; background: url(../_img/backgrounds/bg_body.jpg) repeat-y center top; text-align: center; }
#container			{ width: 830px; margin: 0 auto; text-align: left; }
#shop-header		{ width: 830px; height: 30px; }
#header				{ width: 830px; height: 120px; background: #FFFFFF url(../_img/backgrounds/bg_header.gif) no-repeat left top; }
#logo	 			{ padding: 17px 0 0 325px; height: 51px; }

#content			{ display: inline; float: left; width: 580px; margin-left: 40px; margin-top: 10px; padding-bottom: 20px; min-height: 380px; }

#content div.intro						{ width: 575px; margin-top: 28px; background: url(../_img/backgrounds/bg_intro_main.gif) repeat-y left top; }
#content div.intro div.main				{ width: 575px; padding-top: 20px; background: url(../_img/backgrounds/bg_intro_top.gif) no-repeat left top;}
#content div.intro div.bottom			{ width: 575px; height: 20px; background: url(../_img/backgrounds/bg_intro_bottom.gif) no-repeat left bottom; clear: both; }
#content div.intro div.main div.content { padding: 0 20px; }

div.parent_6 #content div.intro div.main, 	
div.page_6 #content div.intro div.main 		{  min-height: 290px; }
div.parent_7 #content div.intro div.main,
div.page_7 #content div.intro div.main		{  min-height: 310px; }

#subnav				{ display: inline; float: left; width: 70px; padding-left: 70px; padding-top: 37px;  }
#subnav div		{ clear: both; width: 110px; height: 50px; background-repeat: no-repeat; background-position: left bottom; }
#subnav div.active	{ background-position: left top; width: 70px; border-right: 40px solid #FFFFFF; }
#c_1				{ background-image: url(../_img/circles/1.jpg); }
#c_2				{ background-image: url(../_img/circles/2.jpg); }
#c_3				{ background-image: url(../_img/circles/3.jpg); }
#c_4				{ background-image: url(../_img/circles/4.jpg); }
#c_5				{ background-image: url(../_img/circles/5.jpg); }
#c_6				{ background-image: url(../_img/circles/6.jpg); }
#c_7				{ background-image: url(../_img/circles/7.jpg); }

#footer				{ clear: both; width: 830px; height: 34px; margin: 0px auto; background: #FFFFFF url(../_img/backgrounds/bg_footer.gif) no-repeat center top; }
#bookmark			{ padding-top: 7px; text-align: center; }

#bookmark a			{ margin-right: 14px; }
#copyright 				{ padding-top: 7px; }
#copyright p			{ color: #BCBDC0; text-align: center; font-size: 12px; } 
#copyright a			{ color: #BCBDC0; text-decoration: none; }
#copyright a span		{ text-decoration: underline; }
#copyright a:hover span { text-decoration: underline; color: #999999;}
#copyright a:hover		{ text-decoration: none; color: #999999;}

#share	{ clear: both; position: relative; width: 137px; height: 24px; margin: 15px auto 15px auto; padding-right: 15px; font-family: Arial, Helvetica, sans-serif; background: url(../_img/backgrounds/bg_share.gif) no-repeat 0 0; }
#share > div	{ padding: 4px 0 0 3px;  }
#content #share	{ padding-right: 0; }
/* -------------------------------------------- */
/* 						MENU	  				*/
/* -------------------------------------------- 
width: 237px; height: 38px; padding: 1px; border-bottom: 1px solid #FAAF89;
*/
#menu 		{ position: relative; z-index: 1000; }
#menu > ul {padding: 0; margin: 0; list-style-type: none; padding-left: 120px; }
#menu > ul ul {padding:0; margin:0; list-style-type: none; }
#menu > ul li {position:relative; width:auto; border-bottom: none; float: left;}
#menu > ul li.selected > a{ background-position: left bottom; }
#menu > ul a, #pmenu a:visited {display:block; color:#000; height:52px; line-height:51px; text-decoration:none; text-indent:-10000px; text-transform: lowercase; }

#menu > ul li li	{ border: none; border-top: none; }

#menu > ul ul a	{ text-indent: 0; width: 210px; height: 25px; line-height:24px; padding: 5px; background-color: #C4BBB4; border-bottom: 1px dotted #FFFFFF;  }
#menu > ul ul a:hover { background-color: #998C85; }

#menu > ul li.iehover > a,
#menu > ul li:hover > a { background-position: left bottom; }
#menu > ul li ul {display: none; } 
#menu > ul li.iehover > ul,
#menu > ul li:hover > ul {display:block; position:absolute; top:52px; left:0;  width: 250px; }
#menu > ul li li.first	{ border-top: 1px dotted #FFFFFF; }


#menu > ul li > a.active { background-position: left bottom; }

#menu_index			{ width: 78px; background: url(../_img/menu/btn_home.gif) no-repeat left top; }
#menu_about			{ width: 80px; background: url(../_img/menu/btn_about.gif) no-repeat left top; }
#menu_shop			{ width: 71px; background: url(../_img/menu/btn_shop.gif) no-repeat left top; }
#menu_contact		{ width: 95px; background: url(../_img/menu/btn_contact.gif) no-repeat left top; }
#menu_subscribe		{ width:110px; background: url(../_img/menu/btn_subscribe.gif) no-repeat left top; }
#menu_news			{ width: 71px; background: url(../_img/menu/btn_news.gif) no-repeat left top; }
#menu_stockists		{ width: 96px; background: url(../_img/menu/btn_stockists.gif) no-repeat left top; }