@import url(/styles/vetLocator.css);

/* Base CSS Document */

/* Master */
body { width:100%; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; line-height:14px; }
/* Coupon */
div.leftCpn {margin-right:5px;}
div.clear {clear:both;}
span.middle {color:#006940; font-weight:bold;}
span.button {
    background: transparent url('/images/buttonA.gif') no-repeat scroll top right;
    float: left;
    height: 24px;
	margin: 5px 5px 5px 5px;
    padding: 0 8px 0px 0; /* sliding doors padding */
	cursor: pointer;
}
span.button input {
    background: transparent url('/images/buttonSpan.gif') no-repeat;
    width: auto;
    height: 24px;
	margin: 0;
    padding: 0px 0 5px 8px;
    color: #1e4188;
    font: bold 12px arial, sans-serif;
    text-decoration: none;
    border: none;
	cursor: pointer;
}

#body { float:none; width:781px !important; margin-left:auto; margin-right:auto; padding:0; margin-top:10px; text-align:left; }
#heading { height:70px; width:781px !important; margin:0; padding:0; background-image:url(/images/bg_head.gif); background-repeat:no-repeat; }
#heading .logoL { float:left; width:auto; margin:10px 0 0 0; padding:0; padding-left:40px;  }
#heading .logoR { float:right; width:auto; margin:7px 13px 0 0; padding:0; } html>body #heading .logoR { float:right; width:auto; margin:8px 27px 0 0; padding:0; }
#heading .logoR div { text-align:center; margin-right:auto; margin-left:auto; padding-left:40px; color:#999; }
#heading .logoR div a { color:#5a5a5a; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
#heading .logoR div a:hover { color:#3c3c3c;  }

#wrap { float:left; width:100%; margin:0; padding:0; background-image:url(i/bg_content.gif); background-repeat:no-repeat; background-position:0 20px; }
#wrap #content { float:left; width:100%; margin:0; padding:0 20px 0 20px; background-image:url(/images/bg_wow.gif); background-repeat:no-repeat; }
#wrap #contentfa { float:left; width:100%; margin:0; padding:0 20px 0 20px; background-image:url(/images/lP_feather_arrow.jpg); background-repeat:no-repeat; }
#wrap #contenthb { float:left; width:100%; margin:0; padding:0 20px 0 20px; background-image:url(/images/lP_hammer_bone.jpg); background-repeat:no-repeat; }
#wrap #contentrw { float:left; width:100%; margin:0; padding:0 20px 0 20px; background-image:url(/images/lP_rope_whip.jpg); background-repeat:no-repeat; }
#wrap #contentyb { float:left; width:100%; margin:0; padding:0 20px 0 20px; background-image:url(/images/lP_yarn_bomb.jpg); background-repeat:no-repeat; }
#wrap #contentNon { float:left; width:100%; margin:0; padding:0; }


#r1 { float:left; margin:41px 0 0 9px; height:199px; width:100%; padding:0; }
#r2 { float:left; width:350px; margin:0; padding:0; padding-left:300px; }
#r2B { float:left; width:480px; margin:0; padding:0; padding-left:140px; }
#r2B .thin { position:relative; top:15px; text-align:center; padding:0; padding-left:20px; }
#r2B .thin h2 { margin-bottom:4px; }
#subContent { float:left; width:100%; margin:0; padding:0; padding-top:10px; background-color:#fff; }
#subContent .a { float:left; width:781px; height:16px; background-image:url(/images/bg_subPeak.gif); }
#subContent .b { float:left; width:781px; background-image:url(/images/bg_subTraveler.gif); background-repeat:repeat-y; }
#subContent .b .i { float:left; width:200px; margin:0; padding:0; padding-left:20px; }
#subContent .b .ii { float:left; width:210px; margin:0; padding:0; padding-left:25px; }
#subContent .b .iii { float:left; width:275px; margin:0; padding:0; padding-left:25px; }
#subContent .c { float:left; width:781px; height:20px; background-image:url(/images/bg_subBase.gif); }
#subContent .d  { float:left; width:781px; height:60px; background-image:url(/images/bg_navAlt.gif); }
#subContent .d .i  { float:left; margin:0; padding:0; padding-left:20px; padding-top:8px; font-size:10px; }
#subContent .d .ii { float:right; margin:0; padding:0; padding-right:20px; padding-top:8px; }

#footer { float:left; width:100%; margin:0; padding:0; padding-top:5px; background-color:#fff; }
#copyRight { float:left; width:100%; margin:0; margin-right:auto; margin-left:auto; text-align:center; padding-top:5px; background-color:#fff; color:#666666; font-size:11px; font-weight:normal; }

#thinBG { float:right; width:230px; margin:0; padding:0; padding-left:20px; margin-bottom:20px; background-image:url(i/bg_contentThin2.gif); background-repeat:no-repeat; background-color:rgb(226,227,244); border-bottom:2px solid #336699; }

h1 { font-size:14px; line-height:16px; font-weight:bold; margin:0; padding:0; text-transform:capitalize; }
h2 { font-size:12px; line-height:14px; font-weight:bold; margin:0; padding:0; }
h3 { font-size:10px; line-height:12px; font-weight:bold; margin:0; padding:0; }
p { float:left; width:100%; margin:0; padding:0; padding-bottom:20px; letter-spacing:normal; }
ul, ol { float:left; width:100%; margin:0; padding:0; padding-left:30px; margin-bottom:20px; }
td { padding:3px; }
sup { font-size:9px; }
.moveUp { position:relative; top:-37px; }
.sm { font-size:11px; }

/* Font Color Settings */
	/* Advantix Color Settings */
	.advMulti h1, .advMulti h2, .advMulti h3 { color:rgb(158,26,52); } /* Advantix Primary Red */
	.advMulti .fntActive { color:rgb(158,26,52); } 
	.advMulti .fntAlt { color:rgb(87,165,178); } /* Advantix light red */
	.advMulti tr.AlternatingBlueBkGrd { background-color:rgb(233,233,233); } /* Find a Vet alternating bg-color */
	.advMulti a { text-decoration:underline; color:rgb(158,26,52); }
	.advMulti #navIV a { color:rgb(87,165,178); }
	.advMulti .hr { height:1px; margin-top:5px; max-height:1px; overflow:hidden !important; border-top:1px solid rgb(158,26,52); }
	.advMulti .boxed { float:left; margin:0; padding:5px; border:1px solid rgb(158,26,52); }
	
	/* Advantage */
	.adv h1, .adv h2, .adv h3 { color:rgb(0,105,64); } /* Advantage Primary Green */
	.adv .fntAlt { color:rgb(110,165,138); } /* Advantage light green */
	.adv tr.AlternatingBlueBkGrd { background-color:rgb(233,233,233); } /* Find a Vet alternating bg-color */
	.adv a { text-decoration:underline; color:rgb(0,105,64); }
	.advMulti #navIV a { color:rgb(110,165,138); }
	.adv .hr { height:1px; margin-top:5px; max-height:1px; overflow:hidden !important; border-top:1px solid rgb(0,105,64); }
	
	/* K9-Advantix */
	.advtx h1, .advtx h2, .advtx h3 { color:rgb(0,86,153); } /* Advantage Primary Blue */
	.advtx .fntAlt { color:rgb(0,119,138); } /* Advantix light blue */
	.advtx tr.AlternatingBlueBkGrd { background-color:rgb(233,233,233); } /* Find a Vet alternating bg-color */
	.advtx a { text-decoration:underline; color:rgb(0,86,153); }
	.advMulti #navIV a { color:rgb(87,165,178); }
	.advtx .hr { height:1px; margin-top:5px; max-height:1px; overflow:hidden !important; border-top:1px solid rgb(0,86,153); }
	
	/* Over-ride Colors */
	.fntWhite { color:#fff; }
	a.fntWhite { color:#fff; }
	.fntBlack { color:#000; }
	a.fntBlack { color:#000; }
	.strong { font-weight:bold; }


/* Common */
.left { float:left; margin:0; padding:0; }
.right { float:right; margin:0; padding:0; }
.center { width:100%; margin:0; padding:0; text-align:center; }
.none { margin:0; padding:0; }
.padL { padding-left:20px; }
.padR { padding-right:20px; }
.padBtm { padding-bottom:20px; }
.mrgBtm { margin-bottom:20px; }
.tight { padding-bottom:0; }
.tightTB { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
.clean { height:1px; clear:both; overflow:hidden; }
.buffer { display:block; height:20px; margin:0; padding:0; }
.bufferSm { display:block; height:8px; margin:0; padding:0; }
.bufferLrg { display:block; width:100%; height:55px; margin:0; padding:0; }
.prod { float:right; margin:0; padding:0; padding-right:20px; }
.disclaim { font-size:9px; color:#999999; }
.disclaim ol, .disclaim ul {  width:472px; padding-left:20px; margin-left:0; }

/* Menus */
#menu { display:block; width:781px; text-align:center; height:22px; margin:0; padding:0; background-image:url(/images/bg_nav.gif); background-position:0 0; background-repeat:repeat; }
#menu .nav { float:left; margin:0; padding:0; background-image:url(/images/bg_liTrans.gif); background-position:0 -1px; background-repeat:no-repeat; }
#menu .first { margin-left:6px; background-image:none; }
#menu .nav a { position:relative; top:0; color:#fff; font-size:10px; padding:10px 6px 10px 6px; height:22px; line-height:22px; margin-left:1px; background-image:none; text-decoration:none; }
#menu .nav a:hover { color:#fff; background-image:url(/images/bg_liTrans.gif); background-position:0 5px; /*_background-position:0 2px;*/ background-repeat:repeat-x; }
#menu .nav a.active { background-image:url(/images/bg_liTrans.gif); background-position:0 5px; /*_background-position:0 2px;*/ background-repeat:repeat-x; }
#menu .search { display:inline; margin:0; padding:3px 10px 0 6px; }
#menu .search form { float:right; }

#navIV { float:left; width:100%; margin:0; padding:0; }
#navIV ul { margin:0; margin-left:auto; margin-right:auto; text-align:center; }
#navIV li { display:inline; line-height:22px; margin:0; padding:0 4px 0 5px; background-image:url(/images/bg_liTrans.gif); background-repeat:no-repeat; }
#navIV li.first { background-image:none; }
#navIV a { font-size:10px; text-decoration:none; }


/* Content Columns */
.oneCol { float:left; width:100%; margin:0; padding:0; margin-bottom:20px; }
.large { float:left; width:100%; margin:0; padding:0; margin-bottom:20px; }
.med { float:left; width:492px; margin:0; padding:0 20px 0 0; margin-bottom:20px; }
.medCpn {float:left; width:517px; margin:0; padding:0; padding-right:15px; overflow:hidden; margin-bottom:20px;  }
.thin { float:left; width:210px; margin:0; padding:0 0 0 26px; margin-bottom:20px; }
.thinB { float:left; width:220px; margin:0; padding:0; margin-bottom:20px; }

.twoCol { float:left; width:100%; margin:0; padding:0; padding-left:15px; margin-bottom:20px; }
.twoColMT { float:left; width:100%; margin:0; padding:0; margin-bottom:20px; }
.half1 { float:left; width:49%; margin:0; padding:0; }
.half1 div { padding-right:10px; }
.half2 { float:left; width:49%; margin:0; padding:0; }
.half2 div { padding-left:10px; }

.funStuff { float:left; width:100%; margin:0; padding:0; padding-bottom:5px; vertical-align:middle; }
.funStuff img { float:left; margin:0; padding:0; }
.funStuff p { float:right; width:395px; margin:0; padding:0; padding-top:15px; }


/* Service Box Containers */
.thin .serviceBox { float:left; width:200px; margin:0; padding:5px 5px 0 5px; background-color:rgb(233,233,233); background-image:url(/images/bg_serviceBoxTop.gif); background-repeat:no-repeat; }
.thin .serviceBox h2, .thin .serviceBox h3 { margin-left:5px; } 
.thin .serviceBox .icon { position:relative; top:-22px; left:157px; margin-bottom:-55px; } 
.thin .serviceBox ul { float:left; width:195px; margin:0; padding:0; padding-left:5px; list-style-type:none; }
.thin .serviceBox li { font-size:11px; font-weight:normal; margin:0; margin-top:12px; padding:0 0 0 16px; background-image:none; line-height:12px; vertical-align:top; vertical-align:top; }
.thin .serviceBox li a { text-decoration:none; }
.thin .serviceBox li a:hover { text-decoration:none; color:#000; }
.thin .serviceBox li.over { background-image:url(/images/bg_serviceBoxLI.gif); background-position:0 0; background-repeat:no-repeat; }
.thin .serviceBox li .hr { width:90%; }
.thin .rounded { float:left; width:210px; height:10px; margin:0; padding:0; background-image:url(/images/bg_serviceBoxBottom.gif); background-repeat:no-repeat; } 
/*.thin .rounded div { float:right; width:10px; height:10px; margin:0; padding:0; background-image:url(/images/bg_serviceBoxRCorner.gif); background-repeat:no-repeat; } */

.rboxed_bg { float:left; width:100%; margin:0; padding:0; background-image:url(/images/rboxed_bg.gif); background-repeat:repeat-y; }
.rboxed_bg p { float:left; width:462px; color:#fff; margin:0; padding:0 25px 10px 15px; }
.rboxed_bg a { color:#fff; }
.rboxed_bg .top { float:left; width:100%; height:17px; background-image:url(/images/rboxed_bg_tlc.gif); background-repeat:no-repeat; }
.rboxed_bg .top div { float:right; width:20px; height:17px; padding-right:1px; background-image:url(/images/rboxed_bg_trc.gif); background-repeat:no-repeat; }
.rboxed_bg .btm { float:left; width:100%; height:15px; background-image:url(/images/rboxed_bg_blc.gif); background-repeat:no-repeat; }
.rboxed_bg .btm div { float:right; width:20px; height:15px; padding-right:1px; background-image:url(/images/rboxed_bg_brc.gif); background-repeat:no-repeat; }

/* Find A Vet WOW */
#findVet_wow { float:left; height:239px; width:100%; margin:0; padding:0; background-image:url(/images/bg_wow_FindAVet.jpg); background-repeat:no-repeat; }
#findVet_wow div.a { position:relative; top:13px; left:0px; width:325px; margin:0; padding:0; clear:right; }
#findVet_wow div.b { position:relative; top:49px; left:43px; margin:0; padding:0; clear:left; }


/* Form Elements */
form { float:left; width:auto; margin:0; padding:3px 0 10px 0; font-family:Myriad, Verdana, Arial; }
form select, form input { float:left; width:184px; color:#999999; margin:0; margin-bottom:7px; padding:1px 3px 1px 3px; }

form.formB { float:left; width:100%; margin:0; padding:0; font-family:Myriad, Verdana, Arial; line-height:12px; vertical-align:middle; }
form.formB .formRow { float:left; width:100%; margin:0; padding:0; padding-bottom:10px; width:auto; }
form.formB .formRow .formLabel { float:left; width:auto; margin:0; padding:0; padding-right:7px; }
form.formB .formRow .formOption { display:inline; width:auto; margin:0; padding:0; line-height:14px; vertical-align:bottom; }
form.formB .formRow .formOption input { float:left; width:auto; margin:0; padding:0; height:14px; }
form.formB .formRow .formOption label { float:left; width:auto; margin:0; margin-right:20px; padding:0 7px 0 3px; } 
form.formB .formRow .formOption .right { float:right; width:auto; margin:0; padding:0; } 

form.search { margin:0; padding:0; padding-top:3px; font-family:Myriad, Verdana, Arial; }
form.search input { color:#666666; float:left; width:100px; font-size:10px; height:12px; margin:0; padding:0; margin-right:2px; }

form.sm { width:auto; margin:0; padding:0; }
form.sm input, form.sm select { margin:0; padding:0; font-size:11px; }

form.zip { width:auto; margin: 45px 0 0 10px; padding:0; }
form.zip input.SpecialFormSmall { margin:0; padding:0; width: 80px; font-size:11px; }
form.zip input.SpecialFormButton { width: 27px; height: 17px; }


/* Links */
a.none { text-decoration:none; }
a img { margin:0; padding:0; border:none; }
#home a { color:#fff; font-weight:normal; text-decoration:none; }
#copyRight a { font-weight:bold; color:#999; padding-left:4px; padding-right:4px; }

