/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
html{ height:100%;}
body { color:#000; font-family: Arial, Helvetica, sans-serif; background:#4643b8 url(../images/body-bg.jpg) 0 0 repeat-x; min-height:100%; height:100%; }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }

/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container { width:1004px; margin:0 auto; }
/*div#container.home{ padding-bottom:50px;}*/

/*---- Header ----*/
div#header{ padding:13px 0 2px 2px;}

/*---- Navigation ----*/
div#navigation{ padding:0 27px; margin-top:-5px; position:relative; z-index:1; margin-bottom:20px;}

/*---- Content ----*/
div#content{ background:#FFF; border:#2e2862 1px solid; padding:22px 20px; width:940px; margin:0 auto 28px;}

/*---- Main ----*/
div#main { float:right; width:680px; padding-right:4px; }

/*---- Sidebar ----*/
div#sidebar { float:left; width:235px; }


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo h1 a{ position:relative; width:366px; height:152px; display:block;}
div#header div.logo h1 a span  { position: absolute; top: 0; left: 0; background:url(../images/header/logo.jpg) 0 0 no-repeat; width:366px; height:152px; display:block; }

div#header p{float:right; margin-top:38px;}
div#header p a{ font-size:160%; font-weight:bold; line-height:15px; color:#22215b; line-height:16px;}
div#header p a:hover{ text-decoration:none;}
.home_header{margin:0 22px 0 0;}
/*---- banner ----*/
div#banner div.middle{ margin-top:-15px; z-index:1;}
div#banner div.top{ position:relative; z-index:2;}
div#banner{ position:relative; z-index:2;}
div#banner div.middle{ padding-left:12px;}
div#container.home div#banner div.middle img.banner{ position:relative; bottom:-16px; z-index:2;}
div#banner div.middle img.banner{ position:relative; bottom:-15px; z-index:2;}

/*---- Navigation ----*/
div#navigation div.inner{ background:url(../images/navigation/nav-left.png) 0 0 no-repeat; height:41px; padding-left:13px;}
div#navigation div.inner div.right{ background:url(../images/navigation/nav-right.png) 100% 0 no-repeat; height:41px; padding-right:9px;}
div#navigation div.inner div.middle{ background:url(../images/navigation/nav-bg.png) 0 0 repeat-x; height:41px; padding:0 0 0 10px;}

div#navigation ul li{ float:left; font-size:140%; border-right:#3d3a9e 1px solid; }
div#navigation ul li.last{ border:0;}
div#navigation ul li a{ height:36px; line-height:36px; padding:0 7px; color:#22215b; text-decoration:none;}

/*---- Content ----*/

/*---- Main -Post ---*/
div#main div.post img.alignleft{ float:left; margin:0 10px 10px 0;}
div#main div.post img.alignright{ float:right; margin:0 0px 10px 10px;}
div#main div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}
div#main div.post h1{ font-size:350%; margin-bottom:15px; color:#241f5e; font-weight:normal;}
div#main div.post h2{ font-size:250%; margin-bottom:10px; color:#241f5e; font-weight:normal;}
div#main div.post h3{ font-size:220%; margin-bottom:10px; color:#241f5e; font-weight:normal;}
div#main div.post h4{ font-size:200%; margin-bottom:10px; color:#241f5e; font-weight:normal;}
div#main div.post p{ color:#22215b; line-height:24px; font-size:140%; margin-bottom:20px;}
div#main div.post p a, div#main div.post ul li a, div.form_row a {
	color:#312F80;
/*	text-decoration:underline;*/
}
div#main div.post p a:hover, div#main div.post ul li a:hover, div.form_row a:hover{
	color:#99CCCC;
	text-decoration:none;
}
div#main div.post blockquote p{ margin-bottom:5px; font-style:italic;}
div#main div.post blockquote p cite{ font-weight:bold;}

div#main div.post ul{ margin:0 0 20px 14px;}
div#main div.post ul li{color:#22215b; line-height:24px; font-size:140%; list-style:disc;}

div#main div.post ol{ margin:0 0 20px 18px;}
div#main div.post ol li{color:#22215b; line-height:24px; font-size:140%; list-style:decimal;}

/*---- Sidebar ----*/
div#sidebar div.box2{ margin-bottom:20px;}

/*---- Sidebar-nav ----*/
div#sidebar div.sidebar-nav div.bottom{ padding:15px; width:205px;}

/*---- Sidebar - sign in---*/
div#sign-in{ margin-bottom:20px;}
div#sign-in div.bottom{ padding:20px 15px 25px 20px; width:205px;}
div#sign-in p{ /*padding-left:35px;*/ font-weight:bold;}
div#sign-in p a{ font-size:160%; color:#dcdaef; background:url(../images/content/sidebar/sign-in.jpg) 100% 0 no-repeat; padding-right:30px; line-height:22px; display:block; width:170px; text-decoration:none; }

/*---- Sidebar - sign up---*/
div#newsletter {margin-bottom:20px;}
div#newsletter div.bottom{ padding:20px 15px 25px 20px; width:205px;}
div#newsletter p{ font-weight:bold;}
div#newsletter p a{font-size:160%; color:#dcdaef; background:url(../images/content/sidebar/sign-in.jpg) 100% 0 no-repeat; padding-right:30px; line-height:22px; display:block; width:170px; text-decoration:none; }

/*---- Footer -footer-nav---*/
div#footer div.footer-nav{ text-align:center;}
div#footer div.footer-nav ul li{ display:inline; font-size:140%; font-weight:bold; color:#dcdaef;}
div#footer div.footer-nav ul li a{ color:#dcdaef;}
div#footer div.footer-nav ul li.devider{ margin:0 6px;}

/*---- Footer -disclaimer---*/
div#footer div.disclaimer{ text-align:center; padding:20px 0 10px 0;} 
div#footer div.disclaimer p { width:845px; margin:0 auto; text-align:center; }
div#footer p{ font-size:120%; line-height:15px; color:#dcdaef;}
div#footer p a{color:#dcdaef;}

/*---- Boxes ----*/

/*---- Box1 ----*/
div.box1 div.top{ background:url(../images/content/box1-top-middle.jpg) 0 0 repeat-x;}
div.box1 div.top div.left{ background:url(../images/content/box1-top-left.jpg) 0 0 no-repeat; height:15px;}
div.box1 div.top div.right{ background:url(../images/content/box1-top-right.jpg) 100% 0 no-repeat; height:15px; line-height:15px;}

div.box1 div.middle{ background:#000; border-color:#2d2761; border-width:0 1px; border-style:solid;}

div.box1 div.bottom{ background:url(../images/content/box1-bottom-left.png) 0 0 no-repeat; padding-left:15px;}
div.box1 div.bottom div.right{ background:url(../images/content/box1-bottom-right.png) 100% 0 no-repeat; padding-right:15px;}
div.box1 div.bottom div.center{ background:url(../images/content/box1-bottom-middle.png) 0 0 repeat-x; height:21px; line-height:21px;}

/*---- Box2 ----*/
div.box2{ background:url(../images/content/box2-middle.jpg) 0 0 repeat-y; width:235px; }
div.box2 div.top{ background:url(../images/content/box2-top.jpg) 0 0 no-repeat; width:235px;}
div.box2 div.top div.bottom{ background:url(../images/content/box2-bottom.jpg) 0 100% no-repeat; width:235px;}

/*---- Box3 ----*/
div.box3 div.top{ background:url(../images/content/box3-top-middle.gif) 0 0 repeat-x;}
div.box3 div.top div.left{ background:url(../images/content/box3-top-left.gif) 0 0 no-repeat;}
div.box3 div.top div.right{ background:url(../images/content/box3-top-right.gif) 100% 0 no-repeat; height:15px; line-height:15px;}

div.box3 div.middle{ border-color:#aaa5da ; border-style:solid; border-width:0 2px 0 1px; background:#1b1a47 url(../images/content/box3-inner.jpg) 0 0 repeat-x;}

div.box3 div.bottom{ background:url(../images/content/box3-bottom-middle.gif) 0 0 repeat-x;}
div.box3 div.bottom div.left{ background:url(../images/content/box3-bottom-left.gif) 0 0 no-repeat;}
div.box3 div.bottom div.right{ background:url(../images/content/box3-bottom-right.gif) 100% 0 no-repeat; height:15px; line-height:15px;}

/*---- Box4 ----*/
div.box4{ background:url(../images/content/box4-middle.jpg) 0 0 repeat-y; width:235px;}
div.box4 div.top{ background:url(../images/content/box4-top.jpg) 0 0 no-repeat; width:235px;}
div.box4 div.top div.bottom{ background:url(../images/content/box4-bottom.jpg) 0 100% no-repeat; width:235px;}

/*---- Box5----*/
div.box5{ background:url(../images/content/box5-middle.jpg) 0 0 repeat-y; width:235px;}
div.box5 div.top{ background:url(../images/content/box5-top.jpg) 0 0 no-repeat; width:235px;}
div.box5 div.top div.bottom{ background:url(../images/content/box5-bottom.jpg) 0 100% no-repeat; width:235px;}

/*---- Box6 ----*/
div.box6 div.top{ background:url(../images/content/box6-top-middle.gif) 0 0 repeat-x;}
div.box6 div.top div.left{ background:url(../images/content/box6-top-left.gif) 0 0 no-repeat; height:15px;}
div.box6 div.top div.right{ background:url(../images/content/box6-top-right.gif) 100% 0 no-repeat; height:15px; line-height:15px;}

div.box6 div.middle{ background:#000; border-color:#aaa5da; border-width:0 1px; border-style:solid;}

div.box6 div.bottom{ background:url(../images/content/box6-bottom-left.png) 0 0 no-repeat; padding-left:15px;}
div.box6 div.bottom div.right{ background:url(../images/content/box6-bottom-right.png) 100% 0 no-repeat; padding-right:15px;}
div.box6 div.bottom div.center{ background:url(../images/content/box6-bottom-middle.png) 0 0 repeat-x; height:24px; line-height:24px;}

/*---- List1 ----*/
ul.list1 li{ font-size:140%; background:url(../images/content/sidebar/icon1.gif) 0 7px no-repeat; padding-left:12px; margin-bottom:10px; line-height:18px; font-weight:bold;}
ul.list1 li a{ color:#dcdaef;}


/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Banner ----*/
div#banner{ position:relative; }
div#banner a.enter-site{ font-size:140%; position:absolute; right:20px; bottom:25px; color:#dcdaef; font-weight:bold; z-index:5; line-height:16px;}
div#banner a.enter-site:hover{ text-decoration:underline;}

div#banner div.support{ background:#22215b url(../images/content/support-top-right.jpg) 208px -1px no-repeat; width:222px; position:absolute; top:1px; right:1px; z-index:3;}
div#banner div.support div.inner{ background:url(../images/content/support-bottom-left.jpg) 0 100% no-repeat; padding:15px 10px 5px;}
div#banner div.support p{ font-size:180%; margin-bottom:10px; color:#dcdaef; text-align:right;}
div#banner div.support p a{ background:url(../images/content/sign-up.jpg) 100% 0 no-repeat; padding-right:25px; color:#dcdaef; font-size:85%; display:block; line-height:19px; font-weight:bold;}

/*---- navigation ----*/
div.nav{ margin-top:-3px; position:relative; z-index:1; margin-bottom:0px; padding-left:53px; height:80px;}
div.nav ul li{ float:left; margin-right:10px; font-size:120%; color:#21205a; border:1px solid #272260; background:#FFF; width:195px; padding:5px 10px 10px; }
div.nav ul li a{ color:#21205a; line-height:20px; display:block; text-align:center; font-size:125%; text-decoration:none; font-weight:bold; }
div.nav ul li p{ line-height:18px; display:none; padding-top:5px;}

div.nav ul li:hover a{ text-decoration:none; }
div.nav ul li:hover p, div.navigation ul li.active p{ display:block; }

.contact_form{
	width:655px;
	overflow:hidden;
}
.input_form{
	float:left;
	width:648px;
	margin-bottom:25px;
	background:url(../../assets/images/content/input_form_middle.jpg) repeat-x bottom;
}
.input_form_top{
	float:left;
	height:10px;
	width:648px;
	background:url(../../assets/images/content/input_form_top.png) no-repeat bottom;
}
.input_form_middle{
	float:left;
	width:622px;
	border:1px solid #e3e2e7;
	border-top:none;
	border-bottom:none;
	padding:5px 0 0 24px;
	background:none;
}
.input_form_bottom{
	float:left;
	height:10px;
	width:648px;
	background:url(../../assets/images/content/input_form_bottom.jpg) no-repeat top;
}
.reqFld{
	color:#FF0000;
	vertical-align:top;
}
.form_row{
	 width:600px;
	 padding:5px 0 0px 0;
	 margin-bottom:10px;
	 float:left;
	 font-family: Arial, Helvetica, sans-serif; 
	 color:#22215B; 
	 font-size:140%; 
	 font-size:12px;
}
.form_field{
	 width:300px;
	 float:left;
	 line-height:20px;
}
.form_text_field{
	 width:190px;
	 float:left;
	 line-height:20px;
	 font-weight:bold;
	 color:#201b51;
}
.form_input_field{
	 width:300px;
	 float:left;
	 line-height:20px;
}
.form_field_mid{
	float:left;
	width:30px;
}
.txt_width{
	width:237px;
	height:23px;
	border:1px solid #9f97ca;
}
.title_box{
	width:112px;
	height:23px;
	border:1px solid #9f97ca;
}
.dob_box{
	width:50px;
	height:23px;
	border:1px solid #9f97ca;
}
.postcode_width{
	width:112px;
	height:23px;
	border:1px solid #9f97ca;
}
.lookup_box{
	float:left;
	padding-right:5px;
}
.contact_about_box{
	width:121px;
	height:23px;
	border:1px solid #9f97ca;
}
.txt_area{
	width:270px;
	height:130px;
	border:1px solid #9f97ca;
}
.rad_female{
	margin:0 0 0px 25px;
}
.form_submit{
	float:left;
	padding-left:370px;
}
.form_submit_field{
	width:214px;
	float:left;
} 
.form_error_message{
	 width:600px;
	 float:left;
	 font-family: Arial, Helvetica, sans-serif; 
	 font-size:11px;
	 /*color:#4441B4;*/
	 color:#FF0000;
	 margin-top:-10px; 
}
.error_message_label{
	float:left;
	margin:3px 0 0 192px;
}
#chkAgreeTermsError{
	float:left;
	margin:4px 0 0 30px;
}
.data_protection{
	float:left;
}
div#main div.post div.data_protection h3{
	font-size:14px;
	font-weight:bold;
}
div#main div.post div.data_protection p{
	font-size:12px;
	margin-bottom:0px;
}
.mainContainer #footer {
	float:left;
	width:760px;
	padding: 0 10px; 
	background:#666666;
}
.mainContainer #footer p {
	margin: 0;
	padding: 10px 0; 
	color:#FFFFFF;
	text-align:center;
}
.underline{
	text-decoration:underline;
}
.common_myths_img, .jargon_buster_img, .faq_img, .useful_link_img, .urinary-problem_top{
	float:right; 
	margin:5px 0px 10px 10px;
}
.urinary_problems_img{
	margin:0px 0px 10px 10px;
	float:none;
}
.recognising_problem_img, .getting_help_img{
	float:right; 
	margin:00px 0px 10px 10px;
}
.talking_doctor_img{
	float:right; 
	margin:0px 0px 10px 10px;
}
div#main div.post h5, div#main div.post h6.underline{
	color:#22215B;
	font-size:140%;
	font-weight:bold;
	line-height:24px;
}
div#main div.post p a, div#main div.post ol li a{
	color:#312F80;
	text-decoration:none;
}
div#main div.post p a:hover, div#main div.post ol li a:hover{
	color:#99CCCC;
	text-decoration:none;
}
div#home_banner{
	text-align:center;
}
div.home_nav {
	margin-bottom:20px;
	margin-top:-4px;
	padding-left:45px;
	position:relative;
	z-index:1;
}
div#content p.share_this{
	float:right;
}
div#content p.share_this a{
	color:#4441B4;
	font-size:12px;
	font-weight:bold;
}
/**********Questionnaire*******/
.question_tip{
		width:675px;
		float:left;
		font-size:12px;
		color:#22215b;
		padding-bottom:20px;
}
.question{
		width:675px;
		float:left;
		padding-bottom:20px;
}
.question_title{
		font-size:14px;
		color:#22215b;
		font-weight:bold;
		padding-bottom:15px;
		line-height:18px;
	}
.sub_question{
		float:left;
		width:675px;
		padding-bottom:10px;
}
.sub_question_answer{
		float:left;
		width:690px;
		padding-bottom:10px;
}
.sub_question_si{
		float:left;
		font-size:12px;
		color:#22215b;
		padding-left:24px;
		font-weight:bold;
		padding-right:5px;
		line-height:16px;
}
.sub_question_checkbox{
		float:left;
		padding-right:5px;
}
.sub_question_title{
		float:left;
		width:600px;
		font-size:12px;
		color:#22215b;
		line-height:20px;
}
.answer_button{
		float:left;
		width:30px;
		padding-left:52px;
}
.answer_button_no_padding{
		float:left;
		width:30px;
		padding-left:0px;
}
.answer_text{
		float:left;
		width:150px;
		font-size:12px;
		color:#22215b;
		line-height:16px;
}
.sub_question_answer{
		float:left;
		width:675px;
}
.page_nav{
		width:auto;
		font-size:14px;
		padding-right:20px;
}
.page_nav_next{
		float:right;
		padding-bottom:20px;
		font-size:12px;
		font-weight:bold;
}
.page_nav a{
		color:#22215b;
		text-decoration:none;
}
.page_nav a:hover{
		text-decoration:none;
}
.sub_question_tips{
		float:left;
		width:660px;
		padding-bottom:20px;
		font-size:12px;
		color:#22215b;
		line-height:20px;
}
table{
		font-size:12px;
		color:#22215b;
		line-height:20px;
		text-align:left;
}
.get_border{
		border-right:1px solid #22215b;
		border-bottom:1px solid #22215b;
		padding-left:10px;
		padding-top:5px;
		padding-bottom:5px;
}
.question_input{
		width:18px;
		border:1px solid #22215b;
		padding-left:6px;
}
.question_input_total{
		width:18px;
		border:1px solid #22215b;
		font-weight:bold;
		padding-left:4px;
}
.page_nav_pre{
	float:left;
	font-size:12px;
	font-weight:bold;
}
.question_txtarea{
	width:330px;
	height:100px;
	border:1px solid #22215b;
}
.question_nav_image{
	border:1px solid #9933CC;
}
.get_padding{
	padding-right:20px;
	cursor:pointer;
}
.question_table{
	float:left;
}
.bmi_result{
	padding:0px 0px 0px 150px;
}
.input_bmi_result{
	width:110px;
	text-align:left;
	padding-top:5px;
	border:1px solid #9f97ca;
}
.input_label_result{
	width:53px;
	float:left;
	text-align:left;
	padding-left:95px;
	padding-top:10px;
}
.answer{
		float:left;
		width:675px;
		padding-bottom:20px;
		font-size:12px;
		color:#22215b;
		line-height:20px;
}
div#sidebar div.sidebar-nav div.bottom div.subnav_extra_height{
	height:160px;
}
div#main div.post ul li ul li {
	color:#22215B;
	font-size:100%;
	line-height:24px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}
sup, sup.super, .super{
	font-size:80% !important;
	vertical-align:super;
}
/*************Market-research box**************/
.top_box {
	background:url(../images/box-top-bg.jpg) top left no-repeat;
	height:105px;
	margin-left:390px;
	margin-top:20px;
	padding:5px 10px;
	position:absolute;
	width:288px;
	}
	
.top_box_title {
	height:19px;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	padding-top:3px;
	}
	
.top_box_content {
	font-size:11px;
	color:#000000;
	padding-top:5px;
	line-height:12px;
	}
	
.top_box_content img {
	padding-left:8px;
	}	
	
.top_box_content a {
	color:#000;
	float:left;
	margin-top:6px;
	text-decoration:none;
	}
/*************Popup-form**************/

.popup_form {
	width:646px;
	height:auto;
	color:#21205A;
	}
	
.pop_form_top {
	width:730px;
	height:12px;
	background:url(../images/pop-bg.jpg) repeat-x scroll left top transparent;
	}
	
.pop_form_content {
	background:url(../images/pop-bg.jpg) repeat-x scroll left top #E6E5F3;
	height:auto;
	padding:15px 30px 50px;
	width:670px;
	}
	
.pop_form_btm {
	background:url(../images/pop-bg.jpg) repeat-y scroll left top #E6E5F3;
	height:12px;
	width:705px;
	}
	
span.pop-txt-top {
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	margin-left:130px;
	}
	
.pop-form-core {
	padding:35px 0 10px 0;
	_padding:25px 0px;
	}	

.pop-txt-top p{
	font-size:16px;
	float:left;
	}
	
.pop-form-core table th {
	font-size:13px;
	padding-top:3px;
	width:174px;
	}
	
.pop-form-core table td {
	padding-bottom:15px;
	}	
	
.pop-form-core table td input {
	width:238px;
	height:20px;
	border:1px solid #9696CD;
	}
	
.pop-form-core table td.selectSmall, .pop-form-core table td.selectBig {
	padding-bottom:0px;
	padding-right:20px;
	}	
	
.pop-form-core table td.selectSmall select {
	width:60px;
	height:22px;
	padding:1px;
	border:1px solid #9696CD;selectBig
	}
	
.pop-form-core table td.selectBig select {
	width:110px;
	height:22px;
	padding:1px;
	border:1px solid #9696CD;
	}
	
span.pop-txt-btm {
	font-size:12px;
	line-height:25px;
	}
	
.pop_btns {
	width:auto;
	height:auto;
	text-align:center;
	/*padding-left:200px;*/
	padding-top:35px;
	}
	
.pop_btns input {
	border:none;
	width:71px;
	height:30px;
	padding-right:20px;
	}

.pop_error_message{
	color:#FF0000;
	}
	
div.post_code_row{
	float:left;
	width:320px;
}

div.post_code_row div.post_code_row_label{
	float:left; 
	font-size:12px;
	font-weight:bold;
	line-height:21px;
	padding-left:16px;
	padding-top:2px;
	color:#000000;
	}
	
div.post_code_row div.post_code_row_txtbox{
	float:left;
	padding-left:10px;
	padding-top:2px;
	}
		
div.question_table table{
	border-top:1px solid #22215B;
	border-left:1px solid #22215B;
}