/****************************
		General
****************************/

body
{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: verdana;
	color: #ff0000;
	background: url(./images/background.jpg) repeat top;      
}



form
{
	display: inline;
}


/****************************
		Text
****************************/

h1						{font-family: verdana; font-weight: none; font-size: 28px; color: #4a100f; line-height: 30px;}
/*
.BannerText				{font-family: verdana; font-weight: none; font-size: 11px; color: #ffffff; line-height: 14px;}

.BannerTitleText		{font-family: verdana; font-weight: none; font-size: 28px; color: #ffffff; line-height: 30px;}
*/
.Text					{ font-family: verdana; font-weight: none; font-size: 12px; color: #111111; line-height: 14px;}
a.Text					{ text-decoration: none; color : #0089ff }
a.Text:hover			{ text-decoration: underline; }

.TitleText			{ font-family: trebuchet ms; font-weight: bold; font-size: 18px; color: #4483c5; line-height: 22px;}
a.TitleText			{ text-decoration: none; color : #4483c5 }
a.TitleText:hover	{ text-decoration: underline; }

.SmallTitleText            { font-family: trebuchet ms; font-weight: none; font-size: 14px; color: #4483c5; line-height: 18px;}
a.SmallTitleText            { text-decoration: none; color : #4483c5 }
a.SmallTitleText:hover    { text-decoration: underline; }

.ReviewTitleText            { font-family: trebuchet ms; font-weight: bold; font-size: 18px; color: #b3128b; line-height: 22px;}
a.ReviewTitleText           { text-decoration: none; color : #b3128b }
a.ReviewTitleText:hover     { text-decoration: underline; }

  /*
.NeutralTextColor	{color: #555555;}
.WhiteTextColor		{color: #ffffff;}
.StrongTextColor	{color: #4e7fef;}
.ErrorTextColor		{color: #ff0000;}
 */
.Footer_Text                   { font-family: verdana; font-weight: none; font-size: 14px; color: #7a6d6d; line-height: 15px;}
a.Footer_Text                  { text-decoration: none; color : #0089ff }
a.Footer_Text:hover            { text-decoration: underline; }

/*.TextStrong	{font-weight: bold;}    */


/****************************
		Containers
****************************/

.Background
{
    position: relative;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
    background: url(./images/background_top.jpg) repeat-x top;  
}

.Wrap	
{
 	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
    width: 872px;
    background-color: #ffffff;
}

   
/****************************
		Header
****************************/
.Header
{
	position: relative;
	text-align: left;
	width: 872px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

.AsSeenOnTV
{
    position: relative;
    margin: 10px auto 0px auto;
}
 
.Content
{
    position: relative;
    width: 840px;
    margin: 0px auto 0px auto;
}

.ColumnLeft
{
    position: relative;
    float: left;
    width: 539px;
    margin: 10px auto 0px auto;   
}

.ColumnRight
{
    position: relative;
    width: 301px;
    float: right;
    margin: 10px auto 0px auto;   
}


.Title
{
    position: relative;
    background-color: #f3f3f3;
    height: 32px;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 10px auto;
    
}

.TitleContent
{
    position: relative;
    padding: 4px 0px 0px 10px;
    text-align: left;  
}
.TitleLeft, .TitleRight
{
    position: relative;
    width: 3px;
    height: 32px;
    float: left;
    background: url(./images/title_left.jpg) no-repeat left;    
}

.TitleRight     {background: url(./images/title_right.jpg) no-repeat left; float: right;}
 
.CopyArea
{
    position: relative;
    text-align: left;
    
    margin: 0px auto 10px auto;
}

.Reviewer
{
    position: relative;
    float: left;
    width: 268px;
}

.Reviewer_Image
{
    position: relative;
    width: 87px;
    float: left;
}

.Reviewer_Content
{
    position: relative;
    margin: 0px 0px 0px 97px;
    width: 168px;
}

 
.Review
{
    position: relative;
    margin: 20px auto 0px auto;
    background-color: #e1f0ff;     
    
}
 
.Review_TopLeft, .Review_TopRight, .Review_BottomLeft, .Review_BottomRight
{
    position: relative;
    width: 2px;
    height: 2px;
}
.Review_TopLeft        {background: url(./images/review_topleft.jpg) no-repeat left; float: left;}
.Review_TopRight       {background: url(./images/review_topright.jpg) no-repeat left; float: right;}
.Review_BottomLeft     {background: url(./images/review_bottomleft.jpg) no-repeat left; float: left;}
.Review_BottomRight    {background: url(./images/review_bottomright.jpg) no-repeat left; float: right;} 

.Review_Container
{
    position: relative;
    margin: 0px auto 0px auto;
    padding: 10px 0px 10px 0px;
}

.Review_Left
{
    position: relative;
    width: 141px;
    float: left;
    text-align: center;
}

 
.Review_Right
{
    position: relative;
    margin: 0px 0px 0px 141px;
    width: 680px;
    text-align: left;
}

.Review_Image
{
    position: relative;
    float: left;
    margin: 0px 10px 10px 0px;
}

.Review_Title
{
    position: relative;
    margin: 0px 0px 10px 0px;
}


ul.TickList
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    /*background-color: #eef6fe;*/
    
    
}

ul.TickList li
{
     background: url(./images/tick_icon.jpg) no-repeat left; 
     list-style: none;
     padding: 5px 0px 5px 30px;
     margin: 0px 0px 0px 0px;   
}
 
 
.StepContainer
{
    position: relative;
    width: 277px;
    height: 206px;
    margin: 0px 20px 0px 0px;
    
}
 /****************************
        Log
****************************/


.Log_WarningBox      
{
   position: relative;
   margin: 0px 0px 0px 0px;
   padding: 10px 10px 10px 10px;
   text-align: left;
}

.Log_WarningBox {background-color: #feffeb;}

.Log_Box_Icon
{
    position: relative;
    float: left;
    width: 30px;
    text-align: center;
}

.Log_Box_WarningIcon
{
    position: relative;
    height: 20px;
}

.Log_Box_WarningIcon        {background: url(./images/log_icon_warning.gif) no-repeat center;}
.Log_Box_TickIcon           {background: url(./images/log_icon_tick.gif) no-repeat center;}  



.Log_Box_Content
{
    position: relative;
    /*float: left;*/
    margin: 0px 0px 0px 40px;
}

.Log_DateText                    { font-family: verdana; font-weight: bold; font-size: 15px; color: #555555; line-height: 18px;}
.Log_BoxTimeText                 { font-family: verdana; font-weight: none; font-size: 10px; color: #666666; line-height: 15px;}
.Log_BoxText                     { font-family: verdana; font-weight: none; font-size: 12px; color: #232323; line-height: 15px;}
a.Log_BoxText                    {color: #0397ff;text-decoration: none;}
a.Log_BoxText:hover              {color: #0397ff; text-decoration: underline;}
.Log_BoxCategoryText             { font-family: verdana; font-weight: bold; font-size: 11px; color: #555555; line-height: 15px;}


.Log_WarningBox_TitleText                  { font-family: verdana; font-weight: none; font-size: 15px; color: #ff9003; line-height: 18px;}



 
/****************************
	Login 
****************************/

.Login_WideContainer
{
	position: relative;
	width: 562px;
	text-align: left;
	margin: 0px auto 0px auto;
}

.Login_TextContainer
{
	position: relative;
	width: 284px;
	float:right;
	text-align: left;
	margin: 0px auto 0px auto;	
}

.Login_LoginContainer
{
	position: relative;
	width: 254px;
	float:left;
	text-align: left;
	margin: 0px auto 0px auto;
}


.Login_SideBox
{
	position: relative;
	width: 320px;
	text-align: left;
	margin: 0px auto 0px auto;
}


.Login_Top
{
	position: relative;
	width: 254px;
	height: 7px;
	text-align: left;
	font-size: 0px;
	line-height: 0px;
	margin: 0px auto 0px auto;
	background: url(./images/box_small_grey_top.jpg) no-repeat top;
}

.Login_Middle
{
	position: relative;
	width: 254px;
	text-align: center;
	margin: 0px auto 0px auto;
	background-color: #dddddd;
}

.Login_Bottom
{
	position: relative;
	width: 254px;
	height: 7px;
	text-align: left;
	margin: 0px auto 0px auto;
	background: url(./images/box_small_grey_bottom.jpg) no-repeat top;
}

.Login_Content
{
	position: relative;
	width: 204px;
	text-align: left;
	margin: 0px auto 0px auto;	
}

/****************************
		Footer
****************************/
.Footer
{
	position: relative;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 10px 0px 25px 0px;
}



/****************************
		Misc
****************************/

.ErrorBox
{
	position: relative;
	border: 1px solid #ffe400;
	background-color: #f5ffa1;
}

.MessageBox
{
	position: relative;
	border: 1px solid #3694f4;
	background-color: #b1d8ff;
}

.SuccessBox
{
	position: relative;
	border: 1px solid #36f44c;
	background-color: #a1ffac;
}

.Spacer
{
 	position: relative;
 	clear: both;
	height: 10px;
	font-size: 0px;
}

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


 
.Center
{
	text-align: center;
}