body {
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
     line-height:1em;
}
a {
     color: #0072bc;

}
a:hover {
     color: #00aeef;
}
/* header */



/* main */

#mainBg {
     margin: 0;
     background: url(img/main-bg.png) repeat-x top left;

}
#main {
     margin: auto;
     width: 1200px;
}
#mainBanner {
     margin: 0;
     height: 253px;
}
#mast {
     margin: 0;
     float: left;
     width: 600px;
}
#media {
     margin: 0;
     float: right;
     width: 300px;
}
#mainContent {
     margin: auto;
     width: 1200px;
     min-height: 220px;
}
#mainContent h1 {
     font-size: 1em;
     color: #333;
     margin: 10px;
}
#mainContent p {
     font-size: 0.75em;
     margin: 10px;
     color: #555;
     line-height: 1.4em;
}
#mainContent ul {
     margin: 0;
     padding: 0;
}
#mainContent ul li {
     font-size: 0.75em;
     color: #555;
     padding: 2px 0 2px 20px;
     list-style: none;
     background: url(img/star.png) no-repeat left center;
}
.wrapper {
     margin: 0;
     float: left;
     width: 900px;
}
#section1 {
     margin: 0;
     padding: 0;
     float: left;
     width: 299px;
     border-right: 1px solid #e7e7e7;
}
#section2 {
     margin: 0;
     padding: 0;
     float: right;
     width: 299px;
     border-right: 1px solid #e7e7e7;
}
#section3 {
     margin: 0;
     padding: 0;
     float: right;
     width: 299px;
}
#boxes {
     margin: auto;
     width: 1200px;
     height: 196px;
     background: url(img/boxes.jpg) no-repeat top left;
     clear: both;
}
#boxes h1 {
     font-size: 1.2em;
     color: #333;
     margin: 15px 15px 10px 15px;
}
#boxes h2 {
     font-size: 1.1em;
     color: #333;
     margin: 15px 15px 10px 15px;
}
#boxes h3 {
     font-size: 1.1em;
     color: #333;
     margin: 15px 15px 0 15px;
}
#boxes p {
     font-size: 0.75em;
     color: #333;
     margin: 0 0 0 15px;
     line-height: 1.4em;
}
#box1 {
     float: left;
     width: 300px;
}
#box2 {
     float: right;
     width: 600px;
}
#box3 {
     float: right;
     width: 300px;
}
/* footer */

#footer {
     margin: auto;
     width: 1200px;
     height: 120px;
     padding: 8px;
     text-align: center;
     font-size: 0.75em;
     color: #666;

}
#left {
     float: left;
     width: 300px;
}
#middle {
     float: right;
     width: 600px;
}
#right {
     float: right;
     width: 300px;
}

/* footer1 */

#footer1 {
     margin: auto;
     width: 1200px;
     height: 120px;
     padding: 8px;
     text-align: center;
     font-size: 0.75em;
     color: black;

}
#left {
     float: left;
     width: 300px;
}
#middle1 {
     float: right;
     width: 600px;
}
#right {
     float: right;
     width: 300px;
}

/* sub */

#subContent {
     margin: auto;
     width: 1200px;
     min-height: 220px;
     background: #fff;
     clear: both;
}
#sidebar {
     margin: 0;
     padding: 0;
     background: url(img/sub-nav-bg.png) repeat-x top left;
     width: 210px;
     float: left;

}

#sidebar h2 {
     font-size: 0.9em;
     color: #333;
     padding: 20px 10px 15px 10px;
     margin: 0;
}
ul#subNav {
     margin: 0;
     padding: 0;
     list-style: none;

}
ul#subNav li {
     border-top: 1px solid #fff;

}
ul#subNav li a {
     display: block;
     color: #444;
     font-size: 0.9em;
     text-decoration: none;
     padding: 10px 10px;

}
ul#subNav a:hover, ul#subNav li.active {
     background: url(img/icon-tick.png) no-repeat center right;
     color: #2076DF;

}
#subArea {
     margin: 0;
     padding: 10px 20px;
     float: right;
     width: 930px;
     background: #fff url(img/sub-bg.png) repeat-x top left;
}
#subArea h1 {
     color: #003C77;
     font-size: 1.5em;
     margin: 0;
     padding: 10px 0;
     font-weight: bold;
     line-height: 1.2em;
}
#subArea h2 {
     font-size: 0.9em;
     color: #0072bc;
}
#subArea h3 {
     font-size: 1.2em;
     color: #0072bc;
     margin: 0;
     padding: 10px 0;
     font-weight: normal;
}
#subArea h4 {
     font-size: 0.9em;
     color: #333;
     margin: 5px 0;
}
#subArea p {
     color: #555;
     font-size: 0.8em;
     margin-top: 0;
     line-height: 1.4em;
}
#subArea ul, #subArea ol {
     font-size: 0.8em;
     color: #555;
}
#subArea li {
     padding: 4px 0;
}
#path {
     font-size: 0.6em;
     color: #666;
     margin: 0;
     padding: 14px 0 0 0;
}
#leftColumn {
     width: 450px;
     float: left;
     margin: 0;
}
#rightColumn {
     width: 450px;
     float: right;
     margin: 0;
}
ul.special, #subArea ul.special {
     color: #555;
     padding: 0;
     margin: 5px 0;
}
ul.special li, #subArea ul.special li {
     font-size: 1em;
     color: #555;
     padding: 2px 0 2px 24px;
     list-style: none;
     background: url(img/check.png) no-repeat left center;

}
ul {
     margin: 0 0 0 30px;
     padding: 0;
}
ol {
     margin: 0 0 0 30px;
     padding: 0;
}
ol ul {
     margin: 0 0 0 20px;
     padding: 0;
}
ol ul li {
     font-size: 1.1em;
}
#boxGuarantee {
     margin: 0;
     background: url(img/box-main.jpg) repeat-y;

}
#boxGuarantee .top {
     background: url(img/box-top.jpg) no-repeat;
     width: 210px;
     height: 120px;
}
#boxGuarantee .bottom {
     background: url(img/box-bottom.jpg) no-repeat;
     width: 210px;
     height: 22px;

}
#boxGuarantee h2 {
     margin-top: 0;
     padding: 10px;
     text-align: center;
}
#boxGuarantee li {
     margin-left: 20px;
     padding: 2px 20px;
     border-top: none;
     font-size: 0.8em;
}
#boxGuarantee p {
     margin-left: 20px;
}
blockquote {
     width: 210px;
     margin: 0;
     padding: 0;
     line-height: 1em;
}
#quote {
     margin: 0;
     padding: 25px 30px 0 30px;
     text-indent: 20px;
     font-style: italic;
     background: transparent url(img/top.gif) no-repeat;
}
#author {
     margin: 0;
     padding: 60px 30px 0 0;
     text-align: right;
     background: url(img/bottom.gif) no-repeat top left;
     min-height: 20px;
}
#logos {
     text-align: center;
}
.coupon {
     border: 5px dashed #ccc;
     background-color: #fafafa;
     padding: 15px;
     min-height: 150px;
}
.coupon h5 {
     margin: 5px 0;
     font-size: 1.6em;
     color: #0072bc;
     text-align: center;
}
.couponPrint {
     border: 5px dashed #666;
     background-color: #fafafa;
     padding: 15px;
     margin: 20px;
     min-height: 150px;
     width: 600px;
}
.couponPrint p {
     line-height: 1.4em;
}
.couponPrint h1 {
     margin: 5px 0;
     font-size: 1.6em;
     color: #000;
}


