/* SCROLLBAR HACK */
html { height: 100%; margin-bottom: 1px; }
.formtext { font-size: 13px; font-family: Arial,Helvetica,Verdana,sans; color:#FF0000; }
fieldset { border: 1px solid #eee; margin-top: 20px; }
label { clear:both; color:#000; float:left; font-family: Arial,Helvetica,sans-serif; font-size:13px; margin-bottom:10px; text-align:right; width:190px; }
.fieldset_input { float:right; margin: 0px 0 0 10px; padding: 0 0px 0 0px; border-width: 1px; border-style: solid; border-color: #000; }
textarea { padding-right: 10px; font-family: Arial,Helvetica,Verdana,sans; }
input, textarea {	background-image:url(/images/input_shade.gif); background-color: #ffc; background-repeat:repeat-x; background-position:bottom; border-width: 1px; border-style: solid; border-color: #000; }
input:focus, textarea:focus { background-image:url(/images/input_shade.gif); background-repeat:repeat-x; background-position:bottom; border-width: 1px; border-style: solid; border-color: #000; }
legend { font-weight: bold; color: #505050; line-height: 26px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; }
ul.conlist { margin: 5px 0px 0px; padding: 0px; }
ul.conlist li  { color: #B2E853; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	list-style-type: none; padding-top: 10px;	padding-right: 7px;	padding-bottom: 10px;	padding-left: 26px; font-weight: bold;	margin: 0px; }
#ct-phone {	color: #000000; padding-top: 6px; padding-bottom: 6px; padding-left: 160px; display: block; text-decoration: none; margin: 10px 0px 0px; font-weight: normal; background-image: url(/images/phone.gif);	background-repeat: no-repeat;	background-position: left center;	border-width: 1px;	border-style: solid;	border-color: #023763; }
#ct-fax { color: #000000; padding-top: 6px; padding-bottom: 6px; padding-left: 160px; display: block; text-decoration: none; margin: 10px 0px 0px; font-weight: normal; background-image: url(/images/fax.gif);	background-repeat: no-repeat;	background-position: left center;	border-width: 1px;	border-style: solid;	border-color: #023763; }
#ct-post { color: #000000; padding-top: 6px; padding-bottom: 6px; padding-left: 160px; display: block; text-decoration: none; margin: 10px 0px 0px; font-weight: normal; background-image: url(/images/post.gif);	background-repeat: no-repeat;	background-position: left center;	border-width: 1px;	border-style: solid;	border-color: #023763; }
#ct-www {	color: #000000; padding-top: 6px; padding-bottom: 6px; padding-left: 75px; display: block; text-decoration: none; margin: 10px 0px 0px; font-weight: normal; background-image: url(/images/www.gif);	background-repeat: no-repeat;	background-position: left center;	border-width: 1px;	border-style: solid;	border-color: #023763; }
#quotation { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 6px; padding-right: 7px; padding-bottom: 6px; padding-left: 75px;	display: block; text-decoration: none; margin: 10px 0px 0px; font-weight: normal; border-width: 1px;	border-style: solid;	border-color: #023763; }
ul.prodlist { margin: 5px 0px 0px; padding: 0px; }
ul.prodlist li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; list-style-type: none; padding-top: 10px;	padding-right: 7px;	padding-bottom: 10px;	padding-left: 26px; font-weight: bold; margin: 0px;}
ul.prodlist li img { border: 0px; }
img.promopic { float: right; border: 1px solid #000; margin: 5px;}
body { margin:5px 0; padding:0; font: 74% Arial, Sans-Serif; color:#FFF; line-height: 1.4em; background : #3C4049 url(/images/bg.gif);}
.content { color: #FFF; margin: 0 auto; padding: 0; width: 760px; background: #FFF; border-style: ridge}
/* IE CONTENT BORDER HACK */
html>body .content { color: #050505; margin: 0 auto; padding: 0; width: 760px; background: #FFF; border-style: double}
.topside { background: #3A4354; color: #000; width: 760px;}
.topside .topmenu { background: #3A4354; color: #546078; width: 755px; height: 33px; padding: 0px 0 4px 4px; font-size: 90%;}
.topside .topmenu a { color: #909090; font-size: 90%;}
.topside .topmenu a:hover { color: #FFF; font-size: 90%; text-decoration: none;}
.topside .mainmenu { background: #546078; color: #546078; width: 760px; height: 24px; padding: 2px 0 0 0; font-size: 90%;}
.mheader .header { background: #546078 url(/images/header.jpg) no-repeat; width: 760px; height: 145px; color: #7A8EAF;}
.mheader .header .padding { padding: 30px 0 0 35px; color: #FFF;}
.mheader .header .citation { color : #EEE; font-size: 90%; padding: 30px 20px 15px 0; float: right; text-align: right; }
.mheader .header .fonenum { color : #EEE; font-size: 150%; text-align: right; font-family:Tahoma; font-weight: bold; }
#styleone{position:relative;display:block;height:26px;font-size:11px;font-weight:bold; background:transparent url(/images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif; margin: 1px 0 0 0;}
#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styleone ul li{display:block;float:left; padding:0 1px 0 0;}
#styleone ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 15px 0 15px;height:20px;}
#styleone ul li a:hover,#styleone ul li a.current{color:#fff;background:transparent url(/images/bgON.gif) repeat-x top left;}
.product {	background: #FFF; color: #000; width: 760px; float: left; }
.product .main { background: #FFF; color: #505050; padding: 15px 20px 15px 20px; }
.product .main li img { vertical-align: middle; padding-right: 5px; }
.back { color: #505050; background: #FFF; text-align: left; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; border-top: 1px solid #ddd; font-size: 10px;	font: bold 1em Tahoma; }
.back a:hover { text-decoration: none; }
.back a img { vertical-align: middle; padding-right: 5px; border: 0px solid #000; }
.lside {	background: #FFF; color: #000; width: 580px; float: left; }
.lside .main { background: #FFF; color: #505050; padding: 15px 20px 15px 20px; }
.lside .main li img { vertical-align: middle; padding-right: 5px; }
.lside .infobox { background: #FFF url(info.jpg) no-repeat; color: #222; }
.lside .infobox .r_sd { width: 270px; float: right; padding: 20px 0px 5px 20px;}
/* R_SD Placement HACK */
html>/**/body .content .lside .infobox .r_sd { width: 270px; float: right; padding: 10px 0px 5px 20px;}
.lside .infobox .l_sd { padding: 10px 20px 5px 20px; }
.lside .infobox .l_sd .products { padding: 0 0 0 25px;}
.lside .infobox .l_sd .products img { border: 1px solid #000; }
.lside .infobox a { color: #3A4354; }
.rside { width: 180px; float: right; clear: both; }
.rside .menu { background: #fff; padding: 5px; color: #333; text-align: center; }
.rside .menu h2 { color: #7A8EAF; padding: 10px 10px 0 0; }
.rside .menu .partners { align: center; padding: 0 10px 16px 0; }
.rside .menu img { border: 0px; }
.rside .menu .links { font-size: 90%; padding-left: 10px; }
.rside .menu .links a { color: #546078; }
.rside .search { padding-left: 10px; }
.nav { background: #000; clear: both; text-align: center; color: #7D8085; padding: 5px 0 5px 0; }
.nav li { font-weight: bold; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #ccc; }
.nav li a { color: #546078; text-decoration: none; }
.nav li a:hover { color: #F29900; text-decoration: none; }
.footer { clear:both; width: 760px; padding: 3px 0 3px 0; color:#FFF; font-size:90%; background: #546078; text-align:center; }
.footer a { color: #eee; }
.copyright { color: #909090; font-size: 90%;}
p { margin: 0 0 5px 0px; padding: 0 0 10px 0; color: #505050; }
hr { border: 0; height: 1px; color: #eee; background-color: #eee; }
a { color: #888; background: inherit;  text-decoration:none; }
a:hover { background: inherit; text-decoration: underline; }
h1 { padding:0; margin:0; color: #FFF; background: inherit; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a {color: #FFF; background: inherit;}
h2 { background-color: inherit; color:#7A8EAF; font-size:140%; font-weight:bold; margin: 10px 0 10px 0; padding:0; }
h2 a { color: #7A8EAF; }
h2 a:hover { color: #7A8EAF; text-decoration: none;}
h3 { background-color: inherit; color:#FF0000; font-size:110%; font-weight:bold; margin: 10px 0 10px 0; padding:0; }
h3 a { color: #FF0000; }
ul { margin: 5px 0 20px 15px; padding : 0; list-style : none;  }
li { list-style-type: square;	color: #000;	margin: 0 0 0px 0;	padding: 0 0 0 0px; }
li a { color: #546078;  }
li a:hover { color: #000; }
textarea.text { height: 150px; width: 90%; border: 1px solid #ccc; background: #fff; color: #000; }
textarea.text:hover { border: 1px solid #eee; background: #FFFFF4; color: #000; }
input.field { border: 1px solid #ccc; background-color: #3C3C3C; color: #000; }
input.field:hover { border: 1px solid #eee; background: #ccc; color: #000; }
input.text { margin: 0; border: 1px solid #546078; background: #FFF; color: #808080; }
input.text:hover { border: 1px solid #3a4354; }
input.button { background: #FFFFF4; color: #808080; border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc; }
.trailer { color: #505050; background: #FFF; text-align: right; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; border-top: 1px solid #ddd; font-size: 10px;	font: bold 0.75em Tahoma; }
.moreinfo { color: #505050; text-align: left; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; font-size: 10px; font: normal 0.75em Tahoma; }
.comments { padding: 10px 10px 8px 10px; margin: 0 0 7px 0; background: #3f3f3f; color: #000; }
.commentsbox { padding: 8px 0 10px 10px; margin: 0 0 10px 0; background: #f4f4f4; color: #000; }
.error { color: #990000; background-color: #FFF0F0; padding: 7px; margin-top: 5px; margin-bottom: 10px; border: 1px dashed #990000; }
.error h2 { color: #990000; background: inherit; }
.success { color: #000000; background: #F5FBE1; padding: 7px; margin-top: 5px; margin-bottom: 5px; border: 1px dashed #7BA813; }
.success h2 { color: #7BA813; background: inherit; }
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }