@charset "UTF-8";

/* CSS Document */

/* Dreamweaver css */
body { font: 12px Verdana, Arial, Helvetica, sans-serif; background: #fff; margin: 0; padding: 0; text-align: center; color: #000000; }

a, a:visited { text-decoration: none; color: #89B8D3; }

a:hover { text-decoration:none; color: #89B8D3; }

img { border: 0px none; }

.clear { clear:both; display:block; font-size:1px; height:1px; line-height:-1; }

.clear { clear:both; display:block; font-size:1px; height:1px; line-height:-1; }

#container { width: 790px;  /* this will create a container 80% of the browser width */ margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ position: relative; }

#header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ }

#header .toc { margin: 0; width: 100%; background-color: #44271a; text-align: center; height: 29px; padding: 0px; }

#header .toc a { display: block; color: #fff; padding: 4px 5px 0 5px; height: 25px;  !padding: 3px 5px 0 5px;
text-decoration:none;  !height: 26px;
}

#header .toc a:hover { background-color:#705649; !
}

#header ul { margin: 0 0 0 125px;padding:0; }

#header li { margin: 0; padding:0 22px 0 0; }

/* toctop */

ul.img-toc li { list-style:none; float: left; }
ul.img-toctop li { list-style:none; float: left; }

ul.img-toc li img { margin-top:0px; }
ul.img-toctop li img { margin-top:4px; }

li.sweaters a { width: 54px; }

li.pants-skirts a { width: 71px; }

li.sleepwear a { width: 63px; }

li.home a { width: 88px; }

li.accesories a { width: 67px; }

li.sale a { width: 30px; }

li.about { width: 55px; }

li.customer { width: 102px; }

li.returns { width: 80px; }

li.contact { width: 63px; }

#mainContent { margin: 0 auto 0 auto; width: 790px;/* the auto margins (in conjunction with a width) center the page */ /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF; }

/* Header */

.topHeader { background-color: #89b8d3; text-align:center; width: 100%; padding: 12px 0 15px 0; }

.headerDog { position: absolute; top: 62px; left: 0px; z-index:10; }

#footer { padding: 0 0; text-align: center;/* this padding matches the left alignment of the elements in the divs that appear above it. */ }

#footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ }

#footernav { width: 768px; margin: 0px auto; padding-left:0px; height: 20px; border-bottom: 1px solid #6e7462; z-index: 8; }
.footernav_border { padding-top:9px; border-top: 1px solid #6e7462; }

#footernav ul { margin:0 50px; padding:0;}

#footernav li { display: inline; list-style-type: none; padding: 0 40px 5px 40px; float:left; height:15px; }

#footernav a { text-decoration: none; padding: 0 40px; color: #697a87; }

#footernav a.last { text-decoration: none; padding: 0 0 40px 0; color: #697a87; }

div.order-info { width: 770px; height: 50px; position: relative; padding-left: 15px; }

.order-info form { width: 460px; float: left; text-align: left; margin-top: 2px; }

.order-info label { background: url(images/btm-newsletter.gif) no-repeat 0 4px; display: block; width: 327px; height:20px; text-indent: -3000px; }

.order-info p { width: 320px; position: absolute; right: 0px; margin-top: 3px;/*	text-indent: -4000px; */
}

.order-info a.guarantee { background: url(images/btm-guarantee.gif) no-repeat; text-indent: -4000px; display: block; clear: none; width: 100px; }

.order-info input.text { height: 16px; padding: 0px; font-size: 10px; vertical-align:middle; width: 140px; }

.news-submit { font-weight: bold; color: #FFFFFF; background-color: #799eca; border: 0px none; vertical-align:middle; }

/* final css */
/*background: url('images/btm-go.gif') top right repeat-x; */
.toc-bottom { background-color: #89b8d3; width: 100%;  !width: 760px; height: 100px; padding: 10px 0 0 0;  !padding: 10px 0 5px 30px;
}
.toc-bottom ul { width: 100px; !width: 140px; float: left; margin: 0px; }
.toc-bottom ul.first { width: 140px;  !width: 180px; }
.toc-bottom li { padding: 0px; white-space:nowrap; list-style-type: none; padding-top: 5px; text-align: left; }
.toc-bottom a { color: #697a87; font-size: 12px; text-transform:capitalize; padding: 10px 0 0 0; font-size: 11px; }
.toc-bottom a { color: #697a87; font-size: 12px; text-transform:capitalize; padding: 10px 0 0 0; font-size: 11px; }
.toc-bottom a:hover { text-decoration: underline; }

a.h-one { text-decoration:underline; }
a.h-one:hover {  }


/*lp page*/
 #mainContent.lp { margin:9px 0 0 0; !margin:11px 0 0 0;}

.lp-left { width: 400px; position: relative; margin: 80px 0 10px 20px; z-index: 1; }
.lp-left a { color:#423c3c; text-decoration: underline; font-size: 11px; font-weight: bold; }

.lp-right { padding: 70px 0 0 0; background:url(images/shop-Wooby.png) no-repeat; height: 433px; width: 320px; position: absolute; right: 15px; top: 130px; color: #44271a; font-size: 11px; text-align: center; line-height: 20px; }
.lp-right p { padding: 0px 20px; margin: 0 0 15px 0; }

.shopLink { width: 170px; height: 70px; position: absolute; top: 0px; right:80px; }

/* home page*/
.homepage { position: relative; }

.tagline { margin: 5px 0 }

div.ad-area-main { margin-bottom: 0 }

/* div.ad-area-main p{text-align: right; width: auto; color: #fff; font-size: 14px; z-index: 1;  text-indent: -4000px; display:none} */
div.ad-area-main a { color: #fff; font-size: 14px; text-decoration:underline; }

.homepage .hp-info { width: 369px; height: 67px; position: absolute; z-index: 15; font-weight:bold; top: 452px; !top: 465px; left: 210px; color: #44271a; padding: 10px; background: url('images/hp/whiteInfo.png') top left no-repeat; text-indent: -4000px; }

.homepage .hp-info a { color: #44271a; }

.doggy { left:136px; display: block; position:absolute; top:470px; !top: 472px;
z-index:50; }

img.ad-main { margin-bottom: 5px; !margin-bottom: -2px;}

.help-us { position: absolute; top: 405px; !top: 423px;
left: 10px; height: 125px; width: 140px; }

.lp .help-us { top: 322px; !top: 305px;
left: 0; height: 125px; width: 140px; }

div.hp-right div { display: block; width: 170px; border: 1px solid; right: 355px; position: absolute; }
div.hp-right a.position1 div { height: 65px; top: 70px; }
div.hp-right a.position2 { height: 235px; top: 130px; }
div.hp-right a.position3 { height: 135px; top: 368px; }
div.hp-right a.position4 { height: 25px; top: 508px; }

.hp-right .help-us { background: url('images/info-square.png') top right no-repeat; }

/* testimonials */

.topLinks { height: 100px; width: 580px; border-left: 195px solid #fff; }
.topLinks img { margin:7px 0; }
.js-kit-comments { margin-left: 220px;  width: 567px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.js-kit-comments div { border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; font-size: 11px; }
.left-nav { position: absolute; top: 110px; left: 0px; width: 225px; padding-bottom: 10px; }

.js-singleCommentBg { border-bottom: 1px solid #89B8D3; }

.testimonials p.help-us { position: relative; top: 0px; left: 0px; margin-top: 60px; margin-left: 15px; }

.js-kit-poll { margin-top: 10px; }

.js-kit-poll .js-PollBg { border-top: 0px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

.js-kit-poll .js-pollSave { width: 100px; }