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


/* GENERAL LAYOUT __________________________________________________________________________________________________ */


body{ text-align:center; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#565656; font-size:70%; line-height:1.3em; background:#283e60}
table{ font-size:1em}

#main{ background: #283e60 url(images/tile_main.jpg) top left repeat-x}
#wrapperleft{ width:845px; margin:0 auto; background:url(images/bg_left.jpg) top left no-repeat}
#wrapperright{ background:url(images/bg_right.jpg) top right no-repeat}
#wrapper{ text-align:left; width:793px; margin:0 auto; padding: 10px 10px 20px 10px; background:#fff}

#header{}
#printheader{display:none;}

#flash{ float:left; margin:0; padding:0; border:none}
#headimg{ float:right}

#page{ padding-top:35px}
#left{ float:left; width:165px;}
#leftcontact{ float:left; width:170px;}

#footer{ background: url(images/tile_footer.jpg) top left repeat-x}
#footerleft{ width:845px; margin:0 auto; background:url(images/bg_footerleft.jpg) top left no-repeat}
#footerright{ background:url(images/bg_footerright.jpg) top right no-repeat}
#footertop{ width:813px; margin:0 auto; padding:7px 0; background:#fff url(images/tile_footertop.gif) top left repeat-x}
#footerbottom{ width:813px; margin:0 auto; color:#6191d2; padding:13px 0 30px 0;
background:url(images/bg_footerbottom.jpg) top left no-repeat}
#footerbottom a{ color:#6191d2; text-decoration:underline}
#footerbottom a:hover, #footerbottom a:active{ color:#8eafdc; text-decoration:none}


/* HOME PAGE __________________________________________________________________________________________________ */


.pagehome{ background:url(images/bg_home.jpg) top left no-repeat }
#homeleft{ float:left; width:587px;}
#intro{ float:right; width:370px; padding:0 30px 0 0; background: url(images/bg_homeright.gif) top right no-repeat }
#homeright{ float:right; width:167px; padding:15px 20px 0 0; }

#homeright h2{ margin:0; padding:0; background:url(images/arrows_blue.gif) right center no-repeat}

p.logos{ margin-top:25px}


/* INSIDE PAGES __________________________________________________________________________________________________ */


.pageinside{ padding-bottom:85px; background:url(images/bg_inside.jpg) top left no-repeat}
#right{ float:right; width:606px;}
#righttext{ float:right; width:591px; padding-right:15px  }

#textwrap{ height:150px; padding-top:10px;}
.text{ padding-left:13px;  background: url(images/arrow_grey.gif) left 5px no-repeat}
.text p{ margin-top:0; padding-top:0}


/* PRODUCT PAGES __________________________________________________________________________________________________ */





/* SUBNAV __________________________________________________________________________________________________ */


#left ul, #leftcontact ul{ list-style:none; margin:0; padding:0}
#left li, #leftcontact li{ background: url(images/bg_li.jpg) 12px bottom no-repeat; overflow:hidden; display:block }
#left a, #leftcontact a, #leftcontact span{ color:#4a4a4a; text-decoration:none; display:block; padding:4px 0 4px 12px}
#leftcontact a{ text-decoration:underline} #leftcontact a:hover, #leftcontact a:active{ text-decoration:none}
#left a:hover, #left a:active, #left a.active, #leftcontact a:hover, #leftcontact a:active, #leftcontact .active{ 
color:#275292; background:url(images/nav_hover.gif) left 8px no-repeat}


/* TEXT & LINKS __________________________________________________________________________________________________ */


h1{ font-size:1.2em; color:#5e5e5e; margin-top:15px;}
h2{ font-size:1em; color:#275292; margin-top:15px}
h3{}

a{ color:#283e60}
a:hover, a:active{ text-decoration:none}

.clear{ clear:both}


/* FORMS __________________________________________________________________________________________________ */


form{ margin:0; padding:0} form.contact{ width:570px}
fieldset{ margin:0; padding:0; border:none}
input, textarea, select{ font-size:1em}

.contactheading{ margin-bottom:15px}

input.long, input.short, select{ width:232px;border:1px solid #e4e4e4; border-top: 1px solid #8e8e8e; padding:2px 0 2px 8px; display:block; margin-top:8px; background: #fff url(images/tile_input.gif) repeat-x }
input.short{ width:160px}
select{ padding:1px 1px 1px 8px; border-top:1px solid #e4e4e4; background:#fff; width:170px; }

fieldset.left{ float:left; width:265px}
fieldset.right{ float:left; width:305px}
fieldset.small1, fieldset.small2, fieldset.small3, fieldset.small4{ float:left;}
fieldset.small1, fieldset.small2{ width: 200px} fieldset.small4{ margin-top:15px; clear:left}

#contacttop{ padding:25px 0; margin-bottom:15px; background:url(images/tile_contact.gif) bottom left repeat-x}
#buttons{ text-align:right; margin-top:15px}