@charset "utf-8";
/* CSS Document */

@import url("common.css");
@import url("selectbox.css");

html,body {
border:0;
margin:0;
padding:0;
}


tbody {
margin:0;
padding:0;
}
#page #content .clearstyle, #page #content .clearstyle th, #page #content .clearstyle td {
padding:0;
margin:0;
}

body {
background:#d5dee4 url(../images/main_bg.jpg) no-repeat center top;
text-align:center;
}

#shaddow {
width:990px;
margin:5px auto;
}

#container {
width:980px;
position:relative;
background:url(../images/swoosh_bg.jpg) no-repeat;
height:auto!important;
min-height:500px;
}

#widecontainer{
position:relative;
overflow:visible;
width:1050px;
margin-left: auto;
margin-right:auto;
text-align:left;
}

#header {
position:relative;
width:978px;
height:100px;
}

#container #page {
position:relative;
float:left;
height:auto;
width:980px;
background:url(../images/page_container_bg.gif) no-repeat bottom;
overflow:visible;
z-index: 1;
margin: 0px;
padding: 0px;
}

#page #content { /* standard content box */
position:relative;
float:right;
width:700px !important;
width: 680px;
z-index: 1;
height:auto!important;
min-height:500px;
margin:80px 20px 0px 40px !important;
margin:80px 25px 0px 0px; 
padding: 0px;
overflow:visible;
}



body#homepage #page #content { /* home page content box */
position:relative;
float:left;
width:710px;
height:410px;
height:auto!important;
min-height:398px;
overflow:visible;
color:#0d558a;
margin:80px 10px 0 20px;
}

#page_strap {
background:url(../images/expert_strap.gif) no-repeat;
width:980px;
height:59px;
clear:both;
}

/* header styles ###################################*/
#header .logo {
position:absolute;
top:15px;
right:56px;
}

#language {
position:relative;
top:15px;
left:22px;
background:url(../images/uk_icon.gif) no-repeat;
background-position:8px 8px;
width:200px;
padding-left:30px;
display: none;
}


/* menu styles ##################################*/

#page #leftbar{
position:relative;
float:left;
width:210px;
height:auto;
padding:0px;
margin:20px 0px 0px 0px;
z-index: 50;
text-align: left;
}

#page #leftbar #home{
margin: 0px;
padding: 0px;
height: auto;
width: 20px;
}

#page #leftbar ul{
margin: 0px;
padding: 0px;
height: auto;
width: 200px;
}

#page #leftbar #home li{
list-style-type:none;
position : relative;
color:#7290a6;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 14px;
float: left;
height: auto;
width: 200px;
background:url(../images/leftbar_level1_divider.png) no-repeat bottom;
z-index: 150;
}

#page #leftbar #home ul{
margin: 0px;
padding: 0px;
width: 200px;
}

#page #leftbar #home li ul{
width: 160px;
}

#page #leftbar #home li a {
width: 190px;
	display:block;
	line-height:28px;
	padding:0px 0px 0px 20px;
	color:#005388;
	z-index: 150;
}

#page #leftbar #home li li a {
width: 160px;
	display:block;
	line-height:28px;
	padding:0px 0px 0px 20px;
	color:#005388;
	z-index: 150;
	padding-left: 20px;
	background:url(../images/menu_level1_bullet.png) no-repeat  8px 11px!important;
	background:url(../images/menu_level1_bullet.gif) no-repeat  8px 11px;
	margin: 0px;
}


#page #leftbar #home li li{
list-style-type:none;
position : relative;
color:#005388;
margin: 0px 0px 0px 10px;
float: left;
height: auto;
width: 100%;
background: transparent;
z-index: 150;
}

#page #leftbar #home li.last, #page #leftbar #home #nav li.last{
background: transparent;
}

#page #leftbar #home li li.last{
background: transparent;
}

#leftbar #home li a:hover, #leftbar #home li a.current{
	background:url(../images/menu_level1_bullet.png) no-repeat  8px 11px!important;
	background:url(../images/menu_level1_bullet.gif) no-repeat  8px 11px;
	color: #0d558a;	
	font-weight:bold;
}


#leftbar #home li.last {
background: transparent;
}	
	


/* home page styles #############################*/

#home_flash{
	position:absolute;
	top:190px;
	left:258px;
	width:742px;
	height:400px;
	z-index:99;
}


#monster_flash{
position:absolute;
bottom:261px;
right:39px;
width:763px;
height:409px;
z-index:99;
}

  



#promo_boxes{
height:170px;
padding:12px 15px 12px 15px}



#promo_video{
position:relative;
float:left;
width:219px;
height:174px;
background:url(../images/promo_video.gif) no-repeat top left;
margin-right:24px;
}

#promo_video #player_small{
width:216px;
height:122px;
position:relative;
top:1px;
left:1px;} 



#promo_pdf{
position:relative;
float:left;
width:219px;
height:174px;
margin-right:24px;
}


#promo_pdf ul{
margin: 20px 0px 0px 50px;
padding: 0px;
}

#promo_pdf ul li{
margin: 0px;
padding: 0px;
list-style-type: none;
}


#promo_boxes #promo_pdf a{
color: #00568C
}

#promo_product{
position:relative;
float:left;
width:219px;
height:174px;
margin-right:25px;
}

#promo_reguest{
position:relative;
float:left;
width:219px;
height:174px;
}

#promo_reguest form{
margin: 12px 0px 0px 12px;
color: #00568c
}
#promo_reguest label{
font-weight: bold;

}
#promo_reguest input{
width: 151px;
border: 1px solid #82a3b5;
margin: 5px 0px 5px 0px;
height: 20px;
padding: 0px;
}

#promo_reguest .go{
border: 0px;
color: #ffffff;
background: url(../images/gobtn.gif) no-repeat;
width: 34px;
height: 22px;
line-height: 22px;
position: absolute;
bottom: 64px;
right: 10px;
text-align: left;
padding: 0px;
}

#promo_boxes .promo_strap{
position:absolute;
left:0px;
bottom:0px;
width:205px;
height:35px;
background:url(../images/promo_strap.jpg) no-repeat;
padding:5px 7px 7px 7px;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
}

#promo_boxes .promo_strap td {padding:0;text-align:left;border:0;vertical-align:middle}

#promo_boxes span.promo_bullet{
display:inline-block;
background:url(../images/promo_bulet.png) no-repeat!important;
background:url(../images/promo_bulet.gif) no-repeat;
width:10px;
height:9px;
border:1px solid #FFFFFF;


}

#promo_boxes a, #promo_boxes #promo_pdf .promo_strap a{
color:#FFFFFF;
font-weight:bold;}

#promo_boxes a:hover{
text-decoration:underline;
cursor:pointer;}


/*  table styles ###############################*/

.inlinetable{
background:  url(../images/leftline.html) no-repeat 0px center;
padding: 5px 80px 15px 5px;
border-collapse: collapse;
}

table.white{
background: #ffffff;
border: 0px;
}

.white td{
text-align: left;
border: 0px;
padding: 0px 3px 0px 3px;
}
.white td h2{
width: 100%;
margin: 0px;
padding: 0px;
}

#main .white td p{
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}

#main .inlinetable p{
font-style: italic;
text-align: left;
padding: 0px;
margin: 5px 0px 0px 0px;
}

thead th, .thead th{
background: #cad7e3;
color: #265c8d;
padding: 3px 5px 3px 5px;
}
 th{
color: #265c8d;
padding: 6px 5px 6px 5px;
border: 1px solid #85a1b2;
}
/* td{
padding: 6px 0px 6px 0px;
text-align: center;
vertical-align: top;
border: 1px solid #85a1b2;
color:#ea6c33;
}
*/


/*  page styles ###############################*/

#page #content h1 {
color:#0d558a;
}
#page #content h1 strong {
color:#0d558a;
}
#page #content h2{
color:#0d558a;
}
#page #content h3{
color:#0d558a;
}

#page #content p{
color:#0d558a;}

#page #content p strong{
font-weight:bold;}

#page #content p strong em{
font-style: normal;
color:#0d558a;}

#page #content li{
list-style-image: url(../images/menu_level1_bullet.png) !important;
list-style-image: url(../images/menu_level1_bullet.gif);
color:#0d558a;
line-height: 18px;
}

#page #content a{
color:#ea6c33;
font-weight:bold;
}

#page #content .col1{
position:relative;
float:left;
width:300px;
}

#page #content .col2{
position:relative;
float:left;
width:370px !important;
width: 360px;
margin-left:20px;
margin-top:20px}




.pagelinks ul{
list-style:none;
padding:0px;
margin:20px 0 0 -15px;}

.pagelinks ul li {
list-style-position:outside;

list-style:none;
padding:0px;
margin:20px 0 0 0;}

.pagelinks ul li {
line-height:20px;
padding:1px 0px 0px 0px;
margin:0px;}

.pagelinks ul li a{
padding:0px 0px 0px 15px;
color:#ea6c33;
font-size:15px;
line-height:20px;
margin:0px;}

.pagelinks ul li a:hover, .pagelinks ul li a.current{
background:url(../images/pagelinks_bullet.gif) no-repeat 5px 7px;
color:#ea6c33;
font-size:15px;
}



#container #page #content .pagelist ul{
list-style:none;}

#page #content .pagelinks ul a:hover , #page #content .pagelinks ul a.current{
color:#0d558a;
}
/*  news styles ###############################*/
#latestnewscontainer{
float:left;
width:218px;
height:auto;
background:url(../images/news_bg_repeat.jpg) repeat-y;
margin: 10px 0 0 0;
}
#latestnews {
width:198px;
height:auto;
background:url(../images/news_bg.jpg) no-repeat top;
padding:10px 10px 0 10px;
color:#005388;
}

#latestnews .hr {

height:4px;
background:url(../images/news_divider.jpg) repeat-x;
margin-bottom:1px;
margin-top:6px;
}


#latestnewsfoot {
background:url(../images/news_foot_bg.jpg);
width:198px;
height:33px;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
padding:15px 10px 0 10px;
}

#latestnewsfoot a{
	color:#FFFFFF;
}

#latestnews h1 {
	font-size:16px;
}

#latestnews a{
color:#FF7816;
}

.news .title h2{
padding-right: 150px;
}

#news {
position:relative;
background:#FFFFFF url(../images/latest_news_bg.gif) no-repeat bottom;
margin:0;
padding:4px 15px 10px;
}



p.latestnewstitle{
color:#0e568a;
font-weight:bold;
margin:0;
padding:0;
}

p.latestnews {
color:#747474;
margin:0;
padding:0;
}

div.hrNews {

height:4px;
background:url(../images/news_divider.jpg) no-repeat;
margin-bottom:1px;
margin-top:6px;
}

div.hrNews hr {
display:none;
}


div.hrNewsList{
height:4px;
background:url(../images/blue_divider.gif) no-repeat;
margin-bottom:1px;
margin-top:6px;}

div.hrNewsList hr {
display:none;}


.news{
margin:15px 0px 20px 0px;}

.news .title {
position:relative;
width:100%
}

.news .title h2, .news .title h2{
color:#0d558a;
margin: 0;}

.news .title h5{
 color:#0D558A;
 margin:0.5em 0;
 padding:0;
 text-decoration:none;
}


.readmore{
	background:url(../images/menu_level1_bullet.png) no-repeat  2px 5px!important;
	background:url(../images/menu_level1_bullet.gif) no-repeat  2px 5px;
height:6px;
width:10px;

}




.orange{
color:#ea6c33}
.blue{
color:#0d558a;}

.inforequest {
position:relative;
float:left;
width:170px;
height:183px;
margin:15px 0 25px 15px;
padding:0 0 0 15px;
background:  url(../images/request_bg.gif) no-repeat top;
}

.inforequest h1 {
height:31px;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
margin:0;
padding:7px 10px 0 0px;
}
	 
.inforequest form{
margin: 0px;
}
.inforequest label{
font-weight: bold;
color: #00568c
}
.inforequest input{
width: 151px;
border: 1px solid #82a3b5;
margin: 5px 0px 5px 0px;
height: 20px;
padding: 0px;
color: #00568c
}

.inforequest .go{
border: 0px;
color: #ffffff;
background: url(../images/gobtn.gif) no-repeat;
width: 34px;
height: 22px;
line-height: 22px;
text-align: left;
padding: 0px;
}
	 
	 
	 /* footer styles */
	 	 
#footer {
width:970px;
font-size:11px;
color:#0d558a;
margin:0 auto;
}

#footer a:hover {
text-decoration:underline;
color:#0d558a;
}

#footer #f_left {
float:left;
width:450px;
text-align:left;
}

#footer #f_right {
float:right;
width:400px;
text-align:right;
}

#footer ul {
list-style:none;
display:inline;
margin:0;
padding:0;
}

#footer ul li {
display:inline;
background:url(../images/footer_spacer.gif) no-repeat 4px 3px;
padding-left:11px;
}



#page #content .productbox{
width: 273px;
float: left;
background: #ffffff url(../images/productboxbg.gif) repeat-x bottom left;
}

#page #content .productbox h1{
color: #f7752f;
background: url(../images/prodboxh1bg.gif) no-repeat;
height: 38px;
margin-top: 0px;
line-height: 34px;
text-indent: 15px;
}

#page #content .productbox h1 strong{
color: #ffffff;
}


#page #content .productbox h2, #page #content .productbox p{
padding: 0px 0px 0px 20px;
margin-top: 14px;
}

#page #content .productbox hr{
border: 0px;
height: 3px;
color: #ffffff;
background: #ffffff url(../images/hrbg.gif) repeat-x ;
margin: 20px 20px 20px 20px;
width: auto;
}
#page #content hr{
height:1px;
margin: 8px 20px 8px 20px;
border: 0px;
border-bottom: 1px dotted #666666;
outline: 0px;
width: 600px;
color: #ffffff;
}

#team{
float: left;
margin-top: 0;
padding: 11px 0px 10px 72px;
background: url(../images/teambg.gif) no-repeat;
width: 651px !important;
width: 611px;
height: 372px;
}

div.team_large#team{
float: left;
margin-top: 50px;
padding: 11px 0px 10px 72px;
background: url(../images/team_large_bg.gif) no-repeat;
width: 651px !important;
width: 611px;
height: 486px;
}



#team a{
float: left;
width: 221px;
height: 113px;
background: #a2b5ce url(../images/team_arrow_white.gif) no-repeat 120px 15px;
border-left: 1px solid #ffffff;
position: relative;
border-bottom: 1px solid #ffffff;
display: block;
}

#team a.empty{
background: #D2DDE3;
border: 0px;
width: 222px;
height: 113px;
}

#team a:hover, #team a.current{
background: #0e568a url(../images/team_arrow_orange.gif) no-repeat 120px 15px;
}

#team a img{
float: left;
margin-right: 20px;
border-right: 1px solid #ffffff;

}

#team a.empty:hover{
background: #D2DDE3;
}


#team a.single{
	width: 110px;
	margin: 0px;
	padding: 0px;
}

#team a.single img{
margin: 0px;
}

#team a.top{
width: 110px;
height: 227px;
background: #a2b5ce url(../images/team_arrow_white_up.gif) no-repeat 8px 130px;
float: left;
}

#team a.right{
float: left;
}

#team .top:hover{
background: #0e568a url(../images/team_arrow_orange_up.gif) no-repeat 8px 130px;
}


#team a.right{
background: #a2b5ce url(../images/team_arrow_white_right.gif) no-repeat 90px 15px;

}

#team .right:hover{
background: #0e568a url(../images/team_arrow_orange_right.gif) no-repeat 90px 15px;
}


#team a.right img{
float: right;
border-left: 1px solid #ffffff;
border-right: 0px;
margin-left: 10px;
margin-right: 0px;
}


#team a.top img{
float: left;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
}


#team a .shading{
position: absolute;
top: 0px;
left: 0px;
width: 110px;
height: 113px;
background: url(../images/overlay.png) !important;
background: url(../images/overlay.gif);
}

#team a:hover .shading,  #team a.current .shading{
background: transparent !important;
background: transparent;
}


#team a.right .shading{
top: 0px;
left: 111px;
}

#team a.top .shading{
top: 0px;
left: 0px;
}

#team a:hover .shading{
background: transparent;
}


#page #content #team a h1{
color: #ffffff;
font-size: 12px;
line-height: 16px;
margin: 0px;
font-weight: bold;
padding: 10px 10px 0px 10px;
}


#page #content #team a.top h1{
padding: 10px 0px 0px 20px;

}

#page #content #team a.right h1{
padding: 10px 0px 0px 20px;
}


#page #content #team a h2{
color: #ffffff;
font-size: 12px;
font-weight: normal;
padding: 5px 0px 0px 20px;
margin: 0px;
}


#page #content #team a{
color: #ffffff;
text-align: left;
}
#content .staffleader img{
float: left;
padding: 0px 20px 20px 0px;
}

#vertical_slide1{
margin-bottom: 20px;
}

#page #content .error{
font-size: 14px;
color: #ff0000;
}


#page #content table{
/*border-collapse: collapse;
width: 100%;
border: 1px solid #7290a6;*/
}

#page #content th{
background: #0e568a;
color: #ffffff;
border: 0px;
padding: 3px 10px 3px 15px;
}
#page #content thead th{
border-bottom: 5px solid #7290a6;
}

#page #content td{
text-align: left;
padding: 3px 10px 3px 15px;
color:#0e568a;
}

#page  #content .orderform{
width: 100%;
}
#page #content  .orderform thead th{
border-bottom: 5px solid #7290a6;
background: #0e568a;
width: auto;
color: #ffffff;
}
#page  #content .orderform th{

background: #ffffff;
color: #0e568a;
border: 1px solid #7290a6;
vertical-align: top;
font-weight: normal;
}
#page  #content .orderform td{
vertical-align: top;

}
.orderform input{
width: 350px;
}
.orderform textarea{
width: 350px;
height: 50px;
}
.orderform input.qty{
width: 30px;
}
.orderform input.button{
width: auto;
}

.login label{
font-weight: bold;
}

.login input{
display: block;

width: 151px;
border: 1px solid #82a3b5;
margin: 5px 0px 5px 0px;
height: 20px;
padding: 0px;
color: #00568c
}

.login .button{
border: 0px;
color: #ffffff;
background: url(../images/longbutton.gif);
width: 75px;
height: 22px;
line-height: 16px;
text-align: right;
padding: 0px 10px 0px 0px;
cursor: pointer;
}

#page #content .table2 thead th {
 border-bottom:0;
}

#page #content .table2 thead td {
 background-color: #7290A6;
}

/* Dynamic forms */

.formsTable {
}
.formsTable td{
	padding:3px 10px 3px 15px;
	text-align:left;
	background:#EDF1F4;
}
.formsTable .fieldTitle {
	background:#EDF1F4;
	padding:3px 10px 3px 15px;
	text-align:right;
	color:#0E568A;
}

.formsTable .sectionHeader{
	border-bottom:5px solid #7290A6;
	background:#0E568A;
	color:#FFFFFF;
	padding:3px 10px 3px 15px;
}

.clear {clear:both;}

#page #content .productsTable {}

#page #content .productsTable td{
	padding:0px;
}

#page #content .tableStyle {
border-collapse: collapse;
border: 1px solid #85a1b2;
}
#page #content .tableStyle td {
border: 1px solid #85a1b2;
}
#page #content .tableStyle th p {
color:#FFFFFF;
}

#page #content #ifu .tableStyle th {
 font-size: 9px;
 padding:3px;
}

#page #content #ifu .tableStyle  td {
font-size:10px;
}

#page #content #ifu .tableStyle td p {
margin:0;
}