﻿body {    background-color: #ffffff;    margin: 0 0 10px;    padding: 0;    font-family: verdana;    font-size: 11px;    color: #232323;}
h1{}
h2{    font-family:Century Gothic;   font-size:12px;    color:#000000;    margin:0 36px;}
h3{	display:inline;	font-size:10px;}
a, a:visited {   text-decoration: none; color: #25241F;}
a:hover , a.selected{color:#cc9900;   text-decoration: underline;}
a img {   border: 0 none;}
.LeftDiv { float:left;}
.RightDiv { float:right; }
.Cursor {cursor:pointer;}
#Header{ margin:20px 0 26px 0;width:980px;overflow:hidden; background:#ffffff url(../images/HeaderBackground.jpg) repeat-x left bottom; clear:both;}
#Header ul { color:#000000;	list-style:none; margin-top:27px;float:left;}
#Header a { color:#000000; }
#Header a:hover {color:#FDB813;}
#Header ul li{	list-style:none;	margin-right:5px;    font-size:10px;    font-weight:bold;	display:inline;}
#header1{	float:left;	padding:0 2px 0 0;}
#header2{	float:left;	background-color:#ededed;	height:91px;	width: 470px;}
#header2 p{	margin-left:30px;	margin-top:30px;	color:#666666;	font-family:tahoma;	font-size:20px;}
#headertxt{ 	float:left;	background-color:#a4a9ad;	height:91px;	width: 300px;}
#headertxt p{ 	margin-left:30px;	color:#FFFFFF;	font-family:tahoma;	font-size:18px;}
#LeftSideHeader{ 	width:307px;	float:left;}
#bodytext{	float:left;	padding: 35px 20px;	width:630px;	color:#7c8083;	line-height:15pt;}
#productstext{ 	border: 1px #00FF00 solid;	padding: 35px 0 0 0;}
#Logo {    background:#ffffff url(../images/Logo.jpg) no-repeat left top;    width:237px;    height:52px;    margin-left:14px;    float:left;	cursor:pointer;}
#Newsletter {    float: left;     padding: 5px 0 0 70px;    font-family:Century Gothic;    font-size:12px;    width:155px;	}
.YellowRectangle {	position:relative;    background:#fdb813 url(../images/WhiteArrow.jpg) no-repeat 15px 5px;    font-size:10px;    font-weight:bold;    color:#ffffff;    height:14px;    text-indent:5px;	padding:2px 0 0 36px;}
.NewsletterYellowRectangle{    background:#fdb813;    font-size:10px;    font-weight:bold;    color:#ffffff;    width:150px;    height:18px;    padding-left:5px;    float:left;    cursor:pointer;}
#newsltrbtn {margin-left:140px;margin-top:2px;position:absolute;}
#thxsubscriber {background-color:white;color:#FDB813;font-size:12px;padding:1px;position:absolute;width:300px;z-index:122; display:none;}
#YellowMargin {    background-color:#fdb813;   height:185px;    float:left;    width:20px;}
#FlashSlideShow {      	margin:0 2px;    width:615px;    height:185px;    float:left;}
#Contact {    background-color:#E6E7E7;	color:#000000;	float:left;	font-size:10px;	height:130px;	padding:20px 20px 35px 70px;	width:250px;} 
#BetweenLight{    background:#ffffff url(../images/BetweenLight.jpg) no-repeat left top;    width:326px;    height:120px;    float:left;    margin-top:2px;    font-size:10px;    color:#636363;}
#SpotLight{    float: left;     width:345px;     height:277px;    margin-top:2px;}
.SpotLightBox {    background:#f3f3f3 url(../images/SmallArrow.jpg) no-repeat left top;    width:102px;    height:91px;    font-family:Century Gothic;    font-size:10px;    float:left;    margin:0 2px 2px 0;}
.SpotLightBox2{     width:102px;    height:91px;    font-family:Century Gothic;    font-size:10px;    float:left;    margin:0 2px 2px 0;}
#News {    width:300px;	padding-top:10px;    float:left;}
.More {    font-size:10px;    font-weight:bold;    color:#000000;	float:right;	position:absolute;	right:3px;	top:2px;	padding-left:10px;}
.More a{     color:#000000;}
.watermarkOn { 	font-style: italic;	border-width: 0;	height: 13px; 	width: 130px; 	background-color: #FDB813; 	font-size: 10px; 	font-family: Arial, Helvetica, sans-serif;	margin: 1px 3px 0 0}
.NewsText{    font-family:Arial;    font-size:11px;    color:#636363;    margin:5px 0 0 36px;    clear:both;}
.GreySeparator {	font-size:0px;    height:1px;    background-color:#e0e0e0;    margin:15px 0 11px 0;}
#Copyright {    font-size:9px;    color:#727475;	margin-top:50px;	text-align:right;	}
#Copyright span {	padding-left:30px; }
#YellowBar {	font-size:0px;    background-color:#FDB813;    height:2px;    left:-73px;    position:relative;    top:-27px;    width:92px;}
#Products{position:absolute;margin-top:10px;}
#Products ul .item{display:none;}
#Products ul:hover .item{display:block;background:#000;padding:1px;margin:1px;}
#Products ul:hover .item a{color:#fff;text-decoration:none;}
#Products ul:hover .item a:hover{color:#999;}
#Products ul{width:100px;float:left;margin:0px;padding:2px;background:#b10000;list-style:none;}
.clear{clear:both;height:10px;}
.SubMenu {  position: absolute;  overflow: hidden;  z-index: 5;  display: none;}
#Wrapper { 	margin:0 auto;	width:980px;}
#Wrapper>div{ 	overflow:hidden;}
.SubMenu ul {   padding: 0;   margin: 0pt;   list-style: none;  background-color:#FFFFFF;	  position: relative;}
.SubMenu ul li{   margin-top: 1px;  padding: 3px 10px;  cursor: pointer;  direction: ltr;}
.SubMenu ul li {  background-color: #e7e7e7;}
.SubMenu ul li:hover {  background-color: #e7e7e7;}
.SubMenu ul li a {  color: #67696b;  font-size: 10px;}
.SubMenu ul li:hover a {  color: #cc9900;  text-decoration:none;}
#MainMenu li {  display: inline; }
/*************** Forms ***************/
form label {  display: block; padding: 0 0 5px; font-weight: bold; line-height: 10px;}             
form fieldset legend {	border:0px;  font-weight: bold;  margin-bottom: 3px;  padding-top: 3px; }
form p small { font-size: 0.75em; color: #777; }
form input.text-input,
form select,
form textarea { padding: 6px; font-size: 13px; border: 1px solid #d5d5d5; color: #333; }
form .small-input { width: 25% !important; }
form .medium-input { width: 50% !important; }
form .large-input { width: 97.5% !important; font-size: 16px !important; padding: 5px !important; }
form textarea { width: 97.5% !important;font-family: Arial, Helvetica, sans-serif; }
form select { padding: 4px; background: #fff; }
form input[type="checkbox"],
form input[type="radio"] { padding: 0; background: none; border: 0;}

/************ Button ************/
.button {font-family: Verdana, Arial, sans-serif;display: inline-block;background-color: #FDB813 !important;border: 1px solid #FDB813 !important;padding: 4px 7px 4px 7px !important;color: #000 !important;font-size: 11px !important;cursor: pointer;}
.button:hover {text-decoration: underline;color: #FFF !important;}
.button:active {padding: 5px 7px 3px 7px !important;}
a.remove-link {color: #bb0000;}
a.remove-link:hover {color: #000;}
#portcontainer { overflow:hidden }
#portcats { width: 200px;  float: left}
#portresults { width: 428px; float: left; border:1px #A4A9AD solid; display: none; max-height: 360px; overflow-y: auto; }

#porlisting { list-style-image: url(../images/sarrow.gif); }
#porlisting li { color:#808080; }
#porlisting li #blacktxt { color:#000000 }
#porlisting li #smallertxt { color:#808080; font-size:9px; }
#porlisting li:hover #blacktxt { color:#CC9900; cursor:pointer }
#porlisting li:hover #smallertxt { color:#CC9900; cursor:pointer}

.collapse {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F3F3F3 none repeat scroll 0 0;
border-bottom:2px solid #FDB813;
display:block;
padding:10px;
padding-bottom:20px;
position:absolute;
width:640px;
z-index:3;
}
.req { color:#FF6600; font-size:10px }