/* !-------- GLOBAL RESETS -------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul { list-style: none; }
strong { font-weight: bold; }
em { font-style: italic; }

a { text-decoration: none; color: #ff7200; }
a:hover {text-decoration: underline }

.clear { clear: both; height: 0px; font-size: 0px; }

#navContainer span, #nav-rotation span { display: none; }

p {	margin-bottom: 1em; }

/* remember to define focus styles */
:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}


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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* !-------- MAIN LAYOUT -------- */

body {
	background-color: #2d8dcd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Equiv of 10px for browsers that default at 16px */
	line-height: 1.4em;
	color: #333;
	text-align: center;
	}

#main {
	background: url(/images/global/bg-body.jpg) 0 0 no-repeat;
	margin: 0 auto;
	padding: 20px 5px;
	width: 990px;
	text-align: left;
	}


/* !-------- HEADER -------- */

#header {
	margin-bottom: 5px;
	}
	
#logo-lifeBetter {
	float: left;
	margin: 55px auto 0px 10px;
	}	

/* ------- LOGIN FORM ------ */

#loginForm {
	float: right;
	width: 225px;
}

#loginForm h5 {
	margin-bottom: 0.2em;
	font-weight: bold;
	color: #b0e4fc;
	}

#loginForm input {
	float: left;
	}

#loginUser, #loginPass {
	width: 163px;
	height: 12px;
	padding: 4px;
	font-size: 10px;
	color: #2363ad;
	border: 1px solid #8bc4f9;
	}

#loginUser {
	margin-bottom: 8px;
	}

#loginPass {
	margin-bottom: 4px;
	}

#loginForm .submit-button {
	float: left;
	margin-left: 3px;
	}

#loginForm a {
	margin-right: 15px;
	font-size: 0.9em;
	color: #fff;
	text-decoration: underline;
	}

#loginForm a:hover { text-decoration: none; }

#loginForm label {
  color: #fff;
  font-weight: bold;
}

/* ===========================================
         Logged in block
==============================================*/
#loggedIn {
	float: right;
	width: 220px;
	height: 40px;
	margin: 30px 0 0 0;
	padding: 5px 10px 15px 10px;
	background: url(/images/curvy-boxes/loggedin-bg.gif) no-repeat;
}

#loggedIn a {
	font-weight: bold;
/*  color: #333;
*/}

#loggedIn h5 {
	font-weight: normal;
	color: #3672be;
	margin-bottom:5px;
}

#loggedIn .orangeButton {
	float:right;
	width:55px;
	margin-top:5px;
}


/* !-------- CONTAINER -------- */

#container {
	margin-bottom: 10px;
	}

#container-top {
	background: url('/images/curvy-boxes/box-container-top.gif') top no-repeat;	
	width: 990px;
	height: 8px;
}

#container-bottom {
  background: white;
	width: 960px;
	padding: 10px 10px 0 20px; 
	_padding: 10px 20px 0 10px; 
  margin: 0;
 _margin:-5px 0 0 0;
}

#container-foot {
	background: url('/images/curvy-boxes/box-container-bottom.gif') bottom no-repeat;	
	width: 990px;
	padding: 0 0 10px 0; 
  margin: 0 0 5px 0;
}


/* !-------- NAV -------- */

#navContainer {
	margin-bottom: 10px;
	}

#nav {
	width: 725px;
	height: 80px;
  position:relative;
  z-index: 2;
	}

#nav li {
	float: left;
	height: 43px;
	}

#nav a {
	display: block;
	height: 40px;
	background-position: left top;
	background-repeat: no-repeat;
	}

#nav a:hover {
	background-position: left -40px;
	}

#nav-main a:hover, #nav-spoffers a:hover {
	background-position: left -43px;
	}

#nav-main a {width: 121px; background-image: url(../images/nav/nav-main.gif); }
#nav-food a {width: 119px; background-image: url(../images/nav/nav-food.gif); }
#nav-beauty a {width: 119px; background-image: url(../images/nav/nav-bs.gif); }
#nav-home a {width: 129px; background-image: url(../images/nav/nav-home.gif); }
#nav-vitality a {width: 118px; background-image: url(../images/nav/nav-vw.gif); }
#nav-spoffers a {width: 119px; background-image: url(../images/nav/nav-spoffers.gif); }


#nav ul {
  position:absolute;
  display:none;
  top: 36px;
  left: 0;
  width: 725px;
  padding: 10px 0 0 5px;
  background-color: #fff !important;
  }

#nav ul li a {
  background: none;
  font-weight: bold;
  width:108px;
  margin: 0 12px 0 0;
  text-align: center;
  padding: 5px 0 0 0;
  line-height: 1em;
  }

#nav ul li a:hover {
  color: #fff;
  text-decoration: none;
  }

#nav-food ul li a {color: #437d1f;}
#nav-beauty ul li a {color: #ff546f;}
#nav-home ul li a   {color: #67a7e6;}
#nav-vitality ul li a{color: #ff7800;}


#nav ul li a.on {color: #fff;
}
#nav-food ul li a:hover,
#nav-food ul li a.on {
  background: url(/images/nav/sub-food.png) no-repeat;
  }
#nav-beauty ul li a:hover,
#nav-beauty ul li a.on {
  background: url(/images/nav/sub-bs.png) no-repeat;
  }
#nav-home ul li a:hover,
#nav-home ul li a.on {
  background: url(/images/nav/sub-home.png) no-repeat;
  }
#nav-vitality ul li a:hover,
#nav-vitality ul li a.on {
  background: url(/images/nav/sub-vw.png) no-repeat;
  }

#nav li:hover ul, #nav li.on ul {
  display:block; z-index: -6;
  }


#nav li#nav-main:hover ul, 
#nav li#nav-spoffers:hover ul,
#nav.main li.on ul, 
#nav.special-offers li.on ul {
background: url(../images/nav/nav-main-bg.gif) no-repeat top left;}


#nav li#nav-food:hover ul, 
#nav.food-recipes li.on ul {
background: url(../images/nav/nav-food-bg.gif) no-repeat top left;}

#nav li#nav-beauty:hover ul, #nav.beauty-style li.on ul {
background: url(../images/nav/nav-bs-bg.gif) no-repeat top left;}

#nav li#nav-home:hover ul, 
#nav.home-family li.on ul {
background: url(../images/nav/nav-home-bg.gif) no-repeat top left;}

#nav li#nav-vitality:hover ul, #nav.vitality-wellness li.on ul {
background: url(../images/nav/nav-vw-bg.gif) no-repeat top left;}

#nav li#nav-main:hover ul {z-index: -1;}
#nav li#nav-food:hover ul {z-index: -1;}
#nav li#nav-beauty:hover ul  {z-index: -2;}
#nav li#nav-home:hover ul {z-index: -3;}
#nav li#nav-vitality:hover ul {z-index: -4;}
#nav li#nav-spoffers:hover ul {z-index: -5;}

#nav-main.on a,
#nav-spoffers.on a {
	height:43px !important;
}

#nav li.on a,
body#food li#nav-food a,
body#beauty li#nav-beauty a,
body#home li#nav-home a,
body#vitality li#nav-vitality a {
	background-position: left bottom;
	}








/* !-------- SEARCH FORM -------- */

#searchForm {
/* 	float: right; */
	width: 205px;
	margin-right: 4px;
	_display: inline; /* Win/IE6 - double margin float bug */
	}

#searchForm h5 {
	margin-bottom: 0.2em;
	font-weight: bold;
	color: #3672be;
	}

#searchForm input {
	float: left;
	}

#searchKeywords {
	width: 139px;
	height: 12px;
	padding: 4px;
	font-size: 10px;
	color: #2363ad;
	border: 2px solid #ff8400;
	}

#searchForm .submit-button {
	float: left;
	margin-left: 5px;
	}



/* !-------- BOXES -------- */

/* ------- BOXES (GENERAL) ------ */

.box {
	float: left;
	position: relative; /* So corners and sides will be absolutely positioned relative to .container -- not the page */
	margin-bottom: 16px;
	overflow: hidden; /* Mac/Safari2 */
	_overflow: visible; /* Win/IE6 */
	}

.bdr_t, bdr_b, 
.tl, .tr, .bl, .br { 
	position: absolute;
	}

.tl, .tr, .bl, .br {
	width: 13px;
	height: 270px; /* default height */
	background-repeat: no-repeat;
	}

.bdr_t, .bdr_b {
	width: 100%;
	left: 0;
	background-position: top;
	background-repeat: repeat-x;
	}

.bdr_t { height: 2px; top: 0; }
.bdr_b { height: 6px; bottom: 0; }

.tl { top: 0; left: 0; background-position: left top; }
.tr { top: 0; right: 0; background-position: right top; }	
.bl { bottom: 0; left: 0; background-position: left bottom; }	
.br { bottom: 0; right: 0; background-position: right bottom; }


/* ------- BOXES (BORDER COLORS) ------ */

.box.pink .bdr_t 	{ background-image: url(../images/curvy-boxes/box-pink-bdr-t.gif); }
.box.pink .bdr_b 	{ background-image: url(../images/curvy-boxes/box-pink-bdr-b.gif); }
.box.pink .tl		{ background-image: url(../images/curvy-boxes/box-pink-tl.gif); }
.box.pink .tr 		{ background-image: url(../images/curvy-boxes/box-pink-tr.gif); }
.box.pink .bl 		{ background-image: url(../images/curvy-boxes/box-pink-bl.gif); }
.box.pink .br 		{ background-image: url(../images/curvy-boxes/box-pink-br.gif); }

.box.orange .bdr_t 	{ background-image: url(../images/curvy-boxes/box-orange-bdr-t.gif); }
.box.orange .bdr_b 	{ background-image: url(../images/curvy-boxes/box-orange-bdr-b.gif); }
.box.orange .tl		{ background-image: url(../images/curvy-boxes/box-orange-tl.gif); }
.box.orange .tr 	{ background-image: url(../images/curvy-boxes/box-orange-tr.gif); }
.box.orange .bl 	{ background-image: url(../images/curvy-boxes/box-orange-bl.gif); }
.box.orange .br 	{ background-image: url(../images/curvy-boxes/box-orange-br.gif); }

.box.green .bdr_t 	{ background-image: url(../images/curvy-boxes/box-green-bdr-t.gif); }
.box.green .bdr_b 	{ background-image: url(../images/curvy-boxes/box-green-bdr-b.gif); }
.box.green .tl		{ background-image: url(../images/curvy-boxes/box-green-tl.gif); }
.box.green .tr 		{ background-image: url(../images/curvy-boxes/box-green-tr.gif); }
.box.green .bl 		{ background-image: url(../images/curvy-boxes/box-green-bl.gif); }
.box.green .br 		{ background-image: url(../images/curvy-boxes/box-green-br.gif); }

.box.purple .bdr_t 	{ background-image: url(../images/curvy-boxes/box-purple-bdr-t.gif); }
.box.purple .bdr_b 	{ background-image: url(../images/curvy-boxes/box-purple-bdr-b.gif); }
.box.purple .tl		{ background-image: url(../images/curvy-boxes/box-purple-tl.gif); }
.box.purple .tr 	{ background-image: url(../images/curvy-boxes/box-purple-tr.gif); }
.box.purple .bl 	{ background-image: url(../images/curvy-boxes/box-purple-bl.gif); }
.box.purple .br 	{ background-image: url(../images/curvy-boxes/box-purple-br.gif); }

.box.blue .bdr_t 	{ background-image: url(../images/curvy-boxes/box-blue-bdr-t.gif); }
.box.blue .bdr_b 	{ background-image: url(../images/curvy-boxes/box-blue-bdr-b.gif); }
.box.blue .tl		{ background-image: url(../images/curvy-boxes/box-blue-tl.gif); }
.box.blue .tr 		{ background-image: url(../images/curvy-boxes/box-blue-tr.gif); }
.box.blue .bl 		{ background-image: url(../images/curvy-boxes/box-blue-bl.gif); }
.box.blue .br 		{ background-image: url(../images/curvy-boxes/box-blue-br.gif); }

																									
/* ------- BOXES (SIZES) ------ */

/* width - must be even values (for IE6) */
.box.oneCol 			{ width: 244px; }
.box.bCol, .box.cCol	{ width: 208px; }
.box.twoCol 			{ width: 504px; }
.box.threeCol 			{ width: 728px; }
.box.full 				{ width: 100%;  }
.box.fooCol 			{ width: 470px; }
.box.tipCol 			{ width: 356px; }


/* height - must be even values (for IE6) */
.box.splash.sTall .contentWrap 	{ min-height: 334px; _height: 334px; /* Win/IE6 */}
.box.splash.sMed .contentWrap 	{ min-height: 282px; _height: 282px; /* Win/IE6 */}

.box.aCol.aTall .contentWrap 	{ min-height: 200px; _height: 200px; /* Win/IE6 */}
.box.aCol.aMed .contentWrap 	{ min-height: 150px; _height: 150px; /* Win/IE6 */ }

.box.bCol.bTall .contentWrap 	{ min-height: 346px; _height: 346px; /* Win/IE6 */}
.box.bCol.bMed .contentWrap 	{ min-height: 344px; _height: 344px; /* Win/IE6 */}
.box.bCol.bShort .contentWrap { min-height: 294px; _height: 294px; /* Win/IE6 */}
.box.bCol.bMini .contentWrap 	{ height: 200px; _height: 200px; /* Win/IE6 */}

.box.cCol.cTall .contentWrap 	{ min-height: 504px; _height: 504px; /* Win/IE6 */}
.box.cCol.cMed .contentWrap 	{ min-height: 364px; _height: 364px; /* Win/IE6 */ }
.box.cCol.cShort .contentWrap 	{ min-height: 114px; _height: 114px; /* Win/IE6 */}

.box.module .contentWrap 		{ min-height: 122px; _height: 122px; /* Win/IE6 */}

.box.aCol.aSer .contentWrap 	{ min-height: 150px; _height: 150px; /* Win/IE6 */ }
.aSer .tl, .aSer .tr, .aSer .bl, .aSer .br {
	height: 100px}

.box.cCol.cMicro .contentWrap 	{ min-height: 60px; _height: 60px; /* Win/IE6 */}

.box.bigTip.tMed .contentWrap 	{ min-height: 200px; _height: 200px; /* Win/IE6 */}
.box.aCol.User .contentWrap 	{ min-height: 175px; _height: 175px; /* Win/IE6 */}

.box.cCol.cPromo .contentWrap 	{ min-height: 60px; _height: 60px; /* Win/IE6 */}


/* Sidebar Widget Boxes */
.box.cCol.wShort .contentWrap { min-height: 114px; _height: 114px; /* Win/IE6 */}
.box.cCol.wMed .contentWrap 	{ min-height: 290px; _height: 290px; /* Win/IE6 */}
.box.cCol.wTall .contentWrap 	{ min-height: 370px; _height: 370px; /* Win/IE6 */}

/* adjust height for corners/side borders on shorter boxes */
.aTall .tl, .aTall .tr, .aTall .bl, .aTall .br,
.sMed .tl, .sMed .tr, .sMed .bl, .sMed .br
 	{ height: 180px; }

.aMed .tl, .aMed .tr, .aMed .bl, .aMed .br,
.cShort .tl, .cShort .tr, .cShort .bl, .cShort .br,
.wShort .tl, .wShort .tr, .wShort .bl, .wShort .br,
.module .tl, .module .tr, .module .bl, .module .br
	{ height: 90px; }

/* adjust height for corners/side borders on taller boxes */
.cTall .tl, .cTall .tr, .cTall .bl, .cTall .br
 	{ height: 400px; }

/* Height for Beauty channel tip box */
.bMini .tl, .bMini .tr, .bMini .bl, .bMini .br
 	{ height: 200px; }

/* Height for Beauty channel tip box */
.cMicro .tl, .cMicro .tr, .cMicro .bl, .cMicro .br
 	{ height: 60px; }

/* Height for Beauty channel tip box */
.cPromo .tl, .cPromo .tr, .cPromo .bl, .cPromo .br
 	{ height: 80px; }

/* Height for Tip channel tip box */
.tMed .tl, .tMed .tr, .tMed .bl, .tMed .br
 	{ height: 200px; }

/* Height for User box */
.aUser .tl, .aUser .tr, .aUser .bl, .aUser .br
 	{ height: 170px; }

/* ------- BOXES (BG COLORS) ------ */
/* can be applied to .box or .content */

.shadeOrange	{ background-color: #fff6ec; }
.shadeGreen 	{ background-color: #eaffdd; }
.shadeLGreen 	{ background-color: #f5fbf2; }
.shadeWhite 	{ background-color: #fff; }
.shadePink		{ background-color: #fff3f3; }
.shadeBlue		{ background-color: #e5f3ff; }

/* ------- BOXES (BG GRADIENTS) ------ */
/* can be applied to .box or .content */

.gradGreen {background: url(../images/curvy-boxes/box-green-bg.gif) bottom repeat-x #fff;}
.gradPink {background: url(../images/curvy-boxes/box-pink-bg.gif) bottom repeat-x #fff;}
.gradBlue {background: url(../images/curvy-boxes/box-blue-bg.gif) bottom repeat-x #fff;}


/* ------- BOXES (DIVIDERS - RIGHT SIDEBAR) ------ */

.orange .bottomBorder {
	border-bottom: 2px solid #ffad43;
	}


/* ------- BOX CONTENT (GENERAL) ------ */

.box .content {
	padding: 2px 6px 0 2px;
	_zoom: 1; /* Win/IE6 */
	overflow: hidden; /* Mac/Safari2 */
	_overflow: visible; /* Win/IE6 */
	}
	
.box .content .insetImg.right {
	float: right;
	margin-left: 5px;
	margin-right:0;
	}

.box .content .insetImg.left {
	float: left;
	margin-right: 20px;
	}

.box .content h2, .box .content h2, .box .content h4, .box .content p, 
.box .content ul, .box .content ol, .box .content .actionlink {
	margin-left: 12px;
	margin-right: 10px;
	}

.box.splash .content h2, .box.splash .content h3, .box.splash .content h4, .box.splash .content p, 
.box.splash .content ul, .box.splash .content ol, .box.splash .content .actionlink,
.box.aCol .content h2, .box.aCol .content h3, .box.aCol .content h4, .box.aCol .content p, 
.box.aCol .content ul, .box.aCol .content ol, .box.aCol .content .actionlink {
	margin-left: 20px;
	}

.box .content ul, .box .content ol {
	margin-bottom: 1em;
	}

#container .cCol .content h2 { margin-top: 10px; margin-bottom: 6px; _margin-bottom: 4px; }
.box.module .content h2 { margin-top: 10px; }


.aCol h2, .aCol h2 a { font-size: 1.4em; }
.bCol h2, .bCol h2 a { font-size: 1.4em; }
.cCol h2, .cCol h2 a { font-size: 1.2em; }

.box .aCol.module h2 { font-size: 1.4em; } 
.box .aCol.module h2 a { font-size: 1em; }

.box .content h2 { 
	margin-top: 16px;
	margin-bottom: 10px;
	font-weight: normal;
	line-height: 1.3em;
	}

.box .content h2 a {
	text-decoration: none;
	}

.box .content h4 {
	margin-top: 0;
	margin-bottom: 0.1em;
	font-weight: bold;
	color: #dc425a;
	}

.pink h2, .pink h2 a, .pink h4 { color: #ff4865; }
.orange h2, .orange h2 a, .orange h4 { color: #3773be; }
.purple h1, .purple h1 a, .purple h2, .purple h2 a { color: #5d2e9f; }
.purple .content h4 { color: #bb69d6; }
.blue h2, .blue h2 a { color: #3672be; }
.green h2, .green h2 a, .green h3 { color: #61af0e; }
.orange h2, .orange h2 a, .orange h3 { color: #ff9f21; }



.box .content p {
	margin-top: 0;
	margin-bottom: 0.8em;
	color: #333;
	}

.box.module .content p {
	margin-bottom: 0.6em;
	line-height: 1.2em;
	}
	
.actionlink {
	margin-bottom: 1em;
	}

.actionlink a {
	padding-right: 14px;
	background: url(../images/icons/icon-arrow.gif) right top no-repeat;
	font-weight: bold;
	/* line-height: 1.2em; */
	font-size: 0.9em;
	color: #ff8400;
	text-decoration: none;
	*background-position: right 1px; /* Win/IE6/7 */
	}
	
.actionlink a:hover { text-decoration: underline; }

.actionlinkback {
	margin-bottom: 1em;
  padding-bottom:10px;
  margin-right: 18px;
}

.actionlinkback a {
  float:right;
	padding-left: 14px;
	background: url(../images/icons/icon-arrowback.gif) left top no-repeat;
	font-weight: bold;
	/* line-height: 1.2em; */
	font-size: 0.9em;
	color: #ff8400;
	text-decoration: none;
	*background-position: left 1px; /* Win/IE6/7 */
	}
	
.actionlinkback a:hover { text-decoration: underline; }


/* ------- BOX CONTENT (SPLASH) ------ */

.box.splash .content h4, .box.splash .content p {
	font-size: 1.2em;
	line-height: 1.3em;
	}

.box.splash .content .actionlink a {
	font-size: 1.1em;
	background-position: right 2px;
	}


/*  1 Column Flexible Box (related content) */

.flexbox-top {
	width: 244px;
	height: 11px;
}

.flexbox-bottom {
	width: 244px;
	margin:0 0 10px 0;
 _margin:-1px 0 10px 0;
}

.flexbox-top.tGreen 		{background: url(../images/curvy-boxes/box-green-flex_01.gif) top no-repeat;}
.flexbox-bottom.bGreen	{background: url(../images/curvy-boxes/box-green-flex_02.gif) bottom no-repeat;}
.flexbox-top.tPink 		{background: url(../images/curvy-boxes/box-pink-flex_01.gif) top no-repeat;}
.flexbox-bottom.bPink	{background: url(../images/curvy-boxes/box-pink-flex_02.gif) bottom no-repeat;}


/*  3 Column Flexible Box (contact) */

.flexbox-wide-top {
	width: 730px;
	height: 11px;
}

.flexbox-wide-bottom {
	width: 730px;
	margin:0 0 10px 0;
 _margin:-1px 0 10px 0;
}

.flexbox-wide-top.tBlue 		{background: url(../images/curvy-boxes/wide-box-blue-flex_01.gif) top no-repeat;}
.flexbox-wide-bottom.bBlue	{background: url(../images/curvy-boxes/wide-box-blue-flex_02.gif) bottom no-repeat;}


/* ===========================================
         eNEWSLETTER SIGNUP BOXES
==============================================*/

#enewsletterSignup { 
	background: url(../images/modules/bg-enewsletterSignup.gif) 
	left top no-repeat; /* blue doves */ 
	}

#enewsletterEmail { 
	width: 80%;
	height: 12px;
	margin: 0 10px 10px 15px;
	padding: 4px;
	font-size: 10px;
	color: #2363ad;
	border: 1px solid #8bc4f9;
	}

#enewsletterSignup .submit-button {
	margin: 0 10px 0 0 ;
	float:right;
	padding: 4px 3px 0 3px;
}

#enewsletterSignup .actionlink {
	margin: 5px 0 0 15px ;
}

#enewsletterSignup .content {
	padding-bottom: 5px;
}

#enewsletterSignup h2 a{
	font-size:14px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	color: #3672be !important;
	line-height:1.2em;
	}

#enewsletterSignup ul {
	list-style-type: disc;
	color: #3672be;
	margin: -5px 0 0 30px;
}

/* Newsletter Wide Signup */

#newsletter-wide {
	background: url(/images/food-recipes/newsletter-wide-bg.gif)  -2px 0 no-repeat;
	}

#newsletter-wide h2 {
	color: #3672be !important;
	}

#newsletter-wide p {
	font-size: 12px;
	color: #666;
	*margin-left:10px;
	}

#newsletter-wide span {
	font-size: 12px;
	color: #018ec6;
	margin: 0 5px 0 20px;
	display: inline;
	}

#newsletter-wide .actionlink {
	margin: 5px 0 10px 20px;
	clear:left;
}

/* ===========================================
         STAR RATINGS
==============================================*/

/* ------- LARGE BLACK STAR RATINGS ------ */

#ratingBloq {
	float:right;
	margin-bottom: 10px;
}

#ratingBloq h2 {
	margin-bottom: 5px;
}
.star-rating, .star-rating a:hover, .star-rating a:active, 
.star-rating a:focus, .star-rating .current-rating {
	background: url(../images/stars/rating-stars.gif) left -1000px repeat-x;
}

.star-rating{
	position:relative;
	width:66px;
	height:16px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}

.star-rating li{
	display: inline;
}

.star-rating a, .star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:16px;
	line-height:16px;
	outline:none;
	overflow:hidden;
	border: none;
}

.star-rating a:hover,.star-rating a:active,.star-rating a:focus, .star-rating .current-rating{
	background-position: left bottom;
}

.star-rating a.one-star		      {	width:20%;	z-index:6;}
.star-rating a.two-stars	      {	width:40%;	z-index:5;}
.star-rating a.three-stars      {	width:60%;	z-index:4;}
.star-rating a.four-stars	      {	width:80%;	z-index:3;}
.star-rating a.five-stars	      {	width:100%;	z-index:2;}

.star-rating .current-rating{
	z-index:1;
	background-position: left bottom;
	margin:0;
}

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

.star-rating.articles {
	float:left	
}	
	

/* ------- SMALL BLUE STAR RATINGS ------ */

.star-rating-small, .star-rating-small a:hover, .star-rating-small a:active, 
.star-rating-small a:focus, .star-rating-small .current-rating-small {
	background: url(../images/stars/rating-stars-small.gif) left -1000px repeat-x;
}

.star-rating-small{
	position:relative;
	width:50px;
	height:10px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}

.star-rating-small li{
	display: inline;
}

.star-rating-small a, .star-rating-small .current-rating-small{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:10px;
	line-height:10px;
	outline:none;
	overflow:hidden;
	border: none;
}

.star-rating-small a:hover,.star-rating-small a:active,.star-rating-small a:focus{
	background-position: left bottom;
}

.star-rating-small a.one-star   {	width:20%;	z-index:6;}
.star-rating-small a.two-stars	{	width:40%;	z-index:5;}
.star-rating-small a.three-stars{	width:60%;	z-index:4;}
.star-rating-small a.four-stars	{	width:80%;	z-index:3;}
.star-rating-small a.five-stars	{	width:100%;	z-index:2;}

.star-rating-small .current-rating-small{
	z-index:1;
	background-position: left center;
}

.star-rating-small.comments {
	float:right;
	margin-top:2px;	
}	


div.gray-stars {
  width:  65px;
  height: 16px;
	background: url(../images/stars/rating-stars.gif) left top repeat-x;
}

div.gray-stars div.rating {
  background: url(../images/stars/rating-stars.gif) left bottom repeat-x;
  width:  0%;
  height: 100%;
}

div.gray-stars div.rating-1 { width:  20%; }
div.gray-stars div.rating-2 { width:  40%; }
div.gray-stars div.rating-3 { width:  60%; }
div.gray-stars div.rating-4 { width:  80%; }
div.gray-stars div.rating-5 { width: 100%; }

/* ------- ORANGE BUTTONS ------ */
/* For use with 'input' and 'a href' */


.orangeButton { 
	color: #fff;
	background: url(../images/icons/button-orange-bg.gif) repeat-x  #ff8500;
	border:none;
	padding: 0 2px 2px 2px;
	#padding: 0 3px 2px 3px; /* ie */
	cursor: pointer;
	text-align:center;
	font: bold 10px Verdana, Helvetica, sans-serif;
	width:auto; /* ie */
	overflow:visible; /* ie */
	height: 22px;
	}	

a.orangeButton { /* only called when in a link, set width in child class */
	padding: 5px 0 0 0;
	height: 20px;
	display:block;
	color: #fff;
	} 

.orangeButton:hover { 
	text-decoration: none;
	color: #663500;
	}


/* !-------- FOOTER -------- */

#footer {
	margin: 10px 0 20px 100px;
	text-align: center;
	color: #fff;
	}	

#uniLogoBug {
	float:right;
}

#footer a {
	color: #fff;
	}
	
#footer-links {
	padding-bottom: 4px;
	}

#footer-links a {
	font-weight: bold;
	}	
	
#footer-credits {
	margin-top: 6px;
	}
	
a.info{
    position:relative; 
    z-index:24;
    color:#fff;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#2E8DCD}

a.info span{display: none}

a.info:hover span{ 
	display:block;
	position:absolute;
	top:0; left:0; 
	background-color:#2E8DCD; 
	color:#6DAFDC;
	text-align: center;
	text-decoration:none;
	}

.handf{
 _margin:0 0 0 -5px;
 width:100px;
}

.vandw{
 _margin:0 0 0 -5px;
 width:120px;
}

.tips{
	margin-top:-3px;
 _margin:0 0 0 -5px;
	line-height:1em;
 width:50px;
}


/* Curved Photos CSS */

div.wrapper {
	margin:0 0 10px 10px;
	position:relative;
	float:right;
	vertical-align:top;
}
div.wrapper img{	
	float:right;
	border:0 none;
}
div.wrapper div{	
	position:absolute;
	left:0;
	height:8px;
	width:100%
}
div.wrapper div.tl{
	background:transparent url(../images/photo-corners/photo-tl.png) top left no-repeat;
 _background:transparent url(../images/photo-corners/photo-tl.gif) top left no-repeat; /* ie6 */
	top:0
}
div.wrapper div.tr{
	background:transparent url(../images/photo-corners/photo-tr.png) top right no-repeat;
 _background:transparent url(../images/photo-corners/photo-tr.gif) top right no-repeat; /* ie6 */
	top:0;
	}

div.wrapper div.bl{
	background:transparent url(../images/photo-corners/photo-bl.png) bottom left no-repeat;
 _background:transparent url(../images/photo-corners/photo-bl.gif) bottom left no-repeat; /* ie6 */
	bottom:0
}
div.wrapper div.br{
	background:transparent url(../images/photo-corners/photo-br.png) bottom right no-repeat;
 _background:transparent url(../images/photo-corners/photo-br.gif) bottom right no-repeat; /* ie6 */
	bottom:0;
}


p.note {
	font-size: 9px;
	line-height: 1.2em;
	}

/* CONTACT PAGE */

#contact_form {
	padding: 1px 20px 30px 20px;
}			

#contact_form  p{
	margin: 10px 0;
	}

#contact_form  label,input.text {
	display: block;
	float: left;
	margin-bottom: 5px;
	font-size: 10px;
	width: 300px;
}

#contact_form  label {
	text-align: right;
	width: 100px;
	padding-right: 10px;
	line-height: 1.1em;
	font-weight: bold;
	}

#contact_form  span {
	display: inline;
	}

#contact_form #zip {
	width: 80px;
}

#contact_form .birthdate_month {
  margin-top: 9px;
}

#contact_form  br {
	clear: left;
}

#contact_form select {
	float:left;
	margin-right: 7px;
}

#contact_form .check {
	color: #5185c2;
	font-size: 11px;
	width: 450px;
	}

html>body #contact_form .checkbox {
	margin: 0 5px 5px 0;
}

#contact_form .checkbox {
	float:left;
	margin: -3px 5px 0 0;
	display: block;
	width: 10px;
}

#contact_form span.note {
	font-size: 9px;
	color: #333;
	font-weight: normal;
	}

#contact_form #required-fields {
	font-size: 10px;
}

#contact_form #legal {
	float:left;
	width:280px;
	font-size: 10px;	
	}

#contact_form .submit-button {
	float:right;
	margin: 0 0 20px 10px;
	width: 50px;
	height: 25px;
	font-size:11px;
	}	
         
div.error-list { 
    color: #5185C2;
    color: #900;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;  
      /*background: #ffa;*/
      padding: 5px;
      /*border: solid 2px #ee7;*/
      margin: 0 0 10px 0;
}

div.error-list p {
  font-weight: bold;
  font-size: 13px;
  margin: 2px 0;
  padding: 0;
  color: #600;
}

div.error-list ul {
    list-style-type: disc;
    padding: 5px 20px 10px;
}

div.flash {
  padding: 10px;
  margin: 0 0 10px 0;
  background: #B8EB9B;
  background: #fff;
  color: #900;
  border: none;
  font-weight: bold;
  font-size: 13px;
}

div.flash a.flash-close {
  float: right;
}

div.print {
  display: none;
}

img.print {
  display: none;
}


/* Promotion Faders */

#promotions {
	width:210px !important;
	margin-bottom: 15px;
}

#promotions .contentWrap {
	height: 138px !important; /* override JS auto height */
/* 	_margin-bottom: -4px; */
}

#promotions .content .actionlink {
  display:none; /* supress links in promo faders */
	margin: 0 0 5px 10px;
	padding: 0;
	}
	

#promotions2 {
	margin-right: 16px;
}

#promotions2 .contentWrap {
	width:230px;
	height: 110px !important; /* override JS auto height */
	margin: 5px 0 0 3px;
	padding-bottom:10px;
/* 	_padding-bottom:140px; */
}

#promotions2 .content .actionlink {
  display:none; /* supress links in promo faders */
	margin: -10px 0 5px 10px;
	padding: 0;
	}

#promotions2 .contentWrap {
	_padding:0 0 130px 0; /* ie6 */
}

td.col-print {
  width: 70px;
  text-align: center;
}


/* FEEDS */

#hedRight {
  float:right;
  width:215px;
  }

.feedBox {
  background: url(../images/curvy-boxes/feed-box.gif) no-repeat;
  height:25px;
  padding: 6px 0 0 20px;
  margin: 10px 0 0 0;
  }

.feed a{
  font-family: helvetica;
  font-weight:bold;
  background:url(../images/icons/feed-icon-14x14.png) no-repeat right;
  padding: 2px 18px 2px 0;
  color: #b00202;
/* 	display:none; */
  }

.feedsPage .feed a {
  display:block;
  }


/* !-------- CUSTOM CHANNEL MODULES -------- */

.chanMod { 
  margin-bottom: 15px !important; 
}

.chanMod .actionlink {
	margin: 0 0 5px 15px ;
}

.chanMod ul {
	list-style-type: disc;
	color: #333;
	margin: 0;
	padding:0 0 0 15px;
}

.chanMod h2 a {
	margin: 5px 10px 10px 0 !important;
}


#smallModule .submit-button {
	margin: 0 10px 0 0 ;
	float:right;
	padding: 4px 3px 0 3px;
}


#smallModule .content {
  padding: 5px; 
}

#smallModule p .modbody {
  padding: 0 10px 5px 10px; 
}

#smallModule .bottom {
  position: absolute; 
  bottom: 15px; 
}


/* Social bookmarks in articles, Main tips */

ul#shareLinks li {
  list-style: none;
  }
  
ul#shareLinks li a {
  background-position: left;
  background-repeat: no-repeat;
  padding: 3px 0 3px 17px;
  }
  
.fb a{background-image: url(/images/icons/icon-facebook.gif); }
.tw a {background-image: url(/images/icons/icon-twitter.gif); }
.de a {background-image: url(/images/icons/delicious.med.gif); }
.di a {background-image: url(/images/icons/16x16-digg-guy.png); }
.st a {background-image: url(/images/icons/stumbleit.gif); }
.ki a {background-image: url(/images/icons/sk-rt_addicon.gif); }
.rss a {background-image: url(/images/icons/feed-icon-14x14.png) }  
.email a { background-image: url(/images/icons/email.png) }


ul#shareLinks li {
/*   width: 90px; */
  float: left;
  margin: 5px 0;
  }

ul#shareLinks li.col2 {
/*   width: 90px; */
  }

.previewNext {
  float:left;
}



div#preload { display: none; }