/* Undo existing styles
======================================================================*/
a img,:link img,:visited img { border: none; }
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th {font-size: 1em; }
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, 
html, label, legend, li, ol, p, pre, table, td, th, ul
{ margin: 0; padding: 0; }


/* NOTES
======================================================================
red color for links = #A4372C
*/


/* FOUNDATION
======================================================================*/
body {
	background-color: #FFF !important; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	padding: 15px 0px; text-align: center;}
	
	
a {color: #961300; text-decoration: none;}
a:hover {color: #000;}


textarea {font-family: arial, verdana, tahoma, sans-serif;}




.mainContainer {background-color: #FFF; margin: 0px auto; text-align:center; width: 924px;}
.header {padding: 0px 20px 15px 0px; text-align:left;}
.bodyContainer {margin: 0px auto; width: 827px; }
.logo {float:left;}


/* CssClass found on entire site - updated style to reflect new style link style attributes */


a.changeLink:link {color:#961300; text-decoration: none; font-size: 11px;}
a.changeLink:visited {color:#961300; text-decoration: none; font-size: 11px;}
a.changeLink:hover {color:#000; text-decoration: none; font-size: 11px;}
a.changeLink:active {color:#961300; text-decoration: none; font-size: 11px;}

/* clears plastered all over old site code created a class for it */

.clear {clear:both; font-size: 1px; height: 1px; line-height: 1px; }





/* JUMP NAVIGATION
======================================================================*/
.jumpContainer {
	float: right;
	margin: 20px 30px 0px 0px;
	width: 480px;
}

.sectionNav {float: right;}
.sectionNav li {color: #A4372C; float: left; list-style-type: none; padding: 0px 5px;}
.sectionNav li a {color: #A4372C; text-decoration: none;}
.sectionNav li a:hover {color: #A4372C; text-decoration: none;}

/*
#nav {float: right;margin-top: 0px;}
#nav  li {color: #A4372C; float: left; list-style-type: none; padding: 0px 3px;}
#nav  li a {color: #A4372C; text-decoration: none;}
#nav  li a:hover {color: #000; text-decoration: none;}*/

.jumpNav {float: right;margin-top: 10px; width: auto;}
.jumpNav li {color: #961300; float: left; list-style-type: none; padding: 0px 3px;}
.jumpNav li a {color: #961300; text-decoration: none;}
.jumpNav li a:hover {color: #000; text-decoration: none;}

.jumpNavContent {float: left; margin-top: 0px;}
.jumpNavContent li {color: #961300; float: left; list-style-type: none; padding: 0px 3px;}
.jumpNavContent li a {color: #961300; text-decoration: none;}
.jumpNavContent li a:hover {color: #000; text-decoration: none;}


.contentNavContainer { display:block; float:left; margin:0px; padding: 10px 0px 10px 0px;  text-align:left; width: 600px;}

/* MAIN NAVIGATION
======================================================================*/

/* taken from MartinsVilleStyleSheet */
.tp {/*background-image:url(../../images/top-bg.gif);*/width:100%;}
.menu {/*background-image:url(../../images/links-bg.gif);*/ width:16%; float:left; height:25px; font:bold 12px; color:#000; text-transform:uppercase; padding:0px; text-align:center;}
.menu a {color:#FFFFFF; text-transform:uppercase; background-image:url(../../images/links-bg.gif);}
.menu1 {background-image:url(../../images/links-bg1.gif); width:16%; float:left; height:25px; color:#FFFFFF; text-transform:uppercase; padding:0px; text-align:center;}
.menu1 a {color:#000; text-transform:uppercase; }
/*.drmenu {height:27px; background:#990033;}*/
.drmenu {background-color:#9a3535; height:23px; border-top:1px solid #FFFFFF; text-align:left; padding-top:2px;padding-left:7px; padding-right:15px; font:normal 12px; color:#FFFFFF;}
.drmenu a {color:#961330; text-decoration:none;}
.drmenu a:hover {color: #000; text-decoration: none;}
.drmenu1 {background:#9a3535; height:23px; border-top:1px solid #FFFFFF; text-align:left; color:#000;}
.drmenu1 {background:#c35b5b; height:23px; border-top:1px solid #FFFFFF; text-align:left; color:#000;}
.drmenu1 a {color:#000; text-decoration:none;}

a.topLinks1:link {background:#9a3535; color:#993300; text-decoration: none; font-weight: bold;}
a.topLinks1:active {background:#9a3535; color:#993300; text-decoration: none; font-weight: bold;}
/*a.topLinks1:hover {background:#9a3535; color:#000000; text-decoration: none; font-weight: bold;}*/
/*a.topLinks1:active {color:#993300; text-decoration: none; }*/
/*.topLinksBox1{height:20px; float:left; width:22%; padding-top:10px; padding-bottom:10px;}
.topLinksBox1a{height:20px; float:left; width:19%; padding-top:10px; padding-bottom:10px;}*/



#nav {background:transparent url(../../images/template/nav_back.jpg) repeat-x ; color: #FFF; height: 25px; margin: 0px 0px 0px 0px; position: relative;width: 100%;}
#nav ul {height:21px; float:left;width: 610px;}
#nav, #nav ul {list-style-type: none; background:#9a3535;}
#nav a {
	color: #FFF; 
	display: block; 
	font-size: 12px; 
	font-weight: bold; 
	padding: 0px 16px 0px 16px;
	text-align:center;
	text-decoration: none;
}

#nav li {float: left;}
#nav li.divider {background-color: #FFF; height: 10px; margin-top: 0px; width: 1px;}
#nav li ul {position: absolute; left: 100px;/*left: -999em;*/ width: 100px; display: none; right: -175px;}
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul {left: -999em;display: none;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li:hover ul, #nav li li li.sfhover ul {left: auto; display: block;}


	/*---- FIRST DROPDOWN NAV ----*/
	

	#nav li ul {color: #000; text-align:left; position: absolute; left: 0px;}
	#nav li ul li {background-color: #E0E1E2; border-top: 1px solid #FFF; border-bottom: none; color: #7C322F; text-align:center;}
	#nav li ul li a {border-left: none; color: #7C322F; height:auto; padding: 3px 10px; width: 160px; text-align:center;}
	#nav li ul li a.drop {background: url(../../images/template/nav_arrow.gif) no-repeat right;}
	#nav li ul li a:hover {background-color: #C1C1C1; color: #000;}

	/*---- SECOND DROPDOWN NAV ----*/
	

	#nav li ul li ul {position: absolute; margin-top: -20px; right: -175px;} /* should be = to cell width listed above in #nav li ul li */
	

	#nav li ul li ul li a {background-color: #E0E1E2;border-left: 1px solid #c1c1c1;}
	#nav li ul li ul li a:hover {background-color: #C1C1C1;}
	
	/*---- THIRD DROPDOWN NAV ----*/
	

	#nav li ul li ul li ul {position: absolute; margin-top: -20px; right: -245px;width: 170px;background-color: #ffcc00 !important;} /* should be = to cell width listed above in #nav li ul li */

	#nav li ul li ul li ul li a {background-color: #E0E1E2;}
	#nav li ul li ul li ul li a:hover {background-color: #C1C1C1;}
	
	
/*---- SEARCH ----*/
.searchContainer {float: right; position:absolute; right: 0px; top: 4px; width:210px;}
.searchContainer input.searchBox {background: #E6E7E8; border: none; float: left; height: 14px !important; margin: 2px 2px 0px 0px; padding: 0px; width: 150px !important;}
.searchContainer div.text {font-size: 11px; font-weight:bold;position: absolute; left:130px; right: 0px; top:0px; bottom: 1px; width: 105px;}



/* BODY CONTENT
======================================================================*/
.bodyContent {
	clear: both;
	margin: 25px 0px;
	text-align:left;
}

/*------Landing Page ------*/

.landingPageContainer { width: 829px; text-align: center; margin: 0 auto;}

.landingPageButtons {padding-bottom:80px;}

.landingPageLogo {padding:70px 0 40px 0; margin: 0 auto; }

/* AOM Studio Image Padding */

.feature img.aomImage {padding: 15px 0px 0px 0px;}
	.feature a { color: #916330; text-decoration: none;}
	.feature a:hover {color: #000; text-decoration: none;}



	/*---- FLASH CONTENT ----*/
	.flashContainer {margin-bottom: 25px;}
	.flash {float:left;height: 222px; margin-bottom: 3px;width: 260px;}
	.flashText {background: #E6E7E8; float: right; height: 222px; margin-left:8px; width: 275px;}
	.flashText h2 {color: #535353;
		font-family: Arial, Helvetica, sans-serif;  font-size: 18px; font-weight: normal;
		margin: 10px 15px 0px 10px;}
	.flashText p {color: #231E20; margin: 5px 15px 0px 15px;}
	
/* Note:  Told by management that there will be no flash - Keeping styles from Miro template as placeholder for sizing */
	
	
	
	
.featureContainer {clear: both; height: 125px;}
.featureContainer .last,
.feature {border-right: 1px solid #919191;float: left; height: 100%; padding: 5px 0px 0px 0px; position: relative; text-align:center; width: 135px;}
.featureContainer .last {border-right: none !important; width: 140px;}
.feature img {display: block; margin: 0px auto; padding: 0px 0px 0px 0px;}
.feature a {color: #A4372C; font-weight: bold; height: 30px;margin: 0px auto; padding: 5px 0px 0px 0px; position: absolute; bottom: 0px; right: 0px; text-decoration: none; width: 130px;}
	
	
/* PAGE SPECIFIC CONTENT (if possible please list page it appears on)
======================================================================*/
/* Design Library List Attributes */


#divDesignLibCategory .LabelPageHeading {/*margin: 0px 0px 20px 25px; */}


ul.designLib {margin: 0px; padding: 0px 0px 10px; }
ul.designLib li {list-style:outside; margin:0px 0px 10px 0px; left:0px; padding: 0px; width:400px !important;}



/* Product Collection - Accessories
===========================================================*/

/* Note: These containers have similiar styles used across site - will use to wrap items */

/* Note: There will be containers that float in alternate directions */

.containerMain {float:center; width: 90%; height:70%;}
/*update */
.containerMain2 {float:center; width: 100%; height:70%;}


.containerMain ul {margin-left: 10px; padding-left: 2px; }
.containerMain ul li { margin-left: 30px; padding-left: 1px; }
.containerMainInner {width: 100%; height: 100%; }


.contentInfo {display:block; width: 100%; height: 100%; margin-top:25px; }

.contentInfo p {display:block; width: 100%; height: 100%; padding:10px 0px 10px 0px; }

.siteText {padding:10px 0px 10px 0px; font-size:12px;}

/* If the hight at 100% breaks any wrapper use the next one below */

.containerMainInner2 {width: 100%;}


/* added+mp */
.containerMainInner3 {float: left; width: 300px; text-align: left;}

/* added+mp */
.containerMainInner4 {float: right; width:400px; text-align: right; line-height:20px;}

/* added+mp */
.containerMainInner5 {width:120px; float:left; text-align:center;}

.containerMainInner6 {width:900px; float:left; text-align:center;}




/* CssClass page heading style attribute */

.productPageHeading{font:bold 18px Arial; color:#993300; width: 300px;}

/* Added for page heading links to the right */
.pageHeadingLink a {float:right; color: #916330; margin:0px; padding: 0px; text-decoration: none;}
.pageHeadingLin a:hover {color: #000; float:right;}

#divProductList {float: left; width:100%; padding-top: 10px; border: 1px solid #cccc33; font-size: 11px; text-align: center;}
	.scrolling {float: left; text-align:center; margin: 10px; height:385px; width: 160px; padding-top: 5px; overflow:auto;}
	.details-right {float: right; text-align: left; width: 600px; padding-top: 5px; padding-left: 15px;}
	.details-image {float: left; width: 300px; height: 300px; padding-right: 10px;}
	
	/*.details-info {position:relative; width:20px; float:right; margin:10px; text-align:left;}*/
	.details-info {float: left; width: 285px;}
	.detailsCollection-info {float: left; text-align:left; width: 280px;}
	
.colDetailsDesc {float:left; margin:10px 0px; height:55px; width:78%;}

.aveDetailsDesc {float:left; margin:10px 0px; height:55px; width:85%; color:red;}


#divProductList2 {float: left; width:100%; height:100%; border: 1px solid #cccc33;}

/* Note split containing Header styles for collections and accessories note differences */

.collections {float: right; width: 500px; text-align: right; line-height: 21px;}

.accessories {float: left; width:300px; text-align: left;}

/* ID taken from Accessories Collection AccessoriesCollection.aspx */
#divAcceesoryList {float: left; width:100%; height:90%; border: 1px solid #cccc33; padding-bottom:15px;}

#divProductDetail {float: left; width: 100%; height:100%; border: 1px solid #cccc33;}


/*Note:Check if this inherits proper settings */
/* added+mp */
#divProductDetail .divProductDetail2 {width:410px;float:left;height:300px;margin-top:20px;}

#divProductDetail .divProductDetail3 {margin: 10px; float: left; text-align: left; width: 370px; height: 290px; overflow: auto;}


#divAvenueCollectionList {float: left; width:100%; border: 1px solid #cccc33;}

.ProductDetailsInformation {width: 100%;}

/* Product Details Section */

/* styles that were used just for the accessories product details.aspx page */
.ProductDetailsImage {
	float: left;
	width: 45%;
	padding-left: 10px;
	}
	.ProductDetailsImageIn{
		text-align: center;
		margin: 0 auto;
		}
.ProductDetailsInformation {
	float: right;
	width: 50%;
	}
.backbutton {
	float: right;
	text-align: right;
	}
	
/* styles used on accessories collection.asp */
.AccessoriesLinks {
	float: right; 
	width: 400px; 
	text-align: right; 
	line-height: 20px;
	}
	
/* styles used on the company info page; might have to change to match design */
.CompanyInfo {
	padding: 20px;
	height: 100%; 
	margin: 0 auto;
	}

/* used on collection.aspx */
.ProductListImage {
	width: 200px;
	height: 100% !important; 
	float: left; 
	text-align: center;
	}
	/* Collections */
	.collectionListImage {
	width: 200px;
	height: 115px !important; /* This handles the sizes of the product page heights changing this will cause second line items to get cut off */
	float: left; 
	text-align: center;
	}
	
/* New Product styling */
.NewProductCaseGoods {
	float:left;
	width:25%
}

.NewProductUpholstery {
	float:left;
	width:25%
}

.NewProductFabrics {
	float:left;
	width:25%
}

.NewProductFinishes {
	float:left;
	width:24%
}

/* End Product Details */







.imageProduct {width:170px; float:left; text-align:center;}

.partnersWebsites {width:98%; float:left; text-align:left; padding: 10px 0px 10px 10px; height:25px;}

/* Seen this accross pages - taken from label elements CssClass in aspx code */

.txt {font:normal 12px; color:#333333; padding-top: 5px;}
.txt1 {font:normal 11px; color:#333333;}
/* class created to fix IE text span issue */
.txt3 {float:left; text-align:left; font:normal 11px;}


.imgHeight{width: 100px; height: 90px;}


.productContainer ul {margin-top:0px; margin-left:10px;}	

.productContainer li {width:400px; text-align:left;}

.productContainer li a {color: #916330; font-size: 11px; font-weight: bold;text-decoration: none;}

.productContainer li a:hover {color: #000000; }



/* Design Library Page DesignLibrary.aspx */


#divDesignLibCategory {float: left; width:100%; margin-top: 10px; border: 1px solid #cccc33;}

#divFabricProductList {float: left; width:100%; padding-top: 10px; border: 1px solid #cccc33;}

#divFinishProduct {float: left; width:100%; padding-top: 10px; border: 1px solid #cccc33;}


/* Added mp - Pulled from Master2.css*/

/* added+mp */
.leftFloat {float:left;}

/* added+mp */
.textCenter {text-align:center;}

/* added+mp */
.textRight {text-align: right;}

/* Note: inline style is causing issue on width defaulting to 100% */


.fabricDetails2 {width:54%; float: left; text-align: left; height:85%;}

/* added+mp */
.fabricDetails3 {width: 270px; float: left;  margin-top: 9px; text-align: left; margin-left: 5px; height:75%;}




/* added+mp */
.fabricDetails4 {float: left; width: 100%;}

/* added+mp */
.fabricDetails5 {float: left; margin: 10px; width: 270px;height:30px;}

/* added+mp */
.fabricDetails6 {float: left; margin-top: 10px; width: 200px; text-align: left;}

/* added+mp */
.fabricDetails7 {float: right; margin-top: 10px; text-align: right; padding-right: 10px; width: 200px;}

/* added+mp */
.fabricListOne {float: left; width: 820px; margin-left: 65px; margin-top: 10px; text-align:center;}

/* added+mp */
.fabricListOne2 {width: 870px;}

/* added+mp */
.fabricListOne3 {float: left; width: 104px; text-align: left;}

/* added+mp */
.fabricListOne4 {float: right; width: 500px; text-align: right;}

/* added+mp */
.fabricList {float: left; width: 400px; text-align: left;}

/* added+mp */
.fabricList2 {float: right; width: 350px; text-align: right; line-height:20px;}

/* added+mp */
.finishDetails {margin: 10px; float: left; text-align: left; width: 370px; height: 350px; overflow: auto;}

/* added+mp */
.finishDetails2 {width: 480px; float: left; text-align: left;}

/* added+mp */
.finishDetails3 {float: left; width: 140px;}

/* added+mp */
.finishDetails4 {float: left; width: 340px;}

/* added+mp */
.finishDetails5 {margin-left: 140px; font-weight: bold;}

/* added+mp */
.finishDetails6 {float: right; margin:10px 0px; text-align: right; padding-right: 10px; width: 400px;}


/* added+mp */
.fabricCollection {float:center; width: 90%; height:95%;}

/* added+mp */
.finishesCollection {width:170px; float:left; text-align:center;}

/* added+mp */
.healthcareProduct {float:center; width:820px;margin:0 auto}

/* added+mp */
.healthcareProduct2 {width: 430px; float: left; border: 3px solid #cccc33; border-right: 0px; height: 358px; text-align: center;}
			
/* added+mp */
.healthcareProduct3 {width: 416px; height: 343px; margin: 7px;}

/* added+mp */
.healthcareProduct4 {width:163px; float:left; border:3px solid #cccc33; height:187px; text-align:center;}

/* added+mp */
.healtchcareProduct5 {width:143px; height:172px; float:center; margin:7px; margin-left:9px;}

/* added+mp */
.healthcareProduct6 {padding-top:10px;}

/* added+mp */
.healthcareProduct7 {width:203px; float:left; border:3px solid #cccc33; border-left:0px; height:165px; text-align:center;}

/* added+mp */
.healthcareProduct8 {margin-top:10px; width:183px; height:149px; margin:8px;}

/* added+mp */
.healthcareProduct9 {margin-top:5px;}

/* added+mp */
.healthcareProduct10 {width:40px; float:left; border-bottom:3px solid #cccc33; height:19px;}

/* added+mp */
.healthcareProduct11 {width:163px; float:left; border-right:3px solid #cccc33; height:22px;}

/* added-mp */
.healthcareProduct12 {width:203px; float:left; border:3px solid #cccc33; border-top:0px; height:152px; text-align:center;}

/* added-mp */
.healthcareProduct13 {background-color:#FFF;  width:183px; height:132px; margin:9px;_ margin:7px;}

/* added-mp */
.healthcareProduct14 {margin-top:10px;}

/* added-mp */
.healthcareProduct15 {margin-top:0px;}

/* added-mp */
.healthcareProduct16 {width:203px; float:left; border:3px solid #cccc33; border-top:0px; height:121px; text-align:center;}

/* added-mp */
.healthcareProduct17 {width:183px; height:107px; margin:7px;}

/* added-mp */
.healthcareProduct18 {width:163px; float:left; border:3px solid #cccc33; border-left:0px; border-top:0px;height:180px; text-align:center;}

/* added-mp */
.healthcareProduct19 {width:143px; height:160px; margin:8px;_margin-left:2px;}


/* FOOTER
======================================================================*/
.footer {
	background-color: transparent !important;
	border-top: 1px solid black;
	clear:both;/* testing clear on footer */
	height: 20px;
	margin: 0px;
	padding: 5px 0px;
	width: auto !important;}

.footer ul {float: left;}
.footer li {color: #916330;float: left; font-size: 11px; list-style-type: none;padding-right: 10px;}
.footer li a {color: #916330; text-decoration: none;}
.footer li a:hover {color: #000;}

.footer .copy {color: #777; font-size: 11px;float: right;}