/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: #f6f6f6;
	color: #5c5c5c;
	font: .75em Arial,Verdana,Helvetica,Sans-Serif
}
a{
	color: #3768a2;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #e7e7e7 1px solid;
	font-size: 12px;
	padding: 3px
}
li{
	list-style: none;
}
h2,h2 a{
	color: #ec5403;
	/*font-size: 1.6em;*/
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 .8em;
	text-transform: uppercase
}
h2 img{
	margin: 0 4px -5px 0;
	position: relative
}
h3{
	font-size: 1.1em;
	margin: 0 0 .5em
}
h4{
	color: #1d5495;
	font-size: 1em;
	margin: 0 0 .3em
}
p{
	padding: 0 0 .8em
}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 905px
}
#container{
	background: url(../images/container-bgr2.gif) #ffffff repeat-x top;
	border: 1px solid #e8e8e8;
	margin: 0 auto;
	padding: 0 0 15px;
	width: 998px
}
/*=== Header ===*/
#header{
	height: 224px
}
#header .spacer{
	float: right;
	padding: 28px 0 0;
	width: 650px
}
/*- Logo -*/
#header h1{
	background: url(../images/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 215px;
	margin: 0 -5px
}
#header h1 a{
	display: block;
	height: 98px
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	font-weight: bold;
	height: 28px
	
}
#nav1 li{
	float: left;
	line-height: 28px;
	margin: 0 4px 0 0
}
#nav1 li a{
	background: url(../images/nav1-normal.gif) no-repeat left;
	color: #545454;
	display: block;
	float: left;
	padding: 0 0 0 10px;
	text-decoration: none
}
#nav1 li a span{
	background: url(../images/nav1-normal.gif) no-repeat right;
	display: block;
	float: left;
	height: 28px;
	padding: 0 10px 0 0
}
#nav1 li.active a{
	background: url(../images/nav1-hover.gif) no-repeat left;
	color: #ffffff
}
#nav1 li.active a span, #nav1 li a:hover span{
	background: url(../images/nav1-hover.gif) no-repeat right
}
#nav1 li a:hover{
	background: url(../images/nav1-hover.gif) no-repeat left;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none
}
/*- Subnav -*/
#subnav{
	clear: both;
	padding: 27px 0 0;
	overflow: visible;
	width: 700px;
}
#subnav ul{
	float: left;
	padding: 0 25px 0 0
}
#subnav li {
	background: url(../images/ico-list.gif) no-repeat 0 6px;
	padding: 0 0 0 17px
}
 #subnav li a{
	color: #ffffff
}
/*- Nav2 -*/
.nav2 ul{
	margin: 0 0 5px;
	text-transform: capitalize
}
.nav2 li{
	border-bottom: 1px solid #e7e7e7;
	height: 1%
}
.nav2 li.last{
	border: 0
}
.nav2 li a{
	background: url(../images/ico-list2.gif) no-repeat 10px 7px;
	color: #747373;
	display: block;
	padding: 2px 0 3px 23px
}
.nav2 li a:hover,
.nav2 li.active a{
	text-decoration: underline
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	padding: 0 0 15px
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	margin: -40px 0 0;
	position: relative;
	width: 205px
}
#leftcol h3{
	background: url(../images/h-bgr.gif) no-repeat top;
	color: #ffffff;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 15px;
	text-transform: uppercase
}

#leftcol h3 a{
	color: #ffffff;

	text-transform: uppercase
}
/*=== Center Column ===*/
#centercol{
	float: right;
	margin: 20px 0 0;
	width: 668px
}
#centercol h2{
	margin: 0 0 .2em
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	margin: 0 0 10px
}
.box .top,.box .bot{
	background: url(../images/box-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box .bot{
	background: url(../images/box-bot.gif) no-repeat top
}

.box .spacer{
	background: #f6f6f6;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	height: 1%;
	padding: 5px 10px
}
.box .spacer2{
	height: 1%;
	font-size: 1px;
	padding: 10px 20px
}

.box .actions
{
	float:right;

}

.box .actions a
{
	font-weight: bold;
	color: #ec5403;
}

.box .messages
{

	list-style-position: outside;

list-style-type: square;
}


.box.title .spacer{
	padding: 0
}
.box.title.ar .spacer{
	padding: 0 10px 0 0
}
/*- Box2 -*/
.box2{
	margin: 0 0 .8em
}
.box2 .top,.box2 .bot{
	background: url(../images/box2-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box2 .top{
	margin-top: 15px
}
.box2 .bot{
	background: url(../images/box2-bot.gif) no-repeat top
}
.box2 .spacer{
	background: url(../images/box2-bgr.gif) #ebebeb repeat-x top;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	height: 1%;
	padding: 5px 15px 20px
}
.box2 h2{
	border-bottom: 1px solid #e7e7e7;
	padding: 0 0 5px
}
.box2 em{
	color: #ed5f14;
	font-style: normal
}
.box2 strong{
	color: #1d5495
}
/*=== News List ===*/

.newsItem .header
{
	border-bottom: dotted 1px #ccc;
	margin-bottom: 5px;
}

.newsItem h2
{
	float:left;
}

.date{
	color: #3768a2;
	font-size: .9em;
	margin: 0 0 1em;
	float: right;
}
.thumb{
	float: left;
	margin: 0 25px 0 0;
	height: 140px;
	width: 140px
}
.thumbFill{
	float: left;
	margin: 0 25px 0 0;
	height: 1px;
	width: 133px
}
.thumb img{
	border: 1px solid #e7e7e7;
	display: block;
	height: 140px;
	width: 140px
}
.descr{
	float: left;
	width: 460px;
}
.descrfull{
	float: left;
	width: 100%;
}
/*=== Styling Forms ===*/
input.btn{
	
	padding: 0px 4px 0px 4px;
	margin:0;
	height: 22px;
	border: solid 0px #ec5303;
	background-color: #ec5303;
	font-weight: bold;
	color: #fff;
	
}
/*- Search -*/
#search
{
	background: url(../images/search-bgr.gif) no-repeat top;
	height: 95px;
	margin: 0 -5px;
	padding: 20px 0 0 20px;
	position: relative;
	width: 195px;
}
#search h2
{
	font-size: 18px;
}
#search input
{
	float: left;
	width: 111px;
}

#search .btn
{
	margin: 0 0 0 5px;
	width: 55px;
	border: solid 0px #ec5303;
	background-color: #ec5303;
	color: #fff;
	font-weight: bold;
}

/*=== Footer ===*/
#footer
{
	background: url(../images/footer-bgr.gif) no-repeat top;
	clear: both;
	color: #ffffff;
	font-weight: bold;
	height: 74px;
	line-height: 74px;
	text-align: center
}
#footer a
{
	color: #ffffff
}
/*=== Misc. ===*/
.fix
{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
.pic img{
	display: block;
	margin: 0 0 .8em
}

.BrochureRequestOption
{
float: left;
width: 200px;
}


#brandThumb
{
	width: 140px;
	height: 140px;
	
	position: absolute;
	top:0px;
	left:0px;
	
}
.moreinformation .thumb
{
	border: solid 1px #e8e8e8;
	
}
#subnav .left
{
	float:left;	
	height: 100px;
	

}

#subnav .right
{
	
	float:right;
	margin-right: 80px;
	position:relative;
}


#popup
{
	display: none;
	width: 500px;
	height: 200px;
	position: absolute;
border: solid 1px #ddd;
	z-index: 100;
	
}

#popup_action
{
	

	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 100;
}
.Block
{
	background-color: #f6f6f6;
	border: solid 1px #ddd;
	padding: 5px;
	margin: 3px 3px 8px 3px;
	overflow: visible;
	line-height:normal;
	

}
.ProductDetailImage div.zoom
{
	width: 100%;
	text-align: center;
		border-top: solid 1px #ddd;
}

.ProductDetailImage 
{

	width:300px;
	margin: 10px;
	padding: 0;
	overflow: visible;
float:right;
	border: solid 1px #ddd;
}

.ProductDetailImage img
{

position: relative;
border: solid 1px #000;

}

.ProductDetailImage #zoom
{
	border: solid 1px #ddd;
	width: 150px;
	height: 150px;
	position: absolute;
	right:0px;
	bottom: 0px;
	overflow: hidden;
	display: none;
	
}

.ProductDetailImage #zoom img
{
 position: absolute;
 left: -500px;
 top: -500px;
 display: none;
}

.mainTable
{
	width: 600px;
}

.action td div
{
	float:right;
}
#brandDetailImage
{
	
	margin: 0 auto 20px auto;
}
#brandDetailImage .content
{
	padding: 20px;
}
#brandDetailImage a
{
	color: #f4be02;
}
#brandDetailImage h2
{
	color: #f4be02;
	font-weight: bold;
	font-size: 20px;
}

#brandDetailImage .descr
{
	color: #fff;
	font-weight: bold;
	height: 110px;
	overflow: hidden;
	width: 100%;
	
}
#brandDetailImage .descr .text
{
	width: 550px;
}
#brandDetailImage .readmore, #brandDetailImage .viewproducts
{
	float:left;
	
		margin-top: 5px;
		margin-right: 5px;
	
}
#brandDetailImage .readmore .text,#brandDetailImage .viewproducts .text
{
	border: solid 2px #585254;
	padding: 2px;
	color: #fff;
		float:left;
	font-weight: bold;

}

#brandDetailImage .readmore .text a,#brandDetailImage .viewproducts .text a
{
	color: #f4be02;
}

.moreinformation
{
	display:none;
	
}

td.header
{
	text-align:right;
	font-weight:bold;
	padding-right: 10px;
	

}

.PageBlock
{
	display: block;
	width: 20px;
	height: 20px;
	background: #f6f6f6;
	border: 1px solid #e8e8e8;
	float:left;
	text-align: center;
	margin-right: 5px;
	padding-top: 4px;
	color: #3768a2;
	text-decoration: none;
	margin-bottom: 5px;
}

.CurrentPage
{
	font-weight: bold;
color: #ec5403;
}