* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../img/background-tile.png);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-size: 76%;
	color: #565656;
}

p, #content ul {
	font-size:1.2em;
	line-height:1.6em;
	margin-bottom:1em;
}

#content ul.content-ul {
	margin-left:2em;
	margin-bottom:1.4em;
}

h1, h2, h3, h4, h5, .category {
	font-weight: normal;
	font-family: 'HelvNewReg', sans-serif !important;
	margin-top: 0px;
	margin-bottom: 20px;
	text-transform:uppercase;
	color: #000;
}

a img {
	border: 0;
}

.image-right {
	float: right;
	margin-left: 18px;
	margin-bottom: 18px;
}

.image-left {
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
}

.image-center {
	margin-bottom: 18px;
}

.faq h3 {
	margin-bottom: 0px;
}

.category {
	
}

.clear {
	clear: both;
}

p {
	margin-bottom: 1em;
}

#wrapper {
	width: 974px;
	margin: 0px auto;

}

#header {
	width: 974px;
	height:134px;
	float: left;
	clear: both;
}

#header #logo {
	display: block;
	width: 221px;
	height: 134px;
	text-indent: -100em;
	background-image: url(../img/intoto-logo.png);
	float: left;
	overflow: hidden;
	margin-left:18px;
}
#header #logo a {
	display: block;
	width: 221px;
	height: 134px;
	overflow: hidden;	
}

/* Contracts Logo */

#header #logo-contracts {
	display: block;
	width: 221px;
	height: 134px;
	text-indent: -100em;
	background-image: url(../img/intoto-logo-contracts.png);
	float: left;
	overflow: hidden;
	margin-left:18px;
}
#header #logo-contracts a {
	display: block;
	width: 221px;
	height: 134px;
	overflow: hidden;	
}


#header #banner {
	float: right;
	width: 699px;
	margin-top: 18px;
	height: 101px;
	/*background-image: url(../img/top-banner.png);*/
}

#banner-edit {
	height: 20px;
	margin-top: -20px;
	overflow: hidden;
	background: #fff;
	text-align: right;
}

#navigation {
	width: 974px;
	height:36px;
	clear: both;
	float: left;
	list-style-type: none;
	font-size: 1.3em;
}

#navigation li {
	float: left;
	height:36px;
}

#navigation li.selected {
	float: left;
	background-color:#FFFFFF;
}

#navigation li a {
	float: left;
	display: block;
	color:#000000;
	text-decoration:none;
	padding-left:18px;
	padding-right:18px;
	height:29px;
	padding-top:7px;
	text-transform: uppercase;
	font-size: 1em;
	font-family:'HelvNewReg',sans-serif !important;
}

#navigation li a:hover {
	background-color:#FFFFFF;
}

#sidebar {
	float: left;
	width: 221px;
	margin-left:18px;
}
#sidebar h2 {
	margin-bottom: 11px;
}

#sidebar ul {
	border-bottom:1px solid #d4d4d4;
	padding-bottom:18px;
}

#content-wrapper {
	float:left;
	width:974px;
	background-color:#FFFFFF;
	min-height:350px;
}

table.cake-sql-log {
	clear: left;
	width: 100%;
}

#content {
	float: right;
	width: 699px;
	margin-right:18px;
	padding-top: 16px;
}

#content p.breadcrumbs {
	color:#f18e00;
	font-size:11px;
	display:block;
	margin-top:5px;
}

#content p.breadcrumbs a {
	color:#9e9e9e;
	text-decoration:none;
}

#content p.breadcrumbs a:hover {
	text-decoration:underline;
}

body.admin #content {
	padding-bottom:20px;
	width:938px;	
}

body.admin table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

body.admin table tr td, body.admin table tr th {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
	text-align: left;
}

body.admin table th {
	background: #eee;
}


#sidebar .block {
	padding-top:18px;
}
#sidebar .block p {
	font-size: 11px; 
}

.franchise-side .bl-hover h2 a {
	background-image:url("../img/orange-arrow.png");
	background-repeat: no-repeat;
	padding-right: 17px;
	background-position: 100% 50%;
	width: auto;
	display: inline !important;
}

#find-showroom {
	border-bottom:1px solid #D1D1D1;
	padding-bottom:18px;
}

#promotional-panel {
	width:221px;
	height:221px;
	text-indent:-150em;
	background-image:url(../img/30year-sideblock.png);
}

#footer {
	color:#9e9e9e;
	font-size:11px;
	border-top:1px solid #d1d1d1;
	margin-top:18px;
	padding-top:11px;
	background-image:url(../img/footer-shadow.png);
	background-position:0px 65px;
	background-repeat:no-repeat;
	float:left;
	width:938px;
	height:150px;
	margin-left: 18px;
}

#footer p {
	font-size:11px;
	line-height: 13px;
}

#footer #footer-info {
	width:545px;
	float:left;
}

#footer ul {
	list-style-type: none;
	float:right;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	color:#9e9e9e;
	text-decoration:none;
	border-right:1px solid #d1d1d1;
	padding-right:8px;
	padding-left:4px;
}

#footer ul li a:hover {
	text-decoration:underline;
}

#footer ul li.last a {
	color:#9e9e9e;
	border-right:none;
	padding-right:0px;

}



.category, .range {
	width: 221px;
	float: left;
	margin-left: 18px;
	height: 200px;
	display: block;
	text-decoration: none;
}

.first-category {
	margin-left: 0px;
}

.category img {
	border: 0;
}

.category {
	font-size: 2em
}

.range {
	background-image: url(http://dummyimage.com/200x150);
	height: 150px;
	margin-bottom: 10px;
}

img.side {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#left-column {
	width: 340px;
	float: left;
	margin-right: 19px;
}

#right-column {
	width: 340px;
	float: left;
}

#request-brochure {
	border-bottom:1px solid #D1D1D1;
	padding-bottom:18px;
}

#our-ranges {
	border-bottom:1px solid #D1D1D1;
	padding-bottom:18px;
}

#steps-to-success {
	border-bottom:1px solid #D1D1D1;
	padding-bottom:18px;
}



#regional-offices {
	border-bottom:1px solid #D1D1D1;
	padding-bottom:18px;
}

#faqs {
	border-bottom:1px solid #D1D1D1;
	padding-bottom:0px !important;
}

#interested {
	border-bottom:1px solid #D1D1D1;
	padding-bottom:18px;
	padding-top: 14px !important;
	padding-bottom: 0px;
}

#interested h2 {
	margin-bottom: 3px;
}

#sidebar h2 a {
	color: #000;
}

#promotional-panel {
	height: 203px;
	margin-top:18px;
}

#promotional-panel a {
	display:block;
	float:left;
	height: 203px;
	width:221px;
	margin-top:18px;
	overflow:hidden;
}

.category-column {
	float: left;
	width: 221px;
	margin-right:18px;
	
}

.category-column h3{
	font-size:28px;
	margin-top:10px;
	margin-bottom:10px;
}

#content .category-column h3 {
	clear:left;
	float:left;
	font-size:28px;
	margin-bottom:10px;
	margin-top:10px;
}


/* needs fix for IE6 */
.category-column:last-child {
	
	margin-right:0px;
	
}
.range-small {
	float: left;
	clear: left;
}

.range-small img{
	margin-right:10px;
}

a.range-small-link {
	position:relative;
	top:25px;
	width:auto;
	padding-right:15px;
	font-family: 'HelvNewReg', sans-serif !important;
	text-transform:uppercase;
	font-size:18px;
	text-decoration:none;
	color:#000;
	
}

a:hover.range-small-link {
	background-image:url('../img/orange-arrow.png');
	background-position:100% 50%;
	background-repeat:no-repeat;
	
	/*text-decoration:underline; */
	
}

.range-bottom{
	border-top:1px solid #D1D1D1;
	padding-top:10px;
}

.range-bottom a, #side-nav a {
	color:#000;
	padding-right:15px;
	text-decoration:none;
	background-image:url('../img/orange-arrow.png');
	background-position:100% 50%;
	background-repeat:no-repeat;
}

.category-column img {
	margin-bottom: 10px;
	float: left;
	clear: left;
}

#content #ShowroomSearchForm {
	height:110px;
	background: #eee;
	padding: 10px;
}

#ShowroomSearchForm div.input {
	float:left;
	margin-bottom:10px;
	width:180px;
}

#ShowroomSearchForm div.submit {
	clear: none;
	float: left;
}

#ShowroomSearchForm div.submit input, #BrochureRequestIndexForm div.submit input {
	padding: 4px;
}

#ShowroomSearchForm .quick-find-help {
	float: right;
	width: 300px;
}

#ShowroomSearch {
	padding: 5px;
	margin-top:2px;	
	width:164px;
}

#sidebar #ShowroomSearchForm {
	
	padding: 0px;
	background: none;
}

#request-brochure img {
	display: block;
	float: left;
	clear: left;
}

#request-brochure a {
	position: relative;
	display: block;
	text-decoration: none;
}

#request-brochure a span {
	display: block;
	background: #fff;
	height: 20px;
	position: absolute;
	padding: 3px;
	width: 216px;
	color: #000;
	font-family: 'HelvNewReg', sans-serif !important;
	font-size: 1.5em;
	padding: 5px 0px 5px 5px; 
	
}

#our-ranges img {
	display: block;
	float: left;
	clear: left;
}

#our-ranges a {
	position: relative;
	display: block;
	text-decoration: none;
}

#our-ranges a span {
	display: block;
	background: #fff;
	height: 20px;
	position: absolute;
	top: 90px;
	left: 0px;	
	padding: 3px;
	width: 198px;
	color: #000;
	font-family: 'HelvNewReg', sans-serif !important;
	font-size: 1.4em;
	padding: 5px 18px 5px 5px; 
	
	text-align:right;
	text-transform:uppercase;
	background-image:url('../img/orange-arrow-transparent.png');
	background-repeat:no-repeat;
	background-position:100% 50%;
	
	
}

#regional-offices img {
	display: block;
	float: left;
	clear: left;
}

#regional-offices a {
	position: relative;
	display: block;
	text-decoration: none;
}

#regional-offices a span {
	display: block;
	background: #fff;
	height: 20px;
	position: absolute;
	top: 90px;
	left: 0px;	
	padding: 3px;
	width: 198px;
	color: #000;
	font-family: 'HelvNewReg', sans-serif !important;
	font-size: 1.4em;
	padding: 5px 18px 5px 5px; 
	
	text-align:right;
	text-transform:uppercase;
	background-image:url('../img/orange-arrow-transparent.png');
	background-repeat:no-repeat;
	background-position:100% 50%;
	
}

#sidebar #faqs h2 {
	margin-bottom: 3px;
}

#faqs img, #interested img, #steps-to-success img  {
	display: block;
	float: left;
	clear: left;
}

#faqs a, #interested a, #steps-to-success a {
	position: relative;
	display: block;
	text-decoration: none;
}

#faqs a span, #interested a span, #steps-to-success a span {
	display: block;
	background: #fff;
	height: 20px;
	position: absolute;
	top: 90px;
	left: 0px;	
	padding: 3px;
	width: 198px;
	color: #000;
	font-family: 'HelvNewReg', sans-serif !important;
	font-size: 1.4em;
	padding: 5px 18px 5px 5px; 
	
	text-align:right;
	text-transform:uppercase;
	background-image:url('../img/orange-arrow-transparent.png');
	background-repeat:no-repeat;
	background-position:100% 50%;
	
}

.faded {
	color: #888;
}

/* Standard form styles */

div.input {
	margin-bottom: 10px;
	clear: left;
}

div.input label {
	display: block;
	margin-right: 10px;
}

body.admin label {
	float: left;
	width: 180px;
	padding-top: 5px;
	text-align: right;
}

body.admin input {
	font-size: 1em;
	padding: 3px;
}

body.admin textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 3px;
	width: 500px
}

body.admin .text input {
	width: 500px
}

body.admin .checkbox input {
	margin-top: 5px;
}

body.admin div.submit {
	clear: both;
	float: left;
	width: 702px;
}

body.admin div.submit input {
	float: right;
}

/* Showrooms */

#showrooms {
	list-style-type: none;
}

.thumbs {
	margin-top: 5px;
}

.thumbs img {
	margin-right: 5px;
	display:block;
	float: left;
}

.thumbs img:last-child {
	margin-right: 0px;
}

#side-nav {
	list-style-type: none;
	padding: 10px;
}

.ex-demo-kitchen {
	float: left;
	clear: left;
	width: 699px;
	margin-bottom: 18px;
}

.ex-demo-kitchen img {
	display: block;
	float: left;
	margin-right: 10px;
}

.ex-demo-kitchen .description {
	width: 340px;
	float: right;
}


.appliance {
	clear: left;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.appliance img {
	float: left;
	margin-right: 20px;
}


#admin-bar {
	position: fixed;
	top: 0;
	width: 100%;
	opacity: 0.7;
	background: #000;
	border-bottom: 1px solid #ccc;
	z-index: 9999;
	height: 40px;
	font-size: 1.3em;
}

#admin-bar a {
	padding: 8px;
	float: left;
	color: #fff;
}	

#logout-link {
	float: right !important;
}



/** Upload **/

div.fileUpload, div.fileIcon, div.fileName, div.fileActions, div.fileProgress, div.fileProgressText {
	padding:0;
	margin: 0;
	clear: none;
}


div.fileUpload {
	float: left;
	padding-bottom: 5px;
}

div.fileUpload input {
	width: auto !important;
	float: left;
	margin-left: 3px;
}

div.fileIcon {
	float: left;
	clear: left;
	height: 48px;
}

div.fileName {
	display:block;
	float:left;
	height:30px;
	padding-top:18px;
	padding-left: 7px;
	vertical-align: middle;
	clear: none;
}

div.fileName {
}

div.fileActions input {
	float: left;
	display: block;
	clear:none;
	margin-top: 3px;
}

div.fileActions {
	float: left;
	height: 38px;
	padding-top: 10px;
}

div.fileProgress {
	float: left;
	clear: none;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 5px;
	display: none;
}

div.fileActions .cancel {
	display: none;
}

div.fileProgressText {
	font-weight: normal;
}

.fileProgressContainer { 
	margin: 0;
	padding: 0;
	width: 200px; 
	margin-top: 3px; 
	border-left: 1px solid #888; 
	border-right: 1px solid #888; 
	background: url(../img/cms/progress-remainder.gif); 
	height: 18px; 
}

.fileProgressBar {
	margin: 0;
	padding: 0;	
	width: 0px; 
	background-color: #CCCCCC; 
	height: 18px; 
	background: url(../img/cms/progress-bar.gif); 
}

div.submit {
	clear: both;
}


#flashMessage {
	background-color:#FFE787;
	font-size:1.3em;
	padding:10px;
	text-align:center;
	margin: 0px 0px 15px 0px;
}


.right img {
	float: right;
	margin-bottom: 1em;
}

.quote {
	border: 1px solid #000;
	padding: 10px;
}

.error-message{
	color:red;
	
}

/* Share this styles */

a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px; font-size:11px;}

/* END share this styles */

/* jquery pop up form styles */

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:499px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
/* color:#6FA5FD;
font-size:22px;
font-weight:700;
*/
border-bottom:1px solid #D3D3D3;
padding-bottom:10px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
cursor: pointer;
}
#popupContact p {
	font-size: 1em !important;
}
#popupContact input, #popupContact textarea {
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em !important;
	width: 398px;
}
#popupContact div.submit input {
	width: 150px !important;
	float: right;
}
/* END jquery popup form styles */



.group-block {
    float: left;
    clear: both;
}
.group-block input {
    width: auto !important;
    float: none !important;
}

.mceEditor {
    margin-top: 1em;
}
.content-block, .file-block {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.content-block textarea {
    width: 800px;
    height: 200px;
    margin-top: 10px;
}
.content-block img {
    vertical-align:middle;
}
.move-up, .move-down, .delete-section {
    width: 11px;
    height: 11px;
    display:block;
    text-indent: -1000em;
    overflow: hidden;
    float: left;
    background-repeat: no-repeat;
    background-position: 1px 1px;
    padding: 1px;
}

.move-up {
    background-image: url('../img/admin/up.gif');        
}

.move-down {
    background-image: url('../img/admin/down.gif');        
}

.delete-section {
    background-image: url('../img/admin/delete.gif');        
}
.loading {
    font-size: 1.3em;
    text-align: center;
    padding-top: 30px;
}

#asset_chooser {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#asset_chooser li {
    display: block;
    float: left;
    width: 120px;
    border: 1px solid #ccc;
    padding: 10px;
    height: 130px;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
}
#asset_chooser li:hover, #asset_chooser li.hover {
    background-color: #eee;
}
#asset_chooser li.selected {
    background-color: #ddd;
    border-color: #aaa;
}

.alignment img {
    border: 2px solid #fff;
}
.alignment img.hover {
    border: 2px solid #ccc;
}    
.alignment img.selected {
    border: 2px solid #999;
}        
.file-block span {
    display:block;
    float:left;
    padding-top:3px;
}

.file-block input {
    
}

.row-actions {
    background:#FFFFFF none repeat scroll 0 0;
    display:block;
    float:left;
    left:-52px;
    padding:2px;
    position:absolute;
    top:0;
}

.actions-handle {
    clear:both;
    float:left;
    margin-top:10px;
    position: relative;
	margin-left: 191px;
}


div.textarea {
/*    width:940px;*/
}

textarea.group_editor {
    visibility: hidden;
}

.file-upload {
    margin-bottom: 1em;
}
.file-upload img {
    vertical-align:middle;
    margin-right: 10px;
    display:inline;
}

#add-file {
    margin-bottom: 1em;
    float: left;
    clear:both;
	margin-left: 191px;
}

#add-file input {
    float: left;
    margin-right: 10px;
}


/* Ranges and doors */

.door {
	width: 63px;
	height: 63px;
	overflow: hidden;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
}

.door a {
	position: absolute;
	width: 60px;
	height: 60px;
	z-index: 1000;
	top: 0;
	left: 0;
	cursor: default;
	display:block;
}

.door a span {
	zoom: 1;
	display: block;
	float: left;
}

.door .info {
	position: absolute;
	left: -40px;
	top: -80px;
	background: url(../img/door-shadow.png);
	font-size:0.8em;
}

.door .info h3 {
	font-weight: bold;
}

.door-hover {
	overflow: visible;
}

.door-hover .info {
	position: relative;
	z-index: 999;
}

.door .info {
	padding: 25px 20px;
	display: block;
	width: 102px;
	height: 179px;
	color: #565656;
}

.door .info h3 {
	color: #565656;
}

.door .info img {
	margin-bottom: 5px;
}

.door .info h3 {
	margin: 0px;
}

.additional-links {
	list-style-type: none;
}

.additional-links li {
	width: 161px;
	display: block;
	float: left;
	border-top: 1px solid #d4d4d4;
	padding-top: 10px;
}

.additional-links a, .right-link {
	color:#000000;
	font-family:'HelvNewReg',sans-serif !important;
	font-weight:normal;
	margin-bottom:20px;
	font-size: 1.2em;
	text-decoration: none;
	text-transform: uppercase;
}


.additional-links a span, .right-link span {
	color: #f39e27;
	position: relative;
	top: -2px;
}

.additional-links .last {
	margin-left: 18px;
}

.images {
	width: 10000px;
	position: relative;
}
.images img {
	display: block;
	float: left;
}
#image-rotator {
	position: relative;
	width: 699px;
	overflow: hidden;
	margin-bottom: 18px;
}

#image-rotator a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 350px;
}

#image-rotator a span {
	width: 200px;
	height: 350px;
	display:block;	
	background-repeat: no-repeat;
	background-position: 170px 50%;
	overflow: hidden;
	text-indent: -100em;
}

#image-rotator a:active {
	outline: none;
}

#image-rotator #right-link {
	left: auto;
	right: 0;
}

#image-rotator #right-link span {
	background-image: url(../img/right-arrow.png);
}

#image-rotator #left-link span {
	background-image: url(../img/left-arrow.png);
	background-position: 0px 50%;
}

.cat_titles{
	font-size:28px;
	border-bottom:1px solid #d1d1d1;
	padding:10px 0px;
}

/* sortable list */

.edit-image {
	float: left;
	display: block;
	width: 89px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background: #eee;
	padding: 10px;
	text-align: center;
}

.edit-image img {
	margin-bottom: 10px;
	cursor:move;
}

.edit-ranges {
	width: 717px;	
}

.edit-ranges .edit-range a {
	text-decoration: none;
}

.edit-range {
	float: left;
	display: block;
	margin-right: 18px;
	margin-bottom: 18px;
	width: 221px;
	overflow: hidden;
	text-align: center;
}



.edit-range img {
	display: block;
}

/* franchise opportunities */

#content .bl-hover {
	background: #F4F4F4;
}

.opportunity, .project {
	margin-bottom: 10px;
	border-top: 1px solid #d1d1d1;
	padding-top: 15px;
}

.opportunity img, .project img {
	float: left;
	margin-right: 10px;
}

.opportunity .description, .project .description {
	float: right;
	width: 460px;
}

.opportunity .image, .project .image {
	float: left;
	width: 221px;
}

.opportunity .image ul, .project .image ul {
	float: right;
	text-align: right;
}

.adminLinks a {
	padding: 5px;
	display: inline;
	background-color: #333;
	color: #fff;
	
	margin-right: 10px;
}
.adminLinks {
	width: 100%;
	margin-top: 10px;
	clear: both;
}

.project {
	padding-top: 0px;
	border: none;
	margin-bottom: 18px;
}

.project h1 {
	margin-top: 10px;	
}

.project a {
	color: #000;
	text-decoration: none;
}

.bl-hover a {
	text-decoration: underline;
}

#showroom-directions {
	padding: 5px;
	background: #eee;
	clear: both;
	float: left;
	width: 330px;
}

#showroom-directions #saddr {
	padding: 3px;
	width: 219px;
	float: left;
	margin-right: 5px;
}

#showroom-directions .button {
	float: left;
}

.showroom_info {
	margin-top: 18px;
	border-top: 1px solid #d1d1d1;
	width: 340px;
}

.showroom_info td {
	padding: 8px 3px;
	border-bottom: 1px solid #d1d1d1;
	vertical-align: top;
}

#side-nav {
	padding: 0px !important;
	margin-top: 18px;
}

#side-nav a {
	color: black;
	text-decoration: none;
	font-size: 1.2em;
	padding: 3px 18px 5px 0;
	text-align: right;
	margin-bottom: 5px;
	display:block;
}

#side-nav a:hover {
	text-decoration: underline;	
}

.admin .submit a {
	float: right;
	display: block;
	padding: 8px;
	margin-right: 5px;
}

.customer-kitchens {
	margin-top: 18px;
}

.customer-kitchens img {
	display: block;
}

.customer-kitchens a {
	float: left;
	margin-right: 17px;
}
.customer-kitchens a.last {
	margin-right: 0px;	
}

.main-image {
	background: url(../img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}



.edit-ranges span {
	display: block;
	text-align: right;
	padding-right: 8px;
	padding: 3px 8px 7px 0px;
	height:18px;
	background:#fff;
	font-size:1.5em;
	position: relative;
	top: -28px;
	margin-bottom: -28px;
	color: black;
	font-family:'HelvNewReg',sans-serif !important;
	font-weight: normal;
	text-transform: uppercase;
}

.ex-demo-kitchen a {
	display: block;
	position: relative;
	text-decoration: none;
	width: 340px;
}
.ex-demo-kitchen img {
	display: block;
}

.link {
	display: block;
	font-family:'HelvNewReg',sans-serif !important;
	font-size:1.5em;
	color: #000;
	background: #fff;
	position: absolute;
	top:170px;
	height: 20px;
	padding: 5px;
	width: 315px;
	text-decoration: none;
	text-align: right;
	background-image:url("../img/orange-arrow.png");
	background-repeat: no-repeat;
	padding-right: 20px;
	background-position: 325px 8px;
}

.ex-demo-link a {
	display: block;
	font-family:'HelvNewReg',sans-serif !important;
	font-size:19px;	
	text-decoration: none;
	text-align: right;
	background-image:url("../img/orange-arrow.png");
	background-repeat: no-repeat;
	padding-right: 30px;
	background-position: 325px 4px;
	text-align: right;
	display: block;
	color: #000;
	width: 319px;
	text-transform:uppercase;
}

div.input input {
	width: 330px;
	padding: 5px;
}

.login-wrap, .brochure-wrap {
	background-color: #F4F4F4; 
	width: 320px;
	padding: 10px;
	float:left;
	
}

#BrochureRequestIndexForm div.checkbox input {
	width: auto;
	float: left;
	
}

#BrochureRequestIndexForm div.checkbox label {
	width: 250px;
	padding-top: 0px;
	margin-left: 10px;
	float: left;
	margin-bottom: 10px;
	margin-top: -2px;
	
}

.login-wrap div.input label, .brochure-wrap div.input label {
	float: left;
	width: 120px;
	padding-top: 5px;
	width:309px;
}

.login-wrap div.input input, .brochure-wrap div.input input {
	padding: 5px;
	width: 308px;
}

.brochure-wrap textarea {
	padding: 5px;
	width: 308px;	
}
#BrochureRequestHearAboutUs {
	padding: 4px;
	width: 320px;
}

.login-wrap div.submit input, .brochure-wrap div.submit input {
	float: right;
	padding:4px;
}

div.input input, textarea {
	border: 1px solid #D1D1D1
}

div.input label {
	font-size: 1.2em;
	margin-bottom: 3px;
}

#image-fade {
	margin-bottom: 18px;
}

.file-link a {
	color:#000000;
	font-size:1.5em;
	text-decoration:none;
	vertical-align:36px;
} 

.file-link img {
	vertical-align:-17px;
}

.pagination * {
	display: inline;
}

.pagination {
	text-align: center;
	font-size: 1.2em;
}

#articles {
	text-align: left;
	font-size: 1.2em;
	width: 100%;
	border-top: 1px solid #ccc;
	margin-bottom: 18px;
}

#articles td, th {
	padding: 5px 5px;
	border-bottom: 1px solid #ccc;
}

.other-kitchens {
	width: 717px;
}

.other-kitchens img {
	display:block;
	margin-right: 18px;
	float: left;
	margin-bottom: 18px;
}

div.input .checkbox {
	float: left;
	width: 200px;
	clear: left;
	position: relative;
	left: 200px;
	top: -25px;
}

div.input .checkbox label {
	width: auto;
}
div.input .checkbox input {
	width: auto;
	float: left;
	margin-right: 10px;
}


/** === PAGINATION ===**/
div.paging { 
	margin: 10px auto;
	text-align: center;
	clear: both;
	padding-top: 10px;
	text-decoration: none;
}

div.paging a {
	border: 1px solid #ccc;
	padding: 2px 5px;
	text-decoration: none;
	color: #000;
}

div.paging a:hover {
	background: #FFFEC8;
	border-color: #dad861;
}

div.paging .start {
	color: #ccc;
	margin-right: 25px;
	padding: 2px 6px;
	display: inline;
}

div.paging .end {
	color: #ccc;
	margin-left: 25px;
	padding: 2px 6px;
	display: inline;	
}
		

div.paging .prev {
	margin-right: 25px;
}		

div.paging .next {
	margin-left: 25px;
}

div.paging span.current {
	padding: 2px 5px;
	font-weight: bold;
	color: #F18E00;
}

div.paging span, div.pagination a {
	margin: 0px 3px;
}

#success_slider {
		background: url(../img/quote-background.png);
	background-repeat: no-repeat;
	background-position: top right;
}

#success_slider li {
	display: block;
	width: 699px;
}

#success_slider li img {
	float: left;
}

#success_slider li .quote {
	border:medium none;
	float:right;
	margin-right:118px;
	padding:20px 10px 10px;
	width:296px;
}
#success_slider li .name {
	margin-top: 1em;
	display:block;
	font-weight: bold;
}
#success_slider li .name a {
	color:#f39e27;
	text-decoration:none;
}

#success_slider li .name a:hover {
	text-decoration:underline;
}


.no-line li {
	border: none !important;
}

#column-1, #column-2, #column-3 {
	float: left;
	width: 300px;
	margin-right: 19px;
	overflow: hidden;
}

#column-3 {
	margin-right: 0px;
}

.success_story_profile {
	width: 300px;
	float: left;
	clear: left;
	margin-bottom: 18px;
	display: block;
}

.success_story_profile a {
	display: block;
	float: left;
	width: 300px;
	background: #f5f5f5;
}

.success_story_profile a:hover {
	background: #d4d4d4;
}

.success_story_profile img {
	float:left;
	margin-right: 14px;
}

.success_story_profile a {
	text-decoration: none;
	color: #000;
}

.success_story_profile .detail {
	padding: 10px;
	float: left;
	padding-left: 0px;
	display:block;
	width: 121px;
}

.success_story_profile .detail .name {
	font-size: 17px;
	display:block;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}

.success_story_profile .detail .showroom {
	font-size: 15px;
}

.success_story_profile .detail .arrow {
	color:#F39E27;
	position:relative;
	font-weight: bold;
}


.big-quote {
	background-image: url(../img/big-quote.png);
	background-repeat:no-repeat;
	background-color:#dbdbdb;
	width: 272px;
	font-size: 15px;
	padding: 28px 14px 10px 14px
}

.selected-success-story a {
	background: #d4d4d4;
}
.big-quote .name {
	font-weight: bold;
	display: block;
	margin-top: 1em;
}

.steps-tabs {
	background-image: url(../img/tab/fullwidth-background.png);
	float: left;
	height: 102px;
	width: 699px;
}

.steps-tabs li {
	float: left;
	display: block;
	width: 104px;
	background-repeat: no-repeat;
	height: 102px;
	padding-left:9px; 
}

.steps-tabs li a {
	float: left;
	display: block;
	height: 102px;
}


.steps-tabs li.selected-first {
	background-image: url(../img/tab/new-tab-left.png);	
	width: 121px;
	margin-right: -17px;
}

.steps-tabs li.selected {
	background-image: url(../img/tab/new-tab-middle.png);	
	width: 121px;
	margin-right: -17px;	
}

.steps-tabs li.selected-last {
	background-image: url(../img/tab/new-tab-right.png);	
	width: 121px;
	margin-right: -17px;	
}
.steps-tabs li a {
	padding: 17px 10px 0px 14px;
	color: #000;
	text-decoration: none;
	width: 80px;
	outline: none;
	line-height: 18px;
}


.steps-tabs li a span.number {
	display:block;
	font-size: 31px;
	margin-top: 7px;
	margin-bottom: 10px;
	font-family: 'HelvNewReg', sans-serif !important;
}
.steps-tabs li a:hover span.title {
	text-decoration: underline;	
}


#steps-wrapper {
	position: relative;
}
.steps-inner {
	position: absolute;
	top: 0px;
	background-color:#fff;
}

.step {
	height: 500px;
	background: #fff;
	padding-left: 24px;
}

.step img {
	float: right;
	margin-left: 18px;
}

#column-2 h2 {
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

#category_hover {
	float: left;
	clear: left;
	height: 240px;
	width: 504px;
	padding: 0px 25px 0px 25px;
	background-image: url(../img/nav-hover.png);
	position: absolute;
	top: 0px;
	display: none;
}

#category_hover .category-column {
	width:156px;
}
#category_hover .range-small a {
	top: 0px;
		
}

#category_hover .range-bottom {
	margin-top: 5px;
}

#category_hover .range-bottom a:hover {
	text-decoration: underline;
}

#category_hover .category-column h3 {
	font-size: 22px;
	border-bottom:1px solid #D1D1D1;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 11px;
}

#category_hover .range-small {
	margin-bottom: 5px;
}
#category_hover {
	z-index: 99999;
}