/* Global styles */
/* ------------------------------------------------------------------------ */

*
{
margin: 0px;
padding: 0px;
}

body {
background-color: #b7caeb;
font-family: Arial;
font-size: 12px;
text-align: center;
}

p {
line-height: 16px;
text-align: justify;
}

span.red
{
color: #e00f0f;
}

span.tel
{
color: #4b5b7a;
font-weight: bold;
}

h1 {
font-size: 24px;
color: #4b5b7a;
margin-bottom: 12px;
}

div#logoarea img
{
	border: 0px;
	}

div.textarea h1
{
margin-bottom: 20px;
}

h2 {
font-size: 17px;
color: #4b5b7a;
margin-bottom: 6px;
margin-top: 12px;
}


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

div#wideheader {
background-color: #4b5b7a;
height: 167px;
}

div#header {
width: 954px;
margin: auto;
text-align: left;
}

div#logoarea {
padding-top: 12px;
color: #ffffff;
}

div#logotexta
{
width: 182px;
text-align: center;
padding-bottom: 6px;
}

div#logoarea img {
margin-right: 12px;
vertical-align: text-bottom;
}

div#headera {
height: 124px;
}

div#headerb
{
padding-top: 36px;
float: right;
}


div#headerb ul {
list-style-type: none;
border-top: 2px solid #b7bdca;
border-bottom: 2px solid #b7bdca;
padding: 8px 5px 8px 5px;
}

div#headerb li {
display: inline;
}

div#headerb li a {

color: #ffffff;
text-decoration: none;
border-right: 1px solid #b7bdca;
padding: 0px 3px 0px 3px;
font-size: 11px;
}

div#headerb li a.last
{
border-right: 0px;
}


/* Tab nav */
/* ------------------------------------------------------------------------ */

div#tabnav ul
{
list-style-type: none;
}

div#tabnav li
{
display: inline;

}

div#tabnav a
{
float: left;
width: 159px;
height: 43px;
background: url('../images/tabs.gif') top no-repeat;
color: #ffffff;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 13px;
}

div#tabnav a span.tabtext
{
display: block;
	padding: 6px 12px 0px 12px;
}

div#tabnav a span.tabtextsl
{
	display: block;
padding: 12px 12px 0px 12px;
}

div#tabnav a:hover
{
background-position: bottom;
}

div#tabnav a.active
{
background-position: bottom;
}



div#pagebody
{
width: 954px;
background: url('../images/page-bottomright.gif') bottom right no-repeat #ffffff;
margin: auto;
text-align: left;
}

div.padder
{
padding: 12px;
}


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

div.banner
{
border: 1px solid #4b5b7a;
margin-bottom: 12px;
cursor: pointer;
}

div.banner div.bh1
{
background: #4b5b7a;
color: #ffffff;
height: 32px;
line-height: 32px;
font-size: 19px;
text-align: center;
font-weight: normal;
}

div.bannerbody
{
background: url('../images/banner-back.jpg') bottom right no-repeat;
padding-right: 300px;
height: 80px;
line-height: 16px;
}

div.bannerbody p {
padding: 6px 0px 0px 12px;
}


/* Big boxes */
/* ------------------------------------------------------------------------ */

div.boxarea
{
clear: both;
height: 375px;
}

div.bigbox
{
width: 453px;
float: left;
}

div.bigboxh1
{
background: url('../images/box-top-left.gif') top left no-repeat #4b5b7a;
height: 57px;
line-height: 57px;
text-align: center;
font-size: 21px;
color: #ffffff;
font-weight: bold;
}

div.bigboxh2
{
text-transform: uppercase;
background: url('../images/box-arrow.gif') 350px bottom no-repeat #91a9d3;
height: 27px;
line-height: 27px;
text-indent: 12px;
font-size: 16px;
font-weight: bold;
}

div.boxbody table
{
width: 453px;
border-collapse: collapse;
border: 1px solid #4b5b7a;
}

div.boxbody td{
border: 1px solid #4b5b7a;
}

div.boxbody table td.maincolumn
{
width: 70%;
}

div.boxbody td.pricecell
{
font-size: 27px;
text-align: center;
text-transform: lowercase;
}

div.bigprice
{
font-size: 40px;
font-weight: bold;
}

div.boxbody td.price
{
font-size: 24px;
}

div.boxbody table td.listchecked
{
width: 300px;
height: 40px;
line-height: 40px;
background: url('../images/box-listchecked.gif') no-repeat;
text-indent: 50px;
font-size: 17px;
}

div.boxbody table td.listnotchecked
{
width: 300px;
height: 40px;
line-height: 40px;
background: url('../images/box-listnotchecked.gif') no-repeat;
text-indent: 50px;
font-size: 17px;
}


table img
{
vertical-align: middle;
}

div.boxbottom a
{
float: right;
width: 153px;
height: 54px;
background: url('../images/box-jointoday.gif') #ff0000;
text-transform: uppercase;
text-decoration: none;
line-height: 54px;
text-indent: 18px;
color: #ffffff;
font-size: 16px;
font-weight: bold;
}

div.boxbottom a:hover
{
text-decoration: underline;
}

div.bigboxh3
{
height: 54px;
line-height: 54px;
text-indent: 20px;
font-size: 21px;
color: #ffffff;
background-color: #4b5b7a;
}

div.sidebyside
{
float: left;
margin-left: 24px;
}


/* Homepage footer */
/* ------------------------------------------------------------------------ */

div#homefooter
{
padding-right: 188px;
padding-bottom: 12px;
}

div#homefooter p
{
padding-bottom: 24px;
}

div#homefooter img.imageleft
{
float: left;
vertical-align: middle;
}

img.imageright
{
float: right;
}

/* Red box */
/* ------------------------------------------------------------------------ */ 

div#homefooter div.redbox
{
margin-left: 191px;
margin-top: 5px;
}

div.redbox
{
background: url('../images/redbox-middle.gif') center repeat-x red;
height: 51px;
}

div.redboxright
{
background: url('../images/redbox-right.gif') right no-repeat;
}

div.redboxleft
{
background: url('../images/redbox-left.gif') left no-repeat;
text-align: center;
}

div.redbox a
{
line-height: 51px;
text-align: center;
font-size: 22px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

div.redbox a:hover
{
text-decoration: underline;
}

/* Content Box */
/* ------------------------------------------------------------------------ */

div.contentbox
{
width: 453px;
margin-bottom: 12px;
} 

div.contentbox p
{
margin-bottom: 12px;
}

div.contentbox a.gobutton
{
float: right;
}

div.contentboxh1 {
background: url('../images/whitebox-topfill.gif') repeat-x #4b5b7a;
height: 42px;
line-height: 42px;
color: #ffffff;
font-size: 17px;
text-align: center;
font-weight: bold;
}

div.contentboxbody
{
border-left: 2px solid #000000;
border-right: 2px solid #000000;
}

div.contentboxh1 div.hleft
{
height: 42px;
background: url('../images/whitebox-topleft.gif') top left no-repeat;
}

div.contentboxh1 div.hright
{
height: 42px;
background: url('../images/whitebox-topright.gif') top right no-repeat;
}

div.contentboxbottom
{
clear: right;
height: 20px;
background: url('../images/whitebox-bottomfill.gif') bottom repeat-x #ffffff;
}

div.contentboxbottom div.hleft
{
height: 20px;
background: url('../images/whitebox-bottomleft.gif') bottom left no-repeat;
}

div.contentboxbottom div.hright
{
height: 20px;
background: url('../images/whitebox-bottomright.gif') bottom right no-repeat;
}

/* Green Box */
/* ------------------------------------------------------------------------ */

div.greenbox
{
width: 453px;
}

div.greenboxh1
{
background: url('../images/greenbox-topfill.gif') top left repeat-x #218f43;
color: #ffffff;
font-weight: bold;
text-align: center;
font-size: 17px;
height: 47px;
line-height: 47px;
}

div.greenboxh1 div
{
border-right: 1px solid #4b5b7a;
background: url('../images/greenbox-topleft.gif') top left no-repeat;
height: 47px;
}

div.greenboxbody2
{
color: #4b5b7a;
font-size: 40px;
text-align: center;
height: 146px;
border-left: 1px solid #4b5b7a;
border-right: 1px solid #4b5b7a;
cursor: pointer;
}

div.greenboxbottom
{
background: url('../images/greenbox-bottomfill.gif') repeat-x #218f43;
height: 39px;
}

div.greenboxbottom div
{
border-left: 1px solid #4b5b7a;
background: url('../images/greenbox-bottomright.gif') bottom right no-repeat;
height: 39px;
}

a.gobutton
{
background: url('../images/button-go.gif') no-repeat #218f43;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 30px;
height: 122px;
width: 122px;
line-height: 122px;
text-align: center;
}

div.greenbox a.gobutton
{
float: right;
}

/* Content Areas */
/* ------------------------------------------------------------------------ */

div.roadsign
{
height: 312px;
width: 457px;
background: url('../images/roadsign.gif') no-repeat;
cursor: pointer;
}

div.roadsignh1
{
font-size: 17px;
font-weight: bold;
color: #ffffff;
height: 60px;
line-height: 60px;
text-align: center;
}

div.roadsignleft
{
float: left;
width: 130px;
height: 94px;
margin: 25px 0px 0px 30px;
font-size: 19px;
text-align: center;

}

div.roadsignright
{
float: right;
width: 160px;
height: 94px;
margin: 30px 15px 0px 0px;
text-align: center;
font-size: 19px;
color: #ffffff;
}

/* Content Areas */
/* ------------------------------------------------------------------------ */

div.gobanner
{
height: 180px;
background: url('../images/gobanner-middle.gif') repeat-x;
cursor: pointer;
margin-bottom: 12px;
cursor: pointer;
}

div.gobannerleft
{
height: 180px;
background: url('../images/gobanner-left.gif') left no-repeat;
}

div.gobannerright
{
height: 180px;
background: url('../images/gobanner-right.gif') right no-repeat;
}

div.gobannerh1
{
height: 42px;
text-align: center;
font-size: 17px;
font-weight: bold;
line-height: 42px;
color: #ffffff;
}

div.gobannerbottom a {
text-decoration: none;
color: #ffffff;
}

div.gobannerbottom a:hover
{
text-decoration: underline;
}

div.gobannerbody
{
text-align: center;
margin: 0px 200px 0px 200px;
height: 96px;
}

div.gobannerbottom
{
height: 42px;
text-align: center;
font-size: 17px;
font-weight: bold;
line-height: 42px;
}

/* Content Areas */
/* ------------------------------------------------------------------------ */

ul#sitemap
{
margin: 0px 0px 0px 24px;
line-height: 20px;
}

ul#sitemap ul
{
	margin: 0px 0px 12px 36px;
	
	}


/* Content Areas */
/* ------------------------------------------------------------------------ */

div.contentleft
{
float: left;
width: 457px;
}

div.largecontentleft h2
{
	padding-top: 12px;
	}

div.largecontentleft p
{
margin-bottom: 12px;
}

div.contentleft p
{
margin-bottom: 12px;
}

p a {
	 
	color: #000000;
	
	}

div.largecontentleft
{
width: 760px;
margin-right: 154px;
}

div.rightbanners
{
float:right;
width: 142px;
margin-bottom: 12px;
}

div.contentright
{
margin-left: 469px;
}

hr.clear
{
clear: both;
visibility: hidden;
}


/* Footer */
/* ------------------------------------------------------------------------ */

div#footer
{
width: 956px;
padding: 6px 0px 12px 0px;
margin: auto;
text-align: left;

}