html{ background: #285186;}

body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px;color: #666666;}

/* Clearing floats without extra markup  */

.clearfloat { display: inline-block; }

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

* html .clearfloat { height: 1%; }

.clearfloat { display: block; }

/* End Clearing floats without extra markup  */

/*///////////////// LINKS ///////////////////////*/
a{outline: none;}
	
a:link, a:visited{ color: #1b559f; text-decoration: none;}

a:hover { text-decoration: underline; }

a.readMore:link, a.readMore:visited{}

#main-content a.button1{ background: url(/images/button1.png) no-repeat 0 0 ;display: block; width: 130px; height: 23px; padding-left: 30px; padding-top: 2px; color: #fff; margin-left: 80px; }
#main-content a.button1:hover{ background: url(/images/button1.png) no-repeat 0 -25px; text-decoration: none;}
/*///////////////// END LINKS ///////////////////////*/


/*///////////////// NAVIGATION ///////////////////////*/
#navigation{ background:url(images/menu_bg.gif) no-repeat 0 0; width: 940px; height: 46px; line-height: 42px; margin-bottom: 8px;}
#navigation ul{ list-style: none;}
#navigation ul li{ display: inline; height: 42px; text-transform: uppercase;background: transparent; padding: 0;}
#navigation ul li a{ float: left; display: block; padding: 0 20px; color: #fff; text-decoration: none; background: url(images/menu_divider.gif) top right no-repeat;}
#navigation ul li a:hover, #navigation ul li a.current{ color: #54bee6;}
/*///////////////// END NAVIGATION ///////////////////////*/

/*///////////////// NAVIGATION2 ///////////////////////*/
#navigation2{ background:url(images/menu_bg2.gif) no-repeat 0 0; width: 510px; height: 28px; line-height: 27px; margin-bottom: 1px;}
#navigation2 ul{ list-style: none;}
#navigation2 ul li{ display: inline; height: 28px; background: transparent; padding: 0;}
#navigation2 ul li a{ float: left; display: block; padding: 0 20px; color: #fff; text-decoration: none; background: url(images/menu_divider.gif) top right no-repeat;}
#navigation2 ul li a:hover, #navigation2 ul li a.current{ color: #54bee6;}
/*///////////////// END NAVIGATION2 ///////////////////////*/

/*///////////////// LAYOUT  ///////////////////////*/
* html div#wrapper { padding-top: 2px; }

#wrapper{ width: 940px; margin: 2px auto 0 auto;}
#header{ width: 940px; height: 40px; margin-bottom: 10px;}
#slider-container{ width: 940px; padding: 10px; background: #1d292e url(images/slider_bg_top.gif) no-repeat top left;}
#featured{ float: left; padding-left: 26px; padding-top: 65px; padding-bottom: 65px; margin-top: 5px; width: 326px; background: url(../images/featured_bgd.png) no-repeat;}
#slider-bottom{ width: 940px; height: 19px; background: url(images/slider_bg_bottom.gif) no-repeat top left; margin-bottom: 10px;}
#content{ width: 940px;}
#sidebar{float: left; width: 290px; margin-right: 2px; display: inline;}
.sidebar-element{ background: #ffffff url(images/rounded_top.png) top left no-repeat; padding: 9px 22px 0;}
.sidebar-bottomelement{ background: #1c292e url(images/rounded_bottom.png) no-repeat top left; width: 290px; height: 23px; margin-bottom: 10px;}
#free-quote{ background: #5f96ac url(images/free_quote_top.png) no-repeat top left; padding: 9px 22px; padding-bottom: 0;} 
#main-content-wrapper{ float: left; width: 940px;}
#main-content{ width: 900px; padding: 10px 20px; background: #fff url(images/main_content_top.png) no-repeat top left;}
#main-content-bottom{ width: 940px; height:17px; background: url(images/main_content_bottom.png) no-repeat top left;}
#free-quote-bottom{ background: url(images/free_quote_bottom.png) no-repeat top left; width: 290px; height: 17px; margin-bottom: 10px;}
#footer{ margin-top: 7px;}
#footer p{font-size: 9px; text-align: center; color: #ffffff;}
#footer a{ text-align: center; color: #b6b5b5;}
.spacer-line{ width: 99%; margin: 20px 0; border-bottom: 3px solid #e8ecee;}
.spacer-line2{ width: 99%; margin-bottom: 20px; border-bottom: 1px solid #e8ecee;}
.service{ width: 99%; padding-top:5px;}
.service-description{ float: left; width: 80%;}
.product-description{ float: left; width: 60%;}
/*/////////////////END LAYOUT ///////////////////////*/

/*///////////////// LOGO AND SEARCH ///////////////////////*/
#search{ float: right; width: 280px; height: 20px; display: inline; margin-top: 2px; }
#search input{float: left; width: 210px; height: 25px;  background: #1e2c31; border: 1px solid #43626e; color: #8598a0; margin: 0; margin-right: 0px; padding: 0px;}
#search .btn{float: right; width: 68px; height: 25px; cursor: pointer; padding: 0; background: url(images/search_btn.gif) no-repeat; border: none; color: #000000;}


/*///////////////// END LOGO AND SEARCH ///////////////////////*/

/*///////////////// SUBMENU ///////////////////////*/
ul#submenu{ width: 50%; margin: 0; margin-top: 8px; padding-top: 2px; background: url(/images/news_divider.png) top left repeat-x;}
ul#submenu li{ height: 30px; background: url(/images/news_divider.png) bottom left repeat-x; padding:0; }
ul#submenu li a{ display: block; height: 21px; padding-left: 2px; padding-top: 7px; background: #ffffff url(/images/submenu_icon.png) 1% 30% no-repeat; color: #264e81;}
ul#submenu li a:hover{ color: #ffffff; background-color: #285186; text-decoration: none;}
/*///////////////// END SUBMENU ///////////////////////*/

/*///////////////// IMAGES  ///////////////////////*/
.icon-left{ float: left; margin-right: 25px; display: inline;} /* icon floated left */
.icon-right{ float: right; margin-left: 25px; display: inline;} /* icon floated right */
.image-left{ float: left; margin: 0 25px 20px 0 ; display: inline; border: 1px solid #666666;} /* image floated left */
.image-right{ float: right; margin: 0 0 20px 25px ; display: inline; border: 1px solid #666666;} /* image floated right */
/*///////////////// END IMAGES  ///////////////////////*/

/*///////////////// CONTACT FORM ///////////////////////*/
fieldset{ border: none; width: 500px; margin-top: 10px; }
fieldset legend { display: none}
form p{ padding-bottom: 0;}
/* Label */
label{ width: 140px; margin: 5px; text-align: left;}
.required{ color: #3e829c	;}
/* Input, Textarea */
input, textarea{ border: 1px solid #d6e2e7; background: #fff; color: #6c787d; width: 300px; margin: 5px; padding: 3px;}
textarea{width: 400px; height: 150px; margin-bottom: 10px;}
input:focus, textarea:focus{ border: 1px solid #9ed7ec;}
input.button{ background: url(/images/button1-hover.png) no-repeat; width: 130px; height: 25px; padding-bottom: 15px; border: none; color: #fff; cursor: pointer; }
input.button:hover{ border: none;}
.notification_error{ padding: 5px; color: #a5041e; font-size: 13px; font-weight: bold;}
.notification_ok{padding: 5px; color: #418a06; font-size: 13px; font-weight: bold; }
/*///////////////// END CONTACT FORM ///////////////////////*/

/*///////////////// LISTS ///////////////////////*/
ul{ margin-bottom: 20px; margin-left: 20px; list-style: none;}
ul li{ padding: 5px 5px 5px 15px; background: url(/images/li_icon.png) no-repeat center left;}
#main-content ul.buttons{width: 99%; margin: 15px 0;}
#main-content ul.buttons li{float: left; margin-right: 5px; background-image: none; height: 25px; padding: 0;}
#main-content ul.buttons li.order a {background: url(/images/order.png) no-repeat 0 0 ; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: #fff;}
#main-content ul.buttons li.order a:hover {background: url(/images/order.png) no-repeat 0 -25px ; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: #fff; text-decoration: none;} 
#main-content ul.buttons li.enlarge a {background: url(/images/enlarge.png) no-repeat 0 0 ; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: #fff;}
#main-content ul.buttons li.enlarge a:hover {background: url(/images/enlarge.png) no-repeat 0 -25px ; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: #fff; text-decoration: none;} 
/*///////////////// END LISTS ///////////////////////*/