@charset "UTF-8";
/* CSS Document */

/**The iepngfix.htc method will only work as long as the container with the 
background image is NOT position:relative or position:absolute!! You are free to 
apply an absolute position to the links within the container though unlike the usual 
problem you have with links on top of a png background (where the links only work 
if you apply a position:relative and not absolute, you can alternatively 
float:them). NB. iepngfix.htc requires the 'blank.gif' image (need to specify dir)
**/

/**********/
/**Layout**/
/**********/
*{
padding: 0; 
margin: 0;
font-weight:normal;
border:none;
text-decoration:none;

}

img, div{ 
behavior: url(http://www.hypnotherapybristolpractice.co.uk/includes/iepngfix.htc);
}

html{
height:100%;
}

body{
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
color:#2b2b2b;
height:100%;
}

body#home{
background:url(../images/home_bg.jpg) top center no-repeat;
}

body#home_alt{
background:url(../images/home_alt_bg.jpg) top center no-repeat;
}

body#lblue{
background:url(../images/light_blue_bg.jpg) top center no-repeat;
}

body#dblue{
background:url(../images/purple_bg.jpg) top center no-repeat;
}

body#red{
background:url(../images/red_bg.jpg) top center no-repeat;
}

body#online{
background:url(../images/hypnotherapy_online_bg.jpg) top center no-repeat;
}

#wrapper{}

#mast_head{
height:32px;
}

#header{
height:217px;
}

#header2{
height:153px;
}

#main_menu{
height:41px;
}

#advert_bar{
height:108px;
}

#main_content{
background:url(../images/main_content_bg.jpg) top center no-repeat;
margin-top:15px;
}

#left_col{
}

#right_col{
background: url(../images/right_col_bg.jpg) center repeat-y;
}

.right_col_inner{
width:250px;
margin:0px 25px 0px 25px;
float:left;
}

#footer{
background:#1c1f26 url(../images/footer_top.jpg) top repeat-x;
position:relative;
}

#footer_container{
height:200px;
padding-top:40px;
}

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

p{
font-size: 1.4em; /* 14px */ 
line-height: 1.2857em; /* 18px */ 
margin-top: 1.2857em; 
margin-bottom: 0em;
font-style:normal;
letter-spacing:normal;
font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#left_col p{
margin-left: 10px;
margin-right: 10px;
}

#right_col p, #home_alt_right_col p{
margin-left: 25px;
margin-right: 25px; 
}

#footer p{
color:#ececec;
}

h1{
font-size: 3.6em; /* 36px */ 
line-height: 1.2em; 
margin-top: 0.5em; 
margin-bottom: 0em;
margin-left:10px;
margin-right:0px; 
color:#000;  
letter-spacing:-2px;
font-weight:normal;
}

h2{
font-size: 2.4em; /* 24px */ 
line-height: 1.5em; /* 36px */ 
margin-top: 0.75em; 
margin-bottom: 0em;
margin-left:10px;
margin-right:10px;  
font-weight:normal;
color:#25345f;
}

h3{
font-size: 1.8em; /* 18px */ 
line-height: 1em; /* 18px */ 
margin-top: 1em; 
margin-bottom: 0em; 
margin-left:10px;
margin-right:10px; 
font-weight:normal;
color:#25345f;
}

ul.normal, ol.order_normal{
margin:20px 50px;
font-size: 1.4em; /* 14px */ 
font-style:normal;
letter-spacing:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul.normal{
list-style: disc;
}

.normal li, .order_normal li{
margin:0px 0px 20px 0px;
}

ul.tick_list{
list-style-type:none;
padding-left:0px;
margin:20px 25px;
font-size: 1.4em; /* 14px */ 
font-style:normal;
letter-spacing:normal;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

li.tick{
margin:0px 0px 20px 0px;
background: url(../images/tick.png) left center no-repeat;
padding-left:50px;
}

li.step{
margin:0px 0px 20px 0px;
padding-left:115px;
}

.step.one{
background: url(../images/step1.png) left center no-repeat;
}
.step.two{
background: url(../images/step2.png) left center no-repeat;
}
.step.three{
background: url(../images/step3.png) left center no-repeat;
}
.step.four{
background: url(../images/step4.png) left center no-repeat;
}


span.impact_header{
display:block;
font-family: impact, "Trebuchet-MS";
font-weight:normal;
color:#535b70;
letter-spacing:normal;
text-transform:uppercase;
font-size:20px;
margin-bottom:10px;
}

span.listhead{
text-transform:uppercase;
font-size:16px;
margin-left:10px;
background-color:#CCCCCC;
}

/***********/
/**Menus****/
/***********/
ul.side_menu{
list-style-type:none;
padding-left:0px;
margin:0px 25px 20px 25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
clear:left;
width:250px;
}

li.menu_item{
display:inline;
/*background: url(../images/side_menu_divider.gif) center no-repeat;*/
padding-left:250px;
width:100%;
}

body#home_alt li.menu_item{
display:inline;
background:none;
padding-left:250px;
width:100%;
}


li.menu_item a{
display:block;
font-size:1.1em;
padding:5px 5px 5px 38px;
color:#7b7b7b;
text-decoration:none;
background: url(../images/list_icon.png) left center no-repeat;
}


li.menu_item a:hover{
color:#282828;
padding-left:40px;
text-decoration:none;
}
.menu_item span{
display:block;
font-size:14px;
text-transform:uppercase;
color:#4f4f4f;
}

*html ul.side_menu a{
height:1px;
}


ul#main_menu {
font-family:verdana, arial;
list-style-type:none;
padding:3px 0px 0px 2px;
margin-top:5px;
}


ul#main_menu li {
display: inline;
position: relative;
}

ul#main_menu li a {
font-family:verdana, arial;
font-size:1.6em;
padding: 2px 10px 2px 10px;
margin:0;
text-decoration:none;
color:#bfb5fd;
}

ul#main_menu li a:hover {
text-decoration: none;
color:#fff;
}

ul#main_menu li.mega a:hover {
text-decoration: none;
color:#fff;
}

ul#main_menu div {
display: none;
}

ul#main_menu li.mega div {
width: 330px;
position: absolute;
top: 1.6em;
left: 1em;
padding: 1.3em;
background-color: #11171f;
border-top:5px solid #1b2532; 
border-bottom:5px solid #1b2532; 
color: #858585;
}

ul#main_menu li.hovering div {
display: block;
}

ul#main_menu li.mega div a {
color: #858585;
padding: 0;
background-image: none;
text-decoration: none;
font-size:14px;
}

li.mega li{
margin-bottom:5px;
}

ul#main_menu li div p.more {
color: #c90b33;
font-weight: bold;
font-size:11px;
margin-top:10px;
margin-bottom:0px;
float:left;
}

ul#main_menu div p {
margin: 0 0 0.8em 0;
padding: 0;
}

ul#main_menu div ul{
list-style: none;
padding: 0;
float: left;
clear:none;
margin:0px 25px 10px 0px;
}

ul#main_menu div li h3 {
color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
margin: 0px 0px 10px 0px;
}

ul#main_menu div ul li{
display:block;
}


/**********/
/**Links****/
/**********/

a, a:visited{
color:#3268f7;
}

a:hover{
text-decoration:underline;
}

h2 a{
text-decoration:underline;
}

h2 a:hover{
text-decoration:none;
}

.advert{
margin-top:15px;
background-color:#FFCC00;
}

.advert span{
display:block;
font-family: impact, "Trebuchet-MS";
font-weight:normal;
color:#535b70;
letter-spacing:1px;
text-transform:uppercase;
font-size:16px;
}

.advert p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:2px;
color:#858585;
}

.ad1{
background:url(../images/smoke_icon.gif) left center no-repeat;
}

.ad2{
background:url(../images/weight_icon.gif) left center no-repeat;
}

.ad3{
background:url(../images/confidence_icon.gif) left center no-repeat;
}

.ad_copy{
float:left;
margin-left:65px;
width:230px;
}

.ad_copy a:hover{
text-decoration:none;
}

a.select_link{
font-family:verdana, arial;
list-style-type:none;
padding:3px 0px 0px 2px;
margin-top:5px;
font-size:1.6em;
text-decoration:none;
color:#bfb5fd;
}

a.select_link:hover{
text-decoration:none;
color:#fff;
}


/**********/
/**Forms***/
/**********/

#question_form{
margin:70px 0px 0px 0px;
border:none;
}

#optin_form{
margin:0px 0px 20px 0px;
border:none;
}

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

#contact_details{
float:left;
clear:left;
margin-top:10px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
}

#ico_email{
float:left;
margin-left:10px;
background:url(../images/email_icon.png) left center no-repeat;
padding:0px 0px 0px 55px;
line-height:50px;
}

#ico_tel{
float:left;
margin-left:10px;
background:url(../images/telephone_icon.png) left center no-repeat;
padding:0px 0px 0px 55px;
line-height:50px;
}

#ico_add{
float:left;
margin-left:10px;
margin-bottom:10px;
background:url(../images/home_icon.png) left center no-repeat;
padding:0px 0px 0px 55px;
height:60px;
}


#question_box{
height:403px;
width:300px;
background:url(../images/question_box.png) no-repeat center;
float:left;
margin:0px;
padding:0px;
}

#sidebar_heading1{
width:300px;
height:82px;
background:url(../images/confidence_tool_heading.png) no-repeat;
float:left;
clear:left;
}

#optin_box{
width:249px;
float:left;
margin:10px 0px 0px 0px;
padding:0px;
}


#mast_head img{
margin-top:4px;
}

img.left{
float:left;
margin:0px 10px 5px 0px;
}


/*box that appears
to confirm the message has been 
sent successfully*/
.confirm_message{
position:absolute;
display:block;
/*top:40px;
left:520px;*/
top:0px;
left:-27px;
background-color:#17181d;
color:#bcbcbc;
width:300px;
height:360px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #000;
box-shadow: 0px 0px 6px #000;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
z-index:1000;
}

.confirm_message p{
font-size:12px;
line-height:16px;
}
.error_message{
position:absolute;
/*top:130px;
right:100px;*/
top:30px;
left:-250px;
display:block;
background:#ee0101;
color:#fff;
width:200px;
font-family:tahoma, arial, helvetica;
font-size:12px;
border:2px solid #ddd;
box-shadow: 0px 0px 6px #000;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
padding:4px 10px 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
z-index:1000;
}

.highlight{
font-style:italic;
font-weight:bold;
font-size:110%;
}

.highlight2{
font-size:105%;
text-decoration:underline;
}

.highlight3{
font-size:1em;
font-weight:bold;
font-style:italic;
}

.highlight4{
font-size:1.8em;
font-weight:bold;
}

/*Blockquotes*/
blockquote {
margin:50px 10px;
background-image: url(../images/open_quotes.gif);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 30px;
font-style: italic;
font-size: 1.6em; /* 14px */ 
line-height: 1.2857em; /* 18px */ 
letter-spacing:normal;
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#000;
}

blockquote span {
background-image: url(../images/close_quotes.gif);
background-repeat: no-repeat;
background-position: right bottom;
display: block;
padding-right: 20px;
}

.pullquote {
padding: 10px;
float: right;
width: 200px;
margin-top: 25px;
margin-bottom: 10px;
margin-left: 20px;
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #694e1c;
border-bottom-color: #694e1c;
font-size: 16px;
text-align: center;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: normal;
}


.lft{
float:left;
}

.rgt{
float:right;
}

.clr{
clear:both;
}

.clrn{
clear:none;
}

.border{
border:1px solid #000;
}

.mt20{
margin-top:20px;
}

.mt30{
margin-top:30px;
}

.mt40{
margin-top:40px;
}

.mt50{
margin-top:50px;
}

.mt60{
margin-top:60px;
}

.mt70{
margin-top:70px;
}

.mt80{
margin-top:80px;
}

.mb10{
margin-bottom:10px;
}

.mb20{
margin-bottom:20px;
}

.ml10{
margin-left:10px;
}

.ml20{
margin-left:20px;
}

.ml40{
margin-left:40px;
}

.ml50{
margin-left:50px;
}
.ml60{
margin-left:60px;
}


.mr0{
margin-right:0px;
}


img.left{
float:left;
margin:0px 10px 5px 0px;
}

div.center{
margin:50px auto;
padding-bottom:20px;
display:block;
width:500px;
background-color:#ededed;
border:1px solid #c8c6c6;
text-align:left;
}

div.center_right_col{
margin:20px auto;
display:block;
width:200px;
background-color:#ededed;
border:1px solid #c8c6c6;
}

#footer_logos{
position:absolute;
right:100px;
top:10px;
width:191px;
height:73px;
background:url(../images/footer_logos.png) no-repeat;
}

.highlight_box{
margin:50px 0px;
padding-bottom:20px;
display:block;
background-color:#ededed;
border-top:1px solid #c8c6c6;
border-bottom:1px solid #c8c6c6;
float:left;
}

.high{
float:left;
clear:left;
margin:0;
}

* html .high{
width:98%;
}

.high img{
float:left;
margin:30px 10px 0px 10px;
width:80px;
}

* html .high img{
margin:30px 0px 0px 5px;
}

* html .high p{
margin-left:0px;
padding:0px;
}

.high p{
clear:none;
float:left;
width:180px;
color:#333333;
}


/**********/
/**Hacks***/
/**********/

* html .ad_copy{
margin-left:35px;
width:230px;
}

* html .advert span{
font-size:1.6em;
}

* html .right_col_inner{
width:245px;
margin:0px 0px 0px 14px;
float:left;
}

* html ul.side_menu{
margin:0px 0px 20px 10px;
}

* html #optin_box{
width:235px;
float:left;
margin:10px 0px 0px 0px;
padding:0px;
}

* html #optin_form{
width:240px;
margin:0px;
}

* html .advert span{
letter-spacing:normal;
}

* html #main_content{
margin-top:5px;
}

* html .advert{
margin-top:5px;
}