﻿/**********************************************************************************************

	Title: Stockton TPP

	Author: Guerilla
	
	Author url: http://www.guerilla.co.uk

	Date: 2010 
	
	Version: 1.0

***********************************************************************************************
==============================================================================================*/

/* Global Reset ------------------------------------------------------------------------------*/

* {
margin: 			0;
padding: 			0;
border: 			0;
outline: 			0;
font-weight: 		inherit;
font-style: 		inherit;
font-size: 			100%;
font-family: 		inherit;
vertical-align: 	baseline;
}
body {
line-height: 		1;
min-width:			1000px;
font: 				normal 15px/18px Arial, Helvetica, sans-serif;
letter-spacing:		0;
color:				#fff;
background:			#363435;
}
:focus {
outline: 			0;
}
ol, ul {
list-style: 		none;
}
table {
border-collapse: 	separate;
border-spacing: 	0;
}
caption, th, td {
text-align: 		left;
font-weight: 		normal;
}
blockquote:before, blockquote:after {
content: 			"";
}
blockquote{
padding:			20px;
font:				italic 16px/18px Georgia, "Times New Roman", Times, serif;
margin:				10px 0;
}
p{
padding:			6px 0;
text-align:			left;
}
hr {
display: 			none;
}
em{
font-style:			italic;	
}
b, strong{
font-weight:		bold;
}
a, a:visited{
text-decoration:	none;
color:				#f26222;
}
a:hover{		
border:				none;
text-decoration:	none;
color:				#fdb517;	
}
.no-border{
border:				none !important;
}
.no-back{
background:			none !important;
}
.no-margin{
margin:				0 !important;
}
.clear { 
clear:				both;
}
.clear:after {
content: 			".";
display: 			block;
height: 			0;
clear: 				both;
visibility: 		hidden;
}
.clear {
display: 			inline-block;
}

/* Headers -------------------------------------------------------------------------------------*/

h1{
position:			absolute;
top:				38px;
left:				0;
z-index:			999;
}
h2,h3,h4,h5,h6{
font-family:		Arial, Helvetica, sans-serif;
font-weight:		normal;
letter-spacing:		-1px;
}
h2{
font-size:			32px;
line-height:		39px;
}
h3{
font-size:			22px;
line-height:		39px;
}
h4{
font-size:			20px;
line-height:		24px;
}
h5{
font-size:			22px;
line-height:		24px;
}
#main h6 {
color:              #fdb517;
font-size:          22px;
line-height:        24px;
font-weight:        bold;
}

#main .fast-fact h6 {
font-size:          28px;
line-height:        32px;
}
#main .fast-fact h6 strong {
color:              #FFF;
display:            block;
}
/* Global Structure ----------------------------------------------------------------------------*/

#wrapper,#header-wrap,#content-wrap,#footer-wrap{
width:				100%;
height:				auto;
}
#header,#header-home,#content,#footer{
margin:				0 auto;
display:			block;
width:				990px;
position:			relative;
}
.left{
float:				left;
margin:				0 20px 0 0;
}
.right{
float:				right;
margin:				0 0 0 20px;
}
.center {
text-align:			center;
}

/* Images --------------------------------------------------------------------------------------*/

.alignleft{
float:				left;
margin:				5px 15px 5px 0;
}
.alignright{
float:				right;
margin:				5px 0 5px 15px;
}
.aligncenter{
float:				none;
text-align:			center;
}

/* Lists ---------------------------------------------------------------------------------------*/

ul.form-wrap{
display:			block;
padding:			20px 0;
}
ul.form-wrap li{
display:			block;
height:				50px;
clear:				both;
width:				400px;
margin:				0 auto;
}

/* Forms ---------------------------------------------------------------------------------------*/

.submit-wrap span {
float:				left;
width:				140px;
text-align:			right;
}
.submit-wrap span strong{
color:              #fdb517;	
}
.submit-wrap{
display:			block;
width:				400px;
margin:				0 auto;
}
form.jqtransformdone label{
margin-top:			12px;
margin-right: 		8px;
width:				140px;
float:				left;
text-align:			right;
font-weight:		bold;
}
form.jqtransformdone label strong{
color:              #fdb517;	
}
form.jqtransformdone div.rowElem{
clear:				both;
padding:			4px 0;
}

/* === Buttons === */
.advice-button {
margin: 			0;
padding: 			0;
border: 			none;
cursor: 			pointer;
overflow: 			hidden;
background: 		url('../../images/BTN-submit.gif') no-repeat center bottom;
width:				130px;
height:				42px;
display: 			block;
line-height:		42px;
font-size:			21px;
font-weight:		bold;
text-align:			center;
letter-spacing:		-1px;
padding:			0;
float: right;
color:              #000!important;
}
.advice-button:hover {
background: url('../../images/BTN-submit.gif') no-repeat center top;
}
button.jqTransformButton {
margin: 			0;
padding: 			0;
border: 			none;
background-color: 	transparent;
cursor: 			pointer;
overflow: 			hidden;
background: 		url('../../images/BTN-submit.gif') no-repeat center bottom;
width:				130px;
height:				42px;
}
button.jqTransformButton span {
display: 			block;
}
button.jqTransformButton span span {
display: 			block;
height:				42px;
line-height:		23px;
font-size:			21px;
font-weight:		bold;
text-align:			center;
letter-spacing:		-1px;
padding:			0;
}
.submit-wrap button.jqTransformButton{
float:				right;
text-align:			center;
}
/*hover*/
button.jqTransformButton_hover { background: url('../../images/BTN-submit.gif') no-repeat center top; }
/* IE 6 */
* html button.jqTransformButton { height:42px; }
* button.jqTransformButton span span { height: 25px; }
/* IE 7 */
*+ html button.jqTransformButton { height:42px; }
*+ button.jqTransformButton span span { height: 25px; }

/* === Inputs === */

.jqTransformInputWrapper {
background: 		transparent url('../../images/pretty-form/input/input_text_left.gif') no-repeat left top;
height: 			42px;
padding: 			0;
float:				left;
}
.jqTransformInputInner {
background: 		transparent url('../../images/pretty-form/input/input_text_right.gif') no-repeat top right;
padding: 			0;
margin: 			0 -10px 0 0;
}
.jqTransformInputInner div {
height: 			42px;
margin:				0 0 0 8px;
}
.jqTransformInputInner div input {
font-family:		Arial, Helvetica, sans-serif;
font-size:			16px;
font-weight:		bold;
line-height: 		42px;
vertical-align: 	middle;
height: 			42px;
color:				#000;	
border: 			none;
padding: 			0;
margin: 			0;
background:			transparent;
width: 230px;
}

/* === IE6 === */

* html .jqTransformInputInner div input {
padding: 			6px 0 0 0;
margin: 			0 0 0 -8px;
height:				24px;
}

/* === IE7 === */

*+ html .jqTransformInputInner div input {
padding: 			6px 0 0 0;
margin-left:		-10px;
height:				24px;
}
/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -42px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -42px ;}
/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -84px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -84px ;}
.jqTransformSafari .jqTransformInputInner div {
position: 			relative;
overflow: 			hidden;
margin:				0 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
background-color: 	transparent;
position: 			absolute;
top: 				-10px;
left: 				-2px;
height: 			42px; 
padding-left: 		4px;
}

/* === Textarea === */

table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
font-size: 			12px;
line-height: 		16px;
}
table.jqTransformTextarea td{
font-size: 			1px;
line-height: 		1px;
width: 				5px;
height: 			5px;
margin: 			0;
padding: 			0;
}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{
}
table.jqTransformTextarea textarea{
margin: 			0;
padding: 			0;
border: 			0;
background: 		none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(../../images/pretty-form/textarea/textarea_tl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(../../images/pretty-form/textarea/textarea_tm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(../../images/pretty-form/textarea/textarea_tr.gif) no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(../../images/pretty-form/textarea/textarea_ml.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(../../images/pretty-form/textarea/textarea-mm.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(../../images/pretty-form/textarea/textarea_mr.gif) repeat-y top left;}

table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(../../images/pretty-form/textarea/textarea_bl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(../../images/pretty-form/textarea/textarea_bm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(../../images/pretty-form/textarea/textarea_br.gif) no-repeat top left;}
/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0 -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0 -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0 -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(../../images/pretty-form/textarea/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0 -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0 -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0 -5px;}
/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0 -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0 -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0 -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(../../images/pretty-form/textarea/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0 -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0 -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0 -10px;}
table.jqTransformTextarea .jqTransformSafariTextarea div {
position: 			relative;
overflow: 			hidden;
border: 			0 solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
background: 		none;
position: 			absolute;
top:				-10px;
left:				-10px;
padding: 			10px;
}

/* === Radios === */

.jqTransformRadioWrapper {
float: 				left;
display:			block;
margin:				0 4px;	
margin-top:			5px;
}
.jqTransformRadio {
background: 		transparent url('../../images/pretty-form/radio.gif') no-repeat center top;
vertical-align:		middle;
height: 			19px;
width: 				18px;
display:			block;/*display: -moz-inline-block;*/
}

/* === Checkboxes === */

span.jqTransformCheckboxWrapper{
display:			block;
float:				left;
margin-top:			5px;
}
a.jqTransformCheckbox {
background: 		transparent url('../../images/pretty-form/checkbox.gif') no-repeat center top;
vertical-align: 	middle;
height: 			19px;
width: 				18px;
display:			block;/*display: -moz-inline-block;*/
}

/* === Checked - Used for both Radio and Checkbox === */

a.jqTransformChecked { 
background-position: center bottom;
}

/* === Selects === */

.jqTransformSelectWrapper {
width: 				45px;
position:			relative;
margin-right:		10px;
height: 			42px;
background: 		url('../../images/pretty-form/select_left.gif') no-repeat top left;
float:				left;
}
.jqTransformSelectWrapper div span {
display:			block;
font-size: 			14px;
font-weight:		bold;
color:				#000;
float: 				none;
position: 			absolute;
white-space: 		nowrap;
height: 			42px;
line-height: 		45px;
padding: 			0 0 0 12px;
overflow: 			hidden;
cursor:				pointer;
}
.jqTransformSelectWrapper  a.jqTransformSelectOpen {
display: 			block;
position: 			absolute;
right: 				0;
width: 				42px;
height: 			42px;
background: 		url('../../images/pretty-form/select_right.gif') no-repeat center center;
}
.jqTransformSelectWrapper ul {
position: 			absolute;
width: 				43px;
top: 				32px;
left: 				0;
list-style: 		none;
background-color: 	#dfdfdf;
border: 			solid 1px #fff;
border-top:			none;
display: 			none;
margin: 			0;
padding: 			6px 0 0 0;
height: 			170px;
overflow: 			auto;
z-index:			10;
}
.jqTransformSelectWrapper ul a {
display: 			block;
padding: 			7px 5px 7px 10px;
text-decoration: 	none;
color:				#000;
background-color: 	#dfdfdf;
font-size: 			14px;
font-weight:		bold;
}
.jqTransformSelectWrapper ul a.selected {
background: 		#dedede;
color: 				#f26f1f;
}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
background:			#f26f1f url('../../images/BG-orange-fade.jpg') repeat-x top left;
color: 				#fff;
}
/* === Hidden - used to hide the original form elements === */
.jqTransformHidden {
display: 			none;
}

/* Navigation ----------------------------------------------------------------------------------*/


#nav{
position:			absolute;
right:				0;
top:				30px;
z-index:			1000;
}
#nav li{
float:				left;
height:				98px;
}
#nav li a, #nav li a:visited{
display:			block;
float:              left;
color:				#fff;
font-weight:		bold;
font-size:			16px;
padding:			0 10px;
height:				98px;
line-height:		98px;
}
#nav li a:hover{
color:				#f05d21;	
}
#nav li.active a, #nav li.active a:visited{
background-image:	url('../../images/BG-nav-sprite.png');
background-repeat:	no-repeat;
}
#nav li.active a:hover{
color:				#fff;
}
* html #nav li.active a, * html li.active a:visited{
background-image:	url('../../images/BG-nav-sprite.gif')!important;
}

#nav li.active a#gn-home{
background-position:-22px -20px;
}
#nav li.active #gn-sexual{
background-position:-91px -14px;
}
#nav li.active #gn-relation{
background-position:-210px -20px;
}
#nav li.active #gn-pregnant{
background-position:-315px -20px;	
}
#nav li.active #gn-drugs{
background-position:-445px -20px;	
}
#nav li.active #gn-alcohol{
background-position:-520px -20px;
}
#nav li.active #gn-smoking{
background-position:-600px -20px;	
}

/* Header --------------------------------------------------------------------------------------*/

#header-wrap{
background:			url('../../images/BG-header.png') repeat-x center top;
}
#header-home{
height:				574px;	
}
#header{
height:				185px;	
}

/* Content -------------------------------------------------------------------------------------*/

#wrapper{
background:			url('../../images/BG-body.jpg') repeat-x center top;
background-attachment:fixed;	
}
#main{
float:				left;
width:				600px;
margin:				50px 0 0 0;
padding:			10px 35px 0 30px;
background:			url('../../images/BG-sep.png') repeat-y top right;
}
#main h3, #main h4{
font-weight:		bold;	
}
#main h4 a,#main h4{
font-size:			34px;
line-height:		32px;
color:				#f26222;
}
#main p.date{
font-weight:		bold;
color:				#ccc;
display:			block;
padding:			18px 0 6px 0;
}
#search-wrap{
display:			block;
width:				953px;
height:				54px;
background:			url('../../images/BG-search-wrap.png') no-repeat center;
padding:			12px 12px 0 25px;
}

#search-wrap h2{
font:				normal normal 23px/21px Arial, Helvetica, sans-serif;	
letter-spacing:		-1px;
float:				left;
}
#search-wrap h2 strong{
font-weight:		normal;
color:				#f05d21;
display:			block;
}
#search-wrap ul{
float:				right;	
}

a.readmore,a.readmore:visited{
float:				right;
width:				98px;
height:				36px;
background:			url('../../images/BG-read-more.png') no-repeat center;
font-size:			13px;
line-height:		36px;
text-align:			center;
font-weight:		bold;
color:				#fdb517;
}
a.readmore:hover{
color:				#fff;	
}
#main a.body-link, #main a.body-link:visited{
float:              left;
margin:             10px 10px 0 0;
width:				212px;
height:				54px;
text-align:			center;
font-weight:		bold;
font-size:			20px;
line-height:		54px;
background:			transparent url('../../images/BTN-hero-more.png') no-repeat top center;	
}
#main a.body-link:hover{
background:			transparent url('../../images/BTN-hero-more.png') no-repeat bottom center;
color:				#000;
}
* html #main a.body-link, #main a.body-link:visited {
background:			transparent url('../../images/BTN-hero-more.gif') no-repeat top center!important;	
}
* html #main a.body-link:hover
{
background:			transparent url('../../images/BTN-hero-more.gif') no-repeat bottom center!important;
}

.campaign{
margin: 			0 0 40px 0;
}
ul.list {
padding:            10px 0;
}
ul.list li{
list-style: 		disc;
padding: 			5px 10px;
font-weight: 		bold;
margin-left: 		18px;
}
.fast-fact{
float:  			right;
width: 				270px;
margin: 			30px;
display:			 block;
}
.fast-fact h4{
text-align: 		center;
}
.latest-campaign h4{
padding-right: 		90px!important;
}

/* Sidebar -------------------------------------------------------------------------------------*/

#sidebar{
float:				right;	
width:				282px;
padding:			50px 0 0 0;
}
#text-in{
display:			block;
width:				232px;
height:				172px;
background:			url('../../images/BG-text-in.png') no-repeat center;
margin-bottom:		15px;
padding:			25px;
}
#text-in h6{
font-size:			24px;
font-weight:		bold;
padding-bottom:		10px;
}
#text-in p{
text-align:			center;	
color:				#000;
}
#text-in p span{
display:			block;
font-size:			24px;
font-weight:		bold;
}
#text-in p strong{
font-size:			34px;
line-height:		38px;
color:				#fff;
letter-spacing:		-1px;
}
#text-in p em{
font-style:			normal;
font-weight:		bold;
font-size:			16px;
}
#text-in p small{
display:			block;
padding:			8px 0 0 0;
font-size:			11px;
line-height:		12px;
}
.side-block{
display:			block;
background:			url('../../images/BG-side-block.png') no-repeat center top;
padding:			25px 25px 10px 25px;
width:				232px;
}
.side-block-ft{
display:			block;
background:			url('../../images/BG-side-block-ft.png') no-repeat center top;
height:				15px;
width:				282px;
}

.side-block h6{
font-size:			24px;
font-weight:		bold;
}
.side-block ul{
display:			block;
padding:			15px 0 0 0;	
}
.side-block ul li{
padding:			4px 0;
font-size:			14px;
}
.side-block ul a{
font-weight:		bold;
display:			block;
}

/* Homepage ------------------------------------------------------------------------------------*/

#hero-wrap{
position:           relative;
width: 				990px;
height:				574px;
padding:			0;
margin: 			0 auto;
overflow:           hidden!important;
}
#hero ul{
padding: 			0;
margin: 			0;
list-style:		 	none;
}
/** hero content **/

#hero .fader-content{
height: 			574px;
overflow: 			hidden!important;
color:				#fff;
}
#hero .fader-content li{
width: 				990px;
height: 			574px;
display: 			block;
float: 				left;
}
.fader-content div{
display:			block;
overflow:			hidden!important;
position:			relative;
width:				990px;
height:				574px;
}

/* hero nav */

#hero #prev, #hero #next{
position:			absolute;
display: 			block;
width: 				53px;
height: 			189px;
border:				none;
text-indent:		-999em;
overflow:			hidden;
top:				230px;
}
#hero #prev{
left:				0;
}
#hero #next{
right:				0;
}
#hero #prev, #hero #prev:visited{
background:			url('../../images/BTN-prev.gif') no-repeat bottom center;	
}
#hero #prev:hover{
background:			url('../../images/BTN-prev.gif') no-repeat top center;	
}
#hero #next, #hero #next:visited{
background:			url('../../images/BTN-next.gif') no-repeat bottom center;	
}
#hero #next:hover{
background:			url('../../images/BTN-next.gif') no-repeat top center;	
}

/* Style Individual Faders */

#hero #fader-hero-one{
background:			transparent url('../../images/fader/test1.png') no-repeat bottom center;
}
#hero #fader-hero-two{
background:			transparent url('../../images/fader/test2.png') no-repeat bottom center;	
}
#hero #fader-hero-three{
background:			transparent url('../../images/fader/test3.png') no-repeat bottom center;	
}
#hero #fader-hero-four{
background:			transparent url('../../images/fader/test4.png') no-repeat bottom center;	
}
#hero #fader-hero-five{
background:			transparent url('../../images/fader/test5.png') no-repeat bottom center;	
}
* html #hero #fader-hero-one {
background:         transparent url('../../images/fader/test1.gif') no-repeat bottom center!important;
}
* html #hero #fader-hero-two {
background:         transparent url('../../images/fader/test2.gif') no-repeat bottom center!important;
}
* html #hero #fader-hero-three {
background:         transparent url('../../images/fader/test3.gif') no-repeat bottom center!important;
}
* html #hero #fader-hero-four {
background:         transparent url('../../images/fader/test4.gif') no-repeat bottom center!important;
}
* html #hero #fader-hero-five {
background:         transparent url('../../images/fader/test5.gif') no-repeat bottom center!important;
}
#hero .fader-content a, #hero .fader-content a:visited{
position:			absolute;
display:			block;
width:				212px;
height:				54px;
text-align:			center;
font-weight:		bold;
font-size:			20px;
line-height:		54px;
background:			transparent url('../../images/BTN-hero-more.png') no-repeat top center;	
}
#hero .fader-content a:hover{
background:			transparent url('../../images/BTN-hero-more.png') no-repeat bottom center;
color:				#000;
}
#hero #fader-hero-one a{
top:				430px;
left:				80px;
}
#hero #fader-hero-two a{
top:				280px;
left:				688px;
}
#hero #fader-hero-three a{
top:				250px;
left:				675px;
}
#hero #fader-hero-four a{
top:				315px;
left:				290px;
}
#hero #fader-hero-five a{
top:				395px;
left:				260px;
}

/* Pregnant ------------------------------------------------------------------------------------*/

#pregnant{
display:			block;
position:			relative;
height:				574px;
width:				990px;
background:			transparent url('../../images/BG-pregnant.png') no-repeat bottom center;	
}
* html #pregnant {
background:         transparent url('../../images/BG-pregnant.gif') no-repeat bottom center!important;
}
#pregnant p{
position:			absolute;
top:				364px;
left:				378px;
display:			block;
width:				245px;
font-size:			18px;
color:				#fff;
text-align:			center;
font-weight:		bold;
}
#pregnant a, #pregnant a:visited{
position:			absolute;
top:				380px;
display:			block;
height:				76px;
width:				280px;
background:			transparent url('../../images/BTN-big.png') no-repeat bottom center;
text-align:			center;
font-size:			30px;
font-weight:		bold;
line-height:		76px;
letter-spacing:		-1px;
}
#pregnant a:hover{
background:			transparent url('../../images/BTN-big.png') no-repeat top center;
color:				#000;
}
#pregnant a#pregnant-sure{
left:				35px;
}
#pregnant a#pregnant-support{
right:				26px;
}

/* Clinics ------------------------------------------------------------------------------------*/

#tabs{
margin:				15px 0 0 0;	
position:           relative;
padding-top:        60px;
}
#tabs #tabs-nav{
margin:				0 0 -1px 0;
position:           absolute; 
z-index:            10;
top:                1px;
}
#tabs #tabs-nav li{
float:				left;
}
#tabs #tabs-nav a{
display:			block;
width:				84px;
height:				60px;
font-size:			24px;
font-weight:		normal;
color:				#ccc;
text-align:			center;
line-height:		60px;
}
#tabs #tabs-nav a.selected{
color:				#feb716;	
background:			url('../../images/BG-tab-active.png') no-repeat center bottom;
width:				95px;
}
#tabs #tabs-wrap{
display:			block;
padding:			30px;
width:				537px;
min-height:			200px;
border:				#161616 1px solid;
background:			#1f1f1f url('../../images/BG-tabs-wrap.png') repeat-x center top;
}
.clinics{
display:			block;
padding:			16px;
border-bottom:		#5d5959 1px solid;
}
.clinics h5{
font-size:			20px;
font-weight:		bold;
color:				#f26222;
float:				left;
padding:			0 0 6px 0;
}
.clinics a.view-map{
float:				right;	
}
.clinics p{
float:				right;
clear:				right;
padding-top:		8px;
text-align:			center;
color:				#c6c1c1;
}
.clinics address, p.address {
float:				left;
clear:				left;
text-align:         left;
}
.clinics p strong{
display:			block;
}

/* Footer --------------------------------------------------------------------------------------*/

#footer-wrap{
margin:				50px 0 0 0;
}
#footer{
background:			url('../../images/BG-footer-sep.png') repeat-x top left;	
height:				85px;
padding:			30px;
width:				930px;
}

#logo-footer{
float:				right;
}
#footer a, #footer a:visited{
font-weight:		bold;
color:				#ccc;
}
#footer a:hover{
color:				#fff;	
}
#footer ul{
float:				left;	
}
#footer ul li{
float:				left;	
}
#footer ul li a{
font-size:			11px;
margin-right:		10px;
}
#footer p{
clear:              left;
float:				left;
font-size:			11px;
padding:			15px 0 0 0;
width:              600px;
}
#footer p a{
margin-right:		10px;	
}

/** Quiz **/
.quiz-question
{
    clear: both;
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #666;
}
.quiz-question h4
{
    color: #fcab18!important;
    font-size: 20px!important;
    line-height: 20px!important;
}
.quiz-question h4 span
{
    font-size: 28px!important;
    color: #a8a8a8;
    font-weight: bold;
    font-style: italic;
}

.quiz-question .quiz-buttons
{
    float: right;
}
.quiz-buttons button
{
    float: left;
    margin: 10px 0 0 15px;
    width: 98px;
    height: 36px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 36px;
    background: transparent url('../../images/BTN-quiz-answer.png') no-repeat top center;
    color: #FFF;
}
.quiz-buttons button:hover
{
    background: transparent url('../../images/BTN-quiz-answerhover.png') no-repeat bottom center;
    color: #000;
}
* html .quiz-buttons button:hover
{
    background: transparent url('../../images/BTN-quiz-answerhover.gif') no-repeat bottom center!important;
}
.quiz-buttons button.correct
{
    background: transparent url('../../images/BTN-quiz-answer-correct.png') no-repeat top center;
    color: #586300;
}
.quiz-buttons button.incorrect
{
    background: transparent url('../../images/BTN-quiz-answer-incorrect.png') no-repeat top center;
    color: #740300;
}

.quiz-answer
{
    margin: 40px 0 0 0;
    clear: both;
    padding: 20px;
    font-style: italic;
}
.quiz-answer.correct
{
    border: 4px solid #d1ed7d;
    background: #c2db85;
    color: #586300;
}
.quiz-answer.incorrect
{
    border: 4px solid #ed8c7d;
    background: #d36f6d;
    color: #740300;
}


ul.form-wrap{
display:			block;
padding:			20px 0;
}
ul.form-wrap li{
display:			block;
height:				50px;
clear:				both;
width:				400px;
margin:				0 auto;
}

/** PNG FIX **/
#sidebar a img, #header-home h1 a img, #header-wrap, #header h1 a img, .jqTransformSelectWrapper a.jqTransformSelectOpen, .jqTransformSelectWrapper ul a, #search-wrap, a.readmore, #text-in, .side-block-ft, .side-block, #main, .quiz-buttons button, #logo-footer img, #pregnant, #pregnant a, #hero .fader-content a {
    behavior: url(iepngfix.htc)
}