@charset "utf-8";
/* ============================== Global ============================== */
body { background: fixed no-repeat top center; color: #665f4f; font: 14px Calibri, "Segoe UI", Arial, Helvetica, sans-serif; text-align: center; }
div, li, ol, ul, body, p { border: 0 none; margin: 0; padding: 0; }
a, img, img a { border: 0 none; outline: 0 none; }
ol, p, ul { line-height: 130%; padding-bottom: 15px; list-style: none; }
h1 { font-size: 28px; font-weight: bold; margin: 0; padding-bottom: 15px; }
h1.hp { color: #3d3930; font-size: 28px; font-weight: bold; margin: 0; padding-bottom: 0; text-transform: uppercase; line-height: 100%; }
h2 { font-size: 20px; font-weight: bold; margin: 0; padding-bottom: 15px; }
p.tag { font-size: 18px; font-style: italic; font-weight: bold; line-height: 100%; }
a { color: #665f4f; text-decoration: underline; font-weight:bold; }
a:hover { color: #006db3; }

/* ============================== Backgrounds ============================== */
body.home { background-image: url(images/bg/body-default.jpg); }
body.reshapers { background-image: url(images/bg/body-reshapers.jpg); }
body.nutrition { background-image: url(images/bg/body-nutrition.jpg); }
body.personal { background-image: url(images/bg/body-personal.jpg); background-position: center center; }
body.greenclean { background-image: url(images/bg/body-greenclean.jpg); background-position: center center; }
body.biz { background-image: url(images/bg/body-biz.jpg); }
body.packs { background-image: url(images/bg/body-packs.jpg); }
body.cart { background-image: url(images/bg/body-cart.jpg); }
body.def { background-image: url(images/bg/body-def.jpg); }
body.ardyss { background-image: url(images/bg/body-ardyss.jpg); background-position: bottom center; }

/* ============================== Layout ============================== */
#wrapper { margin: 0 auto; text-align: left; width: 968px; }
#frame { background: url(images/bg/frame.png); padding: 0 4px; }
#content { background: #efebe0 url(images/bg/content.jpg) no-repeat; }
#content-3col { background: #efebe0 url(images/bg/content-3col.jpg) no-repeat; }
#content-2col { background: #efebe0 url(images/bg/content-2col.jpg) no-repeat; }
.shadow { background: url(images/bg/shadow.png); height: 7px; line-height: 0; margin-bottom: -7px; z-index: 100; }
#left { float: left; width: 180px; }
#product { float: left; width: 236px; text-align:center; }
#description { float: left; padding: 20px 25px 20px 0; width: 333px; }
#middle { float: left; padding: 20px 25px 20px 25px; width: 544px; }
#middle.slidenopadding { padding: 0 25px 0 0; width: 569px; }
#right { float: left; padding-top: 20px; text-align: center; width: 185px; }
#right-wide { float: left; padding: 20px 25px 20px 25px; width: 730px; }

/* ============================== Masthead ============================== */
#masthead { height: 110px; padding: 10px 40px 0 40px; }
#logo { background: url(images/bg/logo.png); float: left; height: 106px; width: 199px; }
#logo a { display: block; height: 106px; width: 199px; }
#hdrnav ul { list-style-type: none; float: right; margin: 0; padding: 0; }
#hdrnav li { color: #fff; float: right; list-style-type: none; margin: 0 5px; padding: 0; font-size: 13px; padding-top: 15px; }
#hdrnav a { color: #fff; }

/* ============================== Navigation ============================== */
#nav-products { background: url(images/bg/nav.png); float: left; list-style: none; height: 52px; padding: 0; width: 167px; }
#nav-products:hover { background-position: 0 -52px; cursor: pointer; }
#nav-products a { display: block; height: 45px; margin-top: 7px; margin-left: 4px; width: 163px; }
#nav-packs { background: url(images/bg/nav.png) -167px 0; float: left; list-style: none; height: 52px; padding: 0;  width: 193px; }
#nav-packs:hover { background-position: -167px -52px; cursor: pointer; }
#nav-packs a { display: block; height: 45px; margin-top: 7px; width: 193px; }
#nav-biz { background: url(images/bg/nav.png) -360px 0; float: left; list-style: none; height: 52px; padding: 0;  width: 197px; }
#nav-biz:hover { background-position: -360px -52px; cursor: pointer; }
#nav-biz a { display: block; height: 45px; margin-top: 7px; width: 197px; }
#nav-ardyss { background: url(images/bg/nav.png) -557px 0; float: left; list-style: none; height: 52px; padding: 0;  width: 186px; }
#nav-ardyss:hover { background-position: -557px -52px; cursor: pointer; }
#nav-ardyss a { display: block; height: 45px; margin-top: 7px; width: 186px; }
#nav-cart { background: url(images/bg/nav.png) -743px 0; float: left; list-style: none; height: 52px; padding: 0;  width: 225px; }
#nav-cart:hover { background-position: -743px -52px; cursor: pointer; }
#nav-cart a { display: block; height: 45px; margin-top: 7px; width: 221px; }

/* ============================== Home ============================== */
#home-btm { background: url(images/bg/home-btm.png); height: 100px; width: 960px; }
#hb1, #hb2, #hb3, #hb4, #hb5 { float: left; height: 100px; width: 192px; }
#hb1:hover { background: url(images/bg/home-btm.png); background-position: 0 100px; }
#hb2:hover { background: url(images/bg/home-btm.png); background-position: -192px 100px; }
#hb3:hover { background: url(images/bg/home-btm.png); background-position: -384px 100px; }
#hb4:hover { background: url(images/bg/home-btm.png); background-position: -576px 100px; }
#hb5:hover { background: url(images/bg/home-btm.png); background-position: 192px 100px; }
#hb1 a, #hb2 a, #hb3 a, #hb4 a, #hb5 a { display: block; height: 100px; width: 192px; }
/* ============================== Crumbs ============================== */
#crumbs { background: url(images/bg/crumbs.png); height: 35px; font-size: 12px; padding: 0 20px 0 20px; }
#crumbs ul { float: left; padding-bottom: 0; }
#crumbs ul li { float: left; line-height:37px; list-style: none; padding: 0 4px; }
#crumbs a, #crumbs a:hover { color: #665f4f; text-decoration: none; }
#share { float: right; padding-top: 8px; }

/* ============================== Sub Navigation ============================== */
.subnav { background: url(images/bg/subnav.png); height: 55px; width: 180px; }
.subnav:hover { background-position: 0 55px; }
.subnav a { display: block; height: 55px; width: 180px; }

/* ============================== Product Scroller ============================== */
#scroller { background: url(images/bg/scroller.jpg); height: 139px; width: 960px; }
.scroll-left { float: left; margin-left: 18px; margin-top: 53px; margin-right: 7px; }
.scroll-right { float: right; margin-right: 18px; margin-top: 53px; }
.scrollbtn { background: url(images/bg/scrollbtns.png); float: left; height: 117px; margin: 5px 10px 0 10px; width: 193px; }
.scrollbtn:hover { background-position: 0 117px; }
.scrollbtn a { display: block; height: 117px; width: 193px; }

/* ============================== Footer ============================== */
#btm { height: 65px; padding: 0 4px; width: 960px; }
#btm.ardyss { background: url(images/bg/btm-ardyss.png); }
#btm.ardyss a { display: block; height: 65px; width: 960px; }
#footer { color: #fff; font-size: 13px; line-height: 150%; padding: 10px 0 20px 0; text-align: center; }
#footer a { color: #fff; margin: 0 3px; }

/* ============================== Show/Hide ============================== */
.dhtmlgoodies_question { overflow:hidden; cursor:pointer; }
.dhtmlgoodies_question div { font-weight: bold; display: block; text-decoration: underline; }
.dhtmlgoodies_answer{ visibility: hidden; height: 0px; overflow: hidden; position: relative; }
.dhtmlgoodies_answer_content{ position: relative; }
.dd-wrap { list-style-type: none; margin: 0; padding: 7px 0 0 10px; }
.dd-link { list-style-type: none; margin-bottom: 7px; }
.dd-link a { display: block; text-decoration: none; }

/* ============================== Miscellaneous ============================== */
.clear { clear: both; font-size: 0; line-height: 0; height: 0; width: 0; }
.warning { font-size: 10px; }
ul.def { padding-left: 30px; }
ul.def li { padding-left: 8px; text-align: left; list-style: circle; }
.logo { margin-bottom: 20px; margin-top: 5px; }
.rt-video { margin-bottom: 15px; }
.rt-btn { margin-bottom: 10px; }
#ordernow { position: absolute; top: 535px; left: 50%; margin-left: -270px; }

/* ============================== Dropdowns ============================== */
ul.dropdown { position: relative; line-height: normal; text-align: left; z-index: 9999; }
ul.dropdown li { float: left; zoom: 1; line-height: normal; text-align: left;  z-index: 9999; }
ul.dropdown li a { display: block; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 52px; left: 0; z-index: 9999; margin: 0; padding: 0; border-top: 1px solid #938a74; line-height: normal; text-align: left; }
ul.dropdown ul li { height: 30px; line-height: normal; text-align: left; list-style: none; background: #efebe0 url(images/bg/content.jpg); margin-top: -7px; padding: 0; border-bottom: 1px solid #938a74; float: none; text-indent: 10px; z-index: 9999; }
ul.dropdown ul li:hover { background: #ccc5b2; }
ul.dropdown ul li a     { line-height: 30px; color: #514c3f; font-size: 15px; font-weight: bold; text-decoration: none; width: 100%; display: inline-block; } /* IE 6 & 7 Needs Inline Block */

/*================SignUp=================*/
.signupOptions
{
display: block;
width: auto;
height: auto;
position: relative;
top: -15px;
left: 23px;
}




.bold { FONT-WEIGHT: bold; }
.indent { MARGIN-LEFT: 15px; }
.cursor { CURSOR: pointer !important; }
img { BORDER: 0; }

.clear { CLEAR: both; }
.contentContainer { WIDTH: auto; HEIGHT: auto; MARGIN: 0px 30px 0px 30px; }

.signupContainer {  }


/* ============================================================ */


.signupContainer .content { WIDTH: 500px; }
.signupContainer .error { FONT-WEIGHT: bold; COLOR: Red; FONT-SIZE: 16px; }
.signupContainer .error.good { COLOR: Green; }
.signupContainer .error.bad { COLOR: Red; }
.signupContainer .ErrorsBox { DISPLAY: block; WIDTH: auto; HEIGHT: auto; TEXT-ALIGN: center; MARGIN: 0 auto; COLOR: Red; }
.signupContainer .ErrorsBox .global { FONT-WEIGHT: bold; FONT-SIZE: 13px; }
.signupContainer .ErrorsBox .header { FONT-SIZE: 14px; TEXT-DECORATION: underline; FONT-WEIGHT: bold; }
.signupContainer .ErrorsBox li { LIST-STYLE-TYPE: none; TEXT-ALIGN: center; }
.signupContainer h1 { COLOR: #E29D2C; FONT-SIZE: 26px; FONT-WEIGHT: bold; TEXT-ALIGN: center; LETTER-SPACING: -1px; }
.signupContainer h1 a.lnkLearnMore { FONT-SIZE: 16px; FONT-WEIGHT: bold; LETTER-SPACING: 0px; }
.signupContainer h2 
{font-size: 15px;
	font-weight: normal;
	text-align: justify;	
	margin: 0;
	padding: 3px 0 10px 10px;
	background: url(images/top_main_bg.jpg) repeat-x bottom #179BD7;
	color: #FFFFFF; 
              }
.signupContainer h2 .txtLarge { FONT-SIZE: 20px; FONT-WEIGHT: bold; COLOR: #285398; }
.signupContainer h3
{
	font-size: 16px;
	margin-bottom: 15px 0;
	padding: 5px 0 5px 0;
	text-indent: 10px;
	
	color: #333333;
	background-image: url(images/grey-grad.png);
}

.signupContainer h4 { FONT-SIZE: 15px; LETTER-SPACING: 0px; COLOR: #E29D2C; FONT-WEIGHT: bold; MARGIN-BOTTOM: 0; PADDING-BOTTOM: 10px; }
.signupContainer hr { WIDTH: 100%; HEIGHT: 1px; BACKGROUND-COLOR: #CCCCCC; MARGIN: 0; PADDING: 0; }
.signupContainer .required { COLOR: Red; FONT-WEIGHT: bold; FONT-SIZE: 18px; }
.signupContainer .requiredInstructions { WIDTH: 220px; HEIGHT: auto; BACKGROUND-COLOR: #F8F8F8; FONT-STYLE: italic; TEXT-ALIGN: center; COLOR: #333; PADDING: 5px; BORDER: 1px solid #EEE; MARGIN: 0 auto 15px auto; }
.signupContainer .breadcrumbTrailContainer { DISPLAY: block; WIDTH: auto; HEIGHT: 30px; CURSOR: default; LINE-HEIGHT: 30px; TEXT-ALIGN: center; MARGIN: 15px 0 0 15px; FONT-SIZE: 14px; }
.signupContainer .breadcrumbTrailContainer .item
{float: left;
	display: block;
	width: auto;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	text-decoration: none;
	color: #666666;
	font-size: 11px;
	margin: 0 2px;
	}
/*.signupContainer .breadcrumbTrailContainer a:hover { color: #000; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; padding: 0 9px; }*/
.signupContainer .breadcrumbTrailContainer .item.active
{
	color: #FFFFFF;
	font-weight: bold;
	height: 30px;
                 border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;

background-image: url(images/top_nav_active_bg.jpg);
}
/*.signupContainer .breadcrumbTrailContainer a.active:hover { display: inline-block; width: auto; height: 31px; background-color: #DBE7F3; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0 10px; text-decoration: none; color: #285398; font-size: 11px; cursor: default;  }*/
.signupContainer .optionContainer { WIDTH: auto; HEIGHT: auto; TEXT-ALIGN: center; MARGIN: 0 auto; }
.signupContainer .optionContainer td { VERTICAL-ALIGN: top; }
.signupContainer .optionContainer .option { WIDTH: auto; HEIGHT: auto; MARGIN: 0 3px; }
.signupContainer .optionContainer .option .name { WIDTH: auto; HEIGHT: 30px; LINE-HEIGHT: 30px; TEXT-ALIGN: left; FONT-SIZE: 24px; PADDING: 5px; FONT-WEIGHT: bold; COLOR: #FFFFFF; BACKGROUND-COLOR: #285398; }
.signupContainer .optionContainer .option .image { WIDTH: auto; HEIGHT: auto; MARGIN-BOTTOM: 10px; VERTICAL-ALIGN: top; }
.signupContainer .optionContainer .option .price { FONT-SIZE: 18px; TEXT-ALIGN: center; }
.signupContainer .optionContainer .option .details { TEXT-ALIGN: left; WIDTH: auto; HEIGHT: 100px; PADDING: 5px 10px; }
.signupContainer .optionContainer .option .price { FONT-SIZE: 30px; font-weight: bold; TEXT-ALIGN: center; }
.signupContainer .optionContainer .option .price sup { FONT-SIZE: 12px; COLOR: #999;}
.signupContainer .optionContainer .option .details ul { MARGIN: 0 0 0 20px; PADDING: 0; }
.signupContainer .optionContainer .option .details li { MARGIN: 0; PADDING: 0; }
.signupContainer .optionContainer .option .selectOption { TEXT-ALIGN: center; MARGIN-TOP: 15px; TEXT-TRANSFORM: uppercase; PADDING: 5px; FONT-SIZE: 14px; FONT-WEIGHT: bold; }
.signupContainer .optionContainer .option .image img { WIDTH: auto; HEIGHT: auto; }
.signupContainer .optionContainer .option .chkboxAutoship { FONT-SIZE: 28px; MARGIN-TOP: 10px; LETTER-SPACING: -1px; CURSOR: pointer; }
.signupContainer .optionContainer .option .chkboxAutoship input, .chkboxLarge input, input.chkboxLarge { WIDTH: 32px; HEIGHT: 32px; }
.signupContainer .optionContainer .option .customization { WIDTH: auto; HEIGHT: auto; PADDING: 15px; TEXT-ALIGN: center; }
.signupContainer .optionContainer .small .name { FONT-SIZE: 16px; BACKGROUND-COLOR: #999; }
.signupContainer .optionContainer .focus .name { COLOR: #FFFFFF; BACKGROUND-COLOR: #285398; }
.signupContainer .optionContainer .small .image img { WIDTH: 50%; HEIGHT: 50%; }
.signupContainer .optionContainer .small .selectOption { FONT-SIZE: 12px; }
.signupContainer .optionContainer a.lnkLearnMore { DISPLAY: block; WIDTH: auto; HEIGHT: auto; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.signupContainer .signupNavigationContainer { TEXT-ALIGN: center; MARGIN-TOP: 30px; PADDING-TOP: 15px; BORDER-TOP: 1px solid #CCC; }
.signupContainer .signupNavigationContainer .nextButton { MARGIN: 0 10px; CURSOR: pointer; }
.signupContainer .signupNavigationContainer .buttonDivider { COLOR: #999; FONT-SIZE: 10px; }
.signupContainer .signupInformation .label { WIDTH: 120px; VERTICAL-ALIGN: top; }
.signupContainer .signupInformation .labelLong { WIDTH: 160px; }
.signupContainer .signupInformation .field { WIDTH: auto; VERTICAL-ALIGN: top; }
.signupContainer .signupInformation .field .fieldInstructions { COLOR: #666; FONT-SIZE: 10px; }
.signupContainer .signupConfirmation td { VERTICAL-ALIGN: top; PADDING-BOTTOM: 5px; }
.signupContainer .cartContainer .cartTable { BORDER: 1px solid #CCC; }
.signupContainer .cartContainer .cartTable * { BORDER-COLLAPSE: collapse; VERTICAL-ALIGN: top; }
.signupContainer .cartContainer .categoryHeader
{
	font-size: 24px;
	color: #FFFFFF;
	padding: 3px;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 0 0 0 0;
	background-image: url(images/product_nav_active_bg.jpg);
}
.signupContainer .cartContainer .cartTable .headerContainer { BACKGROUND-COLOR: #EEE; TEXT-ALIGN: left; FONT-WEIGHT: bold; PADDING: 5px; }
.signupContainer .cartContainer .cartTable .headerContainer .imgContainer { BACKGROUND-COLOR: #EEE; TEXT-ALIGN: left; FONT-WEIGHT: bold; PADDING: 5px; }
.signupContainer .cartContainer .cartTable .imgContainer { TEXT-ALIGN: center; BACKGROUND-COLOR: #FFF; WIDTH: 100px; PADDING: 0px; BORDER-TOP: 1px solid #CCC; }
.signupContainer .cartContainer .cartTable .imgContainer .productImage { MARGIN-BOTTOM: 5px; }
.signupContainer .cartContainer .cartTable .descriptionContainer { WIDTH: 450px; PADDING: 10px; BORDER-RIGHT: 1px solid #CCC; BORDER-TOP: 1px solid #CCC; }
.signupContainer .cartContainer .cartTable .descriptionContainer.header { PADDING: 0 0 0 10px; VERTICAL-ALIGN: middle; }
.signupContainer .cartContainer .cartTable .descriptionContainer .description { FONT-SIZE: 16px; COLOR: #285398; MARGIN-BOTTOM: 5px; }
.signupContainer .cartContainer .cartTable .descriptionContainer .description a { TEXT-DECORATION: none; }
.signupContainer .cartContainer .cartTable .descriptionContainer .description a:hover { TEXT-DECORATION: underline; }
.signupContainer .cartContainer .cartTable .descriptionContainer .detail { MARGIN-BOTTOM: 15px; }
.signupContainer .cartContainer .cartTable .descriptionContainer .price { FONT-SIZE: 14px; COLOR: #285398; }
.signupContainer .cartContainer .cartTable .learnMore { FONT-SIZE: 11px; FONT-STYLE: italic; }
.signupContainer .cartContainer .cartTable .priceContainer { BACKGROUND-COLOR: #f2ffeb; PADDING: 5px; BORDER-TOP: 1px solid #CCC; BORDER-RIGHT: 1px solid #CCC; }
.signupContainer .cartContainer .cartTable .volumeContainer { PADDING: 5px; BORDER-TOP: 1px solid #CCC; BORDER-RIGHT: 1px solid #CCC; }
.signupContainer .cartContainer .cartTable .quantityContainer { TEXT-ALIGN: center; PADDING: 5px; BORDER-TOP: 1px solid #CCC; }
.signupContainer .cartContainer .cartTable .quantityContainer input { WIDTH: 23px; MARGIN-BOTTOM: 5px; }
.signupContainer .cartContainer .cartTable .quantityContainer .qtyButton { MARGIN-BOTTOM: 5px; }
.signupContainer .cartContainer .Cart { WIDTH: 225px; HEIGHT: auto; BACKGROUND-COLOR: #f6ead5; MARGIN-TOP: 78px; BORDER-LEFT: 1px solid #E29D2C; BORDER-BOTTOM: 3px solid #E29D2C; BORDER-RIGHT: 1px solid #E29D2C; BORDER-TOP: 2px solid #E29D2C; }
.signupContainer .cartContainer .Cart h1 { FONT-SIZE: 14px; LETTER-SPACING: 0; COLOR: #FFF; MARGIN: 0; PADDING: 5px; BACKGROUND-COLOR: #E29D2C; BORDER-BOTTOM: 1px solid #CCC; MARGIN-BOTTOM: 10px; }

.signupContainer .cartContainer .Cart .content { MARGIN: 10px; WIDTH: 205px; }
.signupContainer .cartContainer .Cart .content a.nextButton { DISPLAY: block; CURSOR: pointer; TEXT-ALIGN: center; WIDTH: auto; HEIGHT: 50px; LINE-HEIGHT: 50px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 15px; BORDER: 1px solid #CCC; BACKGROUND-COLOR: #EEE; TEXT-DECORATION: none; FONT-SIZE: 16px; }
.signupContainer .cartContainer .Cart .content .nextButton.disabled { DISPLAY: block; TEXT-ALIGN: center; WIDTH: auto; HEIGHT: 50px; LINE-HEIGHT: 50px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 15px; TEXT-DECORATION: none; FONT-SIZE: 11px; border: 1px solid #ff0000; BACKGROUND-COLOR: #F8F8F8; COLOR: #ff0000; }
.signupContainer .cartContainer .Cart .content .nxtbtn
{
	DISPLAY: block; TEXT-ALIGN: left; WIDTH: auto; HEIGHT: 40px; LINE-HEIGHT: 20px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 15px; TEXT-DECORATION: none; FONT-SIZE: 9px; border: 1px solid #ff0000; BACKGROUND-COLOR: #F8F8F8; COLOR: #ff0000;
	}
.signupContainer .cartContainer .Cart .content a.nextButton:hover { TEXT-DECORATION: underline; }
.signupContainer .cartContainer .Cart .content .quantity { WIDTH: 20px; TEXT-ALIGN: right; FONT-WEIGHT: bold; PADDING-RIGHT: 5px; }
.signupContainer .cartContainer .Cart .content .subtotalLabel { FONT-SIZE: 18px; FONT-WEIGHT: bold; }
.signupContainer .cartContainer .Cart .content .subtotalValue { FONT-SIZE: 18px; FONT-WEIGHT: bold; }
.signupContainer .cartContainer .Cart .content .qpLabel { FONT-SIZE: 16px; }
.signupContainer .cartContainer .Cart .content .qpValue { FONT-SIZE: 16px; }

.signupContainer .cartContainer .tabs { width: auto; HEIGHT: auto; padding-left: 5px; }
.signupContainer .cartContainer .tabs a { DISPLAY: inline-block; WIDTH: auto; height: auto; PADDING: 9px 13px;  BACKGROUND-COLOR: #EEE; TEXT-DECORATION: none; FONT-SIZE: 16px; }
.signupContainer .cartContainer .tabs a:hover { TEXT-DECORATION: underline; }

.recap { WIDTH: auto; HEIGHT: auto; }

.SubmitButton { FONT-SIZE: 24px; FONT-WEIGHT: normal; MARGIN: 15px 0; }




/************ Back Office Template ********/


.mainContainer
{
width: 970px;
height: auto;
margin: 0 auto;
}


.mainContent
{
width: auto;
height: auto;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
padding: 0;
}

.mainHeader
{
width: auto;
height: 130px;
background: url(images/bgHeader.jpg)
border: 1px solid #ccc;

}



.contentSection
{

background: url(images/Loginbg.JPG) no-repeat;
padding: 20px;
width:970px;
height:563px;
text-align:center;
}

.clearBoth{clear: both;}

.spacer20{width: auto; height: 20px;}



/************ End Template ********/