/*
Theme Name: Diverse Interiors
Theme URI: 
Description: 
Version: 1.0
Author: Luke Evans
Author URI: http://www.lukevans.com/
Tags: 
*/



* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
body {
	background: #fff url(images/body_bg.png) left 231px repeat-x;
	color: #797979;
	font-size: 62.5%; /*Resets 1em to 10px*/
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
body.home {background: #fff url(images/body_bg.png) left 455px repeat-x;}

#wrapper {}
.inner {
	margin: 0 auto;
	width: 918px;
	text-align: left;
}
#container .inner, #footer .inner {
	padding: 9px 38px 0 38px;
	width: 858px;
}
#footer .inner {
	width: 837px;
	height: 15px;
	padding-bottom: 10px;
}

.clear {clear: both;}

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}

img {border: none;}




/*  Header
************************************************************************************************************/
#header {
	height: 171px;
	background: url(images/header_bg.png) left top repeat-x;
}

#header .logo {
	width: 383px;
	height: 168px;
	float: left;
	background: url(images/diverseinteriors_logo.png) left top no-repeat;
}
#header .logo a {
	margin-top: 29px;
	width: 328px;
	height: 95px;
	display: block;
	text-decoration: none;
	outline: none;
}
#header .logo span {visibility: hidden;}





/*  Main Navigation
************************************************************************************************************/
#nav {
	margin-top: 78px;
	margin-right: 18px;
	background: url(images/nav_bg_mid.gif) left top repeat-x;
	float: right;
}
#nav .bg-right {background: url(images/nav_bg_right.gif) right top no-repeat;}
#nav .bg-left {
	padding-right: 10px;
	padding-left: 20px;
	height: 90px;
	background: url(images/nav_bg_left.gif) left top no-repeat;
}
#nav li {
	margin-top: 42px;
	padding: 0 11px;
	float: left;
	font-size: 1.6em;
}
#nav li.page-item-home {padding-left: 0; background: none;}

#nav li a {
	color: #777;
	text-align: center;
	text-decoration: none;
	outline: none;
}
#nav li a:hover, #nav ul li.current_page_item a {color: #333;}

#nav li ul {display: none;}



.gallery h2 {
	padding-top: 10px;
	clear: both;
}

/*  Splash
************************************************************************************************************/
.splash {
	background: url(images/splash_bg_orange_small.jpg) left bottom repeat-x;
	border-top: 3px solid #f7bd62;
}
#container .splash .inner {padding-top: 0; padding-left: 55px; position: relative; height: 54px;}

.splash .slideshow {
	width: 462px;
	height: 278px;
	position: absolute;
    right: 38px;
	top: 0;
}

	/*  Splash - Copy
	*****************************************************/
	.splash .copy {width: 385px;}
	
	/******* Vertical Align ********************************
	.splash .inner>.vertAlign { 
		display:table;
		position:static;
	}
	.vertAlign { 
		height:100%;
		position:relative;
	}
	.vertAlign div { 
		position:absolute;
		top:50%;
	}
	.vertAlign>div { 
		display:table-cell;
		vertical-align:middle;
		position:static;
	}
	.vertAlign div div {
		position:relative;
		top:-50%;
	}*/
	.vertAlign {padding-top: 26px;}
	
	.splash h2 {
		padding-top: 11px;
		color: #fff;
		font-size: 2.8em;
		line-height: 1em;
		font-weight: normal;
	}
	.splash p {
		margin-bottom: 9px;
		color: #fef0dd;
		font-size: 1.6em;
		line-height: 1.1em;
	}
	.splash .btn {
		margin-top: 7px;
	}

.home .splash {background: url(images/splash_bg_orange.jpg) left bottom repeat-x;}
.home #container .splash .inner {height: 278px;}
.home .splash h2 {padding: 0; margin-bottom: 9px;}




/*  Container
************************************************************************************************************/
/*#container {background: url(images/container_bg.gif) center 74px no-repeat;}
.home #container {background: url(images/body_bg.png) center 298px no-repeat;}*/


#sidebar .box {
	margin-top: 1px;
	padding-bottom: 2px;
}





/*  Content
************************************************************************************************************/
	

	/*  Content - Subpage
	*****************************************************/
	#content {
		margin-right: 2px;
		float: left;
		background: url(images/content_bg_mid.png) left top repeat-x;
		font-size: 1.4em;
	}
	#content .left {background: url(images/content_bg_left.png) left top no-repeat;}
	#content > .left > .right {
		padding: 24px;
		width: 535px;
		min-height: 190px;
		background: url(images/content_bg_right.png) right top no-repeat;
	}
	.home #content .right {
		padding-top: 11px;
	}
	#content h2 {
		margin-top: 10px;
		margin-bottom: 7px;
		color: #F88E10;
		font-size: 1.4em;
	}
	#content h3 {
		margin-top: 13px;
		color: #666;
		font-size: 1.3em;
	}
	#content h4 {
		margin-top: 10px;
		color: #6B6B6B;
		font-size: 1.1em;
		text-transform: uppercase;
	}
	
	#content a {color: #ee8201; outline: none;}
	#content a:hover {text-decoration: none;}
	#content h3 a {text-decoration: none;}
	#content h3 a:hover {text-decoration: underline;}
	#content h4 a {color: #6b6b6b; text-decoration: none;}
	#content h4 a:hover {text-decoration: underline;}
	
	#content p, #content ul {margin-top: 7px; line-height: 1.4em;}
	#content p strong, #content ul strong {color: #333;}
	
	#content ul li {
		margin-top: 5px;
		padding-left: 11px;
		background: url(images/bullet_orange.gif) left 7px no-repeat;
	}
	
	#content .col1 {margin-right: 20px; width: 300px; float: left;}
	#content .col1 div.hr {margin-left: 1px; height: 29px; background: url(images/col1_hr.png) center 16px no-repeat;}
	#content .col2 {margin-left: 320px; width: 312px;}
	
	#content th, #content td {
		padding: 5px 10px 0 0;
	}
	#content input, #content textarea {
		padding: 3px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	/******* Images *********************************/
	#content a img {border: none;}
	#content img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	#content img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
	}
	
	#content img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
	}

	/******* Form Elements *********************************/
	#searchform {margin: 10px auto;	padding: 5px 3px; text-align: center;}
	
	#sidebar #searchform #s {width: 108px; padding: 2px;}
	#sidebar #searchsubmit {padding: 1px;}

	.entry form {text-align:center; /* This is mainly for password protected posts, makes them look better. */}
	select {width: 130px;}

	#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
	#commentform {margin: 5px 10px 0 0;}
	#commentform textarea {width: 100%;	padding: 2px;}
	#respond:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
	}
	#commentform #submit {margin: 0 0 5px auto; float: right;}


	/*  Content - Home Page
	*****************************************************/
	#content .box {
		margin-top: 13px;
		margin-right: 13px;
		float: left;
		background: url(images/content_box_bg_mid.png) left top repeat-x;
	}
	#content .norightmargin {
		margin-right: 0;
	}
	#content .box .left {
		background: url(images/content_box_bg_left.png) left top no-repeat;
	}
	#content .box .right {
		padding: 9px;
		width: 243px;
		background: url(images/content_box_bg_right.png) right top no-repeat;
	}
	#content .box h2 {
		margin-top: 0;
	}
	#content .box h2 a {
		text-decoration: none;
	}



/*  Breadcrumb
************************************************************************************************************/
#breadcrumb {color: #88888c; font-size: 0.85em;}
#breadcrumb a {color: #88888c;	text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline;}
#breadcrumb span {color: #ee8201; font-weight: bold;}





/*  Sidebar
************************************************************************************************************/
#sidebar {
	width: 273px;
	float: left;
}
#sidebar .box {background: url(images/sidebar_box_bg_mid.png) left top repeat-x;}
#sidebar .box .left {background: url(images/sidebar_box_bg_left.png) left top no-repeat;}
#sidebar .box .right {padding: 20px 22px 0 22px; height: 104px; background: url(images/sidebar_box_bg_right.png) right top no-repeat;}
#sidebar .box.fade {background: url(images/sidebar_boxfade_bg_mid.png) left top repeat-x;}
#sidebar .box.fade .left {background: url(images/sidebar_boxfade_bg_left.png) left top no-repeat;}
#sidebar .box.fade .right {padding: 23px 22px 0 22px; background: url(images/sidebar_boxfade_bg_right.png) right top no-repeat;}


#sidebar h2 {font-size: 2em;}
.page-template-page-order-php #sidebar h2 {font-size: 1.8em;}

	/*  Sidebar - Shopping Cart
	*****************************************************/
	#cart {
		position: relative;
	}
	
	#cart.box .mid {padding-right: 12px; padding-left: 12px;}
	
	#cart h2 {
		padding-bottom: 9px;
		color: #ee8201;
		line-height: 0.9em;
	}
	#cart h3 {
		height: 16px;
		margin-top: 3px;
		margin-bottom: 3px;
		padding-top: 1px;
		padding-right: 7px;
		padding-left: 8px;
		color: #fff;
		font-size: 1.2em;
		text-transform: uppercase;
	}
	#cart p {
		font-size: 1.2em;
	}
	#cart #loading-cart {
		position: absolute;
		right: 15px;
	}
	#cart .packages, #cart .groups, #cart .total {clear: both;}
	#cart .groups {padding-top: 7px;}
	#cart .total {padding-top: 4px;}
	#cart .packages h3 {margin-bottom: 0; background: url(images/cart_h3_green.jpg) left top no-repeat;}
	#cart .groups h3 {background: url(images/cart_h3_orange.jpg) left top no-repeat;}
	#cart .total h3 {background: url(images/cart_h3_grey.jpg) left top no-repeat;}
	
	#cart .item {padding: 7px 7px 0 8px; clear: both;}
	#cart .item h4 {
		float: left;
		color: #626263;
		font-size: 1.1em;
	}
	#cart .item h4.name {width: 105px; text-transform: uppercase;}
	#cart .item h4.qty {color: #89898a;}
	#cart .item h4.price {float: right;color: #8cbc25;}
	
	#cart .packages .item .bgImgs {
		padding: 2px 0 7px 0;
		clear: both;
	}
	#cart .packages .item .bgImgs div, #cart .groups .item div {
		margin-right: 3px;
		position: relative;
		float: left;
		border: 2px solid #e7e7e7;
	}
	#cart .packages .item .bgImgs div:hover, #cart .groups .item div:hover {
		border-color: #df0101;
	}
	#cart .packages .item .bgImgs div span {
		width: 14px;
		height: 11px;
		padding: 2px 1px 3px 2px;
		right: 0;
		bottom: 0;
		position: absolute;
		/*display: block;*/
		background-color: #e7e7e7;
		font-size: 1.1em;
		font-weight: bold;
		text-align: right;
	}
	#cart .packages .item .bgImgs div a {display: block; color: #626263; text-decoration: none;}
	#cart .packages .item .bgImgs div:hover span {
		background-color: #df0101;
	}
	#cart .packages .item .bgImgs div:hover a {
		color: #fff;
	}
	#cart .packages .item .bgImgs div img {vertical-align: bottom;}
	
	#cart .groups .item {
		height: 51px;
		padding-bottom: 3px;
		clear: both;
	}
	#cart .groups .item div {
		margin-right: 37px;
	}
	#cart .groups .item h4.price {
		color: #EE8201;
	}
	
	#cart .total h3 {margin-bottom: 0;}
	#cart .total h3 span.heading {float: left;}
	#cart .total h3 span.price {float: right;}
	#cart .total p {padding-top: 10px;}
	#cart .total p a {color: #ee8201; text-decoration: none;}
	#cart .total p a:hover {text-decoration: underline;}

	/*  Sidebar - Testimonials
	*****************************************************/
	#testimonials {
		color: #ee8201;
	}
	#testimonials h3 {
		padding-bottom: 10px;
		font-size: 1.6em;
		line-height: 1.1em;
		font-style: italic;
	}
	#testimonials p {
		color: #f19527;
		font-size: 1.4em;
	}

	/*  Sidebar - eNewsletter
	*****************************************************/
	#enewsletter h2 {
		padding-left: 32px;
		background: #fff url(images/icon_envelope.jpg) left top no-repeat;
		color: #f88e10;
	}
	#enewsletter h3 {
		margin-top: 7px;
		color: #626262;
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.1em;
	}
	#enewsletter p {padding-top: 5px; font-size: 1.2em;}
	#enewsletter a {color: #8cbc25; text-decoration: none;}
	#enewsletter a:hover {text-decoration: underline;}

	#enewsletter ul li {height: 23px; padding-top: 5px;}
	#enewsletter input {float: left;}
	#enewsletter input.txt {
		margin-top: 2px;
		margin-right: 5px;
		padding: 1px 3px;
		width: 174px;
		color: #737373;
		font-family: Arial, Helvetica, sans-serif;
	}

	/******* Form Validation *********************************/
	#enewsletter .errors {
		margin: 4px 0;
		padding-bottom: 4px;
		background-color: #fee4e4;
		border: 1px solid #df8f8f;
		color: #df0101;
	}
	#enewsletter .errors li {
		padding: 4px 6px 0 6px;
		height: auto;
		font-size: 1.1em;
	}




/*  Order Online
************************************************************************************************************/

	/*  Order Online - Layout
	*****************************************************/
	.page-template-page-order-php #content, .page-template-page-checkout-php #content {width: 568px; background: #fff url(images/order_content_bg_top.gif) left top no-repeat;}
	.page-template-page-order-php #sidebar, .page-template-page-checkout-php #sidebar {width: 224px;}
	.page-template-page-order-php #sidebar .box .top, .page-template-page-checkout-php #sidebar .box .top {height: 13px; background: url(images/order_box_bg_top.gif) left top no-repeat;}
	.page-template-page-order-php #sidebar .box .btm, .page-template-page-checkout-php #sidebar .box .btm {height: 13px; background: url(images/order_box_bg_btm.gif) left top no-repeat;}

	/*  Order Online - Content
	*****************************************************/
	.page-template-page-order-php #content h3, .page-template-page-checkout-php #content h2, .page-template-page-checkout-php #content h3 {
		height: 21px;
		padding-top: 2px;
		margin-top: 11px;
		margin-bottom: 10px;
		padding-left: 9px;
		background: url(images/order_h3_bg_green.jpg) left top no-repeat;
		color: #fff;
		font-size: 1.15em;
	}
	.page-template-page-order-php .thumb {
		display: block;
		border: 4px solid #d7d7d7;
	}
	.page-template-page-order-php #content .thumb img {border: 1px solid #e4e4e4;}

	/******* Background Photos *********************************/
	.page-template-page-order-php .backgrounds .singleImg {
		width: 208px;
		margin-right: 10px;
		margin-bottom: 7px;
		float: left;
		background: #f9f9f9 url(images/ajax-loader-singleImg.gif) center 25px no-repeat;
		border: 4px solid #d7d7d7;
	}
	.page-template-page-order-php .backgrounds #singleImgBg {height: 206px; padding-top: 71px; border: 1px solid #e4e4e4;}
	.page-template-page-order-php .backgrounds #singleImgBg img {} 
	
	.page-template-page-order-php .backgrounds .bg {
		margin-bottom: 7px;
		margin-left: 8px;
		width: 98px;
		height: 132px;
		float: left;
	}
	
	.page-template-page-order-php a.addCart {
		width: 107px;
		height: 26px;
		display: block;
		text-decoration: none;
	}
	.page-template-page-order-php a.addCart span {visibility: hidden;}
	
	.page-template-page-order-php .backgrounds .thumb:hover, .page-template-page-order-php .backgrounds .thumb.active {border-color: #8bbb24;}
	.page-template-page-order-php .backgrounds .thumb:hover img, .page-template-page-order-php .backgrounds .thumb.active img {border-color: #cae493;}

	/******* Packages *********************************/
	.page-template-page-order-php #content .packages {padding-bottom: 7px;}
	.page-template-page-order-php #content .packages .packagesBg {position: relative; min-height: 194px;}
	.page-template-page-order-php #content .packages .packagesBg.bg-1 {background: url(images/order_package_bg_1.jpg) left bottom no-repeat;}
	.page-template-page-order-php #content .packages .packagesBg.bg-2 {background: url(images/order_package_bg_2.jpg) left bottom no-repeat;}
	.page-template-page-order-php #content .packages .packagesBg.bg-3 {background: url(images/order_package_bg_3.jpg) left bottom no-repeat;}
	.page-template-page-order-php #content .packages .pkgWrap {	
		width: 184px;
		margin-right: 8px;
		padding-bottom: 44px;
		float: left;
	}
	.page-template-page-order-php #content .packages .pkgWrap.norightmargin {margin-right: 0;}
	
	.page-template-page-order-php #content .packages h4 {
		margin-top: 0;
		padding-top: 5px;
		padding-right: 8px;
		padding-left: 8px;
		height: 21px;
		background: url(images/order_package_h4_bg.jpg) left top no-repeat;
		color: #fff;
		font-size: 0.9em;
		text-align: left;
	}
	.page-template-page-order-php #content .packages span.header {
		float: left;
	}
	.page-template-page-order-php #content .packages span.price {
		float: right;
	}
	.page-template-page-order-php #content .pkgWrap.noimage {margin-bottom: 10px;}
	.page-template-page-order-php #content .packages .pkgWrap ul {
		margin-top: 0;
		padding-left: 11px;
	}
	.page-template-page-order-php #content .packages .pkgWrap ul li {	
		margin: 0;
		padding: 0;
		text-align: left;
		color: #626263;
		font-size: 0.8em;
		line-height: 1.3em;
	}
	.page-template-page-order-php #content .packages .pkgWrap a.addCart {	
		margin-left: 39px;
		position: absolute;
		bottom: 8px;
		background: url(images/order_btn_addCart_green.jpg) left top no-repeat;
	}
	.page-template-page-order-php #content .packages a.addCart.loading {background-position: right top; cursor: default;}
	
	/******* Group Photos *********************************/
	.page-template-page-order-php #content .groups h3 {background: url(images/order_h3_bg_orange.jpg) left top no-repeat;}
	
	.page-template-page-order-php .groups .grpWrap {
		width: 182px;
		margin-right: 11px;
		margin-bottom: 7px;
		float: left;
		text-align: center;
	}
	.page-template-page-order-php .groups .grpWrap.norightmargin {margin-right: 0;}
	.page-template-page-order-php #content .groups .grp {
		width: 174px;
		margin-bottom: 6px;
		padding: 5px 4px 4px 4px;
		background: url(images/order_group_bg.png) left top no-repeat;
		color: #fff;
		font-size: 0.8em;
		text-align: left;
		text-decoration: none;
	}
	.page-template-page-order-php #content .groups .grp span {padding-left: 3px; display: block; position: relative;}
	.page-template-page-order-php #content .groups .grp span span {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 1.1em;
		font-weight: bold;
	}
	.page-template-page-order-php #content .groups .grp img {
		margin-top: 5px;
	}
	.page-template-page-order-php .groups .thumb {border: none;}
	.page-template-page-order-php #content .groups .thumb img {border: 1px solid #898989;}
	.page-template-page-order-php .groups .thumb:hover {}
	.page-template-page-order-php .groups a.addCart {
		margin: 0 auto;
		background: url(images/order_btn_addCart_orange.jpg) left top no-repeat;
	}
	.page-template-page-order-php #content .groups a.addCart.loading {background-position: right top; cursor: default;}

	.page-template-page-checkout-php #content .groups .item {
		clear: both;
		height:51px;
		padding-top:10px;
	}
	.page-template-page-checkout-php #content .item h4 {
		float: left;
		color: #626263;
		font-size: 1.1em;
		text-transform: lowercase;
	}
	.page-template-page-checkout-php #content .item h4.name {width: 208px; text-transform: uppercase;}
	.page-template-page-checkout-php #content .item h4.qty {color: #89898a;}
	.page-template-page-checkout-php #content .item h4.price {float: right; color: #8cbc25;}
	.page-template-page-checkout-php #content .groups .item h4.price {float: right; color: #EE8201;}
	
	.page-template-page-checkout-php #content .packages .item .bgImgs {
		height: 68px;
		padding: 2px 0 0 0;
		clear: both;
	}
	.page-template-page-checkout-php #content .packages .item .bgImgs div, .page-template-page-checkout-php #content .groups .item div {
		margin-right: 3px;
		position: relative;
		float: left;
		border: 2px solid #e7e7e7;
	}
	/*.page-template-page-checkout-php #content .packages .item .bgImgs div:hover, .page-template-page-checkout-php #content .groups .item div:hover {
		border-color: #df0101;
	}*/
	.page-template-page-checkout-php #content .packages .item .bgImgs div span {
		width: 14px;
		height: 11px;
		padding: 2px 1px 3px 2px;
		right: 0;
		bottom: 0;
		position: absolute;
		/*display: block;*/
		background-color: #e7e7e7;
		font-size: 0.8em;
		font-weight: bold;
		text-align: right;
	}
	.page-template-page-checkout-php #content .packages .item .bgImgs div a {display: block; color: #626263;}
	/*.page-template-page-checkout-php #content .packages .item .bgImgs div:hover span {
		background-color: #df0101;
	}*/
	.page-template-page-checkout-php #content .packages .item .bgImgs div:hover a {
		color: #fff;
	}
	.page-template-page-checkout-php #content .packages .item .bgImgs div img {vertical-align: bottom;}	






div.wpcf7-mail-sent-ok {
    background: #E8FFDE !important;
    border: 2px solid #88BD7E !important;
    color: #6DA162;
}
div.wpcf7-mail-sent-ng {
	background: #ffdede !important;
    border: 2px solid #bd7e7e !important;
    color: #a16262;
}
div.wpcf7-response-output {
    padding: 0.5em 0.7em !important;
}




/*  Checkout
************************************************************************************************************/

	/*  Checkout - Content
	*****************************************************/
	.page-template-page-checkout-php #content h2 {margin-bottom: 0; background-image: url(images/checkout_h3_bg_wht.jpg); color: #555;}
	.page-template-page-checkout-php #content h3 {margin-bottom: 0; background-image: url(images/checkout_h3_bg_green.jpg);}
	.page-template-page-checkout-php #content .groups h3 {margin: 10px 0 0 0; background-image: url(images/checkout_h3_bg_orange.jpg);}
	.page-template-page-checkout-php #content .groups .item div {margin-right: 140px;}
	.page-template-page-checkout-php #content .shipping, .page-template-page-checkout-php #content .contact-details {margin-bottom: 25px;}
	.page-template-page-checkout-php #content .shipping {margin: 25px 0;}
	.page-template-page-checkout-php #content .shipping h2 {
		margin: 0;
	}
	.page-template-page-checkout-php #content .shipping p  {
		float: left;
	}
	.page-template-page-checkout-php #content .shipping p input  {
		margin-right: 5px;
	}
	.page-template-page-checkout-php #content .shipping p.price  {
		float: right;
		font-size: 1.1em;
		font-weight: bold;
	}
	.page-template-page-checkout-php #content .total h3 {
		margin-top: 0;
		padding-right: 9px;
		background-image: url(images/checkout_h3_bg_grey.jpg);
		text-align: right;
		text-transform: uppercase;
	}
	





/*  Footer
************************************************************************************************************/
#footer {
	height: 23px;
	color: #b0b0b0;
	font-size: 1.1em;
}
#footer a {
	color: #b0b0b0;
	text-decoration: none;
}
#footer a:hover {
	color: #808080;
}
#footer ul li {padding-left: 10px; float: left; background: url(images/footer_divide.gif) 4px 2px no-repeat;}
#footer ul li.copyright {padding-left: 0; background: none;}