html {height: 100%;}
body {height: 100%; margin:0; padding: 0; background:#97d3ed url(../img/bkgd_body.jpg) repeat-x 0 0;  color:#1d3283; font:11px "Myridad Pro", myriad, arial, sans-serif; text-align:center;}
h1 {margin:0 0 0 7px; font-size:2em; font-weight:normal;}
h2 {margin:0 0 10px; padding:0 0 10px; font-size:2em; font-weight:normal;}
h2 sup, {font-size:65%;}
h2.divide {border-bottom:1px solid #1d3283;}
h3 {margin:0 0 10px; font-size:1.15em;}
h4 {margin:0; font-size:1em;}
p {margin:0 0 1em;}
img {border-style:none;}
ul, ol, dl {margin-top:0; margin-bottom:1em;}
dt {font-weight:bold;}
dd {margin:0 0 1em; padding:0;}
a:link, a:visited {color:#1e3384;}
a:hover, a:active {color:#1e3384;}
a.hilink, ul.hilist a {font-size:1.15em; font-weight:bold; padding-left:12px; background:transparent url(../img/arrow_2x.gif) no-repeat left center;}
a.hilink:link, a.hilink:visited {text-decoration:none;}
a.hilink:hover, a.hilink:active {text-decoration:underline;}
a.hipass, ul.hilist a  {background:transparent url(../img/arrow.gif) no-repeat left center;}
a.hiback {background:transparent url(../img/arrow-rev.gif) no-repeat left center;}

ul.hilist {margin:0 0 1em; padding:0; list-style:none;}
ul.hilist li {margin-bottom:5px;}
/*See above style for "ul.hilist a" styles.*/
ul.hilist a:link, ul.hilist a:visited {text-decoration:none;}
ul.hilist a:hover, ul.hilist a:active {text-decoration:underline;}

form {margin:0 0 1em;}
label {display:block; margin:0 0 5px; font-weight:bold; font-size:1.15em;}
input {width:152px; height:22px; margin:0 0 5px; background:transparent url(../img/bkgd_input.png) no-repeat left center; border-style:none; padding:4px 15px 0; font:small arial, sans-serif;}
input.submit {font-weight:bold; font-size:1.15em; background:transparent url(../img/arrow_2x.gif) no-repeat left center; width:auto; height:auto; padding:0 0 0 12px; margin:0; color:#1d3283; cursor:pointer; text-align:left;}
select,
option,
textarea {font:small arial, sans-serif;}

#wrapper {position:relative; width:968px; margin:0 auto; /*background:transparent url(../img/bkgd_wrapper.gif) repeat-y 238px 0;*/text-align:left;}

/*Header*/
#header {position:absolute;}

#content {width:100%;background:transparent url(../img/bkgd_wrapper.gif) repeat-y 238px 0;}
#content-main {background:transparent url(../img/bkgd_wrapper.jpg) no-repeat top left;text-align:center;}
#content-main-copy {width:430px; margin:0 auto; padding:100px 50px 69px; text-align:left; background:transparent url(../img/content-cap.jpg) no-repeat 0 100%; min-height:650px;}
#content-main-copy {position:relative; left:19px;}/*Dependent on background change.*/
#content-two {position:absolute; top:150px; left:15px; width:203px;}
#content-three {position:absolute; top:9px; left:785px; width:183px;}

/*Sidebar*/
#sidebar {position:relative; width:183px; height:588px; background:transparent url(../img/bkgd_noflash.png) no-repeat top left;}
#sidebar h3, #sidebar p {margin:0 19px 1em;}
#logo {/*position:relative; left:19px; top:-55px; */width:148px; height:137px; margin:0 auto 10px; text-indent:-9000px; outline:none;}
#logo a {display:block; width:100%; height:100%;}
#noflash {height:245px;}
#pledgepromo {margin:15px 0 0;}

/*Content-Two Styles*/
#content-two-copy {margin:0 15px;}
#pup {position:absolute; left:0; top:141px;}

/*Nav*/
#nav {width:269px; position:absolute; top:0; left:5px; z-index:100; background:transparent url(../img/nav.png) no-repeat bottom left;}
#nav a {font-weight:bold; font-size:1.15em; padding:0 0 0 8px; background:transparent url(../img/arrow.gif) no-repeat left center;}
#nav a:link, #nav a:visited {color:#1e3384; text-decoration:none;}
#nav a:active, #nav a:hover {color:#1e3384; text-decoration:underline;}
#nav ul {margin:0; padding:25px 0 1em; list-style:none;}
#nav li {padding:0 40px 7px;}

#nav li ul {padding:0; background-image:none; display:none;}
#nav li ul li {padding: 0;}
#nav li ul li a {font-weight:normal; font-size:1em; color:#1e3384 !important; background-image:url(../img/arrow_small.gif) !important; background-position:8px 50%; display:block; padding:0 0 0 20px; height: 16px;}
#nav li ul li.longnav a {background-position:8px 10%; height: 32px;}
/*#nav li ul li a:link, #nav li ul li a:visited {}*/
#nav li ul li a:hover, #nav li ul li a:active {background-image:url(../img/bkgd_nav_hover.png) !important; background-position:0 0; color:#fff !important; text-decoration:none;}
#nav li ul li.longnav a:hover, #nav li ul li.longnav a:active {background-repeat: repeat-y;}
#nav li p {margin-right:15px; margin-left:10px; margin-bottom:0px; padding:0px;}
#newsletter {background:transparent none repeat-y 0 0; padding:0 35px 25px;}
#newsletter p {margin-right:15px;}
#newsletter input {color:#666;}
#newsletter input.submit {color:#1d3283;}

#navcap {width:100%; height:110px; background:transparent url(../img/looking.gif) no-repeat 50% 10px; clear:both;}
a#navswitch {position:absolute; bottom:20px; left:168px; padding:0;outline:none;}
a#navswitch:link, a#navswitch:visited {text-decoration:none;}
a#navswitch:hover, a#navswitch:active {text-decoration:none;}

body.home #nav li.home a,
body.pledge #nav li.pledge a,
body.bekind #nav li.bekind a,
body.products #nav li.products a,
body.puppy #nav li.puppy a,
body.offers #nav li.offers a,
body.faq #nav li.faq a,
#nav li#selectedlink a {color:#90c1ef; background-image:url(../img/arrow_active.gif); outline:none;}

body.home #nav li.home ul,
body.pledge #nav li.pledge ul,
body.bekind #nav li.bekind ul,
body.products #nav li.products ul,
body.puppy #nav li.puppy ul,
body.offers #nav li.offers ul,
body.faq #nav li.faq ul,
#nav li#selectedlink ul {display:block;}

#nav ul.newpages {padding:20px 0 0; margin-bottom:1em; background:transparent url(/img/hd_newoncottonelleca.gif) no-repeat 40px 0;}

/*Home Page*/
/*body.home {background:#bfd9b1 url(../img/bkgd_green.jpg) repeat-x;}*/
/*.home #content{height:100%; min-height:870px;}*/
/*.home #wrapper{height:100%; min-width:1178px;}*/
/*.home #aspnetForm{height:100%; position:relative; z-index:1;}*/
/*.home #footer {position:absolute; top:670px; left:3%; z-index:2;}*/

/*Flash Pages*/
.flash #footer {width:960px; margin:0 auto;}
.flash #wrapper {width:100%;}
.flash #content {background-image:none;}
.flash #nav, .flash #content-three {display:none;}

body.uncover {background-position: 0 -100px;}

/* Error page */
.errorpage #content-three {display:none;}
.errorpage #content {background-image: none;}
.errorpage #content-main {background-image: url(../img/bkgd_error.jpg);}
.errorpage #content-main-copy {background: none; min-height: 0; height: 460px; left: 23px; width: 300px; padding-top: 120px;}

/*Pledge Content*/
.pledge #content-main {background-image:url(../img/bkgd_wrapper_puppy.jpg)}
.pledge #content-main-copy {background-image:none; padding-bottom:0; min-height:640px;}
.pledge #content-two {width:250px;}

/*Puppy Content*/
.puppy #content-main {background-image:url(../img/bkgd_wrapper_puppy.jpg)}
.puppy #content-main-copy {background-image:none; padding-bottom:0; min-height:640px;}
.puppy #content-two {width:250px;}

.puppycontent {position:absolute; top:151px; left:59px; width:375px; height:324px;}
.puppyaux {position:absolute; top:480px; left:59px; width:375px;}
.puppyaux h4 {font-size:1.25em; display:inline;}
.puppyaux ul {margin:0; padding:0; list-style:none; display:inline;}
.puppyaux li {padding-left:15px; font-size:1.25em; display:inline;}
.puppyaux li a{padding-left:10px; background:transparent url(../img/arrow.gif) no-repeat left center; font-weight:bold;}
.puppyaux li a:link, .puppyaux li a:visited {text-decoration:none;}
.puppyaux li a:hover, .puppyaux li a:active {text-decoration:underline;}

/*Be Kind Content*/
.video  #content-main {background-image:url(/img/bkgd_wrapper_puppy.jpg)}
.video #content-main-copy {background-image:none; padding-bottom:0; min-height:640px;}
.video  #content-two {width:250px;}

/*Selection Grid*/
#selectiongrid {position:relative; width:150px; height:138px; left:-8px; background:transparent url(../img/bkgd_selectiongrid.png) no-repeat top left;}
#selectiongrid ul {margin:0; padding:0; list-style:none;}
#selectiongrid li {position:absolute; width:34px; height:31px;}
#selectiongrid li a {display:block; width:34px; height:31px; background:transparent none no-repeat top left; text-indent:-9000px; outline:none;}
#selectiongrid li a:link, #selectiongrid li a:visited {background-position:0 0;}
#selectiongrid li a:hover, #selectiongrid li a:active {background-position:0 -31px;}
#selectiongrid li a.current {background-position:0 -31px !important; cursor:default;}
#sg1 {top:14px; left:16px;}
#sg2 {top:14px; left:58px;}
#sg3 {top:14px; left:100px;}
#sg4 {top:51px; left:16px;}
#sg5 {top:51px; left:58px;}
#sg6 {top:51px; left:100px;}
#sg7 {top:88px; left:16px;}
#sg8 {top:88px; left:58px;}
#sg9 {top:88px; left:100px;}

/*Playtime*/
.game #sg1 a {background-image:url(../img/icon_gm1.jpg);}
.game #sg2 a {background-image:url(../img/icon_gm2.jpg);}
.game #sg3 a {background-image:url(../img/icon_gm3.jpg);}
#game1 {display:none;}
#game2 {display:none;}
#game3 {display:none;}

/*Wallpaper*/
.wallpaper #sg1 a {background-image:url(../img/icon_wp1.jpg);}
.wallpaper #sg2 a {background-image:url(../img/icon_wp2.jpg);}
.wallpaper #sg3 a {background-image:url(../img/icon_wp3.jpg);}
.wallpaper #sg4 a {background-image:url(../img/icon_wp4.jpg);}
#wallpaper1,
#wallpaper2,
#wallpaper3,
#wallpaper4,
#wallpaperinstructions {display:none;}

#wallpaperinstructions .puppycontent {width:320px; left:85px; top:171px;}
#wallpaperinstructions img {display:block; margin:20px auto 0;}

/*Color*/
.color #sg1 a {background-image:url(../img/icon_co1.jpg);}
.color #sg2 a {background-image:url(../img/icon_co2.jpg);}
.color #sg3 a {background-image:url(../img/icon_co3.jpg);}
.color #sg4 a {background-image:url(../img/icon_co4.jpg);}
#color1,
#color2,
#color3,
#color4 {display:none;}

/*Ads*/
.ad #sg1 a {background-image:url(../img/icon_ad6.jpg);}
.ad #sg2 a {background-image:url(/img/icon_ad7.jpg);}
.ad #sg3 a {}
.ad #sg4 a {}
.ad #sg5 a {}
#ad1,
#ad2,
#ad3,
#ad4,
#ad5 {display:none;}

#puppyvidcontent {position:absolute; top:152px; left:60px; width:375px; height:324px;}

/*Comics*/
.comic #sg1 a {background-image:url(../img/icon_cm1.jpg);}
.comic #sg2 a {background-image:url(../img/icon_cm2.jpg);}
.comic #sg3 a {background-image:url(../img/icon_cm3.jpg);}
.comic #sg4 a {background-image:url(../img/icon_cm4.jpg);}
.comic #sg5 a {background-image:url(../img/icon_cm5.jpg);}
.comic #sg6 a {background-image:url(../img/icon_cm6.jpg);}
.comic #sg7 a {background-image:url(../img/icon_cm7.jpg);}
.comic #sg8 a {background-image:url(../img/icon_cm8.jpg);}
.comic #sg9 a {background-image:url(../img/icon_cm9.jpg);}
#cm1,
#cm2,
#cm3,
#cm4,
#cm5,
#cm6,
#cm7,
#cm8,
#cm9 {display:none;}

/*FAQ*/
#faqselect {margin:0 0 10px; border-bottom:1px solid #1d3283; padding:0 0 10px;}
.faqlist {margin:0 0 1em; padding:0; list-style:none;}
.faqlist li {margin-bottom:7px;}
.faqlist a {font-weight:bold;}
.faqlist a:link, .faqlist a:visited {text-decoration:none;}
.faqlist a:hover, .faqlist a:active {text-decoration:underline;}
.faq dl {margin-bottom:40px;}

/*Misc Styles*/
#packshots {display:block; margin:2em auto;}
.fineprint {font-size:85%;}
#kcdisclaimer {margin:0; text-align:center;}
#contestrules {text-align:center;}
.column {width:50%; float:left; margin:0; padding:0;}

/*New product pages.*/
.p2 {}
.p2 #content-main-copy {background-image:none; position:relative;}
.p2 #content-main {background-image:none;}
.p2 #footer {width:960px; margin:0 auto; top:-150px}

/* Regular Cottonelle */
.reg {background:#95d3ec url(../img/bkgd_blue.jpg) repeat-x top left;}
.reg #content {background:transparent url(../img/bkgd_regular.jpg) no-repeat top left;}
.reg #content-two-copy {margin:70px 0 0;}
.reg .productbox2 {top:390px; left:256px;}

/* Aloe and E */
.aloe {background:#c2dcb5 url(../img/bkgd_green.jpg) repeat-x top left;}
.aloe #content {background:transparent url(../img/bkgd_aloe.jpg) no-repeat top left;}
.aloe #content-two-copy {margin:70px 0 0;}

#institute_logo {background:transparent url(../img/cottonelle_institute_logo.png) no-repeat top left; height:112px; width:112px;}


/* Ultra */
.ultra {background:#d6bbda url(../img/bkgd_purple.jpg) repeat-x top left;}
.ultra #content {background:transparent url(../img/bkgd_ultra.jpg) no-repeat top left;}
.ultra #content-two-copy {margin:100px 0 0;}
.ultra .productbox1 {left: 263px; top: 220px;}

/* Soothing */
.soothing {background:#aacd97 url(../img/bkgd_green_soothing.jpg) repeat-x top left;}
.soothing #content {background:transparent url(../img/bkgd_soothing.jpg) no-repeat top left;}
.soothing #content-two-copy {margin:30px 0 0;}
.soothing #content-two-copy a {display: block; background-position: 0 4px;}
.soothing #content-two-copy ul {margin: 10px 0 15px 0; padding: 0 0 0 15px;}
.soothing .productbox1 {position:absolute; top:185px; left:265px; width:204px;}
.soothing .productbox2 {top:410px; left:270px;}
.soothing .productbox2 img {position:relative; top:-20px; left:-12px;}
.soothing .product_side {background:transparent url(../img/bkgd_product_soothing_side.png) repeat-y top left; width:200px; margin:10px 0 10px 0; padding: 5px 20px 5px 20px;position:relative; left: -20px;}

/* Soothing - Popups*/

.tub_color {
	cursor:pointer;
	font-weight:bold;
}

#tub_popup {
	background:transparent url(../img/tub_popup_bkgd.png) no-repeat top left;
	display:none;
	height:168px;
	left:130px;
	position:absolute;
	top:40px;
	width:190px;
	z-index:1;
	}
	
#tub_popup_pack {
	background:transparent url(../img/tub_popup_colors.jpg) no-repeat top left;
	height:100px;
	left:16px;
	position:absolute;
	top:39px;
	width:157px;
}

/* wipes */
.wipes #content {background:transparent url(../img/bkgd_wipes.jpg) no-repeat top left;}
.wipes #content-two-copy {margin:20px 0 0;}
.wipes #content-two-copy a {display: block; background-position: 0 4px;}
.wipes #content-two-copy ul {margin: 10px 0 15px 0; padding: 0 0 0 15px;}
.wipes .productbox1 {position:absolute; top:170px; left:265px; width:204px;}
.wipes .productbox2 {top:410px; left:270px;}
.wipes .product_side {background:transparent url(../img/bkgd_product_wipes_side.png) repeat-y top left; width:180px; margin:10px 0 10px 0; padding: 5px 20px 5px 20px; position:relative; left: -20px;}

/*Products*/
.product {display:block; margin:0 auto 10px;}
.product_side {background:transparent url(../img/bkgd_product_side.png) repeat-y top left; width:220px; margin:1em 0; position:relative; left:-15px;}
.ps_wide {background-image:url(/img/bkgd_product_side.png)}
.product_side table {border-style:none; margin:0 120px 0 30px;;}
.product_side td, .product_side th {text-align:center; width:33.3%;}
.product_side th {border-bottom:1px solid #1d3283; padding-bottom:3px;}
.product_side th.sing {border-color:#0075b9; color:#0075b9;}
.product_side th.doub {border-color:#9b0441; color:#9b0441;}
.product_side th.trip {border-color:#76a536; color:#76a536;}
.productbox1 {position:absolute; top:170px; left:265px; width:204px;}
.productbox1 p {margin:0 20px 1em;}
.productbox1 a {display:block; background-position: 0 4px;}
.productbox2 {position:absolute; top:420px; left:265px; width:204px;}

.packs {background:transparent url(../img/bkgd_packs.gif) repeat-y top left; margin:0 0 70px;}
.packs div {float:left; width:142px; margin:0;}
.packs ul {margin:0 0 0 36px; padding:0; list-style:none;}
.packs h4 {padding:75px 0 0 36px; margin:0; background:transparent none no-repeat top center;}
h4.single {background-image: url(../img/packs-1x.jpg);}
h4.double {background-image: url(../img/packs-2x.jpg);}
h4.triple {background-image: url(../img/packs-3x.jpg);}
h4.giant {padding-top:0;}
.packs-aux {margin-left:36px;}

/*Comfort Haven*/
.chaven h2.secondary {margin: 10px 0 5px 0; padding-bottom: 0;} 
.chaven #flash {float: left; width: 300px; height: 205px;}
#event-loc {float: left; width: 120px; padding: 0 0 0 5px; margin: 0;}
.chaven li.tell {margin-top: 80px;}
.chaven a.current {color:#90c1ef; background-image:url(/img/arrow_active.gif); outline: none;}
.chaven a.current:hover {text-decoration: none;}
#gallery-thumbs {border-top: 1px solid #1D3283; padding: 0; margin: 10px 0 20px 0; width: 100%;}
.gallery-block {float: left; width: 201px; margin: 0; padding: 20px 0 0 0;}
.gallery-block.right {margin-left: 28px; }
.gallery-block img {display: block; margin: 0; padding: 0 0 5px 0;}
.gallery-block p {margin: 0; padding: 0;}
#endcap {width: 100%; border-top: 1px solid #1D3283; margin: 0; padding: 10px 0 0 0;}
#fullblock {width: 100%; margin: 0; padding: 0;}
#cap-block { border-top: 1px solid #1D3283; margin: 0; padding: 10px 0 0 0;}
.celeblink {float:right; text-align:right;}

/*Offers*/
#couponblock {width:328px; margin:0 auto;}
#couponblock img {display:block; margin:10px 0 0;}

/*Store Locator*/
#map{
	left: -16px;
	position:relative;
}

/*Sweepstakes*/
.sweepstakes #content-main-copy h1 {margin:0 0 12px;}
.sweepstakes #content-main-copy ul {margin:0 0 2em; padding:0; list-style:none; font-weight:bold; font-size:115%; line-height:1.5;}
.sweepstakes #content-main-copy img {position:absolute; bottom:45px;}

/*Flash Upgrade*/
.upgrade #content-main {background-image:url(../img/bkgd_wrapper_flash.jpg)}
.upgrade #content-main-copy {background-image:none; padding-bottom:0; min-height:640px;}
#rotateproducts {position:absolute; width:297px; left:248px; top:477px;}

/*Puppies*/
#puppyimg {position:absolute; background-repeat:no-repeat; background-position:top left;}
.sit {top:150px; left:-90px; width:318px; height:337px; background-image:url(../img/puppy-sit.png);}
.walk {top:200px; left:0px; width:220px; height:268px; background-image:url(../img/puppy-walk.png);}
.camera {top:350px; left:60px; width:277px; height:213px; background-image:url(../img/puppy-camera.png);}
.sniff {top:220px; left:0px; width:282px; height:265px; background-image:url(../img/puppy-sniff.png);}
.run {top:220px; left:0px; width:251px; height:307px; background-image:url(../img/puppy-run.png);}
.paw {top:170px; left:-50px; width:269px; height:291px; background-image:url(../img/puppy-paw.png);}
.towel {top:170px; left:-50px; width:270px; height:324px; background-image:url(../img/puppy-towel.png);}
.bark {top:170px; left:-50px; width:273px; height:355px; background-image:url(../img/puppy-bark.png);}
.lookup {top:170px; left:-50px; width:280px; height:336px; background-image:url(../img/puppy-lookup.png);}
.kids {top:130px; left:-30px; width:226px; height:294px; background-image:url(../img/puppy-kids.png);}

.upgrade .sit {top:290px; left:-145px;}

#beachball {position:absolute; top:420px; left:120px; width:132px; height:138px; background:transparent url(/img/beachball.png) no-repeat top left;}

/*Info and Disclaimers*/
.info h3 {margin-top:15px;}

/*Iframed Content*/
.iframe {background:#fff none;}

/*Footer*/
#footer {font-size:11px; position:relative;}
#footer h4 {float:left; width:170px; text-align:right; margin:0 10px 4px 0;clear:left;}
#footer ul {margin:0 0 4px; padding:0; list-style:none; width:620px; white-space:nowrap;}
#footer li {display:inline; padding:0 3px; border-left:1px solid #1e3384;}
#footer li.first {padding:0; border-style:none;}
#footer a {text-decoration:none;}

/*Forms*/
/*#content form {padding:0 0 2em; border-bottom:border-bottom:1px solid #1d3283; margin:0 0 2em;}*/

.formblock {margin:0 0 1em;}
.formbuttons {border-top:2px solid #1d3283; padding:5px 0 0;}
.formbuttons div {width:40%; float:right;}
.formbuttons div input {display:block; width:100%; text-align:left;}
input.normal {width:auto; height:auto; margin:0; background-image:none; border-style:inset; padding:0;}

#search {position:absolute; top:15px; right:-3px; padding:10px 0 10px 33px; border-left:1px solid #1d3283;}
#search p {margin:5px 0 0;}
#search img {vertical-align:baseline; padding:0 0 0 5px;}
#search input {} /*See additional styles below.*/
#search input.submit {background-image:none; padding:0;}
#searchfield {width:130px; margin:0 10px 5px 0; background:transparent url(../img/bkgd_search.gif) no-repeat top left; border-style:none; padding:4px 0 0 25px;}

.checklist {border-style:none; padding:0; margin:0 0 1em;}
.checklist legend {margin:0 0 1em; padding:0; font-weight:bold; color:#1d3283; text-align:left;}
.checklist input {width:auto; background-image:none; padding:0; margin:0;}
.checklist label {display:inline;}

.send_multi, .send_input {margin:0 0 1em;}
.send_multi {width:381px !important; height:118px !important; background:transparent url(../img/bkgd_textarea.gif) no-repeat top left;}
.send_multi textarea {position:relative; top:5px; left:15px; width:353px !important; height:104px !important; border-style:none; background:transparent none;}

.halfblock {float:left; width:50%;}
#frmCoupons .checklist div {float:none; width:auto;}

.error {color:#f00;}
.formaction {margin:10px 0 1em; border-top:1px solid #1d3283; padding:10px 0 0;}

/*Admin Pages*/
.admin #nav {display:none;}

.clear:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */