/*   
Theme Name: BBK Sliding Doors
Theme URI: http://www.digitaloutback.co.uk
Author: Will Abbott
Version: 1
*/
	
/* Reset
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  


/* video homepage */
.video-embed {
	margin-top: 0;
    background: url(images/video-back.png) no-repeat 0 0;
    padding: 28px 14px 50px 15px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 20px;
}

.video-embed iframe { border-radius : 10px; }
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.video-description {
	margin-top: 10px;
}
.title {
	font-size: 20px;
    color: #636363;
    font-weight: bold;
}

.video-description p {
	font-size: 14px;
    color: #636363;
}
.video-call {
	background: #ff9600;
    width: 360px;
    height: 80px;
    margin-left: -64px;
    margin-top: 100px;
	padding-left: 45px;
}
.video-call p {
	font-size: 40px;
    color: #fff;
    font-weight: 600;
	margin: 0;
}
.video-call img {
	float: right;
    margin-top: -55px;
    margin-right: -70px;
    position: absolute;
}
.video-section {
	margin-top: 25px;
}

/* Chrome
-------------------------------------------------------------------------------*/

body {font: 14px 'open sans', sans-serif; background: url(images/bg-home.gif) repeat-x top #a9a9a9;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

.post a { color: #999; text-decoration: underline; }
a {	color: #999; text-decoration: none;}
a:hover { text-decoration: none}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

@font-face {
	font-family : "uni";
	src: url('fonts/Univers_LT_57_Condensed.eot');
	src: url('fonts/Univers_LT_57_Condensed.eot?#iefix') format('embedded-opentype'),
	url('fonts/UniversLT57Condensed.woff'),
	url("fonts/UniversLT57Condensed.ttf"),
	url('fonts/Univers_LT_57_Condensed.svg#UniversLT-Condensed');	
}


h1 { font-size: 51px; color: #ff9600; font-family: uni, 'open sans', uni, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; font-weight: 300;  }
.home h1 { font-size: 34px; }
h2 { margin: 0 0 13px 0; font-size: 17px; text-transform: uppercase; }
h3 { font-family: uni, Arial, Helvetica, sans-serif; color: #999; font-size: 25px; font-weight: normal; margin: 0 0 14px 0; }

.page-template-page-checkout-php h3 { background: #bbb; color: white; padding: 10px; }

p { margin: 0 0 1em 0; line-height: 1.9em; }

#content { background: white; }

/* HEADER ************************************/

#bgshade { background: #fff; width: 1000px; margin: 15px auto; box-shadow: 0 0 10px #aaa }
#header { background: #fff; margin-top: 18px; font-family: 'open sans', uni, Arial, Helvetica, sans-serif; }
.header-content { padding:  10px 0 15px 0; }
.ledge { border-top: 1px solid #ddd; width: 915px; margin: 0 auto; height: 20px; line-height: 20px; }
.home .ledge { display: none; }
#logo { float: left; margin-top: 10px; }

.builder-header { position: relative; }

#quicklinks {  position: absolute; width: 500px; height: 40px; right: 0; top: 20px;  }
#quicklinks ul { float: right; }
#quicklinks li { float: left; }
#quicklinks a { float: left; font-size: 16px; text-transform: uppercase; color: #444; text-decoration: none; padding: 0 7px; height: 13px; line-height: 13px; font-family: uni, Arial, Helvetica, sans-serif; } 
#quicklinks .menu-item-56 a { padding-left: 30px; background: url(images/icon-measuring.gif) no-repeat left 1px; margin-left: 13px }
#quicklinks .menu-item-30 a { padding-left: 20px; background: url(images/icon-basket.gif) no-repeat left top; margin-left: 20px }
#quicklinks .menu-item-210 a { padding-left: 20px; background: url(images/icon-install.gif) no-repeat left top; margin-left: 20px }

#topnav { margin-top: 0px; }

#nav { padding: 15px 0 0 0; }
#nav a { color: #373737; padding: 0 5px; float: left; height: 36px; line-height: 30px; background: url(images/nav-pointer.png) no-repeat center bottom; font-size: 19px; font-family: uni, Arial, Helvetica, sans-serif;  }
#nav li { background: url(images/nav-li.gif) no-repeat right 4px; float: left; height: 36px; line-height: 30px; padding: 0 4px 0 3px; }
#nav .first { padding-left: 0; }
#nav .last { background: none; }
#nav a:hover { background-color: #f2f2f2; }


#nav .current_page_item a, #nav .current_page_parent a { background-color: #ff9600; ackground-color: #666; color: white; }

#header .tel { font-size: 17px; color: #333 }
#header .tel strong { color: #ff9600; font-weight: normal }

#header .cta { text-align: right; }
.button-builder { font-family: uni, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; padding: 2px 30px; }


/* SUBNAV ****************/

/* title */
.subnav li a { font-family: uni, Arial, Helvetica, sans-serif; color: #333; font-size: 26px; margin: 0 0 5px 0; display: block; }

/* pages */
.subnav .pages a { font-family: 'open sans', Arial, Helvetica, sans-serif; color: #666; font-size: 14px; margin: 0; padding: 8px 10px; border-bottom: 1px solid #eee; }

.subnav .pages a:hover, .subnav .pages .current_page_item a { background: #f4f4f4; }


/* HOMEPAGE ***********************************/
#slider { background: white; margin-bottom: 20px; position: relative; }
#slider .facebook { width: 100px; heigth: 24px; position: absolute; top: 169px; left: 773px; z-index: 200 }
#slider ul { height: 357px; position: relative; width: 915px; overflow: hidden; }
#slider li { height: 357px; background: no-repeat; width: 915px; }

#slider .overlay { width: 100%; position: absolute; z-index: 10; bottom: 0; background: #f96000; background: rgba(255,150,0,0.9); font-family: uni, Arial, Helvetica, sans-serif; font-size: 35px; line-height: 85px; height: 85px; font-weight: normal; text-shadow: 1px 1px 0 #e28500; color: white; }
#slider .overlay .inner { padding: 0 0 0 50px }
#slider .offer { position: absolute; z-index: 11; bottom: 0; right: 0; background: url(images/offer.png); width: 279px; height: 209px; font-family: uni, Arial, Helvetica, sans-serif; }
#slider .offer .amount { font-size: 110px; line-height: 100px; margin: 36px 0 15px 30px; ont-family: open sans, Arial, Helvetica, sans-serif; font-weight: bold; }
#slider .sub { font-size: 17px; color: white; text-align: center; }
#slider .title { color: white; font-size: 44px; text-shadow: 2px 2px 0 rgba(0,0,0,0.15); padding: 17px 15px; }

#slider .drill { position: absolute; z-index: 13; left: 44px; top: 195px; background: url(images/drill.png); width: 86px; height: 89px; } 
#slider .overlay-fitting { width: 100%; position: absolute; bottom: 85px; z-index: 9; background: #f6f3f2; background: rgba(255,255,255,0.9); font-family: uni, Arial, Helvetica, sans-serif; font-size: 19px; height: 55px; color: black; font-weight: normal; }
#slider .overlay-fitting .inner { padding-right : 300px; }
#slider #free-measure { position: absolute; right: 20px; top: 17px; background: url(images/free-measuring-service.png) no-repeat; width: 594px; height: 109px; z-index: 13;}

/* XMAS ALTERATIONS */
#slider #xmastree { background: url(images/xmastree.gif); position: absolute; left: 40px; bottom: 20px; width: 153px; height: 317px; z-index: 4; display: none; }
#slider .xmasmsg { width: 303px; height: 194px; position: absolute; left: 121px; bottom: 117px; background: url(images/xmasmsg.png) no-repeat; z-index: 3;display: none; }
/*
#slider .overlay { font-size: 25px; }
#slider .inner { padding-left: 200px; }
*/
#logo { position: relative;  }
#logo .xmashat { background: url(images/xmashat.png); width: 52px; height: 46px; position: absolute; right: -20px; top: -18px; z-index: 3; display: block; display: none; }



html.ie6 .overlay, html.ie7 .overlay, html.ie8 .overlay { 
background: none;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#AAf96000, endColorstr=#AAf96000)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AAf96000, endColorstr=#AAf96000); 
}




.general, .why ul { margin: 0 0 20px 15px; }
.general li, .why li { margin: 0 0 12px 0; padding: 0 0 0 30px; background: url(images/blt.png) no-repeat left 4px; }



/** PRODUCTS - PANELS - SWATCHES */
.product-swatch { background: #fff; margin-bottom: 3px; }
.product-swatch .inner { border: 1px solid #ddd; border-radius: 5px; background: url(images/ajax-loader.gif) no-repeat center; padding: 15px; height: 103px; }
.product-swatch .title { font-size: 16px; font-family: uni, Arial, Helvetica, sans-serif; color: #999; margin: 0 0 15px 0; }
.product-swatch .swatch-image { width: 200px; height: 80px; }
.product-swatch .swatch-desc { width: 200px; height: 25px; font-family: uni, Arial, Helvetica, sans-serif; color: #333; font-size: 17px; line-height: 25px; }
.product-swatch .swatch-desc small { color: #999 }






#header .delivery { font-family: 'open sans', Arial, Helvetica, sans-serif; background: url(images/truck.gif) no-repeat 310px 0; height: 36px; position: relative; }
#header .delivery strong { font-size: 16px; }
#header .delivery .sub a { font-size: 13px; color: #999 }
#header .delivery strong a { font-size: 11px; font-weight: normal; color: #f96000; padding-left: 5px }
#header .delivery a:hover { text-decoration: underline; }
#header .delivery .fbook { background: url(images/fbook.gif); width: 27px; height: 27px; position: absolute; top: 4px; right: 21px; }



.cform .inner { padding: 15px; background: #eee; border-radius: 10px; }



/* FOOTER ***********/
#footer { padding: 25px 25px 50px 25px; border-top: 6px solid #eee; margin: 15px 0 0 0; background: url(images/footer-paypal.gif) no-repeat 600px 20px #f7f7f7; position: relative; font-size: 13px }
#footer a { color: #333; }

#footer .col { width: 150px; float: left; padding-right: 35px; }
#footer .title a { font-family: uni, Arial, Helvetica, sans-serif; color: #999; font-size: 18px; margin: 0 0 5px 0; display: block; }

#footer .col-address { position: absolute; right: 25px; top: 90px; text-align: right; color: #999; font-size: 12px; }
#footer .col-address .contact { font-size: 14px; padding-bottom: 5px; }

.facebook-foot .inner { padding: 15px; background: url(images/fbook-foot.gif) no-repeat right center #eceef5; margin-top:  15px; }
.ad-foot .inner { margin-top:  15px; display: block; }

.legal { height: 30px; ext-align: center; height: 60px; line-height: 60px; color: #888; font-size: 13px; }
.legal a { color: #888; }


/* Content styling ******/
.imgblock { width: 100%; float: left; margin: 0 0 25px 0; border-bottom: 1px solid #ddd; padding-bottom: 25px; }
.imgblock img { float: left; margin: 20px 25px 25px 0 }
.imgblock .cont { width: 300px; float: left; margin-lefT: 25px; }



/* BOOTSTRAP AMENDS ***********************/
.btn-orange {
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #ff7e00;
	*background-color: #ff7e00;
	background-image: -moz-linear-gradient(top, #FF9600, #ff7e00);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF9600), to(#ff7e00));
	background-image: -webkit-linear-gradient(top, #FF9600, #ff7e00);
	background-image: -o-linear-gradient(top, #FF9600, #ff7e00);
	background-image: linear-gradient(to bottom, #FF9600, #ff7e00);
	background-repeat: repeat-x;
	border-color: #ff7e00;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9600', endColorstr='#ff7e00', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-orange:hover,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
	color: #FFFFFF;
	background-color: #ff7e00;
	*background-color: #003bb3;
}


.btn-ash {
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #8A8A8A;
	*background-color: #8A8A8A;
	background-image: -moz-linear-gradient(top, #B5B5B5, #8A8A8A);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B5B5B5), to(#8A8A8A));
	background-image: -webkit-linear-gradient(top, #B5B5B5, #8A8A8A);
	background-image: -o-linear-gradient(top, #B5B5B5, #8A8A8A);
	background-image: linear-gradient(to bottom, #B5B5B5, #8A8A8A);
	background-repeat: repeat-x;
	border-color: #8A8A8A;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B5B5B5', endColorstr='#8A8A8A', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-ash:hover,
.btn-ash:active,
.btn-ash.active,
.btn-ash.disabled,
.btn-ash[disabled] {
	color: #FFFFFF;
	background-color: #8A8A8A;
	*background-color: #003bb3;
}





#page-wrap { margin: 20px auto;}

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* JQUERY DROPDOWN */
.dropdown {
	position: absolute;
	z-index: 9999999;
	display: none;
}

.dropdown .dropdown-menu,
.dropdown .dropdown-panel {
	max-width: 348px;
	list-style: none;
	background: #FFF;
	border: solid 1px #DDD;
	border: solid 1px rgba(0, 0, 0, .2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: visible;
	padding: 4px;
	margin: 0;
}

.dropdown .dropdown-panel {
	padding: 10px;
}

.dropdown.dropdown-tip {
	margin-top: 8px;
}

.dropdown.dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:before {
	left: auto;
	right: 9px;
}

.dropdown.dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:after {
	left: auto;
	right: 10px;
}


.dropdown.dropdown-scroll .dropdown-menu,
.dropdown.dropdown-scroll .dropdown-panel {
	max-height: 358px;
	overflow: auto;
}

.dropdown .dropdown-menu LI > A:hover,
.dropdown .dropdown-menu LABEL:hover {
	cursor: pointer;
}




/* ORDER STYLES ****/

#checkoutsteps .step { float: left; width: 130px; height: 85px; text-align: center; color: #999 }
#checkoutsteps .selected { color: #333; font-weight: bold; }
#checkoutsteps .pointer { width: 130px; height: 34px; background: url(images/checkoutsteps.gif) no-repeat center top; margin: 0 0 10px 0; color: white; line-height: 34px; font-size: 24px; font-family: uni, Arial, Helvetica, sans-serif; }
#checkoutsteps .selected .pointer { background-position: bottom; }
#checkoutsteps .text { }

.paypal-notice { text-align: center; background: url(images/loader.gif) no-repeat center 30px; padding-top: 100px; }

.delivery-option label { display: inline; }
.delivery-option input { vertical-align: auto !important }

.pricebox { position: relative; }
.priceloading { position: absolute; width: 100%; height: 100%; background: url(builder/images/ajax-loader.gif) no-repeat center #fff; left: 0; top: 0; display: none; }