/* RESETS */
* { margin: 0; }
html, body {width: 100%; height: 100%; }
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p { margin: 0; padding: 0; }
fieldset,img { border: 0; }
ol,ul { list-style: none; }
.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 */

/*** jCarousel Styles ***/
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    height: 530px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 165px; /* No width/height causes infinite loops. */
    height: 70px;
    margin: 5px 20px 0px 8px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/*** End jCarousel ***/


body
{
    background-color: #031d40;
    background-image: url(../images/background_main.jpg); background-repeat: no-repeat; background-position: center top;
}

.wrapper
{
    width: 950px;
    min-height: 100%; height: auto !important;
    margin: 0 auto;
    position: relative;
}

h1
{
   position: absolute;
   top: 25px; left: 0px;
   width: 224px; height: 38px;
   background-image: url(../images/logo.jpg); background-repeat: no-repeat;
   overflow: hidden;    
}

h1 span 
{
    display: none;
}

ul.mainmenu
{
    position: absolute; top: 35px; left: 265px;
}

ul.mainmenu li
{
    float: left;
    padding-left: 25px; padding-right: 25px; padding-bottom: 15px;
    text-align: center;
}

ul.mainmenu li.selected
{
    /*background-image: url(../images/mainMenu_selected.png); background-repeat: no-repeat; background-position: center 24px;*/
}

ul.mainmenu li a
{
    font-family: "Trebuchet MS", Tahoma, Arial; font-size: 15px; font-weight: bold; color: #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
    text-decoration: none;
}

.slideshow_box
{
    position: absolute; top: 89px; left: 0px;
    width: 727px; height: 228px;
    background-image: url(../images/box_slideshow.jpg); background-repeat: no-repeat;
}

.slideshow_box h2
{
    font-family: "Trebuchet MS", Tahoma, Arial; font-size: 23px; font-weight: bold; color: #3094e9;
    margin: 12px 0 5px 20px;
    text-transform: uppercase;
    background-image: url(../images/box_slideshow.jpg); background-repeat: no-repeat; background-position: -20px -12px;
}

.slideshow_box h2 a
{
    color: #3094e9;
    text-decoration: none;
}

.slideshow_box h2 span
{
    display: block;
    font-size: 13px; color: #02306b;
    text-transform: none;   
}

.slideshow_box h2 span a
{
    color: #02306b;
    text-decoration: none;
}

.slideshow_box .slidetext
{
    float: left;
    width: 415px;
    font-family: "Trebuchet MS", Tahoma, Arial; font-size: 12px; font-weight: normal; color: #02306b;
    margin-top: 10px; 
}

.slideshow_box img
{
    float: left; 
    margin: 10px 20px 0 20px;
}

.contact_box
{
    position: absolute; top: 89px; left: 736px;
    width: 215px; height: 228px;
    background-image: url(../images/box_contact.jpg); background-repeat: no-repeat;
    font-family: "Trebuchet MS", Tahoma, Arial; font-size: 12px; font-weight: normal; color: #FFFFFF;
}

.contact_box big
{
    display: block;
    font-size: 15px; font-weight: bold;
    margin: 20px 0 0 20px;
}

.contact_box big span
{
   display: block; font-size: 13px; color: #3094e9;
   margin-bottom: 10px;
}

.contact_box p
{
    margin: 0 0 0 20px;
    line-height: 20px;
}

.contact_box p a
{
    text-decoration: none; color: #FFFFFF;
}

.contact_box p a.thickbox
{
    display: block; margin-top: 5px;
    font-weight: bold;
}

.search_box
{
    position: absolute; top: 330px; left: 736px;
    width: 215px; height: 80px;
    background-image: url(../images/box_search.jpg); background-repeat: no-repeat;
    
}

.search_box span
{
    display: block;
    margin: 10px 0 0 20px;
    font-family: "Trebuchet MS", Tahoma, Arial; font-size: 13px; font-weight: bold; color: #FFFFFF;
}

.search_box .searchinput
{
    margin: 17px 6px 0 25px;
    width: 130px; height: 14px;
    line-height: 14px;
    font-family: "Trebuchet MS", Tahoma, Arial; font-size: 11px;
    border: none;
    border: 0;
    float: left;
}

.search_box .searchbutton
{
    width: 32px; height: 25px;
    background-color: Transparent;
    background-image: url(../images/search_button.png); background-repeat: no-repeat;
    border: 0;
    margin-left: 11px; margin-top: 11px;
    cursor: pointer;
}

.download_box
{
    position: absolute; top: 426px; left: 736px;
    width: 215px; height: 120px;
    background-image: url(../images/box_download.jpg); background-repeat: no-repeat;
    font-family: "Trebuchet MS", Tahoma, Arial; font-size: 13px; font-weight: bold; color: #FFFFFF;
}

.download_box span
{
    display: block;
    margin: 10px 0 0 20px;
}

.download_box ul
{
    margin-top: 7px;
}

.download_box li
{
    background-image: url(../images/bullet.jpg); background-repeat: no-repeat; background-position: left 4px;
    text-indent: 20px;
    margin-left: 20px;
}

.download_box li a
{   
    font-size: 12px; font-weight: normal;
    text-decoration: none; color: #FFFFFF;
}

.download_box li a:hover
{
    color: #3094e9;
}

.brands_box
{
    position: absolute; top: 560px; left: 750px;
    width: 215px; height: 530px;
}

.maincontent_container
{
    position: absolute; top: 330px; left: 0px;
    width: 727px;
}

.maincontent_top
{
    width: 727px; height: 9px;
    background-image: url(../images/homepage_content_top.png); background-repeat: no-repeat;
}

.maincontent_bottom
{
    width: 727px; height: 26px;
    background-image: url(../images/homepage_content_bottom.png); background-repeat: no-repeat;
    position: relative;
}

.maincontent_bottom .maincontent_footerdata 
{
    width: 90%; height: 40px;
    position: absolute; top: 30px; left: 40px;
    font-family: "Trebuchet MS", Tahoma, Arial; font-size: 11px; font-weight: normal; color: #FFFFFF;
}

.maincontent_bottom .maincontent_footerdata span.left
{
    float: left; width: 325px;
}

.maincontent_bottom .maincontent_footerdata span.left a
{
    color: #FFFFFF; text-decoration: underline;
}

.maincontent_bottom .maincontent_footerdata span.right
{
    float: right; width: 200px;
}

.maincontent_bottom .maincontent_footerdata span.right a
{
    color: #FFFFFF; text-decoration: none;
}

.maincontent_bottomgraphic
{
    position: absolute; top: -60px; left: 631px;
    width: 121px; height: 107px;
    background-image: url(../images/bottom_graphic.png); background-repeat: no-repeat;
    z-index: 300;
}
    
.maincontent
{
    width: 727px;
    background-image: url(../images/homepage_content_fill.png); background-repeat: repeat-y;  
}

.maincontent h2
{
    font-family: "Trebuchet MS", Tahoma, Arial; font-size: 25px; font-weight: normal;  color: #032a5f; 
    line-height: 60px;
    margin-left: 35px;
}

.maincontent h2 span.feed
{
    float: right; margin-right: 50px; 
    line-height: 40px;  
}

.maincontent h2 span.feed img
{
    vertical-align: middle; 
}

.maincontent h2 span.feed a
{
    text-decoration: none;
    font-size: 11px;
    color: #525E6D;   
}

.maincontent li
{
    width: 590px; height: 135px;
    margin: 10px 0 20px 35px;
    background-image: url(../images/shop_divider_dotted.gif); background-position: left bottom; background-repeat: repeat-x;
}

.maincontent li.last
{
    margin-bottom: 0;
    background: none;
}
  
.maincontent li img
{
    float: left;
    border: 0; /*solid 1px #dadada;*/
    margin-right: 20px;
}
   
.maincontent li h3
{
   font-family: "Trebuchet MS", Tahoma, Arial; font-size: 13px; color: #031d40;
   margin-bottom: 10px; margin-left: 173px;
}

.maincontent li h3 a
{
    text-decoration: none;
    color: #032a5f;
}

.maincontent li h3 a:hover
{
    color: #3094e9;
}

.maincontent li h3 .titleicons
{
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
}

*:first-child+html .maincontent li h3 .titleicons
{
    display: inline;   
    width: auto;
}

.maincontent li h3 .titleicons img
{
    border: 0; 
    margin-right: 5px;
}

.maincontent li h2 .titleicons
{
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
}

.maincontent li p
{
   font-family: "Trebuchet MS", Tahoma, Arial; font-size: 12px; color: #525e6d; 
   margin-left: 173px;
}

/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .50;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 0px; 	
	border: 10px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -50px -50px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}