/******* catalog.css *******/

/******* catalog page layout *******/
body {background: #fff; color: #000; font-size: small; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: justify;}
img {border: none;}
h1 {font-size: large; font-family: Geneva, Arial, Helvetica, sans-serif; color: #063;}
/*div#notice {position: absolute; top: 130px; left: 190px; padding-left: 100px; width: 66%;} /* reset  content top to original if this line is deleted or commented out.*/
/*div#notice p {background-color: #ffc; color: #00f; border-style: ridge; border-width: 2px; border-color: #ff9; text-align: center; padding: 10px;}
div#notice #noticeheader {font-weight: bold; font-variant: small-caps;}*/
div#menu {background: #063; color: #fff; text-align: center; width: 170px; position: absolute; left: 5px; top: 5px;}
div#menu a:link {color: #fff; text-decoration: none;}
div#menu a:visited {color: #fff; text-decoration: none;}
div#menu a:hover {color: #ff0; text-decoration: none;}
div#menucart img{margin: 20px 0 20px 0;}
#homelink {font-size: medium; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin: 10px 4px 4px 4px;}
div#btnSave {padding: 5px 0 0 0;}
.section {font-weight: bold; margin: 10px 4px 4px 4px;}
div#last {font-weight: bold; padding: 10px;}
#altmoor {position: absolute; top: 5px; left: 190px; width: 235px;}
#letterhead {position: absolute; top: 5px; left: 780px; font-size: small;text-align: right; margin-right:10px; line-height: 1.5em}
#pagename {position: absolute; top: 130px; left: 190px; width: 75%;} 
/*#pagename {position: absolute; top: 270px; left: 190px; margin-right:10px; width: 75%;} /* top orig=130px */
#content {position: absolute; top: 220px; left: 190px; width: 75%;} /*original top 220px - notice 350px*/
/*#content {position: absolute; top: 350px; left: 190px; margin-right: 10px; width: 75%;} */
div#content h1 {font-size: medium; font-family: Geneva, Arial, Helvetica, sans-serif;}
div#content h2 {font-size: small; font-family: Geneva, Arial, Helvetica, sans-serif;}
div#text {position: absolute; top: 190px;}


/******* content formatting *******/
.parahead {font-weight: bold;}
.oos {font-style: italic; color: #f00;}
div#update {color: #999; font-size: x-small; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: right;}

/******* e-collar page components  *******/
#coupons {position: absolute; top: 20px;}
#coupons p {margin-top: 0px; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #f03;}
table#specials {width: 550px;}
#specials tr td {font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #f03;}
#specialsheader {font-weight: bold;}
div#coupons table td.cr {width: 199px;}
div#coupons table td.cl {width: 95px;}
div#coupons table td.cm {width: 166px;}
#innonote {font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold;}
#ecollar {position: absolute; top: 190px;} /*orig 145*/
p.first {margin-top: 10px;}
div#auth {text-align: center; position: relative; top: -100px; left: 70%; width: 20%;}
table#products {text-align: left; margin-bottom: 35px;}
#model, #brand, #description {color: #fff;  background-color: #063; font-weight: bold; text-align: left;} 
#ourpricehead {color: #fff; font-weight: bold; background-color: #063; text-align: center;}
.ourprice {background-color: #ff0; text-align: center;}
.hl {background-color: #ff0;}
#view {color: #fff; background-color: #063; font-weight: bold; text-align: center;} 
.centercolumn {text-align: center; padding-right: 5px; padding-left: 5px;}
#add {color: #fff;  background-color: #063; font-weight: bold; text-align: center;} 
.divider {text-align: center; padding: 10px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #063;}
.odd {background-color: #f4f9f4;}
.now {color: #f03; font-weight: bold; text-align: center;}
.indent {margin: 0 12% 0 7%; text-align: justify;}
#accheader {font-size: medium; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #063; margin-top: 35px;}
p.fs {font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #f03; font-weight: bold;}
#warranty {margin-top: 50px;}
.strike {text-decoration: line-through;}
.dia ul li {list-style: outside square url(/images/bluedia.gif);}
.dia ul li a {color: #00f;}
div#guarantee {float: right; top: 15px; width: 260px; border-style: solid; border-color: #f03; border-width: thick; padding:10px;} /*orig insrtead of float - position: absolute; left: 460px */
div#guarantee p {font-size: medium; font-family: Geneva, Arial, Helvetica, san-serif; color: #f03; text-align: center; font-weight: bold;}

/******* msrp components  *******/
#msrp {color: #fff; background-color: #063; font-weight: bold; text-align: center;}
.price {text-align: center; text-decoration: line-through;}

/******* current specials components *******/
#upgrade {font-size: 12px; font-family: Geneva, Arial, Helvetica, san-serif; color: #f03;}
table#items {text-align: left; margin-bottom: 35px; width: auto;}
.condition {color: #09f;}
.bold  {font-weight: bold;}

/******* dogtra e-collar page components ******/
#dogtra {position: absolute; top: 190px;} /*dogtra is name of e-collar div on this page*/

/******* tt e-collar page components  *******/
table#specials {color: #f03; font-weight:bold; text-align: left;} /*comment this out if coupon talbe is deleted*/
.default {color: #000; font-size: small; font-family: Geneva, Arial, Helvetica, sans-serif; }
#nostyle ul li {list-style: disc;}
p.fs {font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #f03; font-weight: bold;}
p.cou {font-size: 14px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #90f; font-weight: bold;}
/*div#compare {width: 14em; margin: 10px 0 10px; color:  #039; background-color:#f03; border-style: outset; border-width: thin; text-align: center;}
#compare a {text-decoration: none; color: #ff0; font-weight: bold;}*/
/*#ttecollar {position: absolute; top: 0px;} /*note name of ecollar div on this page because position different when coupon table not used - put this back in if coupon table is deleted */
#ttecollar {position: absolute; top: 190px;} /*comment out and put line above back in if coupon table is deleted*/
.separator {padding-left: 7%;  font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #063;}

/******* About page components ********/
#signature {font-size: x-large;  font-family: "Brush Script MT"; text-align: right;}
#memberships {text-align: center;}
#feedback {text-align: right; color: #063;}
#arrow {font-weight: bold; color:#063;}
#feedback a:link {text-decoration: none; color: #063; }
#feedback a:visited {text-decoration: none; color: #063;}
#feedback a:hover {text-decoration: none; color: #063;}