/**
Color used in CSS:
Dark blue : #1f4a7d;
lite blue : #5499d1;
Orange : #eb801f
**/

/*---------- General decleration ------------*/
body {
margin:0;
padding:0;
height:100%;
font-family:Arial;
font-size:10pt;
color:#000000;
}
a img {
border:0;
}

div.clear {
width:100%;
clear:both;
float:none;
height:0;
font-size:0;
display:inline;
}

div#container {
width:960px;
margin:auto;
padding-bottom:10px;
}


div#pixels
{
position:absolute;
left:-1000px;
top:-1000px
}

/*---------- Header ------------*/

div#header_top {
width:960px;
margin:0;
padding:0;
float:left;
height:auto !important;
min-height:373px;
height:373px;
background:url(images/top_bg.jpg) no-repeat top center #ededed;
border-bottom:1px solid #5f97bf;
}

a#page_logo {
width:320px;
height:92px;
float:left;
margin-top:10px;
margin-left:10px;
background-image:url(images/logo.png);
display:block;
}

div#header_top div.header_contents {
height:auto !important;
height:200px;
min-height:200px;
width:924px;
padding: 0 18px;
padding-top:30px;
padding-bottom:20px;
margin-top:22px;
float:left;
clear:left;
background-image:url(images/header_image_1.jpg);
/*background-image:url(images/header_image_2.jpg);*/
background-position:center right;
background-repeat:no-repeat;
}

div#header_top h1 {
width:640px;
float:left;
padding-left:24px;
background:url(images/h1arrow_gray.gif) no-repeat center left;
color:#6d6e70;
font:bold 22px arial;
clear:left;
margin:0;
}

div#header_top h2 {
width:640px;
float:left;
padding-left:24px;
color:#9e0006;
font:normal 18px arial;
clear:left;
margin:0;
}

div#header_top h3 {
width:640px;
float:left;
padding-left:24px;
color:#9e0006;
font:bold 14px arial;
clear:left;
margin:0;
margin-top:20px;
}

div#header_top p {
width:640px;
float:left;
padding-left:24px;
margin: 10px 0 0 0;
color:#000000;
font:normal 14px arial;
clear:left;
}

/* --------- Products ----------- */

div.prd_strip {
width:100%;
float:left;
padding: 15px 0;
border-bottom:1px dotted #c2c2c2;
}

div.prd_strip img.prd_image {
float:left;
width:200px;
height:167px;
border: 1px solid #c2c2c2;
padding: 1px;
margin-right:10px;
}

div.prd_strip div.prd_desc {
width:465px;
float:left;
}

div.prd_strip h3 {
width:447px;
padding-left:18px;
background: url(images/prd_titleArrow.gif) no-repeat left center;
color:#666666;
font:bold 15px arial;
float:left;
margin:0;
}

div.prd_strip h3 span.red {
font-style:italic;
color:#9e0006;
}

div.prd_strip p {
float:left;
width:465px;
color:#000000;
margin:5px 0 15px 0;
clear:both;
}

a.read_more {
color:#9e0006;
}

div.prd_strip a.claim_1 {
display:block;
float:right;
width:200px;
height:30px;
background:url(images/claim_button_1.gif) no-repeat;
}

div.prd_strip a.claim_2 {
display:block;
float:right;
width:222px;
height:44px;
background:url(images/claim_button_2.gif) no-repeat;
}

div.prd_strip a.claim_2_inner {
display:block;
float:right;
width:222px;
height:44px;
background:url(images/claim_button_2-old.gif) no-repeat;
}

div.prd_strip a.homepage {
display:block;
float:right;
font-style:italic;
color:#9e0006;
width:202px;
margin:5px 0 15px 0;
}

a.homepage {
display:block;
text-align:center;
font-style:italic;
font-weight:bold;
color:#9e0006;
width:952px;
margin:5px 0 15px 0;
}


div.prd_strip ul {
list-style-type:none;
width:260px;
float:right;
color:#2f78ac;
margin:0;
padding:0;
}

div.prd_strip ul li {
line-height:16px;
margin:0;
padding:0;
margin-bottom:8px;
padding-left:25px;
background: url(images/check.gif) no-repeat 0 0;
}

div.prd_strip img.prd_banner {
float:left;
width:120px;
height:600px;
border: 1px solid #c2c2c2;
padding: 1px;
margin-right:10px;
}


/*-------------- Quote box -------------- */
div.quote_box {
width:920px;
padding:20px;
background-color:#eeeeee;
color:#000000;
font-style:italic;
font-size:16px;
font-weight:bold;
float:left;
}

div.quote_box span.quotation {
font-size:20px;
font-weight:bold;
}

div.quote_box p.quote_by {
margin:0;
padding:0;
float:right;
text-align:right;
clear: both;
margin-top:5px;
font-style:normal;
color:#666666;
width:100%;
}

h3.page_bottom {
width:960px;
float:left;
color:#9e0006;
font:bold 18px arial;
clear:left;
margin:0;
padding:20px 0;
text-align:center;
}

a.page_bottom {
width:960px;
float:left;
color:#9e0006;
font:bold 14px arial;
clear:left;
margin:0;
padding:20px 0;
text-align:center;
}


/* ------------- FOOTER -----------*/

div#footer {
width:100%;
float:left;
border-top:1px solid #5f97bf;
padding-top:20px;
padding-bottom:5px;
}

div#footer div.icons {
text-align:center;
padding-bottom:15px;
}

div#footer div.icons img {
padding:0 5px;
}

div#footer div.links, div#footer div.links a {
text-align:center;
color:#666666;
}

div#footer div.links a:hover {
text-decoration:none;
}