/*
	Stylesheet for My Knobs
	
*/


/* Default Styles */
body { background:#fbf9d9 url(http://lib.store.yahoo.net/lib/myknobs/bg.jpg) repeat-x 0 0; color: #000; font: normal 10px/15px Arial; margin: 0; padding: 0; text-align:center; }
a { color: #000; text-decoration: none; outline:none;}
a img { border: 0; }
a:hover{ text-decoration: underline; }
fieldset {border:none; padding: 0; margin: 0;}
b, strong{ font-weight: bold; }

/* Helper Clear Styles */
.clear { clear:both; }
.clear2 { clear:both; padding:25px 0; }


/* Container */
#container {
	margin:35px auto;
	width:946px;
	text-align:left;
}

/* Header */
#header {
	width:946px;
	float:left;
}
.topSection {
	width:946px;
}
.tsLeft {
	color:#A29A9B;
	float:left;
	font-size:1.3em;
	padding:0 0 5px 5px;
}
.tsRight {
	color:#9596AF;
	float:right;
	font-size:1.2em;
	font-weight:bold;
	padding:0 5px 5px 0;
	text-align:right;
}
.tsRight a {
	color:#9596AF;
}
.headMain {
	width:946px;
	height:173px;
	clear:both;
	background: url(http://lib.store.yahoo.net/lib/myknobs/headerMain.jpg) no-repeat;
}
.hmLeft {
	float:left;
	height:65px;
	margin:34px 0 0 16px;
	width:325px;
}
.hmLeft h1 {
	background:url("http://lib.store.yahoo.net/lib/myknobs/1b1.gif") repeat scroll 0 0 transparent;
	font-size:0;
	height:65px;
	text-indent:-9999px;
	width:325px;
	float:left;
}
.hmLeft h1 a {
	height:65px;
	display:block;
	width:325px;	
	background:url("http://lib.store.yahoo.net/lib/myknobs/1b1.gif") repeat scroll 0 0 transparent;
}
.hmCenter {
	float:left;
	width:365px;
}
.liveChat {
	padding:10px 0 0 135px;
}
.hmCenter form {
	margin-top:7px;
}
.searchInput {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	color:#A9A3A5;
	font-family:Georgia;
	font-size:1.7em;
	height:23px;
	margin-left:15px;
	margin-right:19px;
	padding:0 5px;
	text-align:center;
	vertical-align:middle;
	width:260px;
}
.searchImage {
	vertical-align: middle;
}
.hmRight {
	float:left;
	text-align:right;
	width:235px;
}
.viewCart {
	margin-top:5px;
}
.phone {
	color:#2C4E69;
	font-size:2em;
	padding:12px 0 0;
}
.phone h3 {
	display:inline;
}

/* Header Nav */
ul.headNav {
	clear:both;
	float:left;
	height:27px;
	margin:16px 0 0 4px;
	padding:0;
	width:942px;
}
*ul.headNav { margin-top:7px; }
ul.headNav li {
	list-style: none;
	float:left;
	height:27px;
	position: relative;
}
ul.headNav li a {
	background:url("http://lib.store.yahoo.net/lib/myknobs/topNav.jpg") no-repeat scroll 0 0 transparent;
	color:#133456;
	display:block;
	font-size:1.3em;
	font-weight:bold;
	height:27px;
	margin-right:1px;
	padding:8px 0 0;
	text-align:center;
	width:116px;
	overflow: hidden;
}
ul.headNav li.special a {
	background:url("http://lib.store.yahoo.net/lib/myknobs/topNavSpecial.jpg") no-repeat scroll 0 0 transparent;
	color:#FFF;
}
ul.headNav a:hover {text-decoration: none;}

h2.testHead {
	color:#376891;
	font-size:20px;
	padding-left:10px;
}
.testpara {
	border-left:3px solid #376891;
	color:#376891;
	display:block;
	font-size:13px;
	line-height:20px;
	margin:25px 10px;
	padding-bottom:10px;
	padding-left:10px;	
}

/* Top Nav Sub Links */
table.subNav {
	background-color:#E7E8EA;
	display:block;
	left:0;
	position:absolute;
	top:25px;
	z-index:9999;
	padding:5px;
}
/* TomL 9/24 .. we want the drop downs for switch plates, home accents and shop by brand to drop directly beneath the header nav
we should change the templates .. but this is safer for now. li.right table.subNav { left:-250px !important;}*/
li.right table.subNav { left:0px !important;}

table.subNav ul {
	margin:0;
	padding:0;
	width:175px;
}
table.subNav li.secDiv {
	color:#545153;
	font-size:11px;
	font-weight:bold;
	height:inherit;
	margin:0;
	width:175px;
}
table.subNav li {
	color:#545153;
	float:none;
	font-size:11px;
	font-weight:bold;
	height:inherit;
	padding-right:10px;
	width:175px;
}
table.subNav li a {
	background:none repeat scroll 0 0 transparent !important;
	color:#6F6F6F !important;
	display:block;
	font-size:11px;
	font-weight:normal;
	height:inherit;
	margin:0;
	padding:4px 0;
	text-align:left;
	width:inherit;
}
table.subNav li a:hover {
	text-decoration: underline;
}



.headCats {
	background-color:#FFFFFF;
	float:left;
	padding-left:6px;
	width:940px;
	width:946px\9;
	padding-bottom:5px;
}
.headCats a {
	float:left;
}

/* Body Area */
#bodyShell {
	background-color:#FFFFFF;
	clear:both;
	float:left;
	padding:10px 10px 35px;
	width:926px;
	width:946px\9;
	border-top:4px double #BFBFBF;
}

.sectionLC {
	float:right;
}

/* Home Page */
.wLeft {
	float:left;
	width:583px;
	overflow:hidden;
}
#homepageCaption {
	font-size: 1.2em; 
	line-height: 1.5em;
	color:#656565;
}

.wRight {
	float:right;
	width:343px;
}
.whyShop {
	background:url("http://lib.store.yahoo.net/lib/myknobs/whyShop.jpg") no-repeat scroll 0 0 transparent;
	height:225px;
	overflow:hidden;
	padding:79px 25px 0 75px;
	width:243px;
	*width:343px;
	*height:320px;
}

.whyShop2 {
	margin:15px 0 0 0;
	background: url(http://lib.store.yahoo.net/lib/myknobs/whyShop2.jpg) no-repeat;
	color:#838383;
	font-size:12px;
	height:219px;
	line-height:1.6em;
	overflow:hidden;
	padding:50px 18px 15px;	
}

.whyBanner {
	padding-bottom:37px;
}
.whyBanner a {
	color:#2D5583;
	text-decoration:underline;
}

.sectionWrapper {
	font-size:13px;
	line-height:17px;
}

/* Item Page */

#productWrap {
	width:926px;
	padding:10px 0;
	clear:both;
}
.productImage {
	float:left;
	width:450px;
}
.productImageInner {
	border:2px solid #DEDFE1;
	padding:15px 0 0 0;
	width:450px;
	text-align: center;
}
.piTop {
	min-height:250px;
	padding:0 0 15px;
	text-align:center;
}
* html .piTop { height: 250px; }
.piBottom {
	border-top:1px solid #DEDFE1;
}

.prevNext {
	float:right;
	font-size:13px;
	padding:10px 13px 15px;
	text-align:right;
	width:250px;
}
.prevNext2 {
	font-size:13px;
	padding:10px 0;
	text-align:left;
	width:335px;
}
.prevNext a, .prevNext2 a {
	color:#567186;
}
.itemPrev {
	background:url("http://lib.store.yahoo.net/lib/myknobs/fp-std-pagination-arrows.gif") no-repeat scroll left 0 transparent;
	padding-left:12px;
}
.itemNext {
	background:url("http://lib.store.yahoo.net/lib/myknobs/fp-std-pagination-arrows.gif") no-repeat scroll right 0 transparent;
	padding-right:12px;
}
.productInfo {
	float:right;
	width:453px;
}
.productInfoWrap {
	margin-right:15px;
	background-color:#F1F5F7;
	border:1px solid #999999;
	width:418px;
}
.productTop {
	padding:5px 10px 10px 10px;
}
h2.productName {
	color:#49494E;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	margin:0;
}
.codeAvail {
	color:#8B929A;
	font-size:11px;
	line-height:18px;
	margin:5px 0;
}
.optionsTable {
	width:400px;
}
.optionsTable tr {
	background-color:#FFFFFF;
}
.optionsTable td.optionLeft {
	border-color:#DFE0E2 -moz-use-text-color #DFE0E2 #DFE0E2;
	border-style:solid none solid solid;
	border-width:1px medium 1px 1px;
	padding:5px 10px 5px 5px;
}
.optionsTable td.optionRight {
	border-color:#DFE0E2;
	border-style:solid;
	border-width:1px 1px 1px 2px;
	padding:5px 5px 5px 10px;
	font-size: 11px;
}
.optionsTable tr.nbg {
	background: transparent !important;
}
.optionsTable tr.nbg td {
	padding:1px 0 !important;
}

.fpPriceStrike {
	color:#808183;
	font-size:12px;
	padding:15px 0 0 5px;
}
.fpSale {
	color:#F57235;
	font-family:Georgia;
	font-size:18px;
	font-weight:bold;
	padding:5px 0 5px 5px;
}

.fpSale input, .fpPrice input {
	border:1px solid #C6CED4;
	color:#C6CED4;
	margin-left:13px;
	text-align:center;
}
.fpSale span, .fpPrice span {
	color:#6B6C70;
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
	padding-left:5px;
}

.fpPrice {
	color:#808183;
	font-size:15px;
	font-weight:bold;
	padding:15px 0 5px 5px;
}

table.addToCart {
	background-color:#FFFFFF;
	text-align:center;
	width:100%;
	border-top:1px solid #DCDCDC;
}
table.addToCart td {
	padding:10px 0;
}
table.addToCart td.bordTop {
	border-top:2px solid #DCDCDC;
	color:#85B0DE;
	text-align:center;
}
.bordTop img { vertical-align: middle; }
table.addToCart td.bordTop a {
	color:#85B0DE;
	font-family:Georgia;
	font-size:13px;
	padding:0 10px;
}

.asExtras {
	color:#36383f;
	font-size: 11px;
	padding:5px 0;
}
.freeShip {
	background:url("http://lib.store.yahoo.net/lib/myknobs/box.gif") no-repeat scroll left center transparent;
	padding:3px 0 3px 0;
}
.twoDays {
	background:url("http://lib.store.yahoo.net/lib/myknobs/truck.gif") no-repeat scroll 9px center transparent;
	padding:3px 0;
}
.hasReview {
	background:url("http://lib.store.yahoo.net/lib/myknobs/star-icon.jpg") no-repeat scroll 7px center transparent;
	padding:3px 0 3px 19px;
}
.asExtras span { display:block; }


.productDetail {
	clear:both;
	padding:25px 0 0;
}


#fpTestis {
	background:url("http://lib.store.yahoo.net/lib/myknobs/testBG.jpg") repeat-x scroll 0 0 transparent;
	color:#666664;
	font-size:12px;
	margin:25px 0;
	padding:0 30px;
}
#productWrap h5 {
	color:#3F608B;
	font-family:Georgia;
	font-size:15px;
	font-weight:normal;
	margin:0 0 25px 0;
	padding:13px 0 0;
}


.crossSellTable {
	width:926px;
	background:url("http://lib.store.yahoo.net/lib/myknobs/testBG.jpg") repeat-x scroll 0 0 transparent;
	padding-left:5px;
}
.crossSellTable tr td {

}
.crossSellTable tr td.csLeft {
	width:690px;
}
.crossSellTable tr td.csRight {
	width:240px;
	text-align: center;
}
.gCrossSell td{
	font-size: 13px !important;
}
.gCrossSell a {
	font-size: 13px !important;
}
/* Footer Area */
#footer {
	clear:both;
	background-color:#FFF;
}
.footerTopNav {
	background-color:#C8D8E6;
	color:#336793;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
}
.footerTopNav a {
	color:#336793;
	padding:0 5px;
}
#footerBadges {
	width:946px;
	margin:10px;
}
#footerBadges table {
	width:100%;
}
.footerTable {
	width:946px;
	color:#0d3155;
	font-size: 12px;
	background: url(http://lib.store.yahoo.net/lib/myknobs/footerTable.jpg) repeat-x left bottom;
}
.footerTable td {
	padding:15px;
}
.footerTable h5 {
	color:#0D3155;
	font-size:12px;
	font-weight:bold;
}
.footerTable a {
	display:block;
	color:#0d3155;
	text-decoration: underline;
}

.newsletter {
	background: url(http://lib.store.yahoo.net/lib/myknobs/newsletter.jpg) no-repeat;
	width:419px;
	height:135px;
}
.newsletter form {
	padding:49px 0 0 40px;
}
.newsletter .newsInput {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	color:#A39B9C;
	font-size:15px;
	font-style:italic;
	height:24px;
	margin-right:7px;
	padding:0 10px;
	text-align:center;
	vertical-align:middle;
	width:260px;
}
.newsletter .newsImage {
	vertical-align: middle;
}


.footerBadges {

}
.finalText {
	text-align: center;
	padding:20px 0;
	font-size: 12px;
}


/* Breadcrumbs */

.breadcrumbs {
	color:#8C8C8E;
	float:left;
	font-size:12px;
	padding:5px 5px 10px;
	width:635px;
}
.breadcrumbs a {
	color:#5576a6;
	text-decoration: underline;
}


/* Testimonials ( home page ) */
.testimonials {
	background-color:#F6F5F1;
	border:1px solid #C4C8AF;
	margin:25px 0 10px 9px;
	width:327px;
}
.testimonials p.testi {
	border-top:3px dotted #BFBCAC;
	color:#6F6F6D;
	font-family:Georgia;
	font-size:12.5px;
	line-height:16px;
	padding:12px 10px;
	margin:0;
}
.testimonials .testMore {
	color:#4191C5;
	display:block;
	font-family:Georgia;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	padding:0 15px 10px 0;
	text-align:right;
}

/* Brands LIst ( Home Page ) */

.topBrands {
	clear:both;
}
.topBrands h3 {
	color:#A1BBDD;
	font-family:Georgia;
	font-size:24px;
	font-weight:normal;
	margin:0;
	padding:0 0 5px 5px;
	text-transform:uppercase;
}
.brandsA {
	background:url("http://lib.store.yahoo.net/lib/myknobs/brandsBG.jpg") repeat-x scroll left bottom transparent;
	color:#366494;
	font-size:12px;
	line-height:16px;
	padding:10px;
	text-align:justify;
}
.brandsA a {
	color:#366494;
	text-decoration:underline;
}


/************************** Feature Code **************************/


/* Rotating Banner */
#bannerrotate {width:575px; height:293px; overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif; }
.bannerHolder {position:relative;}
.bannerHolder div {position:absolute; top:0; left:0;}
.navbuttons { 
	background-color:#E7E2BF;
	height:28px;
	padding:3px 33px 3px 5px;
	position:absolute;
	z-index:100;
	bottom:0 !important;
	left:0 !important;
}
a.numbtn {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#747476;
	cursor:pointer;
	float:left;
	font-family:Georgia;
	font-size:15px;
	font-weight:normal;
	height:22px;
	margin-right:4px;
	padding-top:2px;
	text-align:center;
	width:26px;
}
a.btnOn, a.btnOn:hover {background:url(http://lib.store.yahoo.net/lib/myknobs/rotateON.jpg) no-repeat; font-weight:bold; color:#747476;}
.pause {position:absolute; width:26px; z-index:100;	background: transparent url(http://lib.store.yahoo.net/lib/myknobs/playpause.gif) no-repeat scroll 0 top; right:6px; height:24px; cursor:pointer;}
.pauseOn {background: transparent url(http://lib.store.yahoo.net/lib/myknobs/playpause.gif) no-repeat scroll 0 bottom; cursor:pointer;}


/*  -- FastPivot Tabbed Details v1.0 (1.20.2010) --  */
div#tabbedDetails {
	margin:25px 0;
}
div#tabbedDetails ul.tabs {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float:right;
	width:583px;
}

div#tabbedDetails ul.tabs li {
	float: right;
	margin: 0 5px -1px 0;
	height: 25px;
	background: url(http://lib.store.yahoo.net/lib/myknobs/tabbedDetails-tabBkgd.gif) 0 -25px no-repeat;
}

div#tabbedDetails ul.tabs li a {
	color:#3C5D7A;
	float:left;
	font:11px Arial,Helvetica,sans-serif;
	height:17px;
	padding:8px 15px 0;
	text-decoration:none;
	background: url(http://lib.store.yahoo.net/lib/myknobs/tabbedDetails-tabBkgd.gif) right -75px no-repeat;
}

div#tabbedDetails ul.tabs li.selected {
	background: url(http://lib.store.yahoo.net/lib/myknobs/tabbedDetails-tabBkgd.gif) 0 0 no-repeat;
}

div#tabbedDetails ul.tabs li.selected a {
	background: url(http://lib.store.yahoo.net/lib/myknobs/tabbedDetails-tabBkgd.gif) right -50px no-repeat;
}

div#tabbedDetails .tabContent {
	clear: both;
	margin-top: -1px;
	margin-top:-25px\9;
	background-color:#fbf8e7;
}

div#tabbedDetails .tabContent .text {
	padding: 10px 5px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #626263;
}

/* Tabbed Redone Part II ( the sequal ) */
/*  -- FastPivot Tabbed Details v1.0 (1.20.2010) --  */
div#tabbedDetails2 {
	margin:0 0 25px 0;
}
div#tabbedDetails2 ul.tabs {
	margin: 0;
	padding: 0;
	list-style-type: none;
	
	float:left;
	width:926px;
}

div#tabbedDetails2 ul.tabs li {
	background:url("http://lib.store.yahoo.net/lib/myknobs/tabbedDetails-tabBkgd2.png") no-repeat scroll 0 -31px transparent;
	float:left;
	height:31px;
	margin:0 5px -1px 0;
}

div#tabbedDetails2 ul.tabs li a {
	background:url("http://lib.store.yahoo.net/lib/myknobs/tabbedDetails-tabBkgd2.png") no-repeat scroll right -93px transparent;
	color:#3C5D7A;
	display:block;
	font:14px Arial,Helvetica,sans-serif;
	height:17px;
	padding:8px 15px 0;
	text-decoration:none;
	float:left;
}

div#tabbedDetails2 ul.tabs li.selected {
	background: url(http://lib.store.yahoo.net/lib/myknobs/tabbedDetails-tabBkgd2.png) 0 0 no-repeat;
}

div#tabbedDetails2 ul.tabs li.selected a {
	background:url("http://lib.store.yahoo.net/lib/myknobs/tabbedDetails-tabBkgd2.png") no-repeat scroll right -62px transparent;
	color:#FFFFFF;
	font-weight:bold;
}

div#tabbedDetails2 .tabContent {
	background-color:#F1F5F7;
	border:1px solid #B0BCC4;
	clear:both;
	margin-top:-1px;
	overflow:hidden;
	width:924px;
}

div#tabbedDetails2 .tabContent .text {
	padding: 15px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #626263;
	width:894px;
}

/*  -- End FastPivot Tabbed Details v1.0 (1.20.2010) --  */


/*  -- FP Basic Contents Table v1.0 (1.4.2010) --  */

div#contentsArea {
    width: 895px;
}
table#contents-table {
	width:800px;
	margin:25px auto;
}

.crossSellTable div#contentsArea { width:690px !important;} 
.crossSellTable table#contents-table { width:690px !important;} 

#tabbedDetails div#contentsArea { width:575px !important;}
#tabbedDetails table#contents-table { width:575px !important;}
#tabbedDetails table#contents-table td { padding:5px 0 !important; font-size: 11px !important; }


table#contents-table td {
    padding:5px 15px;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #000;
    text-align: center;
    vertical-align: top;
}

#tabbedDetails table#contents-table td .itemImg {
	background: url(http://lib.store.yahoo.net/lib/myknobs/hpimgbg.jpg) center top no-repeat;
	padding:10px 0 16px;
}

table#contents-table td .itemInfo {
}

table#contents-table .name {
    padding-bottom: 15px;
}

table#contents-table .name a {
	color:#567186;
	display:block;
	padding-top:10px;
}

table#contents-table .name a:hover {
}

table#contents-table .abstract {
}

table#contents-table .price {
	color:#69757C;
	font-weight:bold;
}

table#contents-table .sale-price {
	color:#940427;
	font-weight:bold;
}

table#contents-table .price-bold {
    font-size: 14px;
    font-weight: bold;
    color:#69757C;
}

table#contents-table .addToCart {
    padding-top: 10px;
}

table#contents-table .verticalDivider {
    padding: 0;
}

table#contents-table .verticalDivider-empty {
    padding: 0;
}

table#contents-table .horizontalDivider {
    padding: 0;
    font-size: 0px;
}

/*  -- End FP Basic Contents Table v1.0 (1.4.2010) --  */


/*  -- FP Basic Pagination v1.0 (1.4.2010) --  */

div#paginationContainer .paginationControls {
    padding: 5px 10px;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #567186;
}

div#paginationContainer .paginationControls a {
    color: #567186;
    text-decoration: underline;
}

div#paginationContainer .paginationControls a:hover {
    text-decoration: none;
}

div#paginationContainer .pageLinks {
    float: left;
    width:550px;
}

div#paginationContainer .pageLinks a {
    padding: 0 5px;
}

div#paginationContainer .pageLinks a.currentPage {
    font-weight: bold;
    text-decoration: none;
}

div#paginationContainer .pageSelectors {
    float: right;
    width: 300px;
    text-align: right;
}

div#paginationContainer .prevControl {
    padding-right: 10px;
}

div#paginationContainer .prevControl a {
    padding-left: 12px;
    background: url(http://lib.store.yahoo.net/lib/myknobs/fp-std-pagination-arrows.gif) left 0 no-repeat;
}

div#paginationContainer .prevControl a:hover {
    background-position: left 0;
}

div#paginationContainer .nextControl {
    padding-left: 10px;
}

div#paginationContainer .nextControl a {
    padding-right: 12px;
    background: url(http://lib.store.yahoo.net/lib/myknobs/fp-std-pagination-arrows.gif) right 0 no-repeat;
}

div#paginationContainer .nextControl a:hover {
    background-position: right 0;
}

/*  -- End FP Basic Pagination v1.0 (1.4.2010) --  */


h3.sectionTitle {
	background:url("http://lib.store.yahoo.net/lib/myknobs/sectionTitle.jpg") repeat-x scroll 0 0 transparent;
	color:#3F638D;
	font-family:Georgia;
	font-size:14px;
	padding:32px 0 10px 15px;
	margin:0;
}

/* Search Results Fix */

#results a {
	font-size:13px;
	line-height: 15px;
}
#results td {
	font-size: 13px;
}