/* GENERAL STYLES */
@charset "utf-8";
/* CSS Document */

#row1{
	width: 746px;
	height: 218px;
	border: 1px solid #cccccc;
	margin-bottom: 5px;
}

#largeTile{
	float: left;
	width: 499px;
	height: 218px;
}

#promotionalTile{
	float: left;
	width: 232px;
	height: 202px;
	padding: 8px 7px 8px 8px;
}

#row2{
	width: 748px;
	height: 102px;
	margin-bottom: 4px;
}

#smallTile{
	width: 242px;
	height: 102px;
	float: left;
	margin-left: 4px;
}

#row3{
	width: 748px;
	height: 122px;
	margin-bottom: 4px;
}

#smallTile2{
	width: 242px;
	height: 122px;
	float: left;
	margin-left: 4px;
}

#col1
{
     float: left;
width: 242px;
}

#col2
{
     float: left;
width: 242px;
}

#col3
{
     float: left;
width: 242px;
}

/*/////////////////////////
Content Styles
////////////////////////*/

#ContentHolder {
	width: 748px;
	float: left;
	background-color: #fff;
	min-height: 500px;
        padding-bottom: 30px;
}

#ContentHolder1 {
	width: 445px;
	float: left;
	background-color: #fff;
	min-height: 500px;
        padding-bottom: 30px;
}

* html #ContentHolder{
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

.LeftContent {
	float: left;
	width: 445px;
	padding: 0px 30px 0px 20px;
}
.RightContent {
	float: right;
	width: 246px;
}
.sidetile1 {
	float: left;
	width: 240px;
	padding-top: 40px;
}
.sidetile {
	float: left;
	width: 240px;
	padding-top: 10px;
}

/*/////////////////////////
FAQ Styles
////////////////////////*/

#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-bottom-color: #ddd;
	font-size: 12px;
	color: #005ea9;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px 20px;
	font-weight: lighter;
}

h3:hover {
	color: #000;
}


div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}
.element {
	border-bottom-color: #ddd;
	margin-bottom: 5px;
	margin-left: 20px;
	font-size: 11px;
}

blockquote {
	padding:5px 20px;
}


/* Careers Styles */

.JobTitle {
	color: #005ea9;
}

/*/////////////////////////
Join Form Styles
////////////////////////*/
.contactForm {
	position: relative; }
.formImage {
	position: absolute;
	bottom: 22px;
	right: 65px;
}
.formImage1 {
	position: absolute;
	bottom: 5px;
	right: 63px;
}
.require {
	color: #ff0000;
}
.enter {
	color: #ff0000;
	font-size: 30px;
}
.formbg {
	background: url(/images/join_women.jpg) bottom right no-repeat;
}
.contactForm input, textarea, select {
	background-color: #eeeeee;
	border-right: solid 1px #e0e0e0;
	border-left: solid 1px #a0a0a0;
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 2px #a0a0a0;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
}
.formHeading {
	font-size: 14px;
	font-weight: bold;
	color: #bf618e;
	padding-bottom: 10px;
	padding-top: 10px;
}
.formTitle {
	width: 200px;
}
.formFeild {
	width: 200px;
	padding-bottom: 20px;
}
td.formleft {
	background: url(/images/joinform_left.gif) repeat-y;
}
td.formright {
	background: url(/images/joinform_right.gif) repeat-y;
}
td.formtop {
	background: url(/images/joinform_top.gif) repeat-x;
}
td.formbottom {
	background: url(/images/joinform_bottom.gif) repeat-x;
}
.smallText {
        width: 20px;
}
.phoneText {
        width: 70px;
}

* html .LeftContent {
	float: left;
	width: 440px;
	padding: 0px 30px 0px 20px;
}


/*/////////////////////////
Brand Styles
////////////////////////*/
.brands {
	width: 708px;
	margin-left: 15px;
}
.brandTab {
	width: 708px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.brandLeft {
	background: url(/images/brand/brand_left_bg.gif) repeat-y;
}
.brandRight {
		background: url(/images/brand/brand_right_bg.gif) repeat-y;
}

/*//////////////////////
UNDER WRAPS
//////////////////////*/
#UWHomeContainer {
	width: 726px;
	margin: 0 auto; padding: 10px 11px;
	background-color: #ffffff;
}
#UWContainer {
	/*margin: 0 auto;
	width: 726px;*/
	padding-bottom: 10px;
	background: #d0e485 url(/images/underwraps/uw-bg-peel.jpg) top right no-repeat;
}
#UWContainer a {color: #333;}
#UWContainer a:hover {color: #333; text-decoration:none;}

/*-----------------------------
LEFT COLUMN STYLES
 ----------------------- ----*/
#UWLeftColumn {	
	float: left;
	width: 453px;
	/*height: 700px;
	margin: 0px 10px 0px 11px;*/ padding: 0 10px;
}
#UWHeader {
	/*float: left;
	width: 453px;
	height: 140px;*/
}
#UWTodaysPrizeTile{
	/*float: left;
	width: 453px;*/
	/*height: 268px;*/
}
.UWGuessWindow {
	float: left;
	height: 225px;
}
.UWRules {
float: left;
	width: 161px;
	background: #20a8e2 url(/images/underwraps/uw-rules-shadow.jpg) right bottom no-repeat;
	position: relative;
}
.UWRules-lefttop {
	position: absolute;
	top: 0px;
	left: 0px;
}
.UWRules-leftbottom {
	position: absolute;
	left: 0px;
	bottom: 0px; /*width: 9px; height: 9px; background: url(/images/underwraps/uwrules-left-bottom-corner.gif) left bottom no-repeat; line-height: 1px; font-size: 1px;*/
}

.UWRulesDetails {
	margin: 8px 8px 0px 8px;
}
.UWRulesDetails p {
	/*margin-left: 24px;*/ margin: 5px 0 11px 24px;
	color: #bee8fa;
	font-size: 11px;
	line-height: 100%;
}



.UWGuessWindow {
	width: 292px;
	background-color: #fff;
}
.UWClues {
	float: right;
	width: 276px;
	height: 33px;
	padding: 5px 8px 5px 8px;
	font-size: 11px;
	background: url(/images/underwraps/uw-clues-bottombg.gif) bottom no-repeat #fff;
}
.UWCluesBoldtext {
	font-size: 13px;
	font-weight: bold;
}
/*--- YESTERDAYS ITEM ---*/
.UWYestItem {
	/*float: left;*/
	position: relative;
	width: 429px;
	padding: 12px 12px 13px;
	margin-top: 12px;
	background: url(/images/underwraps/uw-yestItem-top.gif) top no-repeat #fff;
}
.UWYestItem p {
	margin: 5px 0;
}
.UWYestItemBottom {
	position: absolute;
	bottom: 0;
	left: 0;
}
.UWYestItemLeftCol {
	float: left; width: 202px;
	/*margin-right: 10px;*/
	background: #0099CC;
	border: 1px solid #dbdbdb;
} 
.UWYestItemRightCol {
	float: right;
	width: 215px;
} 
.UWProductId, .UWProductName, .UWWinnerName, .UWWinnerPlc {font-weight: bold; font-size: 13px; padding-top: 5px;}
.UWProductId {color: #20a8e2;}
.UWProductName, .UWWinnerName {color: #595f5f;}
.UWWinnerPlc {color: #1bc179;}

/*--- INFO ---*/
.UWInfo {
	/*float: left;*/
	position: relative;
	width: 413px;
	margin-top: 12px;
	padding: 20px 20px 10px;
	background: url(/images/underwraps/uw-info-top.gif) top left no-repeat #edf5d1;
}
.UWInfoBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.UWInfo p {
	font-size: 12px;
	margin: 0 0 10px;
}



/*-----------------------------
RIGHT COLUMN STYLES
 ---------------------------*/
#UWRightColumn {
	float: left;
	width: 241px;
	padding: 102px 11px 0px 0px;
	font-size: 11px;
}
#UWLeftColumn a {color: #4b7e8f;}
#UWLeftColumn a:hover {color: #4b7e8f; text-decoration: none;}


.UWDate {
	/*float: left; width: 241px;*/
	height: 25px; margin-bottom: 4px; padding-top: 13px; background: #595f5f url(/images/underwraps/uw-date-bg.gif) top left no-repeat; font-size: 14px; font-weight: bold; color: #ffffff; text-transform: uppercase; text-align: center; letter-spacing: -1px;
}
.UWGuesshere {
	/*float: left;*/
	position: relative;
	/*width: 227px;*/
	height: 110px;
	background: url(/images/underwraps/uw-guesshere-bg.gif) repeat-y #20a8e2;
	padding: 11px 0 1px 14px;
}
.UWGuesshere div.reminder {
	clear: both;
	height: 28px;
	font-weight: bold;
	text-align: center;
	color: #222222;
	font-size: 12px;
}
.UWGuessTop, .UWGuessBottom {
	position: absolute;
	left: 0;
}
.UWGuessTop {
	top: 0px;
}
.UWGuessBottom {
	bottom: 0px;
}
/*--- GUESS INPUT STYLE ----*/
.guessFld {
	border: 3px solid #1377a2 ;
	padding: 4px 6px 4px 6px;
	width: 192px;
	font-weight: bold;
	color: #034662;
	background: url(/images/underwraps/uw-guessFld-bg.gif) top repeat-x;
}
.guessFld:hover {
	border: 3px solid #034662;
}

/*--- LOGIN ----*/
.UWLogin {
	/*float: left;*/
	position: relative;
	width: 219px;
	padding: 11px 11px 12px;
	background: url(/images/underwraps/uw-guessLogin-bg.gif) top repeat-x #fff;
}
.UWLogin h2,  .UWSignUp h2 {
	font-weight: bold;
	font-size: 13px;
	color: #595f5f;
	padding: 0;
	margin: 0;
	border: 0;
}
.UWLoginBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/*--- SIGN UP ----*/
.UWSignUp {
	/*float: left;*/
	position: relative;
	width: 219px;
	padding: 11px;
	background: url(/images/underwraps/uw-signup-top.gif) top no-repeat #fff;
}
.UWSignUpBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/*-----------------------------
FORM STYLES
 ---------------------------*/
.UWsignUpField {
	background: #dcecf3;
	border: 0px;
	border-top: 1px solid #adc2cb;
	font-family: arial, helvetica, sans-serif;
	padding: 3px;
	font-size: 11px;
	color: #333;
}
.UWFormLabel {
	width: 110px;
}
.UWFormInput {
	padding-top: 6px;
}
.UWRequired {
	color: #FF0000;
	font-size: 13px;
}
.UWFormInput select {
	width: 100%;
}

div.validationErrors {
	padding: 10px;
}
div.validationErrors span {
	display: block;
	clear: both;
	color: #ff0000;
}

.right {
	text-align: right;
}

/* EDITOR PROPERTIES */

/*-----------------------------
BETTER BUYS CLUB STYLES
 ---------------------------*/

#bbcTile{
	font-family: Arial,Helvetica,sans-serif;
	float:left;
	height:218px;
	width:499px;
	
}

.bbcBG1{
	background: url(../images/bg-bbc-1.jpg) no-repeat 0 0;
}

.bbcBG2{
	background: url(../images/bg-bbc-2.jpg) no-repeat 0 0;
}

.bbcBG3{
	background: url(../images/bg-bbc-3.jpg) no-repeat 0 0;
}

.bbcBG4{
	background: url(../images/bg-bbc-4.jpg) no-repeat 0 0;
}

#bbcPrice{
	width: 70px;
	color: #ffffff;
	font-size: 26px;
	font-weight: bold;
	margin: 15px 0 0 315px;
	text-align: center;
}

#bbcContent1{
	width: 260px;
	font-weight: bold;
	color: #02817f;
	text-align: center;
	margin: 20px 0 0 225px;
}

#bbcContent1 p{
	padding: 0;
	margin: 0 0 0 0;
}

#bbcContent1 p.winner{
	color: #000000;
	font-size: 20px;
	line-height: 90%;
	margin: 5px 0;
}

#bbcContent2{
	width: 267px;
	height: 126px;
	font-weight: bold;
	color: #02817f;
	background: #ffffff;
	text-align: center;
	margin: 15px 0 29px 224px;
}

#bbcContent3{
	width: 375px;
	color: #000000;
	margin: 57px 0 34px 116px;
}

#bbcContent3 p.big{
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
}

#bbcContent3 p.big span{
	color: #ff6522;
}

#bbcContent3 p.normal{
	padding: 0 10px 0 0;
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 120%;
}

#bbcContent3 p.normal a{
	color: #ff6522;
}

#emailForm{
	width: 217px;
	margin: 11px 0 0 275px;
}

#emailForm input.emailInput{
	float: left;
	border: none;
	width: 126px;
	height: 15px;
	padding: 3px 5px;
	font-size: 10px;	
}

#emailForm input.claimBtn{
	float: left;
	width: 77px;
	height: 26px;
	margin: 0 0 0 4px;
}

#wonBox{
	margin: 17px 0 14px 0;
	padding: 0 10px 0 0;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
}

#notwinBox{
	margin: 17px 0 14px 0;
	padding: 0 10px 0 0;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
}

#loginBox{
	width: 260px;
	color: #000000;
	font-weight: bold;
	margin: 10px 0 0 225px;
	text-align: center;
}

#loginBox a{
	color: #000000;
}

#nextAnnounced{
	margin: 6px 0 0 0;
	padding: 0 10px 0 0;
	color: #bbd448;
	font-weight: bold;
	text-align: right;
}

#nextAnnounced span{
	color: #ffffff;
}



/* EDITOR PROPERTIES */
