/* This CSS file was created by JB on 13/01/09 with the intention of being merged with
GPs CSS file when complete */

body
{
	color: #3B3B3B; /* A soft shade of gray for the text */	
	font-family:Verdana;
	font-size: 62.5%;
}

.cmsfront a{text-decoration: none;	color: #00A6DE;}
.cmsfront a img{border: 0;}
.cmsfront input{}
.cmsfront ul{list-style: none;}
.cmsfront hr{border-top:solid 1px #D4D4D4;border-left:0;border-right:0;border-bottom:0;}
.cmsfront h1{font-size: 24px !important;	color: #00A6DE;font-weight: normal; /*So that parts of the H1 can be bolded manually */margin-bottom: 25px;}
.cmsfront p, 
.cmsfront .content-body ul li{/*font-size: 1.2em !important;*/font-size: 12px !important;color: #666666;line-height: 1.8em;}

.cmsfront p.text-with-net{font-size: 0.9em !important;}

/* The menu at the top (1st tier) */
.cmsfront ul.main-menu li{text-align: center;font-size: 1.1em;}
.cmsfront ul.main-menu li a{color: #3B3B3B;}
.cmsfront ul.main-menu li.buy-now a{font-weight: bold;text-transform: uppercase;color: #00A6DE;}
.cmsfront ul.main-menu li a:hover, 
.cmsfront ul.main-menu li a.selected{color: #FFFFFF;background-color: #00A6DE;}

/* Footer styling */
.cmsfront .footer-menus{color: #999999;/* font-size: 0.8em; FAR TOO SMALL */}

/* Styling the preview net box in the right hand menu */
.cmsfront .secondary-column .basket-preview{font-size: 0.9em;}
.cmsfront .secondary-column .basket-preview p.text-with-net{padding-left: 25px;min-height: 16px;background: transparent url('../gfx/symbols/net.gif') no-repeat left center;}

* html .cmsfront .secondary-column .basket-preview p.text-with-net{height: 16px;}
.cmsfront .secondary-column .basket-preview p.right-floated-text{float: right;}

/* This is the MAIN CONTENT MANAGED AREA in the left column */
.cmsfront .content-menu{}
.cmsfront .content-body ul{margin-top: 20px;}
.cmsfront .content-body ul li{background: transparent url('../gfx/symbols/fish.gif') no-repeat left top;padding-left: 25px;margin-bottom: 15px;}

/* The login box */
.cmsfront .static-login-box p{line-height:1.1em;	color:#848484;	font-family:Verdana;	font-size:0.6em;	text-align: justify;}
.cmsfront #login-title{	text-align:center;	font-family:Verdana;	font-weight:bold;	color:#00A6DE;	font-size:2em;	line-height:1em;	padding-bottom:10px;}
.cmsfront .loginbtn{float:left;	font-size: 1em;	font-weight:bold;	text-decoration:underline;}
.cmsfront .registerbtn{	float:right;	padding-left:30px;	font-size: 1em;	font-weight:bold;	text-decoration:underline;}/** Error Border - Control not Validated **/
.cmsfront .invisible-item{display:none;}
.cmsfront .visible-item{display:none;}
.cmsfront .error-messages{color:Red;font-size:0.9em;margin-left:10px;}

/** Fishy List **/
.cmsfront .fishyList ul{list-style-image:url(../gfx/fishy.gif);list-style-position: inside;line-height:20px;vertical-align:middle;font-size:1.1em;}

/** Added by Gordon as a request by foundry - Alex **/
.cmsfront h2 #{ color:#00A6DE; font-size:16px !important; font-weight:normal; margin:15px 0pt; } 

/* Added as quick fix on 02/03/09 by J.Burley */
.cmsfront a.loginbtn, 
.cmsfront a.registerbtn{font-size: 1em !important;margin-top: 5px !important;}
.cmsfront .content-body ul li a{display: inline !important;}

.cmsfront .w-s { width: 50px; }
.cmsfront .w-m { width: 150px; }
.cmsfront .w-l { width: 300px; }

.cmsfront .login-container { height:150px; background-color:#FFF; }
.cmsfront .anchor-look { text-align:center; }
.cmsfront .login-container a { font-weight:bold; color:#00A6DE; text-decoration:underline; }
.cmsfront .login-container table { width:100%; }
.cmsfront .login-container td { padding:5px 0px 5px 0px; }

.cmsfront .sign-up { padding:0px 0px 0px 20px;}
.cmsfront .sign-up h1 { font-size:1.6em; color:#00A6DE; font-weight:normal; margin-bottom:15px; }
.cmsfront .sign-up h2 { background-color:#E5F6FD; font-weight:normal;	font-size:1.3em; color:#3B3B3B; padding:10px 0px 10px 10px; }
.cmsfront .sign-up td { padding:5px; }

.cmsfront .highlight-con { background-color:#E5F6FD; padding:10px 20px 10px 10px; }
.cmsfront .valid-message { color:Red; }

.cmsfront .blue-custom-button { background-color: #00A6DE; border: solid 1px #FFFFFF;	color: #FFFFFF;	font-weight: normal; height:25px; padding-bottom:3px; padding-left:10px; padding-right:10px; cursor:hand; cursor:pointer; }

/* questionnaire */
.cmsfront .questionnaire {padding:50px 20px 20px;}
.cmsfront .questionnaire .intro{font-size:1.2em;margin-bottom:10px !important;width:100%;float:left;}
.cmsfront .questionnaire .error{color:Red;font-size:1.2em;width:100%;float:left;margin-bottom:15px;}
.cmsfront .questionnaire h1, .sectionheading{color:#00A6DE; font-size:1.4em;width:100%;float:left;margin:15px 0 10px 0;}
.cmsfront .questionnaire .buttons{margin-top:10px;float:left;}
.cmsfront .question{margin-top:15px;float:left;width:100%;}
.cmsfront .question .question-label{font-weight:bold;min-height:20px;display:inline-block;font-size:11px;   }
.cmsfront .questionnaire .red{color:Red;}
.cmsfront .question .answer{}
.cmsfront .question table{margin-top:5px;   }
.cmsfront .question table tr td, 
.cmsfront .questionnaire table.gridview tr th{   padding: 2px;font-size:11px;}       
       
.cmsfront .questionnaire ul 
{
    margin-top:20px;
    list-style:none outside none;
}
.cmsfront .questionnaire p, 
.cmsfront .questionnaire ul li, 
.cmsfront .questionnaire .question-label,
.cmsfront .questionnaire label
{
    color:#666666;
    font-size:12px !important;
    line-height:1.8em !important;
}

.cmsfront .questionnaire label
{
    margin-left:5px;
}

.cmsfront .questionnaire .question-label.red
{
    color:Red;
    }

.cmsfront .questionnaire ul li 
{
    background:url("../gfx/symbols/fish.gif") no-repeat scroll left top transparent;
    margin-bottom:15px;
    padding-left: 25px;
}
.cmsfront .questionnaire a
{
    color:#00A6DE;
    text-decoration:none;
    }
    
.HeaderEyeQ30Prom
{
    margin-top:30px;
} 
.tblEyeQ30Prom
{
    width:100%;
    
}
.TestimonialBoxEyeQ30
{
    width:400px;
    height:100px; 
}
.EmailBoxEyeQ30
{
    width:400px;
    height:50px; 
}
.EyeQ30Promo a
{
    font-weight:bold; 
    color:#00A6DE; 
    text-decoration:underline;
    font-size:12px;
}
.EyeQ30Promo
{
    text-align:center;
    width:750px;    
}

.no-ecomm-message
{
    border:solid 1px #bcbcbc;
    background-color:#feffc9;
    padding:10px;
}

.no-ecomm-message p  
{
    color:#ff0000 !important;
    font-size:11px;
    padding-bottom:10px;
}