/* general reset */
img{border:0;}
a{
	text-decoration:none;
	color:#000;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:0;
}
/* general settings */
body{
	margin:0;
	background:#e2e2e2 url(../images/bg-body.gif) repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color:#333;
}
#wrapper{
	width:960px;
	margin:0 auto;
}
#header{
	background: url(../images/bg-header.gif) no-repeat 0 100%;
	color:#fff;
	position:relative;
	z-index:10;
	height:1%;
	margin:0 0 5px;
}

#header .links {
	text-align:right;
	position:absolute;
	top:5px;
	right:20px;
	color:#999;
}

#header .links a {
	color:#0066CC;
	font-size:12px;
}

#header .frame{
	width:100%;
	overflow:hidden;
	margin:0 0 5px;
	height:100px;
}
#header .logo{
	position:absolute;
	display:block;
	top:10px; 
	left:20px;
	background: url(../images/logo.png) no-repeat;
	width:395px;
	height:60px;
	overflow:hidden;
	text-indent:-9999px;
}
#header .logo a{
	display:block;
	height:100%;
}
#header .address{
	float:right;
	color:#dfdbdb;
	line-height:14px;
	padding:9px 18px 0 0;
	width:156px;
}
.address .heading{
	font-size:15px;
	line-height:20px;
	margin:0 0 8px;
}
.address a{
	color:#fff;
}
.address address{
	font-style:normal;
	padding:0;
}
.contact-info {
	font-size:14px;
	line-height:20px;
}
.contact-info strong{
	font-size:16px;
}
.hold-nav{
	height:1%;
	padding:0 0 0 10px;
	margin-top:3px;
	border-top:#ccc solid 1px;
}
.hold-nav:after{
	content:"";
	display:block;
	clear:both;
}
#navigation{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	font-size:14px;
	line-height:16px;
}
#navigation a{
	color:#999;
	text-decoration:none;
	padding:8px 5px 7px 8px;
	float:left;
	font-weight:bold;
}
#navigation a span{
	color:#555;
	cursor:pointer;
}
#navigation a:hover,
#navigation a:hover span,
#navigation li.active a,
#navigation li.active a span,
#navigation li:hover a,
#navigation li:hover a span,
#navigation li.hover a,
#navigation li.hover a span{
	color:#ff6600;
}
#navigation li{
	float:left;
	margin:0 11px 0 0;
	position:relative;
}
#navigation li .drop{
	display:none;
	position:absolute;
	top:23px;
	font-size:12px !important;
	left:0;
	width:auto;
	min-width:100%;
}
#navigation li .drop .b{
	height:1%;
	overflow:hidden;
}
#navigation li .drop .b .l,
#navigation li .drop .b .r{
	width:6px;
	height:6px;
	overflow:hidden;
	float:left;
	background: url(../images/bg-drop-l.gif) no-repeat;
}
#navigation li .drop .b .r{
	float:right;
	background: url(../images/bg-drop-r.gif) no-repeat;
}
* html #navigation li .drop .b .l{
	margin:0 -3px 0 0;
}
* html #navigation li .drop .b .r{
	margin:0 0 0 -3px;
}
#navigation li .drop .b .c{
	height:6px;
	overflow:hidden;
	background: url(../images/bg-drop-c.gif) repeat-x;
}
#navigation li:hover,
#navigation li.hover{
	position:relative;
}
#navigation li:hover .drop,
#navigation li.hover .drop{
	display:block;
}
#navigation li.dropitem:hover,
#navigation li.hover{
	background: url(../images/bg-dropitem-over.png) no-repeat;
}
#navigation li.dropitem:hover a,
#navigation li.hover a{
	background: url(../images/bg-dropitem-over.png) no-repeat 100% -24px;
}
#navigation li ul{
	margin:0;
	padding:2px 5px 0;
	list-style:none;
	height:1%;
	overflow:hidden;
	background:#000;
	border-style:solid;
	border-color:#595656;
	border-width:0 1px;
	position:relative;
}
#navigation li li{
	float:none;
	margin:0 0 -1px;
	padding:5px !important;
	border-bottom:1px solid #312f2f;
	background:none !important;
}
#navigation li li a{
	float:none;
	padding:0;
	white-space:nowrap;
	display:block;
}
#navigation li.dropitem:hover li a,
#navigation li.hover li a{
	background:none !important;
}
#navigation li:hover li a,
#navigation li.hover li a{
	color:#b4adad;
}
#navigation li:hover li a:hover,
#navigation li.hover li a:hover{
	color:#ff6600;
}
#about-us {
	line-height:18px;
}
#about-us ul {
	margin:0 0 20px 0;
	padding:0 0 0 15px;
	list-style:inside;	
}
#about-us li {
	padding:5px 0;
	list-style:inside;
}
.search{
	position:absolute;
	top:35px;
	right:20px;
}
.search .text{
	float:left;
	margin:0;
	padding:5px 10px;
	border:0;
	width:160px;
	background:#fff;
	color:#555;
	font-size:12px;
	font-style:italic;
	border:#ccc solid 2px;
	border-right:0;
}
.search .submit{
	width:24px;
	margin:0;
	border:0;
	cursor:pointer;
	float:left;
	font-size:10px;
	text-indent:-9999px;
	background:#fff url(../images/Search-icon.gif) no-repeat 0 2px;
	border:#ccc solid 2px;
	border-left:0;
	height:28px;
}
#main{
	width:960px;
	padding:0 1px;
	overflow:hidden;
	margin:0 0 9px;
}
#main .main-t {
	height:15px;
	overflow:hidden;
	background: url(../images/bg-main-t.png) no-repeat;
}
#main .main-b{
	height:15px;
	overflow:hidden;
	background: url(../images/bg-main-b.png) no-repeat;
}
#main .main-c{
	height:1%;
	overflow:hidden;
	padding:2px 15px 2px 15px;
	background: url(../images/bg-main-c.png) repeat-y;
}
#content{
	width:745px;
	float:left;
}
.full-content-box{
	width:100%;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
}
.full-content-box h1{
	color:#333;
	border-bottom:#f60 solid 1px;
	font-weight:normal;
	font-size:24px;
	padding:5px;
	margin:0 0 10px;
	text-align:left;
}

.full-content-box h2{
	color:#555;
	border-bottom:#f60 solid 1px;
	font-weight:normal;
	font-size:18px;
	padding:5px;
	margin:8px 0 10px 0;
	text-align:left;
}

.full-content-box h4.big-orange{
	color: #FF6600;
    font: 20px Arial,sans-serif;
    margin: 10px 0;
    text-transform: uppercase;
}

.orange {
	display:block;
	background-color:#000000;
	color:#FFF;
}

.specifications {
	float:left;
	padding-top:10px;
	width:248px;
}

.specifications h4 {
	background:#999;
	color:#fff !important;
	margin:0;
	padding:5px;
	font-size:18px;
	font-weight:normal;
	text-align:center;
}

.specifications p {
	margin:0;
	padding:10px 0 10px 10px;
	border-bottom:#ccc solid 1px;
}

.specifications strong {
	font-size:14px;
	display:block;
	padding-bottom:5px;
}

.specifications em {
	display:block;
	padding-left:15px;
	font-size:12px;
	font-style:normal;
}
	
.aright {
	text-align:right !important;
}
.reddish {
	color:#900 !important;
}
.full-content-box p{
	color:#555;
	margin:0;
	padding-bottom:10px;
	line-height:18px;
}
.full-content-box h3{
	color:#666;
	margin-left:20px;
}
.full-content-box ul{
	margin-left:20px;
	margin-bottom:20px;
}
.full-content-box ul li a{
	color:#333;
	text-decoration:none;
	font-size:14px;
}
.full-content-box ul li a:hover{
	color:#f3555c;
}
.half-content-box{
	width:745px;
	height:479px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	float:left;
	background-color:#fff;
}
.box-photo{
	width:745px;
	height:479px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.box-photo li{
	width:745px;
	height:479px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.box-photo li.active{z-index:2;}
.box-photo img{
	display:block;
}
.box-photo .description{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	color:#fff;
	font-size:16px;
	line-height:20px;
}
* html .box-photo .description{
	bottom:-1px;
}
.box-photo .description .frame{
	background: url(../images/bg-photo-description.png);
	padding:5px;
	width:745px;
	overflow:hidden;
	position:relative;
}
.box-photo .description h3{
	margin:0 0 6px;
	font-size:21px;
	line-height:26px;
	font-weight:normal;
}
#sidebar{
	float:right;
	width:173px;
}

.gallery{
	width:100%;
	overflow:hidden;
}
.gallery .link-prev,
.gallery .link-next{
	display:block;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/btn-prev.png) no-repeat 50% 0;
	outline:0;
}
.gallery .link-next{
	background: url(../images/btn-next.png) no-repeat 50% 100%;
}
.gallery div.holder{
	height:560px;
	overflow:hidden;
	position:relative;
	margin:5px 0 1px 0;
}
.gallery ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.gallery li{
	padding:0 0 15px;
	float:left;
	width: 175px;
	height:175px;
	position:relative;
}

.gallery li img {
	border:#f60 solid 1px;
	width:175px;
	height:175x;
	background-color:#fff;
	display:block;
}

.gallery li a div.prod-name {
	background:url(../images/trans-bg.png) repeat;
	padding:5px 0;
	text-align:center;
	color:#FFF !important;
	font-weight:bold;
	width:100%;
	position:absolute;
	top:1px;
	left:1px;
	height:20px;
}
.links{
	margin:0 0 2px;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.links li{
	float:left;
}
.links li a{
	display:block;
	height:107px;
	width:240px;
	cursor:pointer;
	background: url(../images/bg-links.gif) no-repeat 100% 0;
}
.links li a:hover,
.links li.last a:hover,
.links li a.active,
.links li.last a.active{
	background-position:100% -107px;
}
.links li.first a:hover,
.links li.first a.active{
	background-position:0 -107px;
}
.links li.first a{
	background: url(../images/bg-links-first.gif) no-repeat 100% 0;
}
.links li.last a{
	background: url(../images/bg-links-last.gif) no-repeat 100% 0;
}
.links a span{
	display:block;
	padding-top:32px;
}
.links a.about-us span{
	padding-left:60px;
	background: url(../images/ico-foot-about.png) no-repeat 0px 31px;
	margin-left:30px;
}
.links a.contact-us span{
	padding-left:62px;
	background: url(../images/ico-foot-contact.png) no-repeat 5px 32px;
	margin-left:20px;
}
.links a.get-a-quote span{
	padding-left:60px;
	background: url(../images/ico-foot-quote.png) no-repeat 0px 30px;
	margin-left:15px;
}
.links a.join-us span{
	padding-left:60px;
	background: url(../images/ico-foot-brochure.png) no-repeat 0 30px;
	margin-left:20px;
}
.links a{
	color:#959393;
	font-size:16px;
	line-height:22px;
	text-decoration:none;
}
.links a strong{
	color:#010101;
	font-size:25px;
	display:block;
	font-weight:normal;
}
#footer{
	padding:11px 21px 40px 18px;
	overflow:hidden;
	font-size:10px;
	line-height:12px;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:16px;
	background:url(../images/footer-bg.png) no-repeat top left;
}
#footer a{
	color:#666;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer em {
	display:block;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	padding:3px;
}
#footer em a {
	color:#333;
}
#footer em{
	color:#333;
}
#footer .copyright{
	display:block;
	text-align:center;
	border-top:#999 solid 1px;
	padding-top:5px;
	margin-top:5px;
}
#google_translate_element{
	display:block;
	text-align:left
	border-top:#999 solid 1px;
	padding-top:5px;
	margin-top:5px;
}
#footer .nav{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.nav li{
	float:left;
	padding:0 10px 10px 10px;
	margin:0;
	border-right:#999 solid 1px
}

.nav li.first{
	padding-left:0;
}

.nav li.last{
	border-right:0;
}

.nav li.address{
	padding-right:0;
	border-right:0;
	border-left:#999 solid 1px;
	float:left;
}

.nav li.address em{
	font-size:10px;
}

.nav li strong a{
	display:block;
	font-weight:normal;
	padding-left:6px;
}

.fleft {
	float:left;
}


/* CLEARING FLOAT */

.clearfix {
	display: inline-block;
}

.clearfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both;
    visibility: hidden;
}

* html .clearfix{
	height: 1%;
}

.clearboth { 
	clear:both; 
}

div.width-one-half {
	float:left;
	width:49%;
}

div.width-one-third {
	float:left;
	width:33%;
}

div.width-one-quarter {
	float:left;
	width:25%;
}

div.width-three-quarter {
	float:left;
	width:72%;
}

div.width-two-third {
	float:left;
	width:64%;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#product-display {
	margin:0;
	padding:0;
	list-style:none;
}

#product-display li {
	float:left;
	width:300px;
	margin:4px;
	background:url(../images/bg-main-c.png) repeat;
	border:#aaa solid 1px;
	height:100px;
	overflow:hidden;
	color:#333;
	font-size:11px;
}

#product-display li a {
	color:#006699;
}

#product-display li em {
	margin:5px;
	font-style:normal;
	display:block;
}

#product-display li .img-hold {
	width:100px;
	height:100px;
	overflow:hidden;
	float:left;
	margin-right:5px;
}

#product-display li .img-hold img {
	border:#555 solid 1px;
}

.marg-left-10 {
	margin-left:10px;
}

.marg-top-10 {
	margin-top:10px;
}

#showcase {
	margin:0;
	padding:0;
	list-style:none;
}

#showcase li {
	float:left;
	width: 175px;
	height:175px;
	margin:10px;
	position:relative;
}

#showcase li img {
	border:#f60 solid 1px;
	width:175px;
	height:175x;
	background-color:#fff
}

#showcase li a div.prod-name {
	background:url(../images/trans-bg.png) repeat;
	padding:5px 0;
	text-align:center;
	color:#FFF !important;
	font-weight:bold;
	width:100%;
	position:absolute;
	top:1px;
	left:1px;
}

.generic-form fieldset {
	border:#aaa solid 1px;
	padding:10px 20px 10px 20px;
	margin:10px 0 10px 0;
}

.generic-form legend {
	color:#333;
	padding:0 5px 0 5px;
	font-size:16px;
	text-transform:uppercase;
}

.generic-form legend a {
	font-size:16px;	
	color:#333;
	text-transform:uppercase;
}

.generic-form ul {
	list-style:none;
	padding:0;
	margin:0;
}

.generic-form li {
	width:100%;
	padding:0;
	margin:10px 0 20px 0;
	color:#555;
	font-size:13px;
}

.generic-form li:after {
	content:'';
	display:block;
	height:1px;
	visibility:hidden;
	clear:both;	
}

.generic-form label {
	font-size:12px;
	font-weight:bold;
	color:#000;
	display:block;
	padding-bottom:5px;
}

.generic-form input,
.generic-form select {
	padding:3px;
	font-size:13px;
	width:275px;
}

.note {
	color:#FF0000;
}

.generic-form .button {
	background:#f60;
	padding:5px 10px;
	color:#FFF;
	width:auto;
	border:0;
	font-weight:bold;
	font-size:11px;
}

.generic-form input.selection {
	width:20px;	
}

.selection-text-long {
	font-size:10px;
	color:#555;
	font-weight:bold;
	padding-top:2px;
}

.selection-list {
	margin-left:10px;
	padding:0 0 20px 0;
}

.selection-list em {
	width:142px !important;
	float:left;
	font-style:normal !important;
}


#sub-nav {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	list-style:none;
	border-bottom:#f60 dashed 1px;
}

#sub-nav li {
	float:left;
	margin:0 10px;
}

#sub-nav li a {
	display:block;
	padding:5px 15px 5px 5px;
	border-right:#999 solid 1px;
}

#sub-nav li a.last{
	border-right:0;	
}

.admin-table-style2 th {
	font-weight:bold;	
	padding-bottom:10px;
	font-size:14px;
}

.admin-table-style2 td {
	border-bottom:#CCC solid 1px;
	padding:10px;
}

.admin-table-style2 tr:hover {
	background-color:#eeeeee;
}

.admin-table-style2 a {
	text-decoration:none;
	color:#900;
}

.contactOption{
	margin-bottom:30px;
	color:#535353;
	}
	
.contactOption .title{
	font-size:1.8em;
	line-height:1.2em;
	}

.contactOption .info{
	font-size:1em;
	}

div#tmpSlideshow {
    padding: 0;
    position: relative;
    height: 350px;
    width: 100%;
    border:0;
}
div.tmpSlide {
    position: absolute;
    top: 0;
    left: 0;
    width: 730px;
    height: 350px;
    display: none;
}
div.tmpSlide img {
    float: left;
    margin: 0;
    width: 600px;
	height: 350px;
    border: 1px solid rgb(244, 244, 244);
}
div#tmpSlideshowControls {
    position: absolute;
    bottom: 0;
    right: 0;
}
div.tmpSlideshowControl {
    border: 1px solid #333;
    float: left;
    margin: 0 5px 0 0;
    background: #999;
    width: 25px;
    height: 25px;
    color: #fff;
    font: 14px Arial, sans-serif;
    text-align: center;
    cursor: pointer;
	font-weight:bold;
}
div.tmpSlideshowControl span {
    line-height: 25px;
    vertical-align: middle;
}
div.tmpSlideshowControlOn {
     border: 1px solid #333;
	background: #ccc;
	color: #554d31 !important;
}
div.tmpSlideshowControlActive {
    border: 2px solid #f60;
	background: #eee;
	color: #554d31 !important;
}
div.tmpSlideCopy {
    position: absolute;
    left: 625px;
    top: 10px;
    width: 260px;
}
div#tmpSlideshow h4 {
    color: #f60;
	font-weight:bold;
    text-transform: uppercase;
    font: 20px Arial, sans-serif;
    margin: 10px 0;
}
div.tmpSlideCopy p {
    font: 14px Arial, sans-serif;
    line-height: 1.75em;
}