﻿@charset "utf-8";
/* CSS Document */

body{margin-left: 0px;
	 margin-top: 0px;
	 margin-right: 0px;
	 margin-bottom: 0px;}

.tableborder{ border-top: solid 1px #d3d3d2; border-left: solid 1px #d3d3d2; border-bottom: solid 1px #d3d3d2}
.more{ float:right; margin-top:-35px; background-color:#872b02; padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:5px}
.mores{ background-color:#872b02; padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:5px}
.lang{ position:absolute;  text-align:right; z-index:999; margin:0px auto; background-color:#f9f9f9; border-top: solid 2px #44a3fc;  height:18px;  padding-top:8px; padding-bottom:8px; padding-left:8px; padding-right:8px; width:45px;}

.text14{ font-size:14px; font-family:Verdana; text-decoration:none; color:#505050 }
a.text14{ font-size:14px; font-family:Verdana; text-decoration:none; color:#505050}
a:hover.text14{ font-size:14px; font-family:Verdana; text-decoration:underline; color:#505050}

.text14r{ font-size:14px; font-family:Myriad Pro; text-decoration:none;  }
a.text14r{ font-size:14px; font-family:Myriad Pro;  text-decoration:none;}
a:hover.text14r{ font-size:14px; font-family:Myriad Pro; text-decoration:underline;}

.text15{ font-size:15px; font-family:Myriad Pro; text-decoration:none}
a.text15{ font-size:15px; font-family:Myriad Pro; text-decoration:none}
a:hover.text15{ font-size:15px; font-family:Myriad Pro; text-decoration:underline}

.text19{ font-size:19px; font-family:Myriad Pro; text-decoration:none}
a.text19{ font-size:19px; font-family:Myriad Pro; text-decoration:none}
a:hover.text19{ font-size:19px; font-family:Myriad Pro; text-decoration:underline}


.text12{ font-size:12px; font-family:Myriad Pro; text-decoration:none}
a.text12{ font-size:12px; font-family:Myriad Pro; text-decoration:none}
a:hover.text12{ font-size:12px; font-family:Myriad Pro; text-decoration:underline}

.text25{ font-size:25px; font-family:Myriad Pro; text-decoration:none}
a.text25{ font-size:25px; font-family:Myriad Pro; text-decoration:none}
a:hover.text25{ font-size:25px; font-family:Myriad Pro; text-decoration:underline}

.text20{ font-size:20px; font-family:Myriad Pro; text-decoration:none}
a.text20{ font-size:20px; font-family:Myriad Pro; text-decoration:none}
a:hover.text20{ font-size:20px; font-family:Myriad Pro; text-decoration:underline}

.text32{ font-size:32px; font-family:Myriad Pro; text-decoration:none}
a.text32{ font-size:32px; font-family:Myriad Pro; text-decoration:none}
a:hover.text32{ font-size:32px; font-family:Myriad Pro; text-decoration:underline}

.text45{ font-size:45px; font-family:Myriad Pro; text-decoration:none}
a.text45{ font-size:45px; font-family:Myriad Pro; text-decoration:none}
a:hover.text45{ font-size:45px; font-family:Myriad Pro; text-decoration:underline}

.padleft10{ padding-left:10px;}

.link{ font-size: 16px; font-family:Myriad Pro; text-decoration:none; color:#353535; background-color:#f8f8f8; padding-top:10px; padding-bottom:10px; padding-left:18px; padding-right:19px }
a.link{ font-size: 16px; font-family:Myriad Pro; text-decoration:none; color:#353535; background-color:#f8f8f8; padding-top:10px; padding-bottom:10px; padding-left:18px; padding-right:19px}
a:hover.link{ font-size: 16px; font-family:Myriad Pro; text-decoration:none; color:#353535; background-color:#ffd200; padding-top:10px; padding-bottom:10px; padding-left:18px; padding-right:19px }

.link2{ font-size: 16px; font-family:Myriad Pro; text-decoration:none; color:#353535; background-color:#f8f8f8; padding-top:10px; padding-bottom:10px; padding-left:22px; padding-right:22px }
a.link2{ font-size: 16px; font-family:Myriad Pro; text-decoration:none; color:#353535; background-color:#f8f8f8; padding-top:10px; padding-bottom:10px; padding-left:22px; padding-right:22px}
a:hover.link2{ font-size: 16px; font-family:Myriad Pro; text-decoration:none; color:#353535; background-color:#ffd200; padding-top:10px; padding-bottom:10px; padding-left:22px; padding-right:22px }
.imgborder{ border: solid 1px #9a9a9a}
.black{color:#161616}
.blue{ color:#151a48}
.gris{ color:#353535}
.gris2{ color:#9e9e9e}
.back{ float:right; padding-top:8px; padding-right:10px;}
.but{ background-color:#882a04; border:0px; cursor:pointer; padding:7px; cursor:pointer; color:#fff}
.but2{ background-color:#ffd200; border:0px; cursor:pointer; width:166px; height:30px; font-size: 16px; font-family:Myriad Pro; text-decoration:none; color:#353535;}
.padtop10{ padding-top:10px;}
.justify { text-align:justify
}

.lightgris{ color:#d7d7d7}
.shadow{ background-image:url(../images/bordermenu.png); width:900px; position:absolute; height:3px;  background-position: top left; z-index:999}

.uppercase{ text-transform:uppercase}
.bold{ font-weight:bold}
.justify{ text-align:justify}
.none{ text-decoration:none}
.white{ color:#FFF}
.orange{ color:#c83e00}

.button{ width:180px; height:30px; background-color:#c83e00; border:0px; cursor:pointer; color:#fff}


/*sliderproduct*/

.zitem {
	width:250px;
	height:158px;	
	border:0px;
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem .caption {
	width:250px;
	height:158px;
	background-image:url(../images/rollover.png);
	color:#fff;
	font-weight:bold;
	border:0px;
	padding-top:100px;
	font-family:Myriad Pro;
	font-size:17px;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;


}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:17px;
	margin-top:70px;
	font-family:Myriad Pro;

	display:block;
	border:0px;
}

#container{
	
		width:1050px;
		text-align:left;
		position:relative;
	
		}
		
	ul#items{	
	margin-left:-40px;	
	width:auto;
		height:245px;
		overflow:hidden;
		border:0px;
		}
	ul#items li{
		list-style:none;
		float:left;
		height:240px;
		overflow:hidden;
		margin:0 4px;
		
		color:#fff;
		text-align:center;
	
		color:#555;
		border:0px;
		}
	ul#items li:hover{color:#333;}
	ul#items li .image{
		margin:5px 5px 0px 5px;
		width:220px;
		height:150px;
		overflow:hidden;
		border:0px;
	
		}	

	ul#items .info{color:#3e3c3c; text-shadow:#f1f1f1 0 1px 0; width:250px; text-align: left; font-family:Myriad Pro; font-size:14px; line-height:20px;}	
	ol#pagination{position:relative;text-align:center;}
	
	ol#pagination li{
		display:inline-block;
		width:16px;
		height:16px;
		background:url(../images/bg_buttons.png) no-repeat 0 0;
		text-align:left;
		text-indent:-8000px;
		list-style:none;
		cursor:pointer;
		margin:0 2px;
		}
	ol#pagination li:hover{background:url(../images/bg_buttons.png) no-repeat 0 -16px;}
	ol#pagination li.current{color:#f00;font-weight:bold;background:url(../images/bg_buttons.png) no-repeat 0 -32px;}
	ol#pagination li.prev, ol#pagination li.next{
		position:absolute;
		top:-150px;
		}
	ol#pagination li.prev{left:-15px;background:url(../images/bg_buttons.png) no-repeat 0 -64px;}
	ol#pagination li.next{right:-15px;background:url(../images/next.png) }
	
/* accordian */	
.accordian {
	width: 333px;
}

.accordian li {
	list-style-type: none;
	padding: 0 5px;
	border: 1px solid #d8d8d8;
	background-color:#f8f8f8;
}



.dimension {
	height:120px;
}
	
.even, .odd {
	font-weight: bold;
	height: 27px;
	padding-top: 3px;
	padding-left: 10px;
}
	
.even {
	
	background-color: #f8f8f8;
}

.map{ width:16px; height:22px; position:absolute}
.navtext {text-align:left;  font-size: 11pt; font-family:Myriad Pro; color:#ffd200; cursor: default; margin-top:-20px; background-color:#666; padding:10px; }

/*caption*/

div.wrapper{
	position:relative; 
}
div.description{
	position:absolute;
	top:0px; 
	left:0px;
	display:none; 
	background-color:#4d4c4c;
	font-family:Myriad Pro;
	font-size:15px;
	height:230px;
	color:white;
}
div.description_content{
	padding:10px;
}

.title{ position:absolute; width:120px; color:#000; height:39px; background-color:#ffd200; z-index:100; margin-top:180px; padding-left:10px; padding-top:5px;}
.titlelinks{ position:absolute; width:140px; color:#000; height:39px; background-color:#ffd200; z-index:100; margin-top:95px; padding-left:10px; padding-top:5px;}


/* Sub-Nav styling */

.accordion2 {

	width: 315px;
	
	

}
.accordion2 h3 {
	background: #f8f8f8 url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 10px 10px;
	height:17px;
	margin: 0;
	border-top: solid 1px #e0e0e0;
	
	
	color:#565656;
	font-size:14px;
	font-family:'Maven Pro', sans-serif;

	border-bottom: none;
	cursor: pointer;
}
.accordion2 h3:hover {
	background-color: #164b85;
		color:#fff
		
}
.accordion2 h3.active {
	background-position: right 5px;
		background-color: #164b85;
		color:#fff
}
.accordion2 p {
	background: #f8f8f8;
	margin: 0;
	padding: 5px 2px 5px;
	
	border-right: solid 1px #e0e0e0;
	display: none;
	height:80px;
}

a:focus {
	outline: none;
}
#slidepanel{ position:absolute; width:100%; margin: 0px auto}
#panel {
	 width:690px; 
	background: #c83e00;
	height: 70px;
	display: none;
	margin-left:330px;
}
.slide {
	margin-left:660px;
	margin-top:0px;
	
	padding: 0;
	
	background: url(../images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	
	background: url(../images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 270px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: 'Maven Pro', sans-serif;
	font-size:14px;
}
.active {
	background-position: right 12px;
}




fieldset {
	padding: 0;
	margin: 0 0 15px 0;
	border: 0;
}

fieldset input {
	border: 0;
	outline: 0;
	height: 30px;
	background: rgb(7, 39, 73);
	padding: 0 5px;
	color: #fff;
}

.btn-submit {
	border: 0;
	outline: 0;
	height: 30px;
	background: rgb(7, 39, 73);
	padding: 0 20px;
	color: #fff;
	cursor: pointer;
}

.footersocial a{
	color:#fff;
	font-size:1.2em;
	margin-right:5px;
}