body {
background-image : url(images/bghead.jpg);
background-repeat : repeat-x;
background-color : #4a4a4a;
margin-left : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
text-align : center;
}
#container {
width : 990px;
height : auto;
margin : 0 auto;
text-align : left;
}
#header {
width : 990px;
height : 239px;
background-image : url(images/index_01.jpg);
background-repeat : repeat-x;
float : left;
}
#menu {
width : 990px;
height : 50px;
float : left;
margin : 0 0 0 0;
}
#left {
width : 20px;
height : 50px;
float : left;
background : url(images/index_02.jpg) repeat 0 0;
}
#home {
width : 201px;
height : 50px;
float : left;
background : url(images/index_03.jpg) repeat 0 0;
}
a.home {
background : url(images/index_03.jpg) repeat 0 0;
width : 201px;
height : 50px;
display : block;
}
a.home:hover {
background : url(images/index-over_03.jpg) repeat 0 0;
}
#home_active {
background : url(images/index-over_03.jpg) repeat 0 0;
}
#faq {
background : url(images/index_04.jpg) repeat 0 0;
width : 136px;
height : 50px;
float : left;
}
a.faq {
background : url(images/index_04.jpg) repeat 0 0;
width : 136px;
height : 50px;
display : block;
}
a.faq:hover {
background : url(images/index-over_04.jpg) repeat 0 0;
}
#faq_active {
background : url(images/index-over_04.jpg) repeat 0 0;
}
#testi {
width : 196px;
height : 50px;
float : left;
background : url(images/index_05.jpg) repeat 0 0;
}
a.testi {
background : url(images/index_05.jpg) repeat 0 0;
width : 196px;
height : 50px;
display : block;
}
a.testi:hover {
background : url(images/index-over_05.jpg) repeat 0 0;
}
#testi_active {
background : url(images/index-over_05.jpg) repeat 0 0;
}
#contact {
width : 198px;
height : 50px;
background : url(images/index_06.jpg) repeat 0 0;
float : left;
}
a.contact {
background : url(images/index_06.jpg) repeat 0 0;
width : 198px;
height : 50px;
display : block;
}
a.contact:hover {
background : url(images/index-over_06.jpg) repeat 0 0;
}
#contact_active {
background : url(images/index-over_06.jpg) repeat 0 0;
}
#order {
background : url(images/index_07.jpg) repeat 0 0;
width : 194px;
height : 50px;
float : left;
}
a.order {
background : url(images/index_07.jpg) repeat 0 0;
width : 194px;
height : 50px;
display : block;
}
a.order:hover {
background : url(images/index-over_07.jpg) repeat 0 0;
}
#order_active {
background : url(images/index-over_07.jpg) repeat 0 0;
}
#right {
width : 45px;
height : 50px;
float : left;
background : url(images/index_08.jpg) repeat 0 0;
}
#body {
width : 990px;
height : auto;
background-image : url(images/index_09.jpg);
background-repeat : repeat-y;
float : left;
}
#left_pan {
width : 660px;
margin : 20px 0 0 38px;
float : left;
font : normal 12px Verdana, Arial, Helvetica, sans-serif;
color : #000;
text-align : justify;
line-height : 15pt;
}
#left_pan .txt {
width : 660px;
margin : 10px 0 0 0;
float : left;
font : normal 12px Verdana, Arial, Helvetica, sans-serif;
color : #000;
text-align : justify;
line-height : 15pt;
}
#left_pan a {
color : #ef3100;
text-decoration : underline;
}
#left_pan a:hover {
color : #000;
text-decoration : none;
}
#right_pan {
width : 227px;
margin : 0 0 0 35px;
float : left;
}
#testimonial {
width : 207px;
margin : 10px 0 0 0;
float : left;
}
#testimonial_top {
width : 207px;
height : 114px;
background-image : url(images/testimonials_01.jpg);
background-repeat : repeat-x;
float : left;
}
#testimonial_mid {
width : 207px;
background-image : url(images/testimonials_02.jpg);
background-repeat : repeat-y;
float : left;
}
#testimonial_bot {
width : 207px;
height : 61px;
background-image : url(images/testimonials_03.jpg);
background-repeat : repeat-x;
float : left;
}
#testi_txt {
width : 164px;
font : normal 11px Verdana, Arial, Helvetica, sans-serif;
color : #000;
text-align : justify;
margin : 10px 0 0 19px;
}
h1 {
font : normal 20px/25px Arial, Helvetica, sans-serif;
color : #fd0202;
background-color : inherit;
display : block;
font-weight : bold;
margin : 10px 0 15px 0;
}
h2 {
font : normal 20px/25px Arial, Helvetica, sans-serif;
color : #fd0202;
background-color : inherit;
display : block;
font-weight : bold;
margin : 0 0 10px 16px;
}
h3 {
font : normal 20px/25px Arial, Helvetica, sans-serif;
color : #fd0202;
background-color : inherit;
display : block;
font-weight : bold;
margin : 15px 0 0 0;
}
.box {
width : 557px;
margin : 15px 0 20px 0;
float : left;
}
.box .top {
background : url(images/box_01.gif) no-repeat;
height : 24px;
}
.box .mid {
background : url(images/box_02.gif) repeat-y;
width : 557px;
}
.box .bottom {
background : url(images/box_03.gif) no-repeat;
height : 20px;
}
.box .mid img {
float : right;
margin : -42px -25px -33px;
position : relative;
}
.box .mid ul {
margin : 0;
padding : 10px;
list-style : none;
}
.box .mid li {
background : url(images/bullet.gif) no-repeat 0 4px;
line-height : 20px;
color : #116a94;
font-weight : bold;
font-size : 12px;
padding : 0 0 10px 23px;
}
img.pic {
float : left;
padding : 5px;
margin : 5px 0 5px 5px;
}
img.pic1 {
float : right;
padding : 5px;
margin : 5px 0 5px 10px;
}
#benefits {
width : 631px;
height : 195px;
background-image : url(images/benefits.jpg);
background-repeat : repeat-y;
margin-top : 10px;
}
.style4 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 18px;
font-weight : bold;
color : #000000;
line-height : 27px;
}
.style4 .red {
color : #ff0000;
}
.style4 .blue {
color : #014687;
font-size : 16px;
}
.order1 {
float : left;
margin : 0 0 0 35px;
}
.pretty-table {
padding : 0;
margin : 0;
border-collapse : collapse;
border : 1px solid #333;
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #000;
background : #ff6e00;
}
.pretty-table caption {
caption-side : bottom;
font-size : 0.9em;
font-style : italic;
text-align : right;
padding : 0.5em 0;
}
.pretty-table th, .pretty-table td {
border : 1px dotted #666;
padding : 0.5em;
text-align : left;
color : #4d4d4d;
}
.pretty-table th[scope="col"] {
color : #000;
background-color : #8fadcc;
text-transform : uppercase;
font-size : 0.9em;
border-bottom : 2px solid #333;
border-right : 2px solid #333;
}
.pretty-table th + th[scope="col"] {
color : #fff;
background-color : #7d98b3;
border-right : 1px dotted #666;
}
.pretty-table th[scope="row"] {
background-color : #b8cfe5;
border-right : 2px solid #333;
}
.pretty-table tr.alt th, .pretty-table tr.alt td {
color : #2a4763;
}
.pretty-table tr:hover th[scope="row"], .pretty-table tr:hover td {
background-color : #4d4d4d;
color : #ef3100;
}
#footer {
width : 935px;
background-color : #f00001;
float : left;
margin : 0 0 0 27px;
}
#footer a {
color : #fff;
text-decoration : none;
}
#footer a:hover {
color : #effe01;
text-decoration : underline;
}
#footer_link {
text-align : center;
font : normal 12px Arial, Helvetica, sans-serif;
color : #507e02;
margin : 15px 0 10px 0;
}
#footer_bottom {
float : left;
margin : 0 0 0 0;
}
#c_link {
text-align : center;
font : normal 10px Arial, Helvetica, sans-serif;
color : #fff;
margin : 15px 0 10px 0;
width : 935px;
}
#c_link a {
color : #fff;
text-decoration : none;
}
#c_link a:hover {
color : #effe01;
text-decoration : underline;
}
#statements {
width : 912px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #fff;
padding-top : 10px;
margin-left : 28px;
}
.contact {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #014796;
font-weight : 900;
}
.arowHand {
cursor : pointer;
}