/*==============================================
CLIENT: 	Fresh Act
FILE: 		styles.css - main CSS styles for staging site
CREATED: 	03/08/10
AUTHOR: 	Adam Mayhead (adam@freshact.co.uk)
================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

strong{
   font-weight: bold;
}

em{
   font-style: italic;
}

/* END CSS RESET */

/* Global Styles */

body{
   font-size: 1em;
   line-height: 1;
   background: url(images/bg_body.JPG) top center repeat-x #1692dd;
   color: #fff;
   margin-top: 84px;
    font-family: sans-serif;
}


hr{
   display: none;
   clear: left;
   background: transparent;
   border: 0;
}


.container{
	width: 1150px;
	margin: 0 auto;
	padding: 0px 10px !important;
}
#header .container {
	padding: 0px !important;
}	




a{
   overflow: hidden;
   outline: none;
   color: #fff;
   text-decoration: none;
}

/* the clearfix rules make it possible to clear floated elements without additional structural markup. See http://www.positioniseverything.net/easyclearing.html */

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

.clearLeft {
    clear: left; 

}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.catchLine {
text-align: center;
margin: 20px 0;
}

.catchLine h3 {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 30px;
}

.catchBook {
background: #0c4678 !important;
color: #fff !important;
font-size: 19px;
padding: 13px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #0c4678 !important;
font-weight: bold;
display: inline-block;
text-align: center;
margin: 0 40px;
}


.catchBook.email {
background: #1692dd !important;
}

.catchBook.call {
background: #9729da !important;
}

.catchBook a {
color: #fff !important;
}
.catchBook span {
color: #fff !important;
display: block;
font-size: 0.8em;
margin-top: 10px;
}

.content_leftbar .catchBook {
margin: 0;
font-size: 0.9em;
}

.content_leftbar .catchBook span {
margin-top: 0px;
}
a.quoteButton {
background: #0c4678 !important;
color: #fff !important;
font-size: 17px;
padding: 13px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #0c4678 !important;
font-weight: bold;
}

a.quoteButton:hover {
background: #0e7dc0 !important;
}

.error404Img {
float: right;
margin: 70px;
margin-top: 40px;
}

.clearLeft {
clear: left;
}

.smallReviewArea {
display: none;
}

/* END Global Styles */



/* START SLIDER */

#homeSliderContainer {
background: url(images/homeSlider/bg.JPG) center top repeat;
height: 386px;
width: 100%;
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
}

#homeSlider {
width: 1150px;
height: 386px;
margin: 0 auto;
position: relative;
overflow: hidden;
}

.homeSliderBoxTwo {
display: none !important;
}

.homeSliderImg {
width: 100%;
height: auto;
z-index: 1;
}

.homeSliderBox {
padding: 20px;
padding-left: 5px;
xbackground: #fff;
width: 350px;
height: 280px;
xcolor: #1570a6;
z-index: 2;
position: absolute;
top: 40px;
left: 0px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
xborder: 1px solid #eeeeee;

}

#p_services .homeSliderBox {
background: transparent;
border: 0;
width: 350px;
height: 300px;
line-height: 1.5em;
padding: 0;
padding-left: 10px;
top: 50px;
}


#p_services .contentList {
margin-left: -10px;
}
#p_services .buttonSection {
margin-top: 20px;
}

.homeSliderBox h2 {
font-size: 22px;
font-weight: bold;
}

.homeSliderBox p {
font-size: 18px;
line-height: 38px;
margin: 15px 0;
}

.homeSliderBox p.priceHeader {
color: #0c4678;
font-size: 1.3em;
}
.homeSliderBox p.priceHeader span.cost {
font-size: 1.3em;
}

.homeSliderBox p.buttonSection {
position: absolute;
bottom: 10px;
}

.homeSliderBox a {
color: #0c4678;
font-size: 17px;
background: #fff;
padding: 13px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #0c4678;
font-weight: bold;
margin-top: 10px;
}

.homeSliderBox a.moreButton {
margin-left: 20px;
}

/* END SLIDER */

.homeBox {
width: 360px;
display: inline-block;
margin-right: 19px;
margin-bottom: 25px;
font-size: 18px;
}

.homeBox img {
width: 100%;
height: auto;
margin-bottom: 7px;
}

.homeBox+.last {
margin-right: 0;
}





.discover {
width: 23%;
xmin-width: 260px;
margin-right: 30px;
margin-left: 10px;
float: left;
}

.discover h3 {
font-size: 36px;
padding-bottom: 10px;
}

.discover a {
display: block;
margin: 18px 0;
font-size: 16px;
color: #0c4678;
}


.popularBox {
display: inline-block;
width:260px;
margin-right: 15px;
margin-bottom: 50px;
vertical-align: top;
}
#p_h .popularBox {
margin-right: 32px;
}

.popularBox img {
margin-bottom: 7px;
width: 100%;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #fff;
}
.popularBox p {
font-size: 13px;
line-height: 1.5em;
}

.popularBox+.last {
margin-right: 0px !important;
}

.popularBox h4 {
font-size: 17px;
padding-bottom: 8px;
color: #5d5d5d;
}


.popularBox li {
margin: 14px 0;
}

.popularBox li a {
font-size: 13px;
}




/* START CONTENT */

.greySection {
background: #eeeeee url('images/grey_bg.JPG') center bottom repeat-x;
width: 100%;
}

h1 {
color: #5d5d5d;
font-size: 36px;
padding: 30px 0;
line-height: 1.1em;
}

h1.threetwo {
font-size: 32px;
}

.leftbar {
width: 380px;
margin: 30px 80px 30px 0;
float: left;
}


.rightSection {
width: 100%;
line-height: 1.5em;
padding-bottom: 30px;
overflow:auto;
}

.rightSection h2 {
font-size: 1.2em;
font-weight: bold;
margin-top: 30px;
}

p.certificates img {
margin-right: 20px;
}


.banner {
display: inline-block;
width:95%;
max-width: 824px;
margin-bottom: 30px;
vertical-align: top;
}
.banner img {
margin-bottom: 7px;
width: 100%;
}
.banner p {
color: #5d5d5d;
font-size: 13px;
}


.rightSection ul.homeList li {
margin: 0px;
background: url(images/list_tick.JPG) 7px 7px no-repeat;
padding: 0px 0px 1px 24px;
vertical-align: middle;

}

ul.contentList li {
margin: 10px 0px;
position: relative;
left: 30px;
list-style-image: url(images/list_tick.PNG);
}

.content_rightbar ul.contentList li {
width: 230px;
line-height: 1.6em !important;
}

.content_leftbar ul.sitemap li {
margin: 10px 0;
list-style-type: lower-alpha;

}

.content_leftbar ul.sitemap ul {
margin: 20px 0 20px 40px;

}

.content_leftbar ul.sitemap ul li {
list-style-type: circle !important;
}
.content_leftbar ul.sitemap ul ul li {
list-style-type: square !important;
}

.p_margin {
margin: 20px 0;
}

.p_margin.moreMargin {
margin: 40px 0 !important;
line-height: 2.5em;
}

.content_leftbar ol {
 list-style-type:decimal;
 list-style-position: inside;
}
.content_leftbar ol li {
margin: 10px 0;
}


.content_leftbar .smallImg {
border: 5px solid #eeeeee;
float: right;
margin: 0 0 17px 17px;
}


.content_leftbar .mainImg {
float: left;
margin: 10px 30px 20px 0;
padding: 10px;
background: #eeeeee;
max-width: 95%;

}

.image_banner img {
xpadding: 2px; 
border:  7px solid #eeeeee;
width: 193px;
height: auto;
}

.instagram img {
xpadding: 2px; 
border:  7px solid #eeeeee;
width: 180px;
height: auto;
margin-left: 20px;
}

.instagram:first-child img {
margin-left: 0;
}

.processList li h3 {
font-size: 1.4em;
margin-bottom: 4px;
margin-top: 10px;
}

.processList .highlight  {
font-size: 0.7em;
color: #ff0000;
}

.content_rightbar {
float: right !important;
width: 276px !important;
margin-top: 30px;
margin-right: 0  !important;
margin-left: 30px  !important;
position: relative;
}
.content_rightbar .titleArea {
padding: 15px 20px 15px 10px;
background: #0c4678;
xbackground: #119555;
display: block;
color: #fff;
margin-bottom: 20px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #fff;
}

.content_rightbar .titleArea.getQuoteButton {
font-weight: bold;
margin-top: 0;
}
.content_rightbar .titleArea.detailsArea {
background: #1570a6;
}

.content_rightbar .buttonText {
line-height: 1.5em;
}

.content_rightbar .titleArea.related {
background: #1570a6;
}

.content_rightbar ul {
margin-bottom: 60px;
}

.content_rightbar li {
margin: 10px;
line-height: 1.2em;
}
.content_rightbar span {
color: #6d6d6d;
font-weight: bold;
font-size: 0.9em;
}

.content_rightbar li.paragraph {
line-height: 1.6em;
margin: 30px 10px;
}

.generalListTitle {
padding-bottom: 5px;
margin-top: 15px;
}

.generalList {
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
line-height: 1.5em;
}

.generalList lh {
font-weight: bold;

}
.generalList li {
list-style-image: url(images/list_tick.JPG);
margin-left: 30px;
font-size: 0.8em;
}


table.whereTable {
		margin-top: 10px;
		width: 700px;
		}

table.whereTable td {
		border-top: 1px solid #dddddd;
		vertical-align:top;
		padding: 15px;
		width: 33%;
		}

		

table.whereTable li {
		list-style: none;
		padding: 5px 0;
		}

li.enlarge1 {
		color: #1570a6;
		font-size: 1.7em;
		}

li.enlarge2 {
		color: #1570a6;
		font-size: 1.5em;
		}

li.enlarge3 {
		color: #1570a6;
		font-size: 1.3em;
		}

li.enlarge4 {
		color: #1570a6;
		font-size: 1.1em;
		}

.socialList li {
display: inline-block;
margin-right: 30px;
margin-bottom: 40px;
}

.grab_box {
text-transform: uppercase;

}

.grab_box a {
border: 2px solid #ff8b4c;
border-radius: 5px;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
width: 200px;
height: 50px;
text-align: center;
padding: 20px 10px;
background: #ff8b4c;
color: #fff;
}

.grab_box a.callus2 {
padding-top: 30px;
height: 40px;
}

.grab_box a:hover {
background: #ff7326;
border: 2px solid #ff7326;
}



/* END CONTENT */

.oven_box {
width: 120px;
padding: 20px;
height: 170px;
margin-right: 30px;
margin-bottom: 30px;
display: inline-block;
border: 2px solid #1570a6;
text-align: center;
vertical-align: top;
}

.oven_title {
font-size: 1.2em;
margin: 10px 0;
}
.oven_price {
font-size: 1.4em;
margin: 10px 0;
}




.retrievequotetable {
 padding: 10px;
 border: 1px solid #2f2f2f;
    border-spacing: 20px;
    border-collapse: separate;
}

table.retrievequotetable td { padding:10px; }




.successArea {
text-align: left;
xbackground: #161616;
padding-top: 11px;
padding-bottom: 3px;
xwidth: 580px;
vertical-align: top;
margin-top: 25px;
padding-left: 20px;
font-size: 1.2em;
}

.successArea h6 {
padding: 20px 0px;
font-size: 1.8em;
}

.successHeader {
padding: 20px 30px;
font-size: 1.8em;
color: #fff;
position: relative; 
top: -11px;
left: -20px;
width:540px;
}

.quoteLink {
font-size: 0.7em !important;
}

.errorMessage {
padding: 20px;
color: #ff0000;
width: 760px;
}

.errorMessage label {
margin: 15px 0 !important;
display: block;
}

.tooltipsy
{
    padding: 10px;
    max-width: 200px;
    color: #303030;
    background-color: #f5f5b5;
    border: 1px solid #deca7e;
}

.upsellBox {
xbackground: #d5ecff !important;
position: relative;
}


.upsellButton {
width: 265px;
background: #df19b7 !important;
}

.upsellBox .table_totalQuote td {
font-size: 1em;
text-align: left;
}
.upsellBox .table_totalQuote p {

line-height: 1.5em;
}

.upsellBox .dealImgContainer {
padding: 10px;
background: #fff;
width: 320px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
position: relative;
}
.upsellBox .dealImg {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
width: inherit;
height: auto;
}

.upsellBox .freeLabel {
background: url(images/deals/freeLabel.PNG) no-repeat;
width: 106px;
height: 94px;
position: absolute;
bottom: 10px;
right: 10px;
}

.upsellBox .regPrice {
text-decoration: line-through;
}
.upsellBox .savePrice {
font-weight: bold;
color: #df19b7;
}

.upsellBox .newPrice {
font-weight: bold;
color: #1692dd;
}

.upsellBox .table_totalQuote td {
width: 340px;
overflow: hidden;
}
.upsellBox .table_totalQuote td+td {
padding-right: 20px;
}

.upsellBox #countdownTimer {
position: absolute;
top: 20px;
right: 20px;
width: 60px;
}

.upsellBox #countdownTimer .hours, .upsellBox #countdownTimer .minutes {
float: left;
}

.review-item {
  background: #fbfbfb url('images/icon_thumb.PNG') left no-repeat;
  background-position: left 30px center;
  color: #5b5b5b;
  position: relative;
  padding: 20px;
  padding-left: 140px;
  line-height: 1.4;
  border: 1px solid #dddddd;
  border-radius: 0.25em;
  margin: 30px 0 10px 0;
}

.author-info {
text-align: right;
font-weight: bold;
}



ol.terms ol {
margin-bottom: 30px;
}

ol.terms ol li {
margin-left: 20px;
line-height: 40px;
}

.termsLink {
font-size: 0.9em;
}



.more_info {
	font-size: 0.7em !important;
}