@charset "utf-8";
/* CSS Document */

/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.6 "Lucida Grande", Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	color: #555;
	background: #000;
	margin:0;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
 }

.clearfix {
        display: inline-block;
 }

/* start commented backslash hack \*/

* html .clearfix {
        height: 1%;
 }

.clearfix {
        display: block;
}
/* close commented backslash hack */


/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border:0; }

/* align elements */
.floatLeft { float: left; margin: 0 15px 0 0 }
.floatLeft1 { float: left; width: 300px; margin: 0 15px 0 0 }

.floatRight { float: right; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 140px; }
.w150px { width: 150px; }
.w170px { width: 165px; }
.w180px { width: 180px; }
.w200px { width: 200px; }
.w250px { width: 260px; float: left; }
.w300px { width: 300px; }
.w305px { width: 305px; }
.w350px { width: 350px; }
.w400px { width: 400px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }


strong { font-weight: bold; }

ul {
	list-style: none;
	list-style-position: inside;
}

ol {
	list-style-position: inside;
	list-style: decimal;
	list-style-position: inside;
	margin: 0 0 1.5em 0;
}

/* IE Hack */
@font-face {
    font-family: 'COM4tFineRegular';
    src: url('../fonts/com4f_rg-webfont.eot');
    src: url('../fonts/com4f_rg-webfont.eot?#iefix') format('eot'),
         url('../fonts/com4f_rg-webfont.woff') format('woff'),
         url('../fonts/com4f_rg-webfont.ttf') format('truetype'),
         url('../fonts/com4f_rg-webfont.svg#webfontPNfsqU4B') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* =Layout
-----------------------------------------------------------------------------*/
#wrapper { width: 100%; margin: 0 auto 15px auto; }	

	#header { width:970px; margin:0 auto; padding:0; }

		#header #top-header { height:50px; float:right; width: 230px; margin-top:17px; }

		#header #contents-header{ height:89px; }

	#container{clear:both; width:970px; margin:0 auto; padding:0}
		

	#banner{ width: 973px; height: 462px; margin: 0 auto 15px auto; }
	
	#banner1{ width: 973px; height: 462px; margin: 0 auto 15px auto; background: transparent url(../images/_banner_background.png) repeat-x left top; }
		#banner-left { float:left; width: 441px; }
		#banner-right { float:left; width: 531px; height: 460px;  background: transparent url(../images/_category_home_background.png) repeat-x left top; }

	#contents{ width: 970px; border: 1px solid #BA9161; }
		#contents-right { float:right; width: 490px;  }
	
#footer-wrapper {width: 100%; margin: 0 auto;  }

	#footer{clear:both; width:970px; height:63px; margin:0 auto 0 auto; padding:0px; }

/* =Type
-----------------------------------------------------------------------------*/
	p { font-size:1.2em; color:#dedede; line-height:1.8em; margin-bottom:10px; text-align: left; }
	a:link, a:visited { color:#888; text-decoration:none; }
	a:hover, a:active { color:#BA9161; text-decoration:none; }
			
	.bigger { font-size:14px; color:#888; }
	.bigger span { color:#fff}

	/*
#header #top-header ul { text-align: right; float:right; font-size:22px; }
	
		#top-header ul li { margin-left: 10px; }
			
			#top-header ul li.phone{ background: transparent url(../images/med_train_phone_icon.png) no-repeat right top; line-height: 45px; padding: 0px 36px 0 0; display: block; }
			#top-header ul li.call { font-size:10px; color: #E91C24; margin: -46px 36px 0 0; text-transform:uppercase; background: transparent;  }
			#top-header ul li.mail { font-size:12px; color: #E91C24; margin: 15px 36px 0 0; }
*/
			
		#header .logo { width:446px; height:136px; margin: 0 auto; display: block; cursor: pointer; }
		#header .logo span {display:none;}
		
		/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:970px; height:50px; position:relative; z-index:100; background: transparent url(../images/_lines_navigation.png) no-repeat center -5px; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:971px; w\idth:970px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {/*width:97px;*/}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;/*width:87px;*/position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; /*width:97px;*/ height:50px; line-height:50px; text-align: center; text-transform: uppercase; padding: 0 10px }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:97px; w\idth:87px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { }
/* style the second level hover */
.menu ul ul a.drop:hover{color:#FFFFFF; }
.menu ul ul :hover > a.drop {color:#FFFFFF }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {color:#BA9161;}
/* style the third level hover */
.menu ul ul ul a:hover {color:#FFFFFF;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:51px;left:0; width:97px; }
/* another hack for IE5.5 */
* html .menu ul ul {top:50px;t\op:51px;}

/* position the third level flyout menu */
.menu ul ul ul{left:97px; top:-1px; width:97px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-97px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#31271B; color:#FFFFFF; height:auto; line-height:1em; padding:10px 0; width:87px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:97px;w\idth:75px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#BA9161; }
.menu :hover > a, .menu ul ul :hover > a {color:#BA9161;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*---*/

		.main-navigation{ width:970px; height:50px; margin:0 auto; background: transparent url(../images/_lines_navigation.png) no-repeat center top; font-size:11px; color:#fff; text-transform: uppercase; position: relative; }
			ul.main-navigation {height:50px; margin:0; padding:0}
			ul.main-navigation li {float: left; padding:0 18px }
			ul.main-navigation li a:link, ul.main-navigation li a:visited { display:block; color:#fff; line-height:50px; margin:0; text-align:center; text-decoration:none; }
			ul.main-navigation li a:hover, ul.main-navigation li a:active { color:#BA9161; }			
			ul.main-navigation li.actual a { cursor:default; color:#BA9161; }
			
		
			
		#container .navigation{ width:970px; height:40px; margin:0 auto; font-size:11px; color:#BA9161; line-height: 40px; }
					.navigation ul li {float: left; padding: 0 3px; }


	#container h1.category { font-family: 'COM4tFineRegular', sans-serif; color:#BA9161; font-size:46px; margin:100px 0 35px 50px; }
	#container h1.list-h1 { font-family: 'COM4tFineRegular', sans-serif; color:#BA9161; font-size:36px; margin:15px 0 0 0; }
	#container h1.product-h1 { font-family: 'COM4tFineRegular', sans-serif; color:#BA9161; font-size:40px; margin:30px 0 20px 0; }
		
	#container #list-photos { width: 975px; padding-bottom: 25px; }
				#list-photos ul li { float: left; width: 231px; height: 270px; margin: 5px 10px 20px 0; font-size: 14px; text-align: center; line-height: 20px; }
				#list-photos ul li img { border: 1px solid #BA9161; }
				#list-photos ul li a:link, #list-photos ul li a:visited { color:#BA9161; text-decoration:none;  }
				#list-photos ul li a:hover, #list-photos ul li a:active { color:#999; }

			a.buttons { display: inline-block; background: transparent url(../images/_button.png) repeat-x left top; height: 27px; line-height: 27px; font-size:14px; color:#462F18; text-align:center; text-shadow:1px 1px 0px #E6E3C2; padding: 0 20px; margin: 0 0 0 50px; border: 1px solid #6C5A47; text-decoration:none; }
			a.buttons:link, a.buttons:visited { color:#462F18; text-decoration:none; }
			a.buttons:hover, a.buttons:active { color:#7C6A5B; text-shadow:-1px -1px 0px #E6E3C2; text-decoration:none; background: transparent url(../images/_button_hover.png) repeat-x left top; }
						
			#footer-navigation{ width:970px; height:48px; margin:40px 0 0 0; color:#BA9161; border-top: 1px solid #BA9161; line-height: 48px }
			#footer-navigation ul {float: left; }
			#footer-navigation ul li {float: left; margin-right: 8px; }
			
			#footer #leftp { float: left; width: 360px; color: #444; font-size:10px; line-height:16px; text-align: left; }

			
			p.price {color:#BA9161; font-size: 15px; margin-top: 20px; }
			
			#leftp a:link, #leftp a:visited { color:#666; text-decoration:none; }
			#leftp a:hover, #leftp a:active { color:#BA9161; text-decoration:none; }

/* =Contents
-----------------------------------------------------------------------------*/

			.search-box {float: right; width: 200px; }
			input.submit-search { width: 20px; height: 18px; background: transparent url(../images/_search_button.png) no-repeat left top;  }
			input.submit-search:hover { background-position: -20px top; }
			
			input.search-box-i { width: 170px; height:18px; border:1px solid #666; background: #000; color: #555; }
			
		#tab {width: 490px; margin-top: 40px;}
		#tab h2 {font-size: 12px; text-transform: uppercase; border: 1px dotted #999;  border-bottom: none; color: #BA9161; width: 150px; padding: 0 10px; line-height: 24px; background: #000;  }
		#tab p.tab-line {border-top: 1px dotted #999; margin-left: 172px; width: 310px;}
		#tab img { float: left; border: 1px solid #BA9161; margin-right: 8px; }
		#tab ul { margin-top: 15px;}
		#tab ul li {width: 230px; float: left; padding: 0 5px; margin-bottom: 10px}	
		#tab ul li p {font-size: 11px; color:#ededed;  }
		#tab ul li h3 {font-size: 14px; padding: 3px 0 0 0; color: #BA9161;}
		
		#banner-left p { width: 340px; margin: 0 auto 20px auto; color: #888; }
		#banner-left span { color: #666; font-size: 11px; line-height: 16px }
		
/* form styling */
form { width:340px; float:left; }
input { width: 340px; height:20px; border:1px solid #000; }
textarea { width:340px; height:100px; border:1px solid #000; }
label { font-size:12px; line-height:22px;}

.form-contact { width:340px; float:left; margin: 120px 0 20px 0; }
.input-contact  { width: 340px; height:20px; border:1px solid #BA9161; }
.textarea-contact  { width:340px; height:100px; border:1px solid #BA9161; }
.label-contact  { font-size:12px; line-height:22px; color: #fff; }

input.submit-contact { width: 100px; height: 22px; color: #000; background: transparent url(../images/_button.png) repeat-x left top; margin-top: 10px }
			input.submit-contact:hover {  background: transparent url(../images/_button_hover.png) repeat-x left top; }