/*Berkshire Fabric Wallpaper css*/

/*---- 8/25/07 8:45AM ----*/

/*   
Theme Name: bfwMainNF
Theme URI: www.berkshirefabricwallpaper.com
Description: Theme for Berkshire Fabric Wallpaper
Author: Allan Douglas, DDGraphics WebMedia
Author: URI: www.ddgwebmedia.com
 */

/******************************/
/* @group HTML Elements */

/*------ HTML Elements ------*/

body {
	font-family: "Calisto MT", "Book Antiqua", "Times New Roman", Times, serif;
	color: #333;
	font-size: 95%;
	margin: 0;
	padding: 0;
	background-color: #dbd2bd;
}

p, td, h1, h2, h3, h4, h5, ul, li {
	font-family: "Calisto MT", "Book Antiqua", "Times New Roman", Times, serif;
	color: #333;
}

a {
	text-decoration: none;
}

img {
	border: 0;
}

p {
	font-size: .95em;
}

h1 {
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

/*-------- End HTML Elements --------*/

/* @end HTML Elements */

/************************/

/* @group ID Selectors */

/* ---- ID Selectors ---- */

/*------ Wrapper Stuff ------*/

#wrapper {
	background-color: #F2ECD8;
	margin: 0 auto;
	padding: 0;
	width: 99%;
	border: medium groove silver;
	z-index: 0;
}

/*--- End Wrapper Stuff ---*/

/* @end ID Selectors */

/********************************/

/* @group Header */

/*---- Main Header Bar ---- */

#header {
	width: 100%;
	margin: 0;
	padding: 0;
}

#headerAD {
	margin: 0;
	width: 100%;
	text-align: center;
}

/*---- Header SplitEm ----*/

div.hdrrownf {
	height: 115px;
	width: 100%;
	background: #F2ECD8 url(../SiteAssets/Jpeg/HdrBckfadedridgeA.jpg) no-repeat;
	overflow: hidden;
}

div.hdrleft {
	float: left;
	width: 63%;
	text-align: center;
	margin: 3.5em auto 0 2em;
}

div.hdrleft h1 {
	color: #e00000;
	font: 3em Arial, Helvetica, Geneva, sans-serif;
}

div.hdrleft h3 {
	color: #e00000;
	font: 3em "Edwardian Script ITC", "Apple Chancery", "Sans serif";
}

div.hdrcenter {
	float: left;
	width: 69%;
	margin-top: 2em;
}

div.hdrright {
	float: left;
	width: 35%;
	margin-top: .8em;
	text-align: right;
	font-size: .8em;
}

/*--- End About SplitEm CenterColStuff ---*/

/* @end Header */

/*********************************/

/* @group Main Content */

#maincontent {
	width: auto;
	margin: 0;
	z-index: 0;
	/*-border-left: 150px solid #F2ECD8;
	border-right: 150px solid #F2ECD8;-*/
}

#maincontent h4 {
	text-align: center;
}

/* @group Left Column Stuff */

/*---- Left Column Stuff ----*/

#leftcol {
	background-color: #F2ECD8;
	width: 15%;
	position: relative;
	float: left;
	/*margin-left: -150px;*/
	display: inline;
	margin-top: 1em;
}

#leftcol p {
	width: 100%;
	padding: 0;
	margin: .5em 0 0 .5em;
}
/*--- End Left Column Stuff ---*/

/* @end Left Column Stuff */
/****************************/
/* @group Center Column Stuff */

/*---- Center Column Stuff ----*/

#centercol {
	float: left;
	position: relative;
	width: 68%;
	background-color: #F2ECD8;
	margin: 0 auto;
}

#centercol p {
	margin: 1em 1em .5em .5em;
	font-weight: bold;
	/*-font-style: italic;-*/
}

#centercol h1 {
	font-size: 2.5em;
	text-align: left;
	margin-bottom: .4em;
}

#centercol h2 {
	text-align: left;
	margin-bottom: .4em;
}

#centercol h3 {
	text-align: center;
	margin-bottom: .4em;
	font-weight: bold;
	font-variant: small-caps;
}

/* @group Norman Shutter Stuff */

#normanshttr {
	font-weight: bold;
	text-align: center;
	border: medium ridge #800;
}

.norman {
	color: #800;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
}

/*--- SplitEm Norman Stuff ---*/

.normanrow {
	clear: both;
	width: 100%;
	margin-top: .5em;
	background-color: #C39262;
}

.normanleft {
	float: left;
	text-align: center;
	width: 38%;
	background-color: #dbd2bd;
	margin: .5em;
}

.normanright {
	float: right;
	background-color: #dbd2bd;
	margin: .5em;
	width: 57%;
}

/*------ End SplitEm Norman Shutter Stuff ------*/

/* @end Norman Shutter Stuff */

/* @group Nested Float */

#centercontent {
	clear: both;
	width: 90%;
	background-color: #F2ECD8;
	color: #dbd2bd;
	border: 1em solid #CAA37E;
	padding: 0;
	margin: 0 auto;
}

#centercontentnm {
	width: 97%;
	background-color: #F2ECD8;
	color: #dbd2bd;
	border: 1em solid #CAA37E;
	padding: 0;
	margin: 0 0 0 -150px;
}

#centercontent #leftcontent {
	float: left;
	width: 48%;
	margin: 0 1em 0 0;
	padding: 0;
	background-color: #F2ECD8;
	border-right: 1em solid #CAA37E;
	border-bottom: 1em solid #CAA37E;
	border-left: .2em solid #CAA37E;
	border-top: .2em solid #CAA37E;
}



#centercontent p {
	margin: 0 auto .5em 1em;
	padding: 0;
}

#centercontent h1 {
	margin: 0 0 .5em 1em;
}

#centercontent h2 {
	margin: 0 0 .5em 1em;
}

#centercontent h3 {
	font-size: 1em;
	text-align: left;
}

#centercontent h4 {
	text-align: left;
}
/*-- Classes in CenterContent --*/

.rowcc {
	clear: both;
	width: 100%;
}

.leftcc {
	float: left;
	width: 37%;
}

.centercc {
	float: left;
	width: 29%;
}

.rightcc {
	float: right;
	width: 29%;

}
/* @group Images in Centercontent */

/*- IDs used Portfolio Image Rollovers -*/

#imgthmbswrapper {
	position: relative;
	width: 100%;
	margin: 0;
	border-right: thin solid #333;
}

#imgthmbswrapperabt {
	position: relative;
	width: 100%;
	margin: 0;
	text-align: center;
}

#imgthmbswrapper p {
	margin: 1.3em 1em 0;
	font-size: 1em;
	line-height: 1.5em;
}

#imgthmbswrapper h3 {
	text-align: center;
	margin: 1.5em .5em 0;
}

#imgcontainer {
	position: relative;
	width: 100%;
	margin: 1em auto 0 0;
}

#imgcontainer p {
	margin: 1.3em 1em 0;
	font-size: 1em;
	line-height: 1.5em;
}

#pfbigimage {
	margin: 1.3em 1em 0;
}

#pfbigimage p {
	text-align: center;
	margin: 1.3em 0 0;
}

#pfbigimage h3 {
	text-align: center;
	margin: 1em 0 0;
}

/*--#pfliveimage {
	text-align: center;
	position: fixed;
	top: 4em;
	left: 22em;
	background-color: white;
	border-right-color: white;
	border-left-color: white;
	border-left-style: solid;
	border-right-style: solid;
}
--*/

/*---- Portfoilio Classes ----*/

/*-------- Classes --------*/

.pfliveimage {
	text-align: center;
}

.thmbsrow {
	clear: both;
	width: 100%;
}

.thmbsfloat {
	float: left;
	width: 32%;
	text-align: center;
	margin: .1em .1em .3em;
}

.thmbsfloatindx {
	float: left;
	width: 97%;
	text-align: center;
	margin: .3em;
}

.pfclear {
	clear: both;
}

.pftext {
	margin-top: 1em;
}

.pagenameimg {
	text-align: right;
	margin-top: 1em;
}

.photolabels {
	text-align: center;
	margin-top: .5em;
}

/*--- End Portfolio CSS ---*/

/* @end Images in Centercontent */

/* @end Nested Float */
/*****************************/
/* @group Testimonials Stuff */

/*------ Testimonials CSS ------*/

/*------ 9/25/06 3:00PM ------*/

#tstmnls {
	width: 100%;
	display: block;
}

.tstmnltxt {
	font-style: italic;
	margin-left: 15px;
	margin-right: 10px;
}

.tstmnlname {
	margin-bottom: 0px;
	margin-left: 60%;
	margin-top: 0px;
}

/*---- End Testimonials Stuff ----*/

/* @end Testimonials Stuff */

/* @group Privacy Stuff */

/*------ Privacy & Terms CSS ------ */

/*------12/17/06 ------*/

#privacy {
	margin: 1em;
}

#privacy p {
	font-size: .9em;
}

#privacy h1 {
	font-size: 1.3em;
}

#privacy h2 {
	font-size: 1.1em;
}

#privacy h3 {
	font-size: 1em;
	text-align: left;
}

#privacy h4 {
	text-align: left;
}

/*---- End Privacy & Terms Stuff ----*/

/* @end Privacy Stuff */

/*---- End Center Column Stuff ----*/

/* @end Center Column Stuff */
/***************************************/
/* @group Right Column Stuff */

/*---- Right Column Stuff ----*/

#rightcol {
	width: 15%;
	background-color: #F2ECD8;
	float: right;
	/*margin-right: -150px;*/
	position: relative;
	z-index: 30;
	display: inline;
	margin-top: 1em;
}

#image {
	display: block;
	text-align: center;
}

#rightcol p {
	width: 100%;
	margin-top: .5em;
	padding: 0;
}

/*---- End Right Column Stuff ----*/

/* @end Right Column Stuff */

/* @end Main Content */
/*******************************/
/* @group Catalog Stuff */

/* Used in the Catalog & CatalogDetail Pages */

div.pagetitle {
	
}

.pagetitle h1 {
	color: #800;
	margin: 1em auto .5em 1em;
}

#prodcontainer {
	float: left;
	width: 95%;
	margin: 1em 0 0;
	border: 1em solid #CAA37E;
}

#prodcontainer .box {
	float: left;
	width: 100%;
	margin-top: .5em;
}

#prodcontainerb {
	clear: both;
	width: 99%;
	position: relative;
}

#prodcontainer div.pageinfo {
	margin: 0;
	background-color: #5877D3;
}

#prodcontainer div.pageinfo h2 {
	color: white;
	margin: 0 auto .5em .5em;
	line-height: 2em;
}

/*-- prodgroup --*/

#prodcontainer .prodgroup {
	float: left;
	text-align: center;
	display: block;
	width: 33%;
	margin: .5em 0 0;
}

#prodcontainer .prodgroup h3 {
	font-size: .9em;
	text-align: center;
	margin: 0;
}

/*-- end prodgroup --*/
/*----------------------*/
/*-- proddetail --*/

#prodcontainer .proddetail3 {
	float: left;
	text-align: center;
	display: block;
	width: 33%;
	margin: .5em 0 0;
}

#prodcontainer .proddetail4 {
	float: left;
	text-align: center;
	display: block;
	width: 24%;
	margin: .3em .3%;
}
.prodname {
	font-size: 1em;
}
.proddesc {
	font-size: .95em;
}
.prodprice {
	color: #900;
	font-size: 1.3em;
	margin: 0;
}
/*-- end proddetail --*/

/* @group Add to Cart Button */

a:link.addtcbutton, a:visited.addtcbutton {
	display: block;
	width: 7em;
	color: #800;
	background-color: #CAA37E;
	text-align: center;
	font-size: .95em;
	border-top: 1.5px outset #CCCCCC;
	border-right: 1.5px outset #666666;
	border-bottom: 1.5px outset #666666;
	border-left: 1.5px outset #CCCCCC;
	margin: 0 auto;
	padding: 3px;
}

a:hover.addtcbutton, a:active.addtcbutton {
	color: white;
	background-color: #5877D3;
	text-align: center;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
}

/* @end Add to Cart Button */

/* @end Catalog Stuff */
/********************************/
/* @group Contacts Page Stuff */

/*------ Contacts Page Stuff ------*/
/*----- Needed in every site that uses our DB for contact information -----*/

#contact {
	float: left;
	width: 98%;
	position: relative;
	margin: 0 .5em;
	padding: 0;
}

#contact .modules {
	clear: both;
	padding-top: 5px;
	text-align: center;
}

#contact h2 {
	margin-bottom: 0px;
	-moz-border-radius: 10px;
	color: white;
	background-color: #BDB1A0;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #666666;
	text-align: center;
	margin-top: 15px;
}

#contact h4 {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0px;
	-moz-border-radius: 10px;
	color: white;
	background-color: #BDB1A0;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #666666;
}

#contact h5 {
	text-align: center;
	font-weight: normal;
	color: #333;
}

#contact .contact {
	text-align: center;
	float: left;
	display: block;
	width: 33%;
	font-size: .9em;
}

#rightcolcntct {
	float: right;
	width: 20%;
	margin: 0;
	z-index: 0;
	position: fixed;
	left: 78%;
}

.rowcccntct {
	clear: both;
	width: 100%;
}

.imagerc {
	width: 100%;
	border: thick ridge white;
}

.imagecc {
	width: 31%;
	border: thick ridge white;
}

/******************************/

/*---------- Form Stuff ----------*/

#frmcontainer {
	clear: both;
	background-color: #BDB1A0;
	color: white;
	width: 500px;
	border: thin dashed #660099;
	margin: 0 auto;
}

#frmcontainer h2 {
	font-size: 1.1em;
	margin: .5em 0em;
}

div.row {
	clear: both;
	padding-top: 5px;
	text-align: center;
}

div.row1 {
	clear: both;
	padding-top: .5em;
	text-align: center;
}

div.row span.label {
	float: left;
	width: 35%;
	text-align: right;
}

div.row span.labelcr {
	float: left;
	width: 30%;
	text-align: right;
}

div.row span.labelbg {
	float: left;
	width: 15%;
	text-align: right;
}

div.row span.formw {
	float: right;
	width: 60%;
	text-align: left;
}

div.row span.formcr {
	float: right;
	width: 70%;
	text-align: left;
	color: #000066;
}

div.row span.formbg {
	float: right;
	width: 10%;
	text-align: left;
}

div.rowbttns {
	clear: both;
	padding-top: .5em;
	text-align: center;
}

/*------ Form Button ------*/

.formbttn {
	cursor: pointer;
	background-color: #333;
	color: white;
	border: outset 1px #ccc;
	padding: 1px 2px;
}

.formbttnoff {
	background-color: #666699;
	color: #CCCCCC;
	border: outset 1px #ccc;
	padding: 1px 2px;
}

/*---- Button Classes ----*/

.sbmtbutton a:link, .sbmtbutton a:visited {
	width: 7em;
	display: block;
	border-top: medium solid #CCCCCC;
	border-right: medium solid #666;
	border-bottom: medium solid #666;
	border-left: medium solid #CCCCCC;
	color: navy;
	background-color: #FF7745;
	text-align: center;
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}

.sbmtbutton a:hover, .sbmtbutton a:active {
	color: #FF7745;
	background-color: navy;
	text-align: center;
	border-top-color: #666;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #666;
}

/*---- End Form CSS ----*/

/* @end Contacts Page Stuff */

/***********************************/

/* @group Navigation */

/*-------- Navigation --------*/

#navigation {
	width: 100%;
	height: 1.5em;
	background-color: #5877D3;
}

/*---- Top Navbar ----*/

#ournav, #ournav ul { /* all lists */
	display: block;
	padding: 0;
	list-style: none;
	line-height: 1.5em;
	z-index: 10;
	margin: 0 0 0 10%;
}

#ournav a {
	display: block;
	color: #F2ECD8;
}

#ournav a:hover {
	display: block;
	background-color: #F2ECD8;
	color: #5877D3;
}

#ournav li { /* all list items */
	float: left;
	width: 6em;
	color: #666666;
	background-color: #5877D3;
	margin: 0;
	text-align: center;
}

#ournav li.widenine {
	width: 8em;
}

#ournav li.wideten {
	width: 9em;
}

#ournav li.widetwelve {
	width: 12em;
}

#ournav li ul {
	position: absolute;
	width: 6em;
	left: -999em;
	margin-left: 0;
}

#ournav li ul li {
	text-align: left;
	width: 6em;
	padding-left: .2em;
	border-top: .025em solid #FFFFFF;
	border-left: .025em solid #FFFFFF;
}
 
#ournav li ul ul { /* third-and-above-level lists */
	margin: -1.5em 0 0 6em;
}

#ournav li:hover ul ul, #ournav li:hover ul ul ul, #ournav li.sfhover ul ul, #ournav li.sfhover ul ul ul {
	left: -999em;
	background-color: #5877D3;
}

#ournav li:hover ul, #ournav li li:hover ul, #ournav li li li:hover ul, #ournav li.sfhover ul, #ournav li li.sfhover ul, #ournav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-color: #5877D3;
}

/*------Footer ------*/

#footer {
	clear: both;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: .8em;
	padding: 3px;
	border-top: thick solid #5877D3;
}

/* @end Navigation */

/***********************************/

/* @group Site Wide Classes */

/*-------- Classes --------*/

/*------ ClearFix ------*/

/*---- Used to push divs ----*/

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

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/*--- End ClearFix ---*/

.row {
	clear: both;
}

.bdrbottom {
	border-bottom: medium ridge #800;
}

.tagline {
	text-align: center;
	border-bottom: medium ridge #800;
	color: #800;
	width: 90%;
	padding: 0;
	margin: 1.5em auto;
}

.float {
	float: left;
	margin: 3px;
}

.imgaligncntr {
	display: block;
	text-align: center;
}

.imgcntrnegmargin {
	display: block;
	text-align: center;
}

.ddGraphics2 {
	font-family: "Comic Sans MS";
	font-size: .8em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.WebMedia2 {
	font-family: "Comic Sans MS";
	font-size: .8em;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

/* @end Site Wide Classes */

/*************************/