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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
fieldset, img{ border:0; vertical-align:top;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
input, select { vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}

/********** misc ***********/
a   {color:#737373; text-decoration:none; }
a:hover  { text-decoration:underline; }
.fLeft  { float:left !important; }
.fRight { float:right !important; }
.fNone  { float:none !important; }
.noDisplay   { display:none; }
.noMargin    { margin:0 !important; }
.noPadding   { padding:0 !important; }
.noBg   { background:none !important; }
p{ padding-bottom:10px; color:#282828; line-height:18px;}
button, input[type="reset"], input[type="button"], input[type="submit"] { border:none; cursor:pointer; padding:0; }
input[type="text"], textarea{ font-size:14px; font-family:Arial, Helvetica, sans-serif; border:#e9e9e9 solid 1px; height:26px; line-height:26px; background-color:#f8f8f8; padding:0 5px; width:234px; color:#333; margin-bottom:10px;}
textarea{ height:70px;}
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}
.clearfix {display: block;}


body{ font: 12px/18px Arial, Helvetica, sans-serif; background:#015f99 url(../images/background1.jpg) left top repeat-x;}

#container{ width:993px; margin:0 auto;}
#header, #navigation, #footer { float:left; width:993px; }
.headerTop a { line-height:18px; background:url(../images/mesage.png) left top no-repeat; color:#ffffff; font-size:14px; font-weight:bold; padding-left:30px;; margin-right:55px;}
.headerTop img { margin-bottom:15px;}
.headerTop span { line-height:18px; background:url(../images/phone.png) left top no-repeat; color:#ffffff;; font-size:14px; font-weight:bold; padding-left:36px;}
.headerWrpa { width:993px; min-height:162px; background:url(../images/header.png) left top no-repeat;}
#logo{ float:left; padding:20px 51px 0 0;}

#navigation {min-height:47px; background:url(../images/navigation.jpg) left top repeat-x;}
#navigation ul { float:left; padding:6px 36px 0 36px;;}
#navigation li{ float:left; margin:0 10px; }
#navigation li.selected a{ background:url(../images/navl.png) left top no-repeat; }
#navigation li.selected a span{ background:url(../images/navr.png) right top no-repeat; }

#navigation li a { font-size:15px; font-weight:bold; color:#ffffff;  text-decoration:none; line-height:39px; display:block; padding:0 0 0 16px;}
#navigation a span{ display:block; padding:0 27px 0 8px;}
#navigation li a:hover{ background:url(../images/navl.png) left top no-repeat;}
#navigation li a:hover span{ background:url(../images/navr.png) right top no-repeat;}





.servicesWrap{ background-color:#FFF; float:left; width:993px; padding-bottom:10px;}
#content, #banner, #innerBanner{ width:993px; margin:0 auto; background-color:#FFF;  }
#innerBanner{ text-align:center; float:; padding:15px 0 0; }

#contentWrap{background:url(../images/background.png) center top no-repeat; clear:both; margin:0 auto; min-height:1051px; }

.services{ width:935px; background-color:#c1e8ff; border:#8bc8d6 solid 1px; margin:0 25px 20px; padding:7px 0 5px 0; float:left;}
.box{ float:left; width:320px; font-weight:bold; color:#282828; font-size:12px;}
.box ul li{ background:url(../images/arrow.gif) left 6px no-repeat; line-height:18px;  padding:0 0 4px 15px; }
.box p img{ float:left; margin:0 10px 15px 0;}
.box p{ width:280px;  padding:0 0 0 6px;}
.box a{ text-decoration:underline; /*  background:url(../images/bullet.gif) right center no-repeat; */ padding:0 8px 0 0; font-size:11px;  }
.box a:hover{ text-decoration:none;}
.box h2{ font-size:16px; color:#005b94; border-bottom:#8bc8d6 solid 1px; padding:0 0 3px 32px; line-height:32px; font-size:16px; font-weight:bold; margin-bottom:10px; }
.whyHawa h2{background:url(../images/whyhawa.jpg) 6px 2px no-repeat; text-transform:uppercase; padding-left:35px; }
.box h2 span{ color:#b60000;}
.prodRange h2{background:url(../images/service.jpg) left 2px no-repeat; }
.quality{ width:280px;}
.quality h2{background:url(../images/quality-ico.jpg) left 2px no-repeat; }
#aside .quality h2{background:url(../images/quality-icon.jpg) left center no-repeat;}

.prodRange a{ margin-left:15px;}
.quality a{ margin-left:118px;}

#infoWrap{ padding:10px 25px 25px; width:937px;}
#information{ float:left; width:632px; padding:0 15px 0 0; min-height:400px;}
#information p{ text-align:justify;}
h3{ font-size:20px; color:#b60000; line-height:26px; padding-bottom:10px; clear:both;}
h3 span{ color:#005b94; }
.readMore{ float:right;}


.availaSize th{ background-color:#caedff; color:#006eaa; padding:5px 0; text-transform:uppercase; font-size:14px; border-bottom:#fff solid 2px;}
.availaSize td{ padding:5px 0; text-align:center; font-weight:bold; font-size:14px; color:#666666;}
.availaSize tr.odd{ background-color:#f3f3f3;}

#aside{ float:left; width:290px;  }
#aside .requestQuote{background-color:#c1e8ff; padding:5px 0 10px; border:1px solid #8BC8D6; }
.requestQuote{ margin-bottom:10px;}
#aside h4{background:url(../images/request-quote.jpg) 24px center no-repeat; border-bottom:#8bc8d6 solid 1px; width:220px; line-height:35px; padding:0 0 4px 70px; font-size:16px; font-weight:bold; color:#005b94;}
#aside h4 span{ color:#b60000;}

#requestquote{ padding:10px 0 10px 22px;; width:245px;}
#requestquote label{ color:#646464;}
#requestquote input.{ line-height:26px; height:26px; width:244px;}
.footerWrap{ width:973px; float:left;}
#footer{ background-color:#dddddd; padding:20px 0 30px 20px; width:973px; }
#footer .contact{ float:left; width:325px; background:url(../images/contact.jpg) left 57px no-repeat; padding:0 0 0 75px; font-size:14px; color:#010101;}
.contact h3, .ourClient h3 { padding-bottom:0; font-weight:bold; text-transform:uppercase; font-size:20px; padding-bottom:5px;}
.ourClient h3 { text-transform:none;}
#footer .contact a{ color:#010101;}
.ourClient{ float:left; width:218px; padding:0 20px 0 0; }
.ourClient p{ color:#434343; font-size:12px; line-height:19px; text-align:justify;}
.map{ float:left; padding:10px 0 0 ;}
.footerNav{ clear:both; float:left; padding:10px 0; background-color:#FFF; width:993px; }

.footerNav a{ color:#00669e; text-transform:uppercase; font-size:17px; font-weight:bold;}
.footerNav a:hover{color:#b60000; text-decoration:none;}
.footerNav li{ float:left; line-height:32px; padding:0 25px;}
.footerNav li.selected a{ color:#b60000;}
.footerBottom{ clear:both; width:993px; margin:0 auto; min-height:50px; padding-bottom:10px;}
.footerBottom p{}
.fSubmit .submit{ background:url(../images/button.gif) left top repeat-x; width:100px; text-align:center; font-size:15px; font-weight:bold; text-transform:uppercase; color:#fff;}

#requestquote label.error {color:#FF0000; border:none; background-color:transparent; margin-bottom:5px; font-size:12px; display:block; }
#requestquote input.error, textarea.error{ border:#F00 solid 1px; margin-bottom:5px;}


#backToTop, #backToTopAncher  {
    background: url(../images/up-arrow.png) no-repeat right center;
    bottom: 10px;
    color: #000000;
    cursor: pointer;
    display: none;
    font-size: 0.917em;
    height: 29px;
    line-height: 29px;
    position: fixed;
    right: 10px;
    text-decoration: none;
    width: 85px;
	text-align:right;
	padding-right:32px;
    z-index: 22;
}

#innerInfoWrap{ padding:10px 24px 25px; width:945px; float:left; background-color:#FFF;}
.aboutHawa img{ float:left; margin:0 10px 0 0;}
#innerInfoWrap .availaSize{ margin-bottom:10px;}
#innerInfoWrap #information{ padding-right:20px;}
#innerInfoWrap h3{ border-bottom:#6a6a6a dashed 1px; margin-bottom:10px; padding-bottom:5px;}
.qualityWrap .fLeft{ width:385px;}

.ulStyle{ clear:both; padding-bottom:10px;}
.ulStyle li{ padding-left:15px; line-height:18px; padding-bottom:5px; text-align:justify; background:url(../images/bullet-list.gif) left 6px no-repeat; }
.clientel { width:627px; min-height:28px; background:#c1e8ff; border:1px solid #8bc8d6; text-align:center; font-size:15px; color:#bf2020; font-weight:bold; text-transform:uppercase; line-height:28px; clear:both;}
.clientel span { margin:0 5px;}
.clientlist{border:1px solid #8bc8d6; border-top:none; float:left; width:627px; margin-bottom:25px;}
.clientlist ul{float:left; padding:5px 0 10px 15px; border-right:#8bc8d6 solid 1px;}
.clientlist li{color:#282828; line-height:25px;  background:url(../images/bullet-list.gif) left 9px no-repeat; padding-left:15px;}
.clientlist ul.clientlistright{width:296px; border-right:none; }
.clientlistleft {width:288px;}

.contactWrap{ width:632px;}
.contactL{ float:left; width:240px; }
.contactR{ float:left; }
.contactL h4{ color:#b60000; font-weight:bold; font-size:19px; text-transform:uppercase; line-height:25px; padding-bottom:5px;}
.contactL p{ line-height:26px; font-size:13px; color:#010101;}
.contactR{ float:right; width:390px;}
.qualityLine{ width:295px;}
.contactL a{ color:#005B94;}
.howToImp  .ulStyle{ float:left; width:458px; clear:none;}
.howToImp img{ width:158px; margin:0 15px 0 0;}