/********************************************************************************
General Stylesheet for A Fitting Company
Created by Pixel Vector, www.pixelvector.co.uk
********************************************************************************/

html
{
}

a:link, a:visited { color: #342b55; text-decoration: underline; font-weight:bold; padding-top:2px; }
a:hover { color: #970c5b; text-decoration: underline; }

div.PageImage { background: #FFF url('../Images/Layout/BG_Scroll.png'); background-repeat:repeat-x; }
div.PageOuter { 	 width: 1032px; margin: 10px auto; border: 0px solid #c0c0c0;  padding: 0px ; position: relative; height: 1%;  }
div.PageInner { background: #fff ; padding: 0px; position: relative; height: 1%; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Type
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

h1 {
	margin: 0; padding: 0 ; color: #363642; font-size: 370%; font-weight: bold; line-height: 50px;
}

/* i/e find it quick */
h2 {
	margin: 0; padding: 6px 0 6px 0; color: #5b5082; font-size: 250%; font-weight: bold;
}
h3 {
	margin: 9px 0 10px 0; padding: 0 0 5px 0px; color: #a92871; font-size: 15px; font-weight: bold;
}

h4 {
	margin: 0; padding: 0 15px 0 15px; color: #999; font-size: 130%; font-weight: bold;
}

h5 {
	margin: 5px -5px 0px 0px; padding: 3px 10px; color: #0099CC; font-size: 120%; font-weight: bold;
}
	
body {

}

#body_home {
	background: #FFF url('images/Header/LargeMast.png') no-repeat; height:555px; behavior: url("csshover3.htc");
}

span.amp {
  	font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic; font-weight: normal !important;
}

body, input, textarea {
	font: 12px/1.5 Arial, sans-serif; color: #333;
}

p {
	line-height: 1.5;margin-bottom: 0px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Layout Columns
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Center-Panel{
	float: left; width: 1010px; margin-left:10px; margin-top: 10px; background: #FFFFFF;
}

div.ContainerSide {
	padding: 6px; margin: 0px; 
}

div.ContainerCenter {
	padding: 6px 10px 6px 10px; margin: 0px;
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Top right Links
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.StatusBar { color: #FFF;  font-size: 110%; padding: 0px; margin: 0px;  position: relative; overflow: hidden; }
div.StatusBar { height: 40px; color: #AF1E37; position: relative; font-size: 110%; z-index: 100; color: #666666; }
div.StatusBar div { }
div.StatusBar div.Left { position: absolute; left: 5px; top: 2px; }
div.StatusBar div.Right { position: absolute; right: 5px; top: 2px; text-align: right; padding-right: 5px;  }
div.StatusBar a:link,
div.StatusBar a:visited { color: #AF1E37; text-decoration: none;  }
div.StatusBar a:hover { text-decoration: underline; }
div.StatusBar span.Divider { color: #999999; }
div.StatusBar { }

div.StatusBar a:link,
div.StatusBar a:visited { color: #666; text-decoration: none; }
div.StatusBar a:hover { text-decoration: underline; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Main Menu
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.MainMenu { margin: 10px 0 0 8px; position:relative; height: 79px ; width:1030px; font-size: 13px!important; line-height:62px; }
div.MainMenu ul { list-style: none; margin: 0px 0 0 0px; padding: 0px 0 0 0px; position:absolute; border:0px solid #FFF;  }
div.MainMenu ul li { float: left; width: auto; padding: 0px 2px 0px 2px; display: block; text-align: center;  }
div.MainMenu ul li.Logo {  width: 219px; height: 82px;  margin-right: 1px;  }
div.MainMenu ul li.CustCare {  width: 194px; height: 71px; margin-right: 1px; background: url('../Images/Header/Nav_One.png') -30px bottom no-repeat scroll  #fff ; }
div.MainMenu ul li.Range {    width: 194px; height: 71px; background: url('../Images/Header/Nav_Middle.png') -30px bottom no-repeat scroll  #fff ; }
div.MainMenu ul li.FreeConsultation {   width: 194px; margin-right: 1px; height: 71px; margin-right: 1px; background: url('../Images/Header/Nav_One.png') -30px bottom no-repeat scroll  #fff ; }
div.MainMenu ul li.Testimonials {   width: 194px; height: 71px; margin-right: 1px; background: url('../Images/Header/Nav_Middle.png') -30px bottom no-repeat scroll  #fff ; }

div.MainMenu ul li a { color: #FFF; text-decoration: none; }

div.MainMenu ul li a:link,
div.MainMenu ul li a:visited { color: #FFF; }
div.MainMenu ul li a:hover { color: #fff; text-decoration: underline;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Panels (side and center)
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

* html div.Panel { height: 1px; }
div.Panel h1 { font-size: 36px; margin: 5px 0 6px 0; color: #00506e; font-weight: normal; font-weight: bold; line-height: 25px; padding: 0 28px 0 8px; }
div.Panel h2 { font-size: 150%; margin: 0px 0px 5px; padding: 0 0 0 5px; height: 1%; color: #00506e; }
div.Panel h3 { 	margin: 9px 0 10px 0; padding: 0 0 5px 0px; color: #a92871; font-size: 15px; font-weight: bold; }
div.Panel h4 { font-size: 110%; margin: 0px 0px 0px 0; padding: 0 0 0 8px; height: 1%; color: #00506e; }

div.Panel { margin: 0 0 6px 0; padding: 0px; position: relative; height: 1%; }
div.Panel div.Content { padding: 3px; position: relative;  }
div.Panel div.Content p { margin: 0px 0px 5px 0px; padding: 8px 18px 8px 8px;  }


#bespoke-header {
	position: absolute;
	top: 405px;
	right: 45px;
	z-index: 99;
	width: 348px;
	height: 107px;
	}


div.Panel.Center { background: #FFF; border: 1px solid #CCC; margin: 0px 0 10px 0; width:590px;  }

div.Panel.CenterBottom { background: #FFF; border: 0px solid #CCC; margin: 0px 0 10px 0; width:1010px; margin-left: 8px; margin-bottom: 10px;  }
div.Panel.CenterBottom ul { padding: 0px; margin: 0px; line-height:12px; font-size: 11px;   }
div.Panel.CenterBottom ul li { padding: 0px!important; margin: 0px 2px 0px 0px!important;  position: relative; list-style: none!important; }
div.Panel.CenterBottom ul li a { padding: 0px 12px 0px 0px;  }

div.Panel.CenterBottom div.Column {color: #342b55; font-weight: bold;  }
div.Panel.CenterBottom div.Column ul li a:link,
div.Panel.CenterBottom div.Column ul li a:visited { color: #342b55; font-weight: bold; text-decoration: none; }
div.Panel.CenterBottom div.Column ul li a:hover { color: #970c5b; text-decoration: underline; }

div.Panel.CenterBottom div.Column { float: left; position: relative; height:100%; margin: 0; margin-left: 0px; padding-top: 5px;  /*border-bottom: 1px solid #F2F2F2;*/    }
div.Panel.CenterBottom div.ThreeCols div.Column {  margin-right: 0!important; width: 190px;  height:100%;  }
div.Panel.CenterBottom div.ThreeCols div.End { width: 260px; margin-right: 0px !important; margin-left:0px; ; }

div.CenterBottom div.Column div.Title { padding: 5px; display: block; font-weight: bold; position:relative; }
div.CenterBottom div.Column div.ContentBox { position:relative; padding: 10px 5px 0 5px; border: 0px solid #CCC; color: #000; height:180px; }

div.Panel.Tile  {  width:341px !important;  height: 186px!important; float: left; margin: 0 0px 0 14px!important; padding: 0!important; border: 0px solid #c9cacb;   }
div.Panel.Tile.First  {  width:341px !important; height: 186px!important;  float:left; padding: 0 0 0 0!important; Margin:0px 0 0 0px!important;    }	
div.Panel.Tile.Last  {   width:303px!important;  height: 186px!important; padding: 0!important; margin: 0!important; float:right; }

div.Panel.TileText  {  border: 0px solid #c9cacb; width:341px !important;  height: 40px!important; float: left; margin: 0px 0px 0 14px!important; padding: 0; }
div.Panel.TileText.First  {  width:341px !important; height: 40px!important; Margin:0px 0 0 0px!important; float:left; padding: 0 0 0 0!important;    }	
div.Panel.TileText.Last  {   width:303px !important;;  height: 40px!important; padding: 0!important; margin:0px 0 0 0 !important; float:right;  }

div.Panel.MiddleSectionHolder  {  width: 100%; float: left; margin: 5px; height: 200px!important;}
.LeftForm {float:left; margin:5px;}
.RightForm { float:right; margin: 5px; padding-right:10px;}
div.Panel.MiddleSectionRight  {  width: 500px; display: inline; float: right; margin: 5px; height: 300px!important;   }
	
div.Panel.Side a:link,
div.Panel.Side a:visited { color: #000; text-decoration: none; }
div.Panel.Side a:hover { text-decoration: underline; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MISCELLANEOUS / FIXES
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }

div.Spacer5 { height:5px; }
div.Spacer10{ height:10px; }
div.Spacer15 { height:15px; }
div.Spacer20 { height:20px; }
div.Spacer30 { height:30px; }
div.Spacer50 { height:50px; }

div.HR { height: 2px; overflow: hidden; border-bottom: 4px solid #000; margin:5px 0 5px 0; }
div.HR.Dashed { border-bottom-style: dashed; }

span.Purple {
	color: #651246;
}

ul.Dots {
	margin: 7px 0 7px 20px; padding:0 0 0 0px;
}

ul.Dots li {
	margin: 0 2px 0px 0;  padding: 0px 0 0px 0; list-style:disc; color: #000   ;
}

span.Amp
{
  	font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic; font-weight: normal !important;
}

em {
	color: #00506e; font-weight: bold; text-decoration: none;
}

input {
	color: #666;
}


h2 span {
	/*display: none;*/
}

a, a:hover {
outline: none;
text-decoration: none;
}

*:focus {
	outline: none;
}

.clearfix:after {
    content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.clearfix {
    display:inline-block;
}

.clearfix {
    display:block;
}

* html .clearfix {
    height:1px;
}


.Clearfix:after
{ 
	content: " "; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;
}


.Clearfix
{
    display: inline-block;
}

.Clearfix
{
    display: block;
}

* html .Clearfix
{
    height: 1px;
}

input[type=text], textarea, select {
	display: block; padding: 8px; font-size: 12px; margin: 0px 0 0px 0; color: #666; border: #ddd 1px solid; width: 430px!important; background: #fff;
}

textarea {
	padding-left: 7px; width: 300px;
}

input[type=submit] {
	margin: 7px 0 0 0; cursor: pointer; font-size: 12px; padding: 8px 20px; border: 0; background: #a82e72; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; text-transform: uppercase; font-weight: bold; float: left;
}

input[type=submit]:hover {
	background: #453a7d; color: #fff;
}

form label {
	display: block; color: #333333; margin: 0 0 0px 0; font-size: 12px;
}



/*slide bar on 5 steps css*/


div.wrap {
width : 993px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 550px;
}
div#header div#slide-holder {
z-index : 40;
width : 993px;
height : 550px;
position : absolute;

}
div#header div#slide-holder div#slide-runner {
top : 55px;
width : 1000px;
height : 510px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
width : 1000px;
height : 50px;
display : none;
background-color:#5b5082;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 5px 255px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 41px;
height : 42px;
display : inline;
font-size : 15px;
margin : 0 5px 0 0;
line-height : 40px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color:#FFF;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../Images/5steps/silde-nav-red.png);
}




.partner {
	float: left;
	width: 500px;
	margin: 0 0 20px 0;
	}
.partner img {
	float: left;
	margin: 0 20px 10px 0;
	}
	
#homerotateimg {
	position: relative;
	}
#homepagemailer {
	position: absolute;
	left: 20px;
	top: 30px;
	padding: 15px;
	background: #3f3a7d;
	width: 250px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 1.3em;
	}

#homepagemailer form input[type=text] {
	float: left; padding: 2px; margin: 0 5px 0 0; display: block; font-size: 12px; color: #666; border: #ddd 1px solid; width: 180px!important; background: #fff;
}


#homepagemailer form input[type=submit] {
	cursor: pointer; font-size: 12px; padding: 2px 3px; margin: 0; border: 0; background: #a82e72; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; text-transform: uppercase; font-weight: bold; float: left;
}

.testimonialcredit {
	font-size: 10px;
	padding: 0 0 0 10px;
	}