/*
The Kitchen Depot page CSS
Version: 1
Built By: http://19eightyseven.com
Designed By By: http://idea-3.co.uk
*/

body {
	padding:0px;
	margin:0px;
	background: #ffd325 url(../images/bg.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:left;
	line-height: 14px;
}

/* HEAD NAV */

#header {
background: transparent url(../images/navshadow.png) repeat-x scroll 0 0;
height:38px;
margin:20px auto 0;
position: fixed;
text-align:center;
width:100%;
z-index: 100;
}

ul#mainnav {
height: 30px;
list-style: none;
margin: 4px auto 0;
width: 958px;
}

ul#mainnav li {
float: left;
}

ul#mainnav li.home a {
background: #e61d1d url(../images/mainnav.jpg) no-repeat scroll -76px 0;
float:left;
height:30px;
margin:0 0 0 76px;
width:66px;
}
ul#mainnav li.home a span {
display: none;
}
ul#mainnav li.home a:hover {
background: #e61d1d url(../images/mainnav.jpg) no-repeat -76px -30px ;
float: left;
}
ul#mainnav li.home a.current_page_item {
background: #e61d1d url(../images/mainnav.jpg) no-repeat -76px -30px ;
float: left;
}

ul#mainnav li.page-item-4 a {
background:#e61d1d url(../images/mainnav.jpg) no-repeat scroll -192px 0;
float:left;
height:30px;
margin:0 0 0 50px;
width:250px;
}
ul#mainnav li.page-item-4 a span {
display: none;
}
ul#mainnav li.page-item-4 a:hover {
background: #e61d1d url(../images/mainnav.jpg) no-repeat -192px -30px ;
}
ul#mainnav li.current_page_item.page-item-4>a {
background: #e61d1d url(../images/mainnav.jpg) no-repeat -192px -30px ;
}

ul#mainnav li.page-item-5 a {
background:#e61d1d url(../images/mainnav.jpg) no-repeat scroll -493px 0;
float:left;
height:30px;
margin:0 0 0 51px;
width:163px;
}
ul#mainnav li.page-item-5 a span {
display: none;
}
ul#mainnav li.page-item-5 a:hover {
background: #e61d1d url(../images/mainnav.jpg) no-repeat -493px -30px ;
float: left;
}
ul#mainnav li.current_page_item.page-item-5>a {
background: #e61d1d url(../images/mainnav.jpg) no-repeat -493px -30px ;
float: left;
}

ul#mainnav li.page-item-7 a {
background:#e61d1d url(../images/mainnav.jpg) no-repeat scroll -708px 0;
float:left;
height:30px;
margin:0 0 0 51px;
width:215px;
}
ul#mainnav li.page-item-7 a span {
display: none;
}
ul#mainnav li.page-item-7 a:hover {
background: #e61d1d url(../images/mainnav.jpg) no-repeat -708px -30px ;
float: left;
}
ul#mainnav li.current_page_item.page-item-7>a {
background: #e61d1d url(../images/mainnav.jpg) no-repeat -708px -30px ;
float: left;
}


/* CONTAINERS */

#outsidecontainer {
height:auto;
margin:0px auto 0px;
padding:0px;
text-align:left;
width:958px;
}

#insidecontainer {
float:left;
height:auto;
margin:100px 0 0;
padding:0;
width:958px;
}


/* SIDE NAV */
#sidenav {
float:left;
height:500px;
position:fixed;
width:132px;
}

#sidenav ul {
height: auto;
list-style: none;
margin: 0 auto;
width: 132px;
}

#sidenav ul li {
float:left;
margin:0 0 6px;
width:132px;
}

#sidenav ul li a#kpds {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -10px -8px;
display:block;
height:40px;
margin:0;
width:132px;
}
#sidenav ul li a#kpds span {
display: none;
}
#sidenav ul li a#kpds:hover {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -8px;
}
#sidenav ul li a#kpds.current_page_item {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -8px;
}

#sidenav ul li a#cu {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -10px -55px;
display:block;
height:40px;
margin:0;
width:132px;
}
#sidenav ul li a#cu span {
display: none;
}
#sidenav ul li a#cu:hover {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -55px;
}
#sidenav ul li a#cu.current_page_item {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -55px;
}

#sidenav ul li a#wocs {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -10px -101px;
display:block;
height:40px;
margin:0;
width:132px;
}
#sidenav ul li a#wocs span {
display: none;
}
#sidenav ul li a#wocs:hover {
background:transparent url(../images/nav.jpg) no-repeat scroll -146px -101px;
}
#sidenav ul li a#wocs.current_page_item {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -101px;
}

#sidenav ul li a#onta {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -10px -148px;
display:block;
height:40px;
margin:0;
width:132px;
}
#sidenav ul li a#onta span {
display: none;
}
#sidenav ul li a#onta:hover {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -148px;
}

#sidenav ul li a#ep {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -10px -194px;
display:block;
height:40px;
margin:0;
width:132px;
}
#sidenav ul li a#ep span {
display: none;
}
#sidenav ul li a#ep:hover {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -194px;
}
#sidenav ul li a#ep.current_page_item {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -194px;
}

#sidenav ul li a#rcd {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -10px -241px;
display:block;
height:40px;
margin:0;
width:132px;
}
#sidenav ul li a#rcd span {
display: none;
}
#sidenav ul li a#rcd:hover {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -241px;
}

#sidenav ul li a#fuig {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -10px -287px;
display:block;
height:69px;
margin:0;
width:132px;
}
#sidenav ul li a#fuig span {
display: none;
}
#sidenav ul li a#fuig:hover {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -287px;
}
#sidenav ul li a#fuig.anchorlink {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -287px;
}

#sidenav ul li a#fuit {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -10px -362px;
display:block;
height:69px;
margin:0;
width:132px;
}
#sidenav ul li a#fuit span {
display: none;
}
#sidenav ul li a#fuit:hover {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -362px;
}
#sidenav ul li a#fuit.anchorlink {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -362px;
}

#sidenav ul li a#fuis {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -10px -437px;
display:block;
height:69px;
margin:0;
width:132px;
}
#sidenav ul li a#fuis span {
display: none;
}
#sidenav ul li a#fuis:hover {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -437px;
}
#sidenav ul li a#fuis.anchorlink {
background:#e61d1d url(../images/nav.jpg) no-repeat scroll -146px -437px;
}


/* CONTENT AREA */

#contentarea {
float: right;
height: auto;
margin: 0 20px;
width: 280px;
}

#contentarea p {
font-style: italic;
text-align: justify;
}

#contentareaelse {
float: right;
height: auto;
margin: 0 20px;
width: 280px;
}

#contentareadoors {
float: right;
height: auto;
margin: 0 0 0 20px;
width: 280px;
}

#contentareatest p, #contentareadoors p, #contentareaelse p {
font-style:normal;
text-align:justify;
}

#contentareatest {
float:right;
height:270px;
margin:0 20px;
width:280px;
}

p#action {
background:#E61D1D none repeat scroll 0 0;
font-size:13px;
font-weight:bold;
padding:5px 0;
text-align:center;
width:100%;
}

p#action a {
color: #FFD325;
text-decoration: none;
}

p#action a:hover {
color: #FFFFFF;
}

#sig {
float:right;
font-weight:bold;
text-align:right;
}


/* BLOCKS */

#blocks {
float:right;
height:auto;
margin:0;
width:506px;
}

#adblock {
background: #e61d1d url(../images/redbg.jpg) repeat scroll 0 0;
float: left;
height: 275px;
margin: 0 10px 20px 0;
width: 243px;
}

#holly {
float:right;
left:40px;
position:relative;
top:-311px;
z-index:90;
}

#imgblock1 {
background: #e61d1d url(../images/redbg.jpg) repeat scroll 0 0;
float: left;
height: 275px;
margin: 0 0 20px 10px;
width: 243px;
}

#imgblock2 {
background: #e61d1d url(../images/redbg.jpg) repeat scroll 0 0;
float: left;
height: 275px;
margin: 0 10px 0 0;
width: 243px;
}

#imgblock3 {
background: #e61d1d url(../images/redbg.jpg) repeat scroll 0 0;
float: left;
height: 275px;
margin: 0 10px 20px 0;
width: 243px;
}

#imgblock4 {
background: #e61d1d url(../images/redbg.jpg) repeat scroll 0 0;
float: left;
height: 275px;
margin: 0 0 0 10px;
width: 243px;
}

#testblock {
background: #e61d1d url(../images/redbg.jpg) repeat scroll 0 0;
float: left;
height: 275px;
margin: 0 0 0 10px;
width: 243px;
}

#testblock a {
display: block;
text-decoration: none;
}

#testblock a span {
color:#000000;
display:block;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
text-decoration: none;
}

#testblock a:hover span {
color:#e61d1d;
display:block;
filter:alpha(opacity=100);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
text-decoration: none;
}

span.testmessage {
background:#FFFFFF none repeat scroll 0 0;
float:left;
height:60px;
margin:203px 0 0;
padding:6px 12px;
position:absolute;
text-align:center;
width:219px;
}

#testblock a span.testmessage p {
text-decoration: none;
}

span.testmessage p {
line-height:14px;
margin:0 0 4px;
}

span.testmessage h4 {
color:#E61D1D;
line-height:14px;
}

.testimghome {
float:left;
margin:0;
padding:0;
position: relative
}

#sketch {
float:right;
height:105px;
margin:40px 0 0;
width:112px;
}

#sketchd {
float:right;
height:105px;
margin:40px 18px 0 0;
width:112px;
}

/* LEFT FILLERS */

.leftfiller {
margin:0 0 20px;
}


/* RANGE GALLERY */

#rangegallery {
float:right;
height:auto;
margin:100px 0 0;
width:806px;
}

.rangegallerycontain {
float:left;
height:auto;
margin:0 0 30px;
padding: 100px 0 0 0;
width:806px;
}

.rangegallerytxt {
float:left;
margin:0 20px 0 0;
width:280px;
}

.rangegallerytxt p {
text-align:justify;
}

.rangegalleryimg {
float:left;
height:506px;
}

p.galleryaction {
background:#E61D1D none repeat scroll 0 0;
font-size:13px;
font-weight:bold;
padding:5px 0;
text-align:center;
width:100%;
}

p.galleryaction a {
color: #FFD325;
text-decoration: none;
}

p.galleryaction a:hover {
color: #FFFFFF;
}


/* KITCHEN PLANNER */

#mouseblock {
float: left;
height: 275px;
margin: 0 0 0 10px;
width: 243px;
}

a.mouseroll {
background: url(../images/mouseroll.png) no-repeat 0 0;
float:left;
height: 275px;
margin:-20px 0 0 -134px;
position:relative;
text-indent: -9999px;
width: 382px;
z-index:99;
}
a.mouseroll:hover {
background: url(../images/mouseroll.png) no-repeat 0 -275px;
float:left;
height: 275px;
margin:-20px 0 0 -134px;
position:relative;
text-indent: -9999px;
width: 382px;
z-index:99;
}

/*.mouse {
float:left;
margin:-20px 0 0 -134px;
position:relative;
z-index:99;
}*/


/* CONTACT */

.scf-ajax-form {
margin:50px 0 0;
width:400px;
}
.form-row {
margin: 0 0 10px;
}

.form-label {
font-weight: bold;
margin: 0 0 3px;
}

#scf_field_name, #scf_field_email, #scf_field_subject {
background:#FFEEAD none repeat scroll 0 0;
border:1px solid #FFFFFF;
padding: 6px 2px;
width: 300px;
}
#scf_field_name:focus, #scf_field_email:focus, #scf_field_subject:focus {
background:#ffffff none repeat scroll 0 0;
border:1px solid #FFFFFF;
}

#scf_field_message {
background:#FFEEAD none repeat scroll 0 0;
border:1px solid #FFFFFF;
padding:4px 2px;
width:304px;
}
#scf_field_message:focus {
background:#ffffff none repeat scroll 0 0;
border:1px solid #FFFFFF;
}

input.submit {
background: #FFEEAD;
border: 1px solid #ffffff;
color: #E61D1D;
font-weight: bold;
padding: 4px 2px;
cursor: pointer;
}
input.submit:hover {
background: #E61D1D;
border: 1px solid #ffffff;
color: #FFEEAD;
}

.scf-form-success {
background:#E61D1D none repeat scroll 0 0;
color: #FFD325;
font-size:13px;
font-weight:bold;
padding:5px 0;
text-align:center;
width:100%;
}

/* DOORS */

.rcd {
float: left;
margin: 0 0 19px 19px;
border: 1px solid #ffffff;
}

/* TESTIMONIAL */

#testimonialcontain {
float:right;
width:806px;
}

.testimonialimg {
float:left;
height:230px;
margin:0 20px 0 0;
width:280px;
}

.testimonialtxt {
float:left;
margin:0 0 0 0;
width:500px;
}

#testimonialspacer {
float:right;
height:270px;
width:506px;
}

.testimonialbox {
float:left;
margin:0 0 20px;
}

#doorscontain {
float:right;
margin:10px -18px 0 0;
width:824px;
}

.doorsimg {
float:left;
height:auto;
margin:0 0 15px;
width:188px;
}

.doorstxt {
float:left;
margin:0;
text-align:center;
width:188px;
}

.doorsbox {
float:left;
margin:0 18px 20px 0;
width:188px;
}

.map {
border:2px solid #E61D1D;
}

/* FLASH */

#flashContent {
margin:14px 0 0;
}

/* FOOTER */

#footer {
background:#E61D1D url(../images/redbg.jpg) repeat scroll 0 0;
float:left;
height:30px;
margin:30px 0 0;
width:958px;
}

#footer p {
color:#FFD325;
float:right;
font-size: 9px;
margin:10px 10px 0 0;
text-align:right;
}

#footer p a {
text-decoration: none;
color:#FFD325;
}

#footer p a:hover {
color:#FFFFFF;
}


/* COLORBOX */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#FFEEAD;}

#colorbox{}
	#cboxContent{margin-top:32px;}
		#cboxLoadedContent{background:#FFFFFF; padding:1px;}
                #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
                #cboxLoadingOverlay{background:#000;}
                #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
                #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
                
                #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{cursor: pointer; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) 0 0 no-repeat;}

                #cboxPrevious{background-position:0px 0px; right:44px;}
                #cboxPrevious.hover{background-position:0px -25px;}
                #cboxNext{background-position:-25px 0px; right:22px;}
                #cboxNext.hover{background-position:-25px -25px;}
		#cboxClose{background-position:-50px 0px; right:0;}
		#cboxClose.hover{background-position:-50px -25px;}

                .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}

                .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
                .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}