*{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
BODY
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
    PADDING-TOP: 10px;
    TEXT-ALIGN: center
}
BODY
{
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
INPUT
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
   
}
input.textbox, input.textbox-successstory {
border: 1px solid #A5ACB2;
padding-left:4px;
margin-top: 4px;
}
TEXTAREA
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
TD
{
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
TH
{
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
FORM
{
    MARGIN: 0px
}
DIV.inner
{
    WIDTH: 100%
}
.bold
{
    FONT-WEIGHT: bold
}
#head H3
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    MARGIN-BOTTOM: 11px
}
#container
{
    BORDER-RIGHT: black 0px solid;
    BORDER-TOP: black 0px solid;
    MARGIN-LEFT: auto;
    BORDER-LEFT: black 0px solid;
    WIDTH: 780px;
    MARGIN-RIGHT: auto;
    BORDER-BOTTOM: black 0px solid;
    TEXT-ALIGN: left;
}

#mainarea
{
  background-color: white;
}

UNKNOWN
{
    WIDTH: auto;
    HEIGHT: auto
}
h1
{
	line-height: normal;
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 10px;
}

h1.BRC-Product {
        font-size:14px;
        font-weight:normal;
        line-height:18px;
        font-family:Arial,Verdana,Helvetica,sans-serif;
	margin-right: 10px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
}

h2 
{
	line-height: normal;
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 12px;
}

h2.BRC-Product {
        font-size:14px;
        font-weight:normal;
        line-height:18px;
        font-family:Arial,Verdana,Helvetica,sans-serif;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

h2.BRC-Product ul {
	margin-top:5px;
	margin-left:10px;
	padding-left:10px;
}

h2.BRC-Product ul li {
}

h3
{
	line-height: normal;
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 14px;
}
h4
{
	line-height: normal;
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 16px;
}
h5
{
	line-height: normal;
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 18px;
	text-transform: uppercase;
}

.float-left
{
	float: left;
}
.float-right
{
	float: right;
}

a:link, a:visited, a:active 
{
	color:	#C7302B;
}
a:hover
{
	text-decoration: none;
}


#headlogin
{
	background: url(/images/publicsite/common/headloginBg.gif) left repeat-x;
}
#mainarea
{
  background-color: white;
  width: 780px;
}
input.lenght45
{
	width: 45px;
}
input.lenght100
{
	width: 100px;
}
.red
{
	color: #C7302B;
}
#subpages_topnav
{
	background: url(/images/publicsite/topnav/subpages-bg2.jpg) left no-repeat;
}
#subnav
{
	background: url(/images/publicsite/topnav/subpages-subnav-bg2.jpg) left top no-repeat;
	background-color: White;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 32px;
	
}
#subnavsuccessstory
{
	/* background: url(/images/publicsite/topnav/subpages-subnav-bg3.gif) right top no-repeat; */
	background-color: White;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.navigation-subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 4px;
}
.navigation-subnav li {
	display: inline;
}
.navigation-subnav a:link, .navigation-subnav a:visited { 
	padding: 4px 10px 4px 10px; 
	color: #FFFFFF;
	background-color: none;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.5em;
	position:relative;
	top: -1px;
}
html>body .navigation-subnav a:link, html>body .navigation-subnav a:visited { 
	padding: 5px 10px 4px 10px; 
	color: #FFFFFF;
	background-color: none;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.5em;
}
/*.navigation-subnav a:hover {
	color: #FFFFFF;
	background-color: #A2201A;
}*/
.navigation-subnavactive a:link {
	color: #FFFFFF;
	background-color: #A2201A;
}
.position_loseweight
{
margin-left: 50px;
}
html>body .position_loseweight
{
margin-left: 10px;
}
.position_meetjillian
{
margin-left: 90px;
}
html>body .position_meetjillian
{
margin-left: 50px;
}
#public_mgm
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 99%;
	border: 2px solid #E6E6E6;
}
input.button, input.singleButton  {
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
margin: 0px 4px;
padding-left: 3px;
padding-right: 3px;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
background: #C7302B;
font-size: 12px;
}
#featuredproduct
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 300px;
	border: 4px solid #E6E6E6;
}
#featuredproduct_tall
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 180;
	border: 4px solid #E6E6E6;
	text-align: center;
}
#subpages_form
{
	background: url(/images/publicsite/home/form-bg.gif) left top repeat-x;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:300px;
}
#public_300Tools
{
	background: url(/images/publicsite/common/gray-gradient1.gif) left top repeat-x;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:300px;
	border: 2px solid #E6E6E6;
}
#askjillian_intro
{
	background: url(/images/publicsite/askjillian/bg.gif) left bottom repeat-x;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:450px;
	border: 4px solid #E6E6E6;
}
#moresuccessstories
{
	background: url(/images/publicsite/askjillian/bg.gif) left bottom repeat-x;
	width:220px;
	border: 4px solid #E6E6E6;
	padding: 10px;
	vertical-align: top;
}
html>body #moresuccessstories { width:190px; }
	
#moresuccessstories a:link, #moresuccessstories a:visited
{
	font-weight: bold;
}
.box180
{
	width:180px;
	height: 300px;
}
html>body .box180
{
	width: 174px;
}
.box270
{
	width:275px;
	height: 194px;
}
html>body .box270
{
	width: 269px;
}
.270box a:link, .270box a:visited
{
	font-weight: bold;
}
.online_pr_kelly
{
	padding: 10px;
	background: url(/images/publicsite/common/small_yellowBG.gif) left bottom repeat-x;
}
#onlineTb td
{
	vertical-align: top;
}
.textarea-successstory
{
	width: 450px;
	height: 225px;
	border: 1px solid #A5ACB2;
	padding-left:4px;
}
.emailFriendTextBox
{
	width: 350px;
	height: 200px;
	border: 1px solid #A5ACB2;
	padding-left:4px;
}
a:link.toolsLinks, a:visited.toolsLinks
{
	text-decoration: none;
	color: #000000;
}
#affiliateModule
{
	
	background-color: #F2F2F2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 232px;
}
.continue2
{	
	background-color: #FFED91;
	vertical-align: bottom;
	border: 2px solid #E6E6E6;
	width: 517px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 18px;
	margin-top: -15px;
}
#tipoftheday
{	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 300px;
	border: 4px solid #E6E6E6;
	background: url(/images/publicsite/newsletter/gradient-gray.gif) left bottom repeat-x;
	padding: 10px;
}

/* RAC */

#footer {
 width:100%;
 text-align:left;
 position:relative;
 clear:both;
 padding-top:5px;
}

#footer hr {
 background:black;
 height:1px; 
 margin-bottom:0px;
 padding-bottom:0px;
}

#footer .copyright {
 font-size:0.6em;
 font-weight:bold;
 color:gray;
 float:right;
 text-align:right;
 margin-bottom:10px;
}

/* RAC Catalog Stuff */

h1.nested-categories {
	font-size:22px;
	font-weight:bold;
}

div.category, div.item {
	width:135px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	text-align:left;
	position:relative;
}

div.category .title, div.category .description, div.category .price {
	margin-left:10px;
}

div.item .title, div.item .description, div.item div.price {
	margin-left:10px;
}

div.category .title h2, div.item .title h1 {
	font-size:16px;
	font-weight:bold;
}

div.category .title h2 {
	color: red;
}

div.item .title h1 {
	color: black;
}

div.category .description h3, div.item .description h3 {
	font-size:14px;
}

div.category .image img, div.item .image img {
	width:142px;
	height:142px;
	overflow:hidden;
	margin-bottom:10px;
}

div.category div.image a {
	width: 145px;
	height: 150px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	line-height: 1;
	background: transparent url(/images/click_slide.png) no-repeat top left;
}

div.item div.image a {
	width: 145px;
	height: 150px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	line-height: 1;
	background: transparent url(/images/buy_now_slide.png) no-repeat top left;
}

div.item div.image a:hover, div.category div.image a:hover {
	cursor: pointer;
	background-position: bottom left;
}

div.item .price {
	font-size:14px;
	margin-bottom:10px;
}

span#siteseal {
	font-size:10px;
}

span#facebook {
	font-size:10px;
}

/* SWEEPSTAKES Stuff */

div.sweepstakes {
	margin-top:20px;
}

div.sweepstakes-registration#right-bar, div.sweepstakes-registration#left-bar {
	margin-top:20px;
	float:left;
}

div.sweepstakes-registration#right-bar {
	margin-left:0px;
	margin-right:0px;
	width:330px;
}

h1.line1 {
	font-variant: small-caps;
	font-size:30px;
	padding-top:25px;
}

h1.line2 {
	font-variant: small-caps;
	font-size:32px;
}

h1.line3 {
	font-variant: small-caps;
	font-size:30px;
	padding-bottom:0px;
}

#flashMessage {
        color:red;
	font-size:16px;
}

#flashMessage p {
	margin-top:0px;
	margin-bottom:5px;
	padding-bottom:0px;
}

div.sweepstakes-registration h1 {
	font-size:24px;
}

div.sweepstakes-registration h2 {
	font-size:20px;
}

div.sweepstakes-registration h3 {
	font-size:18px;
}

div.sweepstakes-registration p {
	font-size:16px;
}

div#sweepstakes-header {
	padding-left:10px;
	height:170px;
	width:280px;
	text-align:left;
}

/* See http://www.sitepoint.com/article/fancy-form-design-css/ */

div.sweepstakes-registration#left-bar {
	width:450px;
	margin-left:0px;
	margin-right:0px;
}

form#UserAddForm fieldset {
	float: left;  
	clear: left;  
	margin: 1em 0 1.5em 0;  
	padding: 0; 
	border:0px;
}

form#UserAddForm legend {
	margin-left: 1em;  
	color: #000000;  
	font-weight: bold; 
	font-size:26px;
	font-variant: small-caps
}

form#UserAddForm label {
	float: left;  
	width: 10em;  
	margin-right: 1em;  
	text-align: right; }
	form#UserAddForm input {
}

form#UserAddForm ol {
	padding: 1em 1em 0 1em;
	list-style: none; 
}

form#UserAddForm li {
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: 1em; 
}

form#UserAddForm .submit {
	margin-top:10px;
	margin-right:45px;
	border-style: none;
	float:right;
	clear:both;
}

form#UserAddForm .error-message {
	color:red;
	margin-left:11em;
	margin-right:1em;
}