body { background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; font-size: small; line-height: 1.8em; }
#main {	width: 980px; margin: 0 auto; overflow: auto; }

/* ///////////////////////////// TYPO //////////////////////////////// 
////////////////////////////////////////////////////////////////////*/
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 280%; margin: 0 0 .4em 0; line-height: 1em; font-weight: bold; color: #161144; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 180%; margin: 1em 0 .4em 0; line-height: 1em; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 120%; margin: 1em 0 .4em 0; line-height: 1.5em; font-weight: bold; }
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin: 1em 0 .4em 0; line-height: 1em; font-weight: bold; }
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 140%; margin: 1em 0 .4em 0; color: #928c7d; }

p { margin: 0 0 1.5em 0; }
a { color: #c71300; }
a:hover { color: #333; border-bottom: #c71300 2px solid; }

.small-text { font-size: 80%; line-height: 1.5em; color: #666; }
.big-text { font-size: 140%; line-height: 2em; }

/* ///////////////////////////// HEADER ////////////////////////////// 
////////////////////////////////////////////////////////////////////*/
#logo { float: left; width: 220px; height: 105px; margin: 20px 0; }

#main-nav { float: left; background: #2d2973; width: 978px; height: 38px; margin: 0; padding: 1px; line-height: 2.7em; }
#main-nav li { float: left; list-style: none; height: 36px; margin: 1px; }
#main-nav a { display: block; height: 36px; padding: 0 18px; color: #fff; border: none; }
#main-nav a:hover { display: block; background: #ccdbee; height: 36px; padding: 0 18px; color: #2d2973; border: none; }
#main-nav .active { display: block; background: #313131; height: 36px; color: #ff8a00; border: none; }

#livechat a { float: right; width: 197px; height: 41px; margin: 84px 0 0 0; border: none; }

/* ///////////////////////////// MAIN //////////////////////////////// 
////////////////////////////////////////////////////////////////////*/
ol { padding: 0 0 0 20px; }
ol li { list-style: decimal; margin: 0 0 1.2em 0; }
ol .points li { list-style: none; }

.main-content-wrap { float: left; background: url(../imgs/main-bg.gif) top left repeat-y; width: 980px; margin: 20px 0 0 0; padding: 0 0 20px 0; min-height: 350px; }
.main-content-wrap2 { float: left; width: 980px; margin: 20px 0 0 0; padding: 0 0 20px 0; min-height: 350px; }
.banner { float: left; background: url(../imgs/banner.jpg) top left no-repeat; width: 980px; height: 132px; margin: 0; padding: 0; text-indent: -1000em; overflow: hidden; }
.main-content, .main-contentc {	float: left; background: #fff; width: 520px; margin: 0; padding: 0 60px 0 20px; }
.main-contentb { float: left; background: #fff; width: 920px; margin: 0; padding: 0 60px 0 20px; }

.whatnext { float: left; background: #e9e2ff; width: 480px; margin: 20px 0 0 0; padding: 0 20px 20px 20px; }

#main-quote { float: left; background: #e9e2ff; width: 980px; padding: 20px 0; }
#get-quote { float: left; width: 340px; padding: 0 20px; }
#get-quote h1 { background: url(../imgs/header-getquote.gif) top left no-repeat; width: 287px; height: 107px; margin: 0 0 20px 0; text-indent: -1000em; overflow: hidden; }

#praetorian { float: left; background: url(../imgs/praetorian.gif) top left no-repeat;  width: 520px; margin: 0 0 20px 0; padding: 0 0 0 220px; }
#praetorian ul { line-height: 1em; }

/* ///// SUB ///// */
.points li { background: url(../imgs/arrow.gif) 0 .5em no-repeat; margin: 0 0 1em 0; padding: 0 0 0 20px; }

#wrap-sub { float: left; width: 980px; margin: 20px 0 0 0; padding: 0; }
#sub-1 { float: left; background: url(../imgs/paw.gif) bottom left no-repeat; width: 520px; margin: 0; padding: 0 20px; min-height: 252px;}
#sub-2 { float: right; width: 370px; margin: 0; padding: 0; }
#cat-insurance a, #dog-insurance a { float: left; background: url(../imgs/btn-catdog.gif); border: none; width: 370px; height: 140px; margin: 0; padding: 0; text-indent: -1000em; overflow: hidden; }

#cat-insurance a { background-position: 0 0; }
#cat-insurance a:hover { background-position: -370px 0; }
#dog-insurance a { background-position: 0 -140px; }
#dog-insurance a:hover { background-position: -370px -140px; }

/* /////////////////////////// SIDEBAR ////////////////////////////// 
////////////////////////////////////////////////////////////////////*/
.sidebar { float: left;	background: #ccdbee; width: 280px; margin: 0 40px 0 0; padding: 20px; }
.sidebar-links li {	border-bottom: 2px #c71300 dotted; color: #333; margin: 0; }
.sidebar-links a { color: #2d2973; display: block; padding: 5px 10px; text-decoration: none; border: none; }
.sidebar-links a:hover { background: #c71300; color: #fff; }

.sidebar-indent a { background: url(../imgs/arrow.gif) 1em 50% no-repeat; padding-left: 2.5em; }
.sidebar-indent a:hover { background: url(../imgs/arrow3.gif) 1em 50% no-repeat #c71300; padding-left: 2.5em; }

/* //////////////////////////// SITEMAP ////////////////////////////// 
////////////////////////////////////////////////////////////////////*/
.sitemap { float: left; background: #2d2973; width: 100%; margin: 20px 0 0 0; padding: 20px 0; }
.sm-column { float: left; width: 200px;	margin: 0; padding: 0 20px; list-style: none; }
.sm-utils {	float: left; width: 200px; margin: 0; padding: 0 20px; list-style: none; list-style: none; }
.sm-column a ,
.sm-utils a { display: block; padding: 0; text-decoration: none; border: none; color: #ebe9e0; }
.sm-column a:hover ,
.sm-utils a:hover {	background: #ccdbee; color: #2d2973; }

.sitemap h1, .sitemap h2, .sitemap h3, .sitemap h4,
.footer h1, .footer h2, .footer h3, .footer h4 { margin: 0; color: #fff; }

.sitemap li { margin: 0; }


/* //////////////////////////// FOOTER /////////////////////////////// 
////////////////////////////////////////////////////////////////////*/
.footer { float: left; width: 980px; margin: 20px 0; padding: 0; font-size: 85%; color: #666; }

/* //////////////////////////// TABLES /////////////////////////////// 
////////////////////////////////////////////////////////////////////*/
#maintable { background: #2d2973; margin:5px auto; border-collapse: separate; border-spacing: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#maintable th { vertical-align:bottom; padding: 15px; }
#maintable td { padding: 10px 30px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#maintable tr { margin:0px; }

.purple { font-weight: bold; }
.sheltercare-forever { background-color:#e9e2ff; }
.pref { background-color:#fffbb9; }
.sheltercare-gift { background-image:url(img/bg-sheltercare-gift.gif); background-repeat:repeat; }
.total { font-weight:bold; }
.credit { background: #c71300; padding: 8px 15px; color: #fff; font-weight: bold; line-height: 1.2em; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.credit-value { background: url(../imgs/credit.gif) center right no-repeat #c71300; padding: 8px 15px; color: #fff; font-weight: bold; line-height: 1.2em; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#row { text-align:right; padding:0px 10px; background:url(img/th-bg.gif) right repeat-y; vertical-align:middle; color: #fff; }
#col { color: #fff; font-size: 120%; font-weight: bold; }

.tableb { background: #2d2973; margin:5px auto; border-collapse: collapse; border-spacing: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.tableb #col { color: #fff; font-size: 100%; font-weight: bold; }
.tableb td { padding: 15px 5px ; -moz-border-radius: 0; -webkit-border-radius: 0; }
.tableb tr { margin:0px; }

.tablec { background: #e9e2ff; margin:5px auto; border-collapse: collapse; border-spacing: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.tableb #col { color: #fff; font-size: 100%; font-weight: bold; }
.tableb td { padding: 15px 5px ; -moz-border-radius: 0; -webkit-border-radius: 0; }
.tableb tr { margin:0px; }

#narrowtable { background: #2d2973; margin:5px auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#narrowtable th { vertical-align: bottom; padding: 15px; color: #fff; font-weight: bold; }
#narrowtable td { padding: 10px 15px; }
#narrowtable tr { margin: 0px; }
#narrowtable tr .alt { background: #cdc6ea; }

/* /////////////////// EFFECTS AND MODIFIERS ///////////////////////// 
////////////////////////////////////////////////////////////////////*/
.rounded-box { -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.indent a { background: url(../imgs/arrow2.gif) 0 .5em no-repeat; padding-left: 1.5em; }
.indent a:hover { background: url(../imgs/arrow.gif) 0 .5em no-repeat #ccdbee; padding-left: 1.5em; }

#topmar20 { margin-top: 20px; }