a { color: #AF0810; text-decoration: none; }
a:hover { color: #FF0000; }
body { background-color: #FFFFFF; font-family: "Century Gothic", san-serif; color: #000000; background-attachment: scroll; background-image: url(../imgs/background1.jpg); background-repeat: repeat-x; background-position: center top; margin: 0em; font-size: 14px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px }
input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; }
h1 { font-size: 24px; color: #B90A13; font-weight: normal; font-family: Impact; }
div { overflow: visible; visibility: visible; }

#left-col { float: left; width: 212px; }
#right-col { float: right; text-align: right; width: 647px; }
#header { background-color: #6C96BC; text-align: right; padding: 5px; }
.bodycontainer { width: 864px; margin-left:auto; margin-right:auto; background-color: #FFFFFF; padding: 5px; float: left; }
.bbb { float: right; width: 77px; height: 177px; margin: 10px; }
.logo { float: left; height: 92px; width: 212px; margin-top: 4px; }
#quote { background-image: url(../imgs/quote-background.png); float: left; height: 261px; width: 212px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
#quote .title { float: left; padding-left: 14px; padding-top: 50px; padding-right: 14px; width: 184px; }
#quote .line-1 { font-family: "Candara", sans-serif; font-size: 21px; font-weight: bold; }
#quote .line-2 { font-family: "Candara", sans-serif; font-size: 16px; text-transform: uppercase; font-weight: bold; }
#quote .textfield { height: 20px; width: 75px; float: right; background-image: url(../imgs/textfield_bkgd.png); background-repeat: no-repeat; background-position: left top; border: 1px solid #FFFFFF; }
#quote  .textfield:hover { background-image: url(../imgs/textfield_bkgd_ro.png); background-repeat: no-repeat; background-position: left top; border: 1px solid #C7E7F8; }
#quote label { line-height: 20px; float: right; font-weight: bold; margin-right: 5px; }
#quote .button { float: right; margin-top: 15px; background-image: url(../imgs/getquote.png); background-repeat: no-repeat; height: 90px; width: 181px; }
#quote .button:hover { background-image: url(../imgs/getquote-ro.png); background-repeat: no-repeat; }
.txt1 { font-family: "Century Gothic", san-serif; font-size: 17px; color: #FFFFFF; float: right; margin-top: 65px; }
.txt1  a { font-family: "Century Gothic", san-serif; color: #f9e000; text-decoration: none; font-size: 24px; }
.txt1  a:hover { text-decoration: underline; color: #FFFFFF; }
.txt2 { font-family: "Century Gothic", san-serif; font-size: 17px; color: #FFFFFF; float: left; margin-top: 90px; }
.txt2  a { font-family: "Century Gothic", san-serif; color: #f9e000; text-decoration: none; font-size: 24px; }
.txt2  a:hover { text-decoration: underline; color: #FFFFFF; }
.quad1 { background-image: url(../imgs/livechat-blue.png); background-repeat: no-repeat; float: left; height: 180px; width: 192px; margin-top: 5px; padding: 10px; margin-bottom: 5px; }
.quad2{ background-image: url(../imgs/green-square.png); background-repeat: no-repeat; float: left; height: 180px; width: 191px; padding: 10px; margin: 5px; }
.quad3 { background-image: url(../imgs/referral-square.png); background-repeat: no-repeat; float: left; height: 180px; width: 192px; margin-top: 5px; margin-right: 5px; padding: 10px; margin-bottom: 5px; }
.quad4 { background-image: url(../imgs/red-square.png); background-repeat: no-repeat; float: left; height: 180px; width: 192px; margin-top: 5px; padding: 10px; margin-bottom: 5px; }
#square1 { float: left; width: 385px; border: 1px solid #E1E1E1; margin-bottom: 5px; padding: 20px; text-align: left; }
#square1 li { background-image: url(../imgs/chckmark.png); background-repeat: no-repeat; background-position: left; list-style-type: none; padding-left: 35px; padding-bottom: 5px; padding-top: 5px; }
#square2 { float: right; width: 385px; border: 1px solid #E1E1E1; margin-bottom: 5px; padding: 20px; text-align: left; }
#square2 li { background-image: url(../imgs/chckmark.png); background-repeat: no-repeat; background-position: left; list-style-type: none; padding-left: 35px; padding-bottom: 5px; padding-top: 5px; }
#menu { float: right; width: 212px; background-image: url(../imgs/background-menu.png); background-repeat: no-repeat; background-position: center top; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 5px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#menu .body { float: left; text-align: left; }
#menu .footer { float: left; background-image: url(../imgs/background-menu-footer.png); background-repeat: no-repeat; background-position: center top; width: 212px; height: 22px; margin: 0px; padding: 0px; }
#menu li   { list-style-image: url(../imgs/arrow-diag.png); list-style-position: outside; list-style-type: none; }
#menu li:hover { list-style-image: url(../imgs/arrow-diag-ro.png); list-style-position: outside; }
#menu li a { font-size: 16px; line-height: 25px; color: #000000; font-family: Arial, Helvetica, sans-serif; }
#menu li a:hover { font-size: 16px; line-height: 25px; color: #6DD906; text-decoration: none; }
#menu li .sub li{ list-style-image: url(../imgs/arrow-sub.png); list-style-position: inherit; }
#menu li .sub li:hover { list-style-image: url(../imgs/arrow-sub-ro.png); list-style-position: inherit; }
#menu li .sub li a { font-size: 12px; line-height: 20px; color: #1053AA; font-family: Arial, Helvetica, sans-serif; }
#menu li .sub li  a:hover { font-size: 12px; color: #AFAFAF; text-decoration: none; }
#wholecontent { float: right; border: 1px solid #E1E1E1; margin-top: 5px; margin-bottom: 5px; padding: 20px; text-align: left; color: #000000; font-family: "Century Gothic", san-serif; width: 822px; }
#content { float: right; width: 605px; border: 1px solid #E1E1E1; margin-top: 5px; padding: 20px; text-align: left; color: #000000; font-family: "Century Gothic", san-serif; }
#content  .left-image { float: left;  }
#content .top a { float: right; color: #187DC3; font-weight: bold; text-decoration: none; }
#content .top a:hover { text-decoration: underline; }
#footer { width:599px; height:150px; background-image: url(../imgs/footer-background.png); background-repeat: repeat-x; float: left; background-color: #A4070E; }
#footer .container { float: left; text-align: left; padding-top: 20px; padding-left: 13px; }
#footer .header { font-size: 14px; font-weight: bolder; text-transform: uppercase; color: #FFFFFF; text-decoration: underline; }
#footer li { font-size: 12px; font-weight: normal; color: #FFFFFF; text-transform: none; text-align: left; list-style-type: none; line-height: 20px; }
#footer li a { font-size: 12px; font-weight: normal; color: #FFFFFF; text-transform: none; text-align: left; text-decoration: none; list-style-type: none; }
#footer li a:hover{ font-size: 12px; font-weight: normal; color: #FCC9CB; text-transform: none; text-align: left; text-decoration: underline; list-style-type: none; }
#newsletter { width:235px; height:130px; float: right; background-image: url(../imgs/newsletter-background.png); background-repeat: no-repeat; padding: 10px; background-color: #1C92CF; background-position: bottom; }
#newsletter .img { float: left; height: 59px; width: 65px; clear: left; }
#newsletter .button { float:right; margin-top: 10px; padding-right: 7px; }
#newsletter .textfield { background-image: url(../imgs/textfield_bkgd.png); background-repeat: no-repeat; background-position: left top; float: left; width: 150px; height: 25px; border: 1px solid #FFFFFF; margin-top: 10px; }
#newsletter .textfield:hover { background-image: url(../imgs/textfield_bkgd_ro.png); background-repeat: no-repeat; background-position: left top; border: 1px solid #C7E7F8; }
#signup { float: left; height: 20px; width: 150px; font-family: "Century Gothic", san-serif; font-size: 12px; color: #B7B7B7; font-weight: normal; border: 1px solid #74B8EF; background-image: url(../imgs/textfield_bkgd.png); background-position: left top; text-align: center; line-height: 20px; }
#signup:hover { border: 1px solid #C7E7F8; background-image: url(../imgs/textfield_bkgd_ro.png); background-position: left top; }
#login { float: left; width: 100%; font-family: "Century Gothic", san-serif; font-size: 10px; font-weight: normal; color: #FFFFFF; }
#login a { margin: 0; padding: 0; float: left; width: 100%; font-family: "Century Gothic", san-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: underline; }
#login a:hover { float: left; width: 100%; font-family: "Century Gothic", san-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none; }
#login label { line-height: 20px; float: right; margin-right: 5px; }
#login .button { float:right; clear: both; margin-top: 5px; background-image: url(../imgs/button-login.png); background-repeat: no-repeat; height: 45px; width: 88px; }
#login .button:hover { background-image: url(../imgs/button-login-ro.png); background-repeat: no-repeat; }
#login .textfield { float: right;}
#login .lostpassword { background-image: url(../imgs/lostpassword_icn.png); background-repeat: no-repeat; background-position: left center; float: right; width: 85px; text-align: left; padding-left: 20px; margin-top: 5px; margin-bottom: 5px; }
#login .signup { background-image: url(../imgs/signup_icn.png); background-repeat: no-repeat; background-position: left center; float: right; padding-left: 20px; width: 85px; text-align: left; }
#username { float: right; height: 20px; width: 130px; border: 1px solid #FFFFFF; background-image: url(../imgs/username_bkgd.png); background-position: left top; margin-bottom: 5px; }
#username:hover { border: 1px solid #C7E7F8; background-image: url(../imgs/username_bkgd_ro.png); background-position: left top; }
#password { float: right; height: 20px; width: 130px; border: 1px solid #FFFFFF; background-image: url(../imgs/password_bkgd.png); background-position: left top; }
#password:hover { border: 1px solid #C7E7F8; background-image: url(../imgs/password_bkgd_ro.png); background-position: left top; }
.livechatbtn { margin-top: 135px; margin-left: 10px; }
.followus { float: right; margin-top: 3px; margin-right: 5px; margin-bottom: 3px; margin-left: 3px; }
.copyright { float: left; width: 500px; padding: 5px; }
.encapsulate { border: 1px solid #E1E1E1; padding: 5px;}

#nav { float:left; padding: 0px; margin: 0px; width: 100%; }
#nav .button { background-image: url(../imgs/menu-background.png); background-repeat: repeat-x; float: left; height: 31px; width: 87px; margin-right: 5px; text-align: left; color: #FFFFFF; font-family: "Candara", sans-serif; font-size: 14px; padding: 8px; font-weight: bold; margin-top: 5px; position: relative; list-style-type: none; cursor: pointer; }
#nav .button a { text-align: left; color: #FFFFFF; font-family: "Candara", sans-serif; font-size: 14px; list-style-type: none; }
#nav  .button:hover  { background-color: #50C0E6; background-image: none; }
#nav .search { background-image: url(../imgs/menu-background.png); background-repeat: repeat-x; height: 35px; width: 207px; margin-top: 5px; padding-left: 8px; padding-top: 12px; color: #FFFFFF; position: relative; list-style-type: none; float: left; }
#nav .textfield { background-image: url(../imgs/textfield_bkgd.png); background-repeat: no-repeat; background-position: left top; border: 1px solid #FFFFFF; float: left; height: 20px; width: 150px; }
#nav .textfield:hover { background-image: url(../imgs/textfield_bkgd_ro.png); background-repeat: no-repeat; background-position: left top; border: 1px solid #C7E7F8; }
#nav label { float: left; margin-left: 5px; color: #FFFFFF; font-family: "Candara", sans-serif; font-size: 16px; font-weight: bold; line-height: 20px; }
#nav label a { color: #FFFFFF; font-family: "Candara", sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; }
#nav label a:hover { color: #50C0E6; }

#nav li .sub { position: absolute; left: 0; float: left; background-color: #146EBA; z-index: auto; top: 0; margin-top: 47px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #1050A8; border-bottom-color: #1050A8; border-left-color: #1050A8; display: none; }
#nav li .sub ul { list-style: none; padding: 0; width: 100%; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0; margin-left: 0px; }
#nav .sub ul li { width: 100%; padding-top: 4px; padding-bottom: 4px; background-color: #146EBA; float: left; }
#nav .sub ul li:hover { width: 100%; border-bottom-color: #207bc6; background-color: #51BFE4; }
#nav .sub ul li a { float: left; text-indent: 0; /*--Override text-indent from parent list item--*/ height: auto; /*--Override height from parent list item--*/ padding-left: 15px; padding-top: 5px; display: block; text-decoration: none; color: #fff; font-family: Arial, Helvetica, sans-serif; ; font-size: 14px; font-weight: normal; padding-right: 15px; padding-bottom: 5px; }
#nav .sub ul li a:hover { color: #FFFFFF;/*--Override background position--*/ }
#nav .sub ul li h4 { /*--Sub nav heading style--*/ float:left; padding: 0; margin: 0; }
#nav .sub ul li h4 a { /*--Sub nav heading link style--*/ padding: 5px 0; background-image: none; color: #5ca0d9; }

FONTS
@font-face {
  font-family: "Candara";
  src: url(http://www.nationwarranty.com/fonts/Candara.ttf) format("truetype");
}
h5 { font-family: "Candara", sans-serif; font-size: .75em;}

.style1 { font-size: 20px; font-style: italic; }
.style2 { color: #FF0000; font-weight: bold; }
.style3 {color: #1774BE}
.style8 { font-size: 10px }
.spacer { height: 35px; }