/*-  BASE STYLES
----------------------------------------------------------------------*/

/*- self-clearing floats ----------*/

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

/*- fluid images and objects ----------*/

img,
object,
embed {max-width: 100%;}


/*- optional vanity styles ----------*/

::selection {background: #c80000;}
::-moz-selection {background: #c80000;}

img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

@media only screen and (max-device-width: 480px) {

	html {-webkit-text-size-adjust: none}
	a {-webkit-tap-highlight-color: rgba(200,0,0,0.4);}

}


body {
	/*background: url('../img/bg_gradient.png') repeat-x;*/
	background: white;
	color: black;
	font: normal 16px Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

.clear { clear: both;}

#container{
	width: 960px;
	margin: 0 auto;
	height: auto;
	background: white;
	padding: 30px;
}


#bar{
	background: rgb(50,50,50);
	color: white;
	font-size: 12px;
	text-align: center;
	padding: 12px 0;
}
#bar a{
	color: white;
	font-weight: bold;
	text-decoration: none;
}

/* header styles */
/* --------------------------------------- */

#header{
	width: 960px;
	height: auto;
}

#header h1{
	float: left;
	width: 0;
	height: 0;
	padding: 27px 0 0 322px;
	background: url('../img/logo.jpg');
	text-indent: -99999px;
}
#header h1 a{

}

.topnumber{
	float: right;
}
.topnumber span.numberright{
	font-size: 26px;
	font-weight: bold;
}
.openingtimes{
	float: right;
}
.openingtimes table{
	width: auto;
}
.openingtimes table tr{ }
.openingtimes table tr td{
	vertical-align: middle;
}
.openingtimes .openingtimesToday{
	font-size: 12px;
	font-weight: bold;
	margin-left: 9px;
}
ul.hoursdropdown{
	list-style: none;
	z-index: 5;
}
ul.hoursdropdown li{
	float: left;
	position: relative;
}
ul.hoursdropdown li a{
	color: color: rgb(50,50,50)
	text-decoration: none;
	font-size: 12px;
	margin-bottom: 3px;
}
ul.hoursdropdown ul{
	list-style: none;
	position: absolute;
	left: -99999px;
}
ul.hoursdropdown ul li{
	white-space: nowrap;
}
ul.hoursdropdown li:hover ul{
	left: 0;
	background: rgb(50,50,50);
	z-index: 75;
}
ul.hoursdropdown li:hover ul li{
	font-size: 12px;
	padding: 8px;
}
ul.hoursdropdown li:hover ul li a{
	color: white;
	text-decoration: none;
	font-size: 12px;
}

ul#infolinks{
	list-style-type: none;
	margin: 25px 0 3px 0;
	height: 12px;
	width: auto;
	float: right;
}
ul#infolinks li{
	font-size: 12px;
	float: left;
}
ul#infolinks span{
	margin: 0 5px;
	float: left;
}
ul#infolinks li a{
	color: rgb(50,50,50);
	text-decoration: none;
}
ul#infolinks li a:hover{
	border-bottom: 1px dotted black;
}

ul#navigation{
	list-style-type: none;
	float: left;
	width: 960px;
	margin: 20px 0;
}
ul#navigation li{
	color: white;
	font-size: 12px;
	margin-right: 2px;
	font-weight: bold;
	float: left;
	width: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul#navigation li:last-child{
	margin-right: 0;
}
ul#navigation li a{
	background: url('../img/navbg6.jpg') rgb(25,25,25);
	color: white;
	text-decoration: none;
	padding: 10px 18px;
	border-radius: 5px;
}

ul#navigation li a:hover{
	background: url('../img/navbg-unactive.jpg');
	cursor: pointer;
}

ul#interact{
	float: left;
}

#crumbs{
	margin: 15px 0 12px 0;
}
#crumbs span{
	font-size: 12px;
}
#crumbs span a{
	text-decoration: none;
	color: rgb(63,170,8);
}

/* content styles */
/* -------------------------------------- */


#pageContent{
	width: 960px;
	height: auto;
}

ul#buttons{
	list-style:none;
	margin: 30px 0;
}
ul#buttons li{
	float: left;
	width: 300px;
	height: 150px;	
}
ul#buttons li.freeBrochure,
ul#buttons li.freeDesign{
	margin-right: 30px;
}
ul#buttons li.onlineQuote{
	margin-right: 0px;
}
ul#buttons li img{
	width: 300px;
	height: 150px;	
}
#pageText{
	margin: 30px 0;
	width: 960px;
	float: left;
}
#pageText h2{
	font-size: 26px;
	font-weight: normal;
}
#pageText p{
	font-size: 14px;
	line-height: 21px;
	color: rgb(125,123,123);
	margin-top: 10px;
}
#pageText p a{
	color: rgb(50,50,50);
	text-decoration: none;
}
#pageText p a:hover{
	border-bottom: 1px dotted rgb(100,100,100);
}

#slideshow{
	width: 700px;
	float: left;
	height: 400px;
	overflow: scroll;
	position: relative;
	z-index: 4;
}
#slideshow img{
	width: 700px;
	height: 400px;
}
#slideshow ul#slideshowNav{
	display: none;
	list-style: none;
	position: relative;
	top: 130px;
	z-index: 15;
}
#slideshow ul#slideshowNav li#prev{
	float: left;
	margin-left: 20px;
}
#slideshow ul#slideshowNav li#next{
	float: right;
	margin-right: 20px;
}
#slideshow ul#slideshowNav li a{
	display: block;
	width: 80px;
	height: 80px;
	text-indent: -99999px;
}
#slideshow ul#slideshowNav li#prev{
	background: url('../img/prev.png');
}
#slideshow ul#slideshowNav li#next{
	background: url('../img/next.png');
}
#slideshow ul#slideshowSlides{
	list-style: none;
}
#slideshow ul#slideshowSlides li{ }

#specials{
	width: 230px;
	height: 390px;
	background: rgb(25,25,25);
	float: left;
	padding: 10px 15px 0 15px;;
}
#specials h3{
	color: white;
	font-size: 18px;
	margin-top: 5px;
}
#specials p{
	color: white;
	line-height: 1.0;
	font-size: 12px;
	margin-top: 8px;
}
#specials form p{
	color: white;
	font-size: 13px;
	margin-top: 8px;
}
#specials form p input[type=text]{
	width: 210px;
	padding: 5px;
	outline: none;
}
ul#kitchengrid,
ul#appliancegrid{
	list-style: none;
	width: 960px;
	border-top: 1px dotted rgb(220,220,220);
	padding-top: 30px;
}
ul#kitchengrid h3,
ul#appliancegrid h3{
	font-size: 22px;
	font-weight: normal;
	margin: 15px 0;
}

ul#kitchengrid li,
ul#appliancegrid li{
	width: 300px;
	margin: 0 30px 30px 0;
	float: left;
}
ul#kitchengrid li{
	height: auto;
}
ul#appliancegrid li{
	text-align: center;
	float: none;
}
ul#appliancegrid li a{
	text-align: center;
	height: 160px;
}
ul#appliancegrid li a img{

}
ul#appliancegrid li img{	
	width: auto;
	width: 120px;
}
ul#kitchengrid li:last-child{

}
ul#kitchengrid li a,
ul#appliancegrid li a{
	border: 0;
	text-decoration: none;
}
ul#kitchengrid li h4,
ul#appliancegrid li h4{
	background: rgb(63,170,8);
	color: white;
	font-size: 14px;
	padding: 10px 0;
	text-align: center;
}
ul#kitchengrid li h4 a,
ul#appliancegrid li h4 a
{
	color: white;
	text-decoration: none;
}

.contactImage{
	float: left;
	width: 283px;
}
.contactForm{
	float: left;
	width: auto;
	margin-left: 30px;
	font-family: arial, sans-serif;;
}
.contactForm p{
	margin: 0 0 10px 0;
}
.contactForm p label{
	font-size: 14px;
	font-weight: normal;
}
.contactForm p input[type=text]{
	width: 220px;
	padding: 6px 8px;
	outline: none;
	border: 1px solid rgb(200,200,200);
	font-size: 13px;
	color: rgb(80,80,80);
}
.contactForm p input[type=submit]{
	background: rgb(50,50,50);
	padding: 8px 15px;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.contactForm p textarea{
	width: 350px;
	height: 100px;
	border: 1px solid rgb(200,200,200);
	outline: none;
	padding: 6px 8px;
	font-size: 13px;
}
#thanks{
	text-align: center;
	margin-top: 30px;
}
#thanks h2{
	font-weight: bold;
}
#thanks p{
	margin-top: 10px;
	line-height: 1.5;
	font-size: 13px;
}




/* footer styles */
/* -------------------------------------- */

#footer{
	width: 100%;
	background: rgb(240,240,240);
	padding: 30px 0 15px 0;
}
#footerContent{
	width: 960px;
	margin: 0 auto;
}

.footerLinksColumns ul{
	width: 240px;
	float: left;
	height: auto;
	list-style: none;
}
.footerLinksColumns ul li{
	font-size: 13px;
	line-height: 28px;
	color: rgb(89,88,88);
}
.footerLinksColumns ul li a{
	color: rgb(89,88,88);
	text-decoration: none;
}
.footerLinksColumsn ul li a:hover{
	border-bottom: 1px dotted rgb(89,88,88);
}
.footerLinks{
	width: 960px;
	display: block;
	float: left;
	text-align: center;
	font-size: 11px;
	margin: 25px 0;
	line-height: 2;
}
.footerLinks a{
	color: rgb(89,88,88);
	text-decoration: none;
}


/* appliances */

.appliance{
	width: 960px;
	height: auto;
	margin: 30px 0;
}
.appliance .applianceImage,
.appliance .applianceGrid{
	width: 300px;
	height: auto;
	text-align: center;
	border: 1px dotted rgb(220,220,220);
	float: left;
}
.appliance .applianceGrid{
	margin-bottom: 25px;
}
.appliance .applianceImage img{
	width: 300px;
	height:	auto;
	padding: 15px 0;
}
/*.appliance .applianceGrid img{
	width: 300px;
	height: 260px;
	padding: 15px 0;
}*/
.appliance .applianceGridNew h3{
	background: rgb(63,170,8);
	color: white;
	font-size: 13px;
	padding: 10px 0 0 0;
	text-align: center;
	font-weight: normal;
}
.appliance .applianceGridNew{
	margin-bottom: 25px;
}
.appliance .applianceGridNew h4{
	background: rgb(63,170,8);
	color: white;
	font-size: 14px;
	padding: 10px 0;
	text-align: center;
}
.appliance .applianceGridNew{
	width: 300px;
	height: auto;
	text-align: center;
	border: 1px dotted rgb(220,220,220);
	float: left;
}
.appliance .applianceGridNew img {
    height: 288px;
    padding: 15px 0;
    width: 250px;
}
/*code by vivek*/
.appliance .applianceGridVinyl h3{
	background: rgb(63,170,8);
	color: white;
	font-size: 13px;
	padding: 10px 0 0 0;
	text-align: center;
	font-weight: normal;
}
.appliance .applianceGridVinyl{
	margin-bottom: 25px;
}
.appliance .applianceGridVinyl h4{
	background: rgb(63,170,8);
	color: white;
	font-size: 14px;
	padding: 10px 0;
	text-align: center;
}
.appliance .applianceGridVinyl{
	width: 210px;
	height: auto;
	text-align: center;
	border: 1px dotted rgb(220,220,220);
	float: left;
}
.appliance .applianceGridVinyl img {
    height: 288px;
    padding: 15px 0;
    width: 135px;
}
/*end code by vivek*/
.appliance .applianceGridaccess h3{
	background: rgb(63,170,8);
	color: white;
	font-size: 13px;
	padding: 10px 0 0 0;
	text-align: center;
	font-weight: normal;
}
.appliance .applianceGridaccess{
	margin-bottom: 25px;
}
.appliance .applianceGridaccess h4{
	background: rgb(63,170,8);
	color: white;
	font-size: 14px;
	padding: 10px 0;
	text-align: center;
}
.appliance .applianceGridaccess{
	width: 300px;
	height: auto;
	text-align: center;
	border: 1px dotted rgb(220,220,220);
	float: left;
}
.appliance .applianceGridaccess img {
    height: 288px;
    padding: 15px 0;
    width: 230px;
}
/*code by vivek*/
.appliance .applianceGridDynamic h3{
	background: rgb(63,170,8);
	color: white;
	font-size: 13px;
	padding: 10px 0 0 0;
	text-align: center;
	font-weight: normal;
}
.appliance .applianceGridDynamic{
	margin-bottom: 25px;
}
.appliance .applianceGridDynamic h4{
	background: rgb(63,170,8);
	color: white;
	font-size: 14px;
	padding: 10px 0;
	text-align: center;
}
.appliance .applianceGridDynamic{
	width: 300px;
	height: auto;
	text-align: center;
	border: 1px dotted rgb(220,220,220);
	float: left;
}
.appliance .applianceGridDynamic img {
    height: 288px;
    padding: 15px 0;
    width: 210px;
}
/*end code by vivek*/
.appliance .applianceGrid img {
    height: 288px;
    padding: 15px 0;
    /*width: 213px;*/
	width: 300px;
}
.appliance .applianceGrid h3{
	background: rgb(63,170,8);
	color: white;
	font-size: 13px;
	padding: 10px 0 0 0;
	text-align: center;
	font-weight: normal;
}
.appliance .applianceImage h4,
.appliance .applianceGrid h4{
	background: rgb(63,170,8);
	color: white;
	font-size: 14px;
	padding: 10px 0;
	text-align: center;
}
.appliance .applianceText{
	width: 600px;
	float: left;
	margin-left: 30px;
}
.appliance .applianceText h3{
	font-size: 22px;
	font-weight: normal;
	color: rgb(50,50,50);
	margin-bottom: 5px;
}
.appliance .applianceText p{
	color: rgb(100,100,100);
	font-size: 14px;
	line-height: 1.5;
}
.appliance .applianceText p a{
	color: rgb(63,170,8);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}


/*
ul#navigation ul{
	list-style: none;
	position: absolute;
	left: -99999px;
	z-index: 34;
}
ul#navigation ul li{
	white-space: nowrap;
	float: none;
	z-index: 35;
}
ul#navigation li:hover ul{
	/* left: 0; */
	/* background: rgb(50,50,50);
	display: block;
	
}
ul#navigation li:hover ul li{
	font-size: 12px;
	padding: 8px;
	z-index: 36;
	position: relative;

}
ul#navigation li:hover ul li a{
	color: white;
	text-decoration: none;
	font-size: 12px;
	background: none;
}
*/

#main-nav{
	list-style: none;
	width: 960px;
	margin: 20px 0;
	height: 43px;
}
#main-nav li{
	float: left;
	display: block;
	text-align: center;
	position: relative;
	width: auto;
	margin-right: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#main-nav li:last-child{
	margin-right: 0;
}
#main-nav li a{
	background: url('../img/navbg6.jpg') rgb(25,25,25);
	font-size: 12px;
	font-weight: bold;
	color: white;
	display: block;
	outline: 0;
	text-decoration: none;
	padding: 10px 16px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#main-nav li:hover a{
	background: url('../img/navbg-unactive.jpg');
}
#main-nav li.drop:hover a{
	border-radius: 5px 5px 0 0;
}
#main-nav .main-navExpand{
	position: absolute;
	left: -999em;
	/*remove below*/

	/* to here*/
	background: white;
	margin: 0;
	text-align: left;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	width: 440px;
	padding: 14px 18px;
	color: white;
	
	/* extras*/
	border: 1px solid white;
	box-shadow: 0 0 5px #888;
}

#main-nav .main-navExpand .arrow{	
	background-image: url('../img/nav-corner.png');
	background-repeat: no-repeat;
	width: 27px;
	height: 11px;
	position: absolute;
}
#main-nav .main-navExpand h3{
	text-transform: uppercase;
	color: rgb(63,170,8);
	font-size: 13px;
	margin-bottom: 8px;
}
#main-nav .main-navExpand h3 a{
	color: rgb(63,170,8);
	text-decoration: none;
	background: none;
	padding: 10px 0 0 0;
}
#main-nav .main-navExpand ul li{
	float: none;
	text-align: left;
}
/*
#main-nav .main-navExpand ul li:hover{
	background: rgb(245,245,245);
	border-radius: 0;
}*/
#main-nav .main-navExpand ul li a{
	background: none;
	text-align: left;
	color: rgb(50,50,50);
	margin-left: 0;
	padding: 0;
	color: rgb(100,100,100);
	font-size: 12px;
	border-top: 1px dashed rgb(200,200,200);
	padding: 10px 0;
	display: block;
}
#main-nav .main-navExpand ul li span{
	font-size: 11px;
	color: rgb(130,130,130);
	display: block;
	padding-top: 3px;
}
#main-nav li:hover .main-navExpand{
	left: 0;
	top: auto;
	z-index: 50;
	margin-top: 0;
}

.realwoodDrop{
	float: left;
	width: 200px;
}
.highglossDrop{
	float: left;
	width: 200px;
	margin-left: 25px;
}
.vinylwrappedDrop{
	width: 200px;
	margin: 18px 0 0 25px;
	float: left;
}
.highglossDrop:hover,
.vinylwrappedDrop:hover{
	/*border-bottom: 1px dashed rgb(200,200,200);*/
}



ul.citychooser{
		list-style: none;
		margin: 10px 0 0 0;
	}	
ul.citychooser li{
			float: left;
			font-size: 13px;
			color: rgb(100,100,100);
			line-height: 1.5;
		}
ul.citychooser li a{
			font-weight: bold;
			padding: 0 3px;
			color: rgb(75,75,75);
			text-decoration: none;
		}
ul.citychooser li a:hover{
			border-bottom: 1px dotted rgb(75,75,75);
		}
		
		table tr td a{
			color: rgb(125,125,125);
			text-decoration: none;
			font-size: 15px;
		}
		
		.letter_active{
			font-weight: bold;
			font-size: 21px;
			margin-top: 15px;
			color: #3FAA08;
		}