@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	background: #ebefeb url(images/backtile.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
p {line-height: 18px;}
a:link, a:visited, a:active { color: #ca8f25; }
a:hover{ color:#00535e;	}
img { border: 0;}
h1.home {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #c0923e;
	margin: 190px 0 0 53px;
}
h1.headerBar {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 42px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0 0 10px 40px;
}
h1.content {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: normal;
	color: #00535e;
	margin: 0;
}
p.headerbarSubhead, p.headerbarSubheadProduct {
	color: #d2ab67;
	font-size: 16px;
	font-weight: bold;
	margin: 0 20px 10px 40px;
	line-height:21px;
}
p.headerbarSubheadProduct {
	color: #000;

}
h2 {
	color: #00535e;
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0;
}
h2.corporate {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #00535e;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
}

h3 { 
	font-size: 15px;
	font-weight: bold;
	color: #00535e;
	margin: 5px 0 0 0;
}

h3 a, h3 a:link, h3 a:visited, h3 a:active  {
    text-decoration:none;
    color: #00535e;
}

h3 a:hover  {
    color: #ca8f25;
}

h4 {
	color: #d2ab67;
	font-size: 16px;
	font-weight: bold;
	margin: 0 20px 10px 40px;
}

hr {
    border-style:solid none none;
    border-width:1px 0 0;
    color:#C9C9C9;
}

.callout {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 18px;
	color: #00535e;
	margin: 5px 0 0 0;
	line-height: 21px;
}

#mainContainer {
	width: 1014px;
	background: url(images/backtilevert.gif) repeat-y;
	margin: 0 auto;
}
#mainInnerContainer {
	width: 960px;
	margin: 0 auto;
}
.logo {
	display: inline;
	float: left;
	margin: 20px 0 0 12px;
}
.phone {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top: 8px solid #00535e;
	float: right;
	padding-top: 7px;
	margin:0 0 6px;
	color: #666666;
}
#header {
	height: 92px;
	
}
#header ul{ 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	margin: 60px 0 0 20px;
	float: left;
	color: #e2e2e2;
}
#header li{ 
	display: inline;
	line-height: normal;
}
#header li a{ 
	color:#ca8f25;
	padding: 0 7px 0 4px;
	text-decoration: underline;
}
#header li a:hover{ 
	color:#00535e;	
}

#mainMenu {
	display: inline;
	float:left;
	width:960px;
	height: 39px;
	background: url(images/main_menu_btn_tile.gif) repeat-x;
	margin: 0 0 4px 0;
	text-align:center;
}
/*
#mainMenu ul{ 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	padding: 11px 0 20px 0;
	margin: 0;	
}
#mainMenu li{ 
	display: inline;
	line-height: normal;
}
#mainMenu li a{ 
	color:#00535e;
	padding: 11px 7px 13px 12px;
	margin: 0;
	text-decoration: none;
    background: transparent url(images/main_menu_btn_bevel.gif) no-repeat ;
}
#mainMenu li.last a{ 
	background:transparent none;
}
#mainMenu li a:hover{ 
	color:#00535e;
	text-decoration: underline;
}
*/
#breadcrumbs {
	float: left;
	display: inline;
	width: 940px;
	padding: 9px 0 13px 20px;
	color: #666666;
}
#breadcrumbs a {
	color: #00535e;
}
#breadcrumbs a:hover {
	color: #000;
	text-decoration: none;
}
.breadcrumbArrow {
	padding: 0 8px;
}
#homeMainImg {
	background: url(images/hm_img.jpg) no-repeat;
	width: 508px;
	height: 270px;
	float: left;
}

#flashContainer {
	display: inline;
	float: left;
	width: 452px;
}
#homeSectionBoxes {
	display: inline;
	float: left;
	width: 960px;
	background: url(images/hm_smboxes_back.gif) repeat-x;
	margin: 4px 0 20px 0;
	padding-top: 9px;
}


.homeThumbnails {
}

.homeThumbnailColumns {
  display: inline;
  width: 180px;
  height: 255px;
  float: left;
  margin: 0;
  padding: 0 29px;
  border-right: 1px solid #cfcfcf;
  text-align:center;
}
.homeThumbnailColumns h3 {
  text-align:left;
}
.homeThumbnailColumns p,  .homeThumbnailLast p {
  margin:6px 0 15px;
  text-align:left;
} 

.homeThumbnailLast {
	border-right: none;
}

#homeInfoContainer {
	display: inline;
	float: left;
	width: 904px;
	padding: 28px 28px 15px 28px;
	background: url(images/stripes.gif) top repeat-x;
}

#homeInfoTextContainer {
	width: 430px;
	float:left;
	display: inline;
	padding: 0;
	text-align:justify;
}

#homeBtmBoxes {
	float:right;
	width: 442px;
}
.yazooAnnSeal {
	float: left;
	display: inline;
	padding-bottom: 300px;
	background: #00FF66;
}
.clearboth {
	clear: both;
}
.floatLeft {
	float: left;
}
#footer {
	width: 960px;
	padding: 20px 0;
	margin: 20px 27px 0 27px;
	clear: both;
	border-top: 1px solid #e2e2e2;
	text-align: center;
}
#footer ul { 
	margin: auto;
}
#footer p {
}
#footer #info {
  margin: 1em 0 .5em;
}
#credit {
  color:black;
  font-size:0.9em;
  height:40px;
  margin:3px 0 0;
  text-align:center;
  color: #8B9F9D;
}

#credit a, #credit a:link, #credit a:visited {
  text-decoration: none;
  color: #8B9F9D;
}
#credit a:hover {
  text-decoration: underline;
}

#footer li { 
	display: inline;
}
#footer li a { 
	color:#000;
	padding: 0 7px 0 4px;
	text-decoration: none;
}
#footer li a:hover { 
	color:#00535e;	
}
#topShadow {
	background: url(images/ie6back.gif) top no-repeat;
}

/*INTERIOR PAGES*/

#interiorHeaderContainer {
	background: #00535e;
	width: 960px;
	height: 234px;
	float: left;
}

#interiorInfoContainer {
	display: inline;
	float: left;
	width: 920px;
	padding: 38px 20px 15px 20px;
	margin: 6px 0 0 0;
	background: url(images/int_grade_shadow.gif) top repeat-x;
}
#interiorInfoContainerProductList {
	display: inline;
	float: left;
	width: 960px;
	margin: 6px 0 0 0;
	padding: 25px 0 0 0;
	background: url(images/int_grade_shadow.gif) top repeat-x;
}
/*
#interiorInfoContainerProductListBottom{
	display: inline;
	float: left;
	width: 920px;
	padding: 20px 20px 15px 20px;
	margin: 6px 0 0 0;
}
*/
p.productTopInfo {
	margin: 30px;
}
#columnContainer {
	background: url(images/column_borders.gif) repeat-y;
	width: 920px;
	display: inline;
	float: left;
}
#interiorLeftContainer {
	width: 282px;
	float: left;
	border-right: 1px solid #cfcfcf;
	margin-right: 25px;
}
#interiorRightContainer {
	width: 600px;
	float: left;	
}
/*
#interiorProductLeftContainer {
	width: 366px;
	float: left;
	margin-right: 25px;
}
#interiorProductRightContainer {
	width: 529px;
	float: left;	
	padding: 0;
	margin: 0;
}
*/


ul {
	margin-left: 17px;
	padding: 0;
}
li {
	list-style: url(images/gold_bullet.gif);
	margin: 0;
	padding: 0;
	line-height: 18px;
}

/*INTERIOR 3 COLUMN*/

.interior3column1 {
	width: 280px;
	float: left;
	display: inline;
	padding: 0 20px 0 0;
}
.interior3column2 {
	width: 280px;
	float: left;
	display: inline;
	margin: 0 0 0 20px;
	padding: 0 20px 0 0;
}
.interior3column3 {
	width: 292px;
	float: right;
	display: inline;
	margin: 0;
}

.yazooLogoInterior {
	margin: 10px 0 0 45px;
}
tr.tablelabel {
	background: #cddfd7;
	text-align:center;
	height: 32px;
	font-weight: bold;
}
tr.tableCellLight {
	background: #f4f7f5;
	text-align:center;
	padding: 3px;
}
tr.tableCell {
	background: #eff6f3;
	text-align:center;
	padding: 3px;
}
.quantityBox {
	width: 2.5em;
	text-align: center;
	border: 1px solid #00535e;
}
.tableBorder {
	border: 1px solid #e2e2e2;
}

.tableBorderAlt {
	border: 1px solid #e2e2e2;
}

.tableBorderAlt td {
	border-bottom: 1px solid #CDDFD7;
}
/*INTERIOR PRODUCT PAGE WITH THUMBNAILS

#interior1column { 
	width: 880px;
	padding: 0 20px; 
	float: left;
	display: inline;
	border-top: 1px solid #e2e2e2;
	margin-top: 30px;
}
*/
#interior1ColumnThumbnailContainer{
	width: 920px;
	background: #009922;
	float: left;
	display: inline;
	text-align: center;
	margin-bottom: 20px;
}
.interior1ColumnThumbnail {
	width: 200px;
	height: 200px;
	background: #FF9933;
}
/*
.productThumbnailBorder  {
	border-right: 1px solid #cfcfcf;
}
*/

/* REQUEST A QUOTE */
.requestaQuoteBtn {
    float: right;
    margin: 8px 70px 0 10px;
}


/* STORE Styles */

#StoreLoginCheckout {
  margin:20px 0 0 163px;
  padding:0;
}

#StoreLoginCheckout table table{
   
    margin:10px;
}

.CheckoutTableBorder {
    border:1px solid #00535e;
}

.CheckoutCellBorder {
  border-right:1px solid #00535e;
}

#StoreLoginCheckout h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
	margin:10px 15px;
}

#StoreLoginCheckout h3 {
	color: #000000;
	font-weight: bold;
	margin-bottom:10px;
}

#StoreLoginCheckout tr.header {
    background:#00535e;
}

#phoneAndCartContainer {
    float: right;
    width: 230px;
    margin-right:10px;
}
.loggedInIndicator {
    text-align: right;
}
.viewCartContainer {
    clear:right;
}

.viewCart {

    text-align:right;
    white-space:nowrap;
}
.viewCart img {
    vertical-align:-5px;
}
/* Image styles */

.arrowbullets {
	padding-right: 5px;
}

img.intImgFloatright {
	float: right;
	margin: 0 34px 0 0;
} 

img.sealHomeFloatRight {
	float: right;
	margin: -25px 0 10px 20px;
}


/* News Items */
.newsItemContainer {
  padding: 10px 0;
 /* border-bottom: 1px solid #CFCFCF;*/
  width:918px;
}
.newsItemContainer .newsItemCopyContainer {
  float:right;
  width:693px;
}
  .newsItemContainer p {
    margin: 0;
  }
  .newsItemContainer p.newsDate {
    margin: 0;
    color:#CA8F25;
    font-size:14px;
    font-weight:bold;
  }
  .newsItemContainer p.newsCopy {
    margin:0 0 8px;
  }
  .newsItemContainer h2 {
    margin: 0;
  }
.newsItemContainer .newsItemImageContainer {
  width:223px;
  vertical-align:top;
  padding-bottom:8px;
}
  .newsItemImage {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #D6D6D6;
    margin-left:12px;
    padding:8px;
  }
.newsItemContainerSeparator {
  margin: 0;
}



/************** form styles *****************/
table.form td {padding-bottom:10px;}
.form-label {color:#000;}
.form-value {}
.form-required { color:#C00; font-weight:bold; }
/*.form-button {background-color:#2c580d; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; border: solid 1px #999;}*/

.alert  {display:block;
  margin:10px 20px 2px 20px;
  padding:5px;
  border:solid 1px #666;
  font:bold 12px Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  background-color:#FF0000;
  text-align:center;
}


.modalBackground {
    background-color:Black;
    filter:alpha(opacity=60);
    opacity:0.80;   
}


/*  Error pages */
.serverError {
  font-size:0.8em;
  margin: -9px 0 10px;
}