/* CSS */

form { padding: 0; margin: 0; top: 0; left: 0 }

/************************************ GLOBAL ************************************/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #571319;
	font-family: Arial, Helvetica, sans-serif;
	}
p {
	margin: 0px;
	padding: 0px;
	}

a {
	outline: none;
	}
	
sup {
	line-height: 0;
	/*font-size: 50%;*/
	font-size: .7em; 
	}
.header {
	font-size: 16px;
	}
.header2 {
	font-size: 16px;
	line-height: 22px;
	}
.largetxt {
	font-size: 22px;
	}
.legal {
	font-size: 11px;
	}
.spacer {
	padding-top: 10px;
	}
.spacer2 {
	padding-top: 5px;
	}
.bullet1 {
	font-size: 20px;
	line-height: 0px;
	vertical-align: middle;
	}
.arrow {
	background-image:url(../images/arrow.gif);
	height:11px;
	width:11px;
	}
.smallinputs {
	font-size: 12px; 
	color: #000000;
	font-family: arial, helvetica, sans-serif; 
	height: 16px; 
	border:solid 1px #000000; 
	margin-bottom: 0px;
	padding: 1px 0 0 3px; 
	width: 220px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: baseline;
	}
.smallinputs_2 {
	font-size: 12px; 
	color: #000000;
	font-family: arial, helvetica, sans-serif; 
	height: 18px; 
	border:solid 1px #000000; 
	margin-bottom: 0px;
	padding: 4px 0 0 3px; 
	width: 160px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: baseline;
	}


/************************************ HOME (language select) & SECOND PAGE TEMPLATE ************************************/

/* Home Exclusive */
#homepage_bg2_lang {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	background-image: url(../images/sdiet_bg2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}
#container_lang {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/landing_bg.jpg);
	background-repeat: no-repeat;
	width: 969px;
	height: 1024px;
	}
.promoBox_space {
	position: relative;
	padding-bottom: 30px;
	height: 385px;
	width: 969px;
	float: left;
	}
.promoBox_space2 {
	position: relative;
	padding-bottom: 30px;
	height: 200px;
	width: 969px;
	float: left;
	}
.nopromoBox_space {
	position: relative;
	background-image:url(../images/promoClose_bg.jpg);
	background-repeat:no-repeat;
	width: 969px;
	height: 376px;
	}
#promoTop {
	position: relative;
	top:31px;
	left: 75px;
	background-image: url(../images/sdiet_promohead.jpg);
	background-repeat: no-repeat;
	width: 792px;
	height: 136px;
	}
#promoTop_fr {
	position: relative;
	top:31px;
	left: 75px;
	background-image: url(../images/sdiet_promohead_fr.jpg);
	background-repeat: no-repeat;
	width: 792px;
	height: 136px;
	}
.container_promo {
	position: relative;
	top:43px;
	left: 101px;
	background-image: url(../images/promo_box_bg.jpg);
	background-repeat: no-repeat;
	width: 759px;
	height: 200px;
	}
.container_promo2 {
	position: relative;
	top:0px;
	left: 101px;
	background-image: url(../images/promo_box_bg.jpg);
	background-repeat: no-repeat;
	width: 759px;
	height: 200px;
	}
#container_NoPromo {
	float:right;
	margin: 93px 128px 0 0;
	width: 559px;
	height: 275px;
	}
.promoTextTitle {
	color: #ffcc90;
	font-size: 20px;
	font-weight: 400;
	padding: 40px 0 0 50px;
	}
.promoText {
	color: #FFFFFF;
	font-size: 13px;
	padding: 20px 235px 0 50px;
	}
.noPromoTxt {
	color: #FFFFFF;
	font-size: 14px;
	padding: 0 0 0 12px;
	}
.promoText a {
	color: #FFcc90;
	text-decoration:underline;
	}
.no_promoLink {
	color: #FFcc90;
	text-decoration:underline;
	}
.promoTxtSm {
	color: #FFFFFF;
	float:left;
	font-size: 12px;
	padding: 10px 0 0 173px;
	}
.promoImg {
	float: right;
	padding: 9px 10px 0 0;
	}
.promoCircles {
	float: right;
	margin: 59px 150px 0 0;
	padding-bottom: 20px;
	}
.promoLegal {
	font-size: 10px;
	width: 620px;
	color: #FFFFFF;
	float: left;
	line-height: 9px;
	padding: 20px 165px 0 158px;
	}
.promoLegal a {
	color: #FFFFFF;
	text-decoration: underline;
	}
#home_upper_lang {
	position: relative;
	top: 0px;
	left: 0px;
	width:969px;
	height:524px;
	float:left;
	}
#divideline {
	position: absolute;
	left: 393px;
	top: 130px;
	width: 1px;
	height: 190px;
	background-image: url(../images/linehome.gif);
	}
#ttl_welc {
	position: absolute;
	left: 260px;
	top: 300px;
	width: 154px;
	height: 36px;
	}
#ttl_bien {
	position: absolute;
	left: 565px;
	top: 301px;
	width: 163px;
	height: 36px;
	}
#lang_copy1 {
	position: absolute;
	left: 252px;
	top: 340px;
	width: 170px;
	height: 78px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 20px;
	text-align: left;
	}
#lang_copy1 a:link, #lang_copy1 a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#lang_copy1 a:hover, #lang_copy1 a:active {
	text-decoration: underline; color: #fabc60;
	}
#lang_copy2 {
	position: absolute;
	left: 544px;
	top: 341px;
	width: 200px;
	height: 84px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 20px;
	text-align: left;
	}
#lang_copy2 a:link, #lang_copy2 a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#lang_copy2 a:hover, #lang_copy2 a:active {
	text-decoration: underline; color: #fabc60;
	}
#hills_logo_lang {
	position: absolute;
	left: 749px;
	top: 410px;
	width: 67px;
	height: 57px;
	background-image: url(../images/logo_hills.gif);
	}
	
/* Second Page / Template Elements */
.smallfields {
	font-size: 12px; 
	color: #000000;
	font-family: arial, helvetica, sans-serif; 
	height: 16px; 
	border: 1px solid #000000; 
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 2px 0 0 4px; 
	width: 100px;

	text-align: left;
	}
	
	.smallfields2 {
	font-size: 12px; 
	color: #000000;
	font-family: arial, helvetica, sans-serif; 
	height: 18px; 
	border: 1px solid #000000; 
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 2px 0 0 4px; 
	width: 100px;

	text-align: left;
	}
#homepage_bg2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	background-image: url(../images/sdiet_altbg2_out.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	}
	
#homepage_bg_close {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#homepage_bg3 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	background-image: url(../images/sdiet_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/sdiet_altbg2_in.jpg);
	background-repeat: repeat-y;
	width: 969px;
	height: 1024px;
	}
	
#container2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/sdiet_midbg.jpg);
	background-repeat: no-repeat;
	width: 969px;
	height: 728px;
	}
	
#home_upper {
	position: relative;
	top: 0px;
	left: 0px;
	width:969px;
	height:728px;
	float:left;
	}
#toplinks {
	position: absolute;
	left: 156px;
	top: 24px;
	width: 791px;
	height: 28px;
	font-size: 15px;
	color: #DB9F46;
	line-height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	}
#toplinks a:link, #toplinks a:visited {
	text-decoration: none; color: #DB9F46;
	}
#toplinks a:hover, #toplinks a:active {
	text-decoration: underline; color: #DB9F46;
	}
.toplines {
	font-size: 24px;
	line-height: 28px;
	margin-left: 5px;
	margin-right: 5px;	
	}
#header {
	position: absolute;
	left:198px;
	top:75px;
	width:734px;
	height:231px;
	background-image: url(../images/header.jpg);
	}
#header_fr {
	position: absolute;
	left:198px;
	top:75px;
	width:734px;
	height:231px;
	background-image: url(../images/header_FR.jpg);
	}
#header.nobgimg, #header_fr.nobgimg {
	background-image:none;
}
#footer_note {
	position: absolute;
	left:139px;
	top:616px;
	width:555px;
	height:57px;
	background-image: url(../images/ttl_footernote.gif);
	}
#footer_note_fr {
	position: absolute;
	left:103px;
	top:616px;
	width:667px;
	height:67px;
	background-image: url(../images/ttl_footernote_fr.gif);
	}
#hills_logo {
	position: absolute;
	left: 780px;
	top: 628px;
	width: 67px;
	height: 57px;
	background-image: url(../images/logo_hills.gif);
	}
#product {
	position: absolute;
	left: 632px;
	top: 82px;
	width: 301px;
	height: 288px;
	background-image: url(../images/product.jpg);
	}
#ttl_pin {
	position: absolute;
	left: 663px;
	top: 310px;
	width: 235px;
	height: 42px;
	background-image: url(../images/ttl_pin.jpg);
	}
#ttl_pin_fr {
	position: absolute;
	left: 632px;
	top: 310px;
	width: 301px;
	height: 42px;
	background-image: url(../images/ttl_pin_fr.jpg);
	}
#pin_entry {
	position: absolute;
	left: 632px;
	top: 350px;
	width: 301px;
	height: 195px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	}
#highlights {
	position: absolute;
	left: 14px;
	top: 184px;
	width: 280px;
	height: 75px;
	overflow: auto;
	font-size: 11px;
	color: #FFFF33;
	line-height: 12px;
	text-align: left;
	}
#highlights a:link, #highlights a:visited {
	text-decoration: underline; color: #FFFF33;
	}
#highlights a:hover, #highlights a:active {
	text-decoration: underline; color: #FFFF33;
	}
#highlights_fr {
	position: absolute;
	left: 14px;
	top: 110px;
	width: 285px;
	height: 75px;
	font-size: 11px;
	color: #FFFF33;
	line-height: 12px;
	text-align: left;
	}
#highlights_fr a:link, #highlights_fr a:visited {
	text-decoration: underline; color: #FFFF33;
	}
#highlights_fr a:hover, #highlights_fr a:active {
	text-decoration: underline; color: #FFFF33;
	}
#home_copy {
	position: absolute;
	left: 82px;
	top: 290px;
	width: 540px;
	height: 305px;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 18px;
	text-align: left;
	}
#home_copy a:link, #home_copy a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#home_copy a:hover, #home_copy a:active {
	text-decoration: underline; color: #fabc60;
	}
#home_copy_fr {
	position: absolute;
	left: 82px;
	top: 290px;
	width: 540px;
	height: 350px;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 18px;
	text-align: left;
	}
#home_copy_fr a:link, #home_copy_fr a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#home_copy_fr a:hover, #home_copy_fr a:active {
	text-decoration: underline; color: #fabc60;
	}
	
#helphome {
	position: absolute;
	left: 83px;
	top: 570px;
	width: 660px;
	height: 20px;
	font-size: 11px;
	color: #FFFFFF;
	/*line-height: 0px;*/
	text-align: left;
	/*z-index: 1;*/
	}
	
#helphome a:link, #helphome a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#helphome a:hover, #helphome a:active {
	text-decoration: underline; color: #fabc60;
	}	
	
#legalhome {
	position: absolute;
	left: 25px;
	top: 590px;
	width: 268px;
	height: 20px;
	font-size: 11px;
	color: #FFFFFF;
	/*line-height: 0px;*/
	text-align: right;
	/*z-index: 1;*/
	}
#legalhome a:link, #legalhome a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#legalhome a:hover, #legalhome a:active {
	text-decoration: underline; color: #fabc60;
	}
#legalhome_reg_fr {
	position: absolute;
	left: 652px;
	top: 597px;
	width: 268px;
	height: 20px;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 0px;
	text-align: right;
	/*z-index: 1;*/
	}
#legalhome_reg_fr a:link, #legalhome_reg_fr a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#legalhome_reg_fr a:hover, #legalhome_reg_fr a:active {
	text-decoration: underline; color: #fabc60;
	}

/************************************ INSIDE PAGES ************************************/
#in_copy {
	position: absolute;
	left: 82px;
	top: 200px;
	width: 433px;
	height: 410px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
	text-align: left;
	}
#in_copy a:link, #in_copy a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#in_copy a:hover, #in_copy a:active {
	text-decoration: underline; color: #fabc60;
	}
#product_inside {
	position: absolute;
	left: 735px;
	top: 82px;
	width: 198px;
	height: 178px;
	background-image: url(../images/product_inside.jpg);
	}
#ttl_wininside {
	position: absolute;
	left: 354px;
	top: 89px;
	width: 321px;
	height: 100px;
	background-image: url(../images/ttl_prizes_sm.png);
	}
#ttl_wininside_fr {
	position: absolute;
	left: 423px;
	top: 110px;
	width: 312px;
	height: 86px;
	background-image: url(../images/ttl_wininside_fr.jpg);
	}
.smallfields2 {
	font-size: 16px; 
	color: #000000;
	font-family: arial, helvetica, sans-serif; 
	height: 21px; 
	border:solid 1px #000000; 
	margin-bottom: 0px;
	padding: 0 0 0 3px; 
	width: 220px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: baseline;
	}
.submitinside {
	height: 23px;
	vertical-align: top;
	}
#inside_copy {
	position: absolute;
	left: 82px;
	top: 200px;
	width: 420px;
	height: 410px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
	text-align: left;
	}
#inside_copy a:link, #inside_copy a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#inside_copy a:hover, #inside_copy a:active {
	text-decoration: underline; color: #fabc60;
	}
.answerfield {
	font-size: 16px; 
	color: #000000;
	font-family: arial, helvetica, sans-serif; 
	height: 21px; 
	border:solid 1px #000000; 
	margin-bottom: 0px;
	padding: 0 0 0 3px; 
	width: 100px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: baseline;
	}



/************************************ REGISTER PAGES ************************************/
#reg_copy {
	position: absolute;
	left: 82px;
	top: 200px;
	width: 420px;
	height: 410px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
	text-align: left;
	}
#taf_copy {
	position: absolute;
	left: 82px;
	top: 300px;
	width: 380px;
	height: 380px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
	text-align: left;
	}
#taf2_copy {
	position: absolute;
	left: 520px;
	top: 340px;
	width: 320px;
	height: 380px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
	text-align: left;
	}
#conf_copy {
	position: absolute;
	left: 82px;
	top: 200px;
	width: 500px;
	height: 380px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
	text-align: left;
	}
#pets_copy {
	position: absolute;
	left: 602px;
	top: 200px;
	width: 320px;
	height: 410px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
	text-align: left;
	}
#reg_copy a:link, #reg_copy a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#reg_copy a:hover, #reg_copy a:active {
	text-decoration: underline; color: #fabc60;
	}
#reg_copy_fr {
	position: absolute;
	left: 40px;
	top: 190px;
	width: 500px;
	height: 410px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
	text-align: left;
	}
#reg_copy_fr a:link, #reg_copy_fr a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#reg_copy_fr a:hover, #reg_copy_fr a:active {
	text-decoration: underline; color: #fabc60;
	}
#reg_copy2 {
	position: absolute;
	left: 510px;
	top: 250px;
	width: 415px;
	height: 410px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
	text-align: left;
	}
#reg_copy2 a:link, #reg_copy2 a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#reg_copy2 a:hover, #reg_copy2 a:active {
	text-decoration: underline; color: #fabc60;
	}
#reg_copy2_fr {
	position: absolute;
	left: 540px;
	top: 250px;
	width: 390px;
	height: 410px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
	text-align: left;
	}
#reg_copy2_fr a:link, #reg_copy2_fr a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#reg_copy2_fr a:hover, #reg_copy2_fr a:active {
	text-decoration: underline; color: #fabc60;
	}
#regfooter {
	position: absolute;
	left: 315px;
	top: 592px;
	width: 268px;
	height: 20px;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 0px;
	text-align: left;
	/*z-index: 1;*/
	}
#regfooter_fr {
	position: absolute;
	left: 40px;
	top: 597px;
	width: 268px;
	height: 20px;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 0px;
	text-align: left;
	/*z-index: 1;*/
	}

/************************************ POPUPS ************************************/
#container_popup {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 17px;
	}
#container_popup a:link, #container_popup a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#container_popup a:hover, #container_popup a:active {
	text-decoration: underline; color: #fabc60;
	}
	
	
/************************************ CLOSED ************************************/
#closed_copy {
	position: absolute;
	left: 82px;
	top: 210px;
	width: 520px;
	height: 410px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
	text-align: left;
	}
#closed_copy a:link, #closed_copy a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#closed_copy a:hover, #closed_copy a:active {
	text-decoration: underline; color: #fabc60;
	}
#closed_copy_fr {
	position: absolute;
	left: 82px;
	top: 200px;
	width: 610px;
	height: 410px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
	text-align: left;
	}
#closed_copy_fr a:link, #closed_copy_fr a:visited {
	text-decoration: underline; color: #FFFFFF;
	}
#closed_copy_fr a:hover, #closed_copy_fr a:active {
	text-decoration: underline; color: #fabc60;
	}
a.btn1, a.btn2 {
    <!--background: transparent url('../img/btns_01a.gif') no-repeat scroll top right;-->
    color: #fff!important;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 23px;
    margin-right: 6px;
    padding-right: 11px; /* sliding doors padding */
	text-decoration:none;
	font-weight:bold;
	outline: none;
	background: #DB9F46;
	border: 1px solid #000000;
}
a.btn1:visited, a.btn2:visited {
	color: #fff;
}
a.btn2 {
    <!--background: transparent url('../img/btns_02a.gif') no-repeat scroll top right;-->
}
a.btn1 span, a.btn2 span {
    <!--background: transparent url('../img/btns_01.gif') no-repeat;-->
    display: block;
    line-height: 23px;
    padding: 5px 0 6px 11px;
}
a.btn2 span {
    <!--background: transparent url('../img/btns_02.gif') no-repeat;-->
}
a.btn1:active, a.btn2:active {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn1:active span, a.btn2:active span {
    background-position: bottom left;
    padding: 6px 0 5px 11px; /* push text down 1px */
} 
.clear {
	display: block;
	clear:both;
}
.altrow {
	background-color: #a31a25;
}
.petTable  td{
	border: double 1px #a31a25;
	padding: 4px;
	text-align: center;
}
.col1 {
	width: 30%;
	text-align: right;
	padding-right: 4px;
}
.col2 {
	width: 70%;
	font-weight: bold;
}
.fr .col1 {
	width: 33%;
}
.fr .col2 {
	width: 67%;
}
a#skuBox {
	display: block;
	position: absolute;
	left: 21px;
	top: 52px;
	width: 20px;
	height: 20px;
}
a#skuBox:hover {
	position: absolute;
	left: -190px;
	top: -40px;
	width: 265px;
	height: 300px;
	background: #ccc;
	background: transparent url('../images/sku_small.jpg') no-repeat;
}
a#skuBox_fr {
	display: block;
	position: absolute;
	left: 67px;
	top: 47px;
	width: 20px;
	height: 20px;
}
a#skuBox_fr:hover {
	position: absolute;
	left: -170px;
	top: -40px;
	width: 265px;
	height: 300px;
	background: #ccc;
	background: transparent url('../images/sku_small.jpg') no-repeat;
}
div#addthis_block {
	position: absolute;
	left: 363px;
	top: 690px;
	
}
#petsmartPopup {
	position: absolute;
	left: 200px;
	top: 80px;
	width: 725px;
	height: 500px;
	-moz-box-shadow:0 0 80px #111;
	background: #b20823 url('../images/psPopupBG.jpg') no-repeat;
}

#petsmartPopup .popupText {
	width: 290px;
	height: 195px;
	padding: 60px 0 0 50px;
	color: #fff;
	font-size: 13px;
}
#petsmartPopup .popupText strong {
	font-size: 14px;
}
.yellow {
	color: #ffcc90;
}
#petsmartPopup .popupLegalText {

	padding: 150px 35px 0 35px;
	color: #fff;
	font-size: 11px;

}

/** LOGIN BOX **/
#loginBox {
	position: absolute;
	padding: 20px;
	left: 63px;
	top: 380px;
	width: 550px;
	height: 160px;
	overflow: hidden;
	background: #be1824 url("image") no-repeat 0 0;
	-moz-box-shadow:0 0 80px #111;
	border: 1px solid #400;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
}
#loginBox.invisible {
	display: none;
}
#loginBox .smallfields2 {
	margin: 0;
}
#loginBox .yellow {
	font-size: 12px;
}
#emailsubmitBtn:hover {
	cursor: pointer;
}