/*
Thanks Dr
11/11/09
JumpMedia


*/
@import url('blueprint.css');
@import url('sifr.css');





/*==1==Global*/

div.wrapper{
	width:940px;
	margin:0 auto;
	text-align:left;
	}
	
div.fullwidth{
	width:960px;
	margin:0 auto;
	text-align:left;
	}
	
	
div.clearme{
	clear:both;
	height:1px;
	}
	
label{
	font-family:Arial, Helvetica, sans-serif;
	}
	
h1, h2, h3, h4, h5, h6 {font-family:Georgia, "Times New Roman", Times, serif}


h2 {font-size:1.4em; margin-bottom:0.2em; color:#161f1e; font-weight:bold;}

h3 {font-size:0.8em; line-height:1; margin-bottom:0.2em; color:#5cadb6; font-weight:bold;}

p.smaller{
	font-size:80%;
	}
	
p.smaller img{
	margin:0 10px 0 0;
	}
	
	li
	{
		color:#71674D;
		font-size:85%;
		line-height:1.2em;
		margin:0 0 0 10px;
		padding:10px 0 0 0;
		
	}
	
/*==2==Masthead*/

#masthead{
	background:url(../images/backgrounds/bg-masthead-lozenge.png) top center no-repeat;
	width:100%;
	height:205px;
	margin-top:20px;
	}
	
#logo{
	display:block;
	float:left;
	width:220px;
	height:120px;
	background: url(../images/backgrounds/bg-main-logo.png) top left no-repeat;
	}

#logo a{
	display:block;
	width:220px;
	height:120px;
	}

#logo a span{
	display:none;
	}
	
	
/*==3==Lozenge Navigation*/
	
#main-nav {
	width: 700px;
	height: 120px;
	background: url(../images/s-navigation/main-up.png) no-repeat;
	float:left;
}

#main-nav ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 120px;
}

#main-nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main-nav ul li a {
	display: block;
	height: 120px;
	padding: 0;
	margin: 0;
}

li#nav_one a{ width: 220px; }
li#nav_two a { width: 210px; }
li#nav_three a { width: 270px; }

li#nav_one a:hover, li#nav_one.selected  { background: transparent url(../images/s-navigation/main-over.png) 0px 0px no-repeat;}
li#nav_two a:hover { background: transparent url(../images/s-navigation/main-over.png) -220px 0px no-repeat;}
li#nav_three a:hover { background: transparent url(../images/s-navigation/main-over.png) -430px 0px no-repeat;}


#main-nav ul li strong { display:none; }


/*==4==sub navigation*/

#sub-nav {
	width: 940px;
	height: 36px;
	background: url(../images/s-navigation/sub-over.gif) no-repeat;
	margin:13px 0 0 0;
}

#sub-nav ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 36px;
}

#sub-nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#sub-nav ul li a {
	display: block;
	height: 36px;
	padding: 0;
	margin: 0;
}

li#subnav_one a{ width: 80px; }
li#subnav_two a { width: 70px; }
li#subnav_three a { width: 100px; }
li#subnav_four a{ width: 100px; }
li#subnav_five { width: 85px; }
li#subnav_six a { width: 85px; }
li#subnav_seven a{ width: 160px; }
li#subnav_eight a { width: 110px; }
li#subnav_nine a { width: 140px; }

li#subnav_one a:hover { background: transparent url(../images/s-navigation/sub-over.gif) 0px 0px no-repeat;}
li#subnav_two a:hover { background: transparent url(../images/s-navigation/sub-over.gif) -80px 0px no-repeat;}



#sub-nav ul li strong { display:none; }

/*==5==Main Content*/

#content{
	background: #fff;
	width:960px;
	margin:0 auto;
	}
	
#question-box{
	width:524px;
	height:384px;
	background:url(../images/backgrounds/bg-questionbox.png) top no-repeat;
	float:left;
	margin-right:16px;
	padding:60px 10px 0 10px;
	}
	
#question-box label{
	font-size:18px;
	font-weight:bold;
	color:#b4eaf0;
	display:block;
	margin-bottom:10px;
	}
	
.question-title{
	background:#fff;
	padding:7px;
	border:2px solid #aee9ef;
	color:#333333;
	font-size:100%;
	width:500px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.question-full{
	background:#fff;
	padding:7px;
	border:2px solid #aee9ef;
	color:#333333;
	font-size:100%;
	width:500px;
	height:140px;
	overflow:auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	}
	
.send-question{
	margin-right:3px;
	float: right;
	}
	
.other-links{
	position:absolute;
	margin-top:354px;
	margin-left:-10px;
	width:400px;
	}
	
#demotip { 
    display:none; 
    background:transparent url(../images/generic/question-tooltip.png); 
    font-size:90%; 
    height:116px; 
	padding:10px 10px 10px 30px;
    width:145px; 
    color:#fff;     
}


#centre-strip{
	height:230px;
	background:url(../images/backgrounds/bg-centre-strip.gif) top center no-repeat;
	margin:20px 0 20px 0;
	padding-top:50px;
	}
	
#centre-strip p{
	color:#003333;
	}
	
div.flagend{
	position:absolute;
	margin:0 0 0 -46px;
	}
	
div.step-text{
	float:left;
	width:330px;
	margin:30px 30px 0 200px;
	}
	
div.step-text p{
	margin-bottom:10px;
	}
	
	
/*==6==Text-styling*/
strong.doctorname{
	color:#4c4637;
	}
	
.letters{
	font-size:70%;
	color:#999999;
	}
	
	

/*==7==Column Set Up*/

.endbit{
	margin-right:0 !important;
	}
	
div.cl-one{
	width:60px;
	margin-right:20px;
	float:left;
	}
	
div.cl-two{
	width:140px;
	margin-right:20px;
	float:left;
	}
	
div.cl-three{
	width:220px;
	margin-right:20px;
	float:left;
	}
	
div.cl-four{
	width:300px;
	margin-right:20px;
	float:left;
	}
	
div.cl-five{
	width:380px;
	margin-right:20px;
	float:left;
	}
	
div.cl-six{
	width:460px;
	margin-right:20px;
	float:left;
	}
	
div.cl-seven{
	width:540px;
	margin-right:20px;
	float:left;
	}
	
div.cl-eight{
	width:620px;
	margin-right:20px;
	float:left;
	}
	
div.cl-nine{
	width:700px;
	margin-right:20px;
	float:left;
	}
	
div.cl-ten{
	width:780px;
	margin-right:20px;
	float:left;
	}
	
div.cl-eleven{
	width:860px;
	margin-right:20px;
	float:left;
	}
	
	
/*==8==Slideshow*/

#slideshow {
    position:relative;
    height:134px;
	background:url(../images/backgrounds/bg-customer-feedback.gif) top left no-repeat;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}

#slideDoctor {
    position:relative;
    height: 130px;
    
}

#slideDoctor div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    height: 130px;
    width: 370px;
    background-color: #fff;
}

#slideDoctor div img
{
	margin-top: 10px;
	margin-bottom: 20px;
}

#slideDoctor div.active {
    z-index:10;

}

#slideDoctor div.last-active {
    z-index:9;

}

/*==9==Buttons*/
/*button links*/

a.button1,
a.button2,
a.button3,
a.button4{
	    color: #fff;
    display: block;
    float: left;
    font-size:80%;
	font-weight:bold;
    height: 29px;
   margin:0 10px 0 0;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
	text-shadow:1px 1px #072e32;
	}

a.button1 {
    background: transparent url(../images/ui/buttons/btn-light-blue-left.png)  no-repeat scroll top right;
}

a.button1 span {
    background: transparent url(../images/ui/buttons/btn-light-blue.png) no-repeat;
    display: block;
    line-height: 18px;
    padding: 6px 0 5px 10px;
} 

a.button1:active {
    background-position: bottom right;
    color: #000;
	text-shadow:1px 1px #dcdfe0;
    outline: none; /* hide dotted outline in Firefox */
}

a.button1:active span {
    background-position: bottom left;
    padding: 6px 0 5px 10px; /* push text down 1px */
} 


a.button2 {
    background: transparent url(../images/ui/buttons/btn-dark-blue-left.png)  no-repeat scroll top right;
}

a.button2 span {
    background: transparent url(../images/ui/buttons/btn-dark-blue.png) no-repeat;
    display: block;
    line-height: 18px;
    padding: 6px 0 5px 10px;
} 

a.button2:active {
    background-position: bottom right;
    color: #000;
	text-shadow:1px 1px #dcdfe0;
    outline: none; /* hide dotted outline in Firefox */
}

a.button2:active span {
    background-position: bottom left;
    padding: 6px 0 5px 10px; /* push text down 1px */
} 


/*==11 Footer==*/

ul.footer{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
.footer li{
	line-height:2em;
	font-size:90%;
	}
	
.footer li a{
	color:#b5e0d1;
	}
	
img.social{
	float:left;
	margin-right:5px;
	margin-top:10px;
	}
	
div.newsletter {
	background:transparent url(../images/backgrounds/bg-newsletter.png) no-repeat scroll 0 0;
	height:33px;
	vertical-align:middle;
	margin-top:5px;
}

div.newsletter input {
	background:transparent none repeat scroll 0 0;
	border:medium none !important;
	float:left;
	height:28px;
	margin:0;
	padding:4px 0 0 4px;
	width:140px;
}

input.sub-button {
	float:left;
	height:29px !important;
	margin-left:15px !important;
	/*margin-top:-5px !important;*/
	width:55px !important;
}
	
div.credits{
	border-top:1px solid #8cdad0; padding-top:15px;
	background:url(../images/backgrounds/bg-sublogo.png) right top no-repeat;
	background-position: 98% 15px;
	font-size:70%;
	}
	
div.credits ul{
	margin:0;
	padding:0;
	list-style-type:none;
	
	}
	
div.credits li{
	display:inline;
	padding-right:15px;
	}
	
div.credits a{
	color:#d8f8f4;
	}
	
div.credits p{
	color:#75d1c5;
	line-height:1.2em;
	}

/*Success and errors*/

div.success,
div.infoMessage,
div.error,
div.warning{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:1em 1em 1em 5em;
	background-position:15px 15px;
	margin-bottom:2em;
	}

div.infoMessage{
	background:#dcf3b7 url(../images/ui/bg-success.png) top left no-repeat;
	border:2px solid #aad26a;
	}

div.success{
	background:#dcf3b7 url(../images/ui/bg-success.png) top left no-repeat;
	border:2px solid #aad26a;
	}
	
div.error{
	background:#ffbec3 url(../images/ui/bg-error.png) top left no-repeat;
	border:2px solid #c02130;
	}
	
div.warning{
	background:#ffedcf url(../images/ui/bg-warning.png) top left no-repeat;
	border:2px solid #917a4e;
	}
	
h2.green{
	margin-bottom:0.6em;
	color:#599a2a;
	}
	
	p.green{
	margin-bottom:0.3em;
	color:#599a2a;
	}
	
h2.red{
	margin-bottom:0.6em;
	color:#bc2020;
	}
	
h2.neutral{
	margin-bottom:0.6em;
	color:#4a4432;
	}
	

.success p{margin:0;color:#6aa53e;}
.error p{margin:0;color:#990000;}
.warning p{margin:0;color:#6a5e3d;}

.success li,
.error li,
.warning li{
	font-size:80%;
	}


/* Additional Static Styles /*
/*==12 Side Bar==*/

div.side{
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	padding-top:10px;
	}
	
div.side p{
	font-size:70%;
	color:#748788;
	margin:0 0 10px 0;
	}
	
div.sideask{
	border:1px solid #d3d3d3;
	background:#ebebeb;
	padding:25px 0 25px 40px;
	margin-bottom:20px;
	}
	
div.sidedoctor{
	border:1px solid #d3d3d3;
	background:#ebebeb;
	padding:15px;
	}
	
.sidedoctor h3{
	color:#192221;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	font-weight:bold;
	margin-bottom:0;
}

.sidedoctor p{
	color:#4D6461;
	font-size:75%;
	margin:10px 0 10px 0;
	}
	
	
/*==12 2010 Additional==*/

div.doctorslist{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:transparent;
	padding:10px;
	margin:10px 0 10px 0;
	}
	
.altdoctor{
	background:#f3f2ed !important;
	}
	
.doctorslist img{
	float:left;
	background:#fff;
	padding:5px;
	border:1px solid #b5b5b5;
	margin-right:20px;
	}
	

div.tour{
	padding:10px 10px 30px 10px;
	background:url(/images/backgrounds/bg-divider.gif) bottom no-repeat;
	margin-bottom:20px;
	}
	
div.tour p{
	font-size:100% !important;
	line-height:1.6em;
	color:#737677;
	}
	
.tour img{
	background:#fff;
	padding:5px;
	border:1px solid #b5b5b5;
	margin-right:20px;
	}
	
/*how it works*/	
div.tour li
{
	color:#737677;
	font-size:1em;
	margin:4px 0 0 10px;
	}
/* second Opinion page */

ul.opinion, ul.opinion li li{
	font-size:1em;
	}
	
ul.opinion li{
	color:#71674D;
	/*line-height:30px;*/
	padding:10px 0 0 0 ;
	margin:2px 0 0 10px;
	}
	
.opinion li ol li{
	/*padding:0 !important;*/
	/*color:#71674D;*/
	}
	
	
img.alignright{
	float:right;
	}
	
	
/*March 2010*/

ul.sidenav{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
.sidenav li{
	line-height:30px;
	border-top:1px solid #ccc;
	font-size:90%;
	cursor: pointer;
	}
	
.sidenav li a{
	display:block;
	color:#848c8c;
	}
	
.sidenav li a:hover{
	background:#c2f0ed;
	}
	
.sidenav li a.selected
{
	background: #c2f0ed;
}
.sidenav ul
{
	list-style-type: none;
}
	
	
ul.mostrecent{
	margin:10px;
	list-style-type:none;
	}
	
.mostrecent td{
	border-bottom:1px dotted #ccc;
	font-size:90%;
	padding:0 0 5px 0;
	}
	
.mostrecent td span{
	font-size:70%;
	display:block;
	color:#666666;
	height:20px;
	}
	
.questionbox{
	width:190px;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	border:1px solid #ccc;
	height:100px;
	padding:7px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	}
	
.questionbox h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	}
	
.questionbox p a{
	font-size:11px;
	color:#a0a7a7;
	}
	
div.smallquestion{
	background: url(../images/backgrounds/bg-smallquestion2.png) no-repeat;
	padding:40px 10px 10px 10px;
	width:360px;
	height:238px;
	margin:20px 0 20px 0;
	}
	
	
.side-question-title{
	background:#fff;
	padding:4px;
	border:none;
	color:#333333;
	font-size:80%;
	width:330px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.side-question-full{
	background:#fff;
	padding:4px;
	border:none;
	color:#333333;
	font-size:80%;
	width:330px;
	height:80px;
	overflow:auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	}

	

.side-send-question{
	margin:3px 0 0 0;
	}
	
	h1.question{
		font-family:Arial, Helvetica, sans-serif;
		font-size:28px;
		margin-bottom:20px;
		font-weight:bold;
		}


.crums
{
	margin: 0px;
	padding: 0px;
	clear: both;
	list-style-type: none;
}

.crums li{
	line-height:30px;
	font-size:90%;
	cursor: pointer;
	float: left;
	padding: 5px;
	}
	
.crums li a{
	display:block;
	color:#848c8c;
	}

/*dr fox*/

div.fox ul{
	width:180px;
	height:140px;
	float:left;
	margin:0;
	padding-right:10px;
	padding-left:10px;
	border-right:1px solid #ccc;
	margin-bottom: 15px;
	}
	
.foxsmall{
	height:120px !important;
	}
	

.foxmed{	
	height:115px !important;
	}
	
div.fox li{
	list-style-type:none;
	padding:0 !important;
	margin:0 !important;
	line-height:1.4em;
	font-size:14px;
	}
	
div.fox li h3{
	font-size:16px;
	}
	
div.fox ul.foxend{
	border-right:none;
	padding-right:0;
	}

/*==8==Modal Box*/

.modal {
	display:none;
	z-index:10000;
	background-color:#fff;
	width:800px;	
	min-height:200px;
	border:4px solid #1a8692;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	text-align:left;
	padding:20px;
}

.modal .close {
	background-image:url(/images/generic/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.required{
	color:#e92611;
	font-size:110%;
	}


/* some styling for triggers */


.triggers img {
	cursor:pointer;
}



/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:150px;
}

.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}

#RadioList label
{
	display: inline;
}

.homecms
{
	padding: 5px;
	margin-bottom: 15px;
}

.homecms p
{
	color: #4C4637 !important; 
}


p.MoreInfo
{
	display: none
}

#tooltip
{
	position: absolute;
	font-size: 12px;
	background-color: #fff;
	width: 450px;
	text-align: left;
	color: #000;
	padding: 15px;
	border: 1px solid #ccc;
}

.FreeGuideRegister
{
	border: solid 1px #71674d;
	padding: 15px;
	text-align: left;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}

.chkAgree input
{
	float: left;
}

.chkAgree label
{
	float: left;
}
