body {
    margin: 0px;
    padding: 0px;
	background: url(../Images/main_bg_tile.gif) repeat;  
	text-align: center;
    font-family: Arial, Tahoma, Sans-Serif;
	font-size: 11px;
}

td, li, p {
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 11px;
}

/**** TABLE **************************************************************************************/


table, tr, td, li, div, span {
	margin: 0;
	padding: 0;
    color: #707070;
    text-decoration: none;
}


/**** FORMS **************************************************************************************/

form 
{ 
	display: inline;
}
input, select, textarea {
	margin: 0 0 3px 0;
	padding: 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
    color: #707070;
}
input.text {
	margin: 0 0 3px 0;
	padding: 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
    color: #707070;
   border: 1px solid #A5ACB2; 
}
.specialProduct {
	background-color: #DDDDDD;
	color: #000000;
	text-transform: uppercase;
}
input.checkbox {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0;
}
input.checkboxLogin {
	margin: 0 0 0 -4px;
	padding: 0;
	border: 0;
}
input.radio {
	margin: 2px 0 0px 0;
	padding: 0;
	border: 0;
}

.radiobtn {
	padding-top: 5px;
	padding-bottom: 0px;
	margin: 0px;
	display: inline;
	border: 0;
}
input.sm { width: 30px; }
input.med { width: 100px; }
input.lg { width: 220px; }

textarea {
    width: 400px;
    height: 110px;
}



/**** IMAGES **************************************************************************************/
img {
	border: 0;
}
img.right {
	position: relative;
	margin: 0 0 12px 14px;
	padding: 0;
}
img.left {
	margin: 0 10px 10px 0;
	padding: 0;
}


/**** LINKS **************************************************************************************/
a {
	color: #4A8B97;
	text-decoration: underline;
}
a:hover {
	color: #4A8B97;
	text-decoration: none;
}

a.small 
{
	font-size: 10px;
	color: #4A8B97;
	text-decoration: underline;
}
a.small:hover 
{
	font-size: 10px;
	color: #4A8B97;
	text-decoration: none;
}

a.medium
{
	font-size: 12px;
	color: #4A8B97;
	text-decoration: none;
}
a.medium:hover 
{
	font-size: 12px;
	color: #4A8B97;
	text-decoration: none;
}
/**** HEADERS **************************************************************************************/
h1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 18px;
	color: #D56B39;
	font-weight: normal;
}

h2 {
	margin: 0;
	padding: 0 0 4px 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

h3 {
	margin: 0;
	padding: 0 0 10px 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-align: left;
}
h3.noPadding {
	margin: 0;
	padding: 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-align: left;
}
h3.special {
	margin: 0;
	padding: 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 16px;
	color: #D56B39;
	font-weight: bold;
	text-align: left;
}

td.subSectionHeader, span.subSectionHeader a, span.subSectionHeader a:hover
{
	font-family: arial, tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #D56B39;
	text-decoration: none;
}


td.subSectionLabel
{
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
td.subSectionLabelGray
{
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	color: Gray;
}

.SiteSearchBtn
{
	background-color: #FFFFFF;
	background-image: url(../Images/btn/circle_arrow_right.gif);
	border-collapse: collapse;
	border-width: 0px;
	cursor: hand;
}

.hdnSiteSearchBtn
{
	border-collapse: collapse;
	border-width: 0px;
	background-color: #FFFFFF;
}

/**** MISCELLANEOUS **************************************************************************************/
p {
	margin: 0 0 10px 0;
	padding: 0;
    color: #707070;
    text-decoration: none;
	line-height: 13px;
}
ul {
	margin: 5px 0 5px 20px;
	padding: 0;
}
li {
	margin: 0 0 3px 0;
	padding: 0;
}

ul.arrow, ul.none {
    margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
ul.arrow li {
	margin: 0;
	padding: 0 0 1px 14px;
	background: url(../images/icon/arrow_right.gif) no-repeat;
}
ul.none li {
	margin: 0;
	padding: 0 0 1px 14px;
	color: #000000;
}

sup, sub {
	font-size: 75%;
}
.errors {
	color: #CC0000;
    margin-bottom: 1em;
}

.label {
	margin: 0;
	padding: 0;
	color: #722F6E;
	font-weight: bold;
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	 }
	 
.colorGray {
	color: Gray;
	 }
.label a {
	color: #722F6E;
	font-weight: bold;
	text-decoration: none;
}
.label a:hover {
	color: #722F6E;
	font-weight: bold;
	text-decoration: underline;
}

.disclaimer {
	padding: 10px 0 0 0;
	color: #999999;
	font-size: 10px;
}

.grayDefault {
	color: #999999;
}

.contentDivider {
	border-top: 1px solid #000000;
}
.contentDivider02 {
	border-top: 1px solid #C5C5AB;
	margin: 0 0 10px 0;
	padding: 0;
}
.contentDivider03 {
	border-top: 1px solid #C5C5AB;
	margin: 10px 0 10px 0;
	padding: 0;
}

.optionsSearchContainer
{
	margin: 10px 5px 5px 5px;
}

.sectionDivider {
	margin: 0 0 10px 0;
	padding: 0;
}


.sectionDividerLine {
	margin: 9px 0 10px 0;
	padding: 0;
	border-top: 1px solid #000000;
}


.photoHdr {
	margin: 0 0 1px 0;
	padding: 6px 8px;
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}


/**** ID and CLASS DEFINITIONS **************************************************************************************/
#mainContainer {
	/*position: relative;*/
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 927px;
}

#mainHdrContainer {
	position: relative;
	width: 927px;
	height: 124px;
}

#hdrContainer {
	position: relative;
	background: #FFFFFF;
	text-align: left;
	width: 927px;
	height: 52px;
}

div#breadcrumbs {
	position: absolute;
	top: 6px; left: 10px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #989779;
}
div#breadcrumbs a {
	color: #4A8B97;
	font-size: 11px;
	text-decoration: none;
}
div#breadcrumbs a:hover {
	color: #4A8B97;
	font-size: 11px;
	text-decoration: underline;
}
div#breadcrumbs a.ON, div#breadcrumbs a.ON:hover {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}

#emailPage, #savePage, #savePageFF, #savePageMAC, #savePageOTHER, #printPage {
	position: absolute;
	top: 15px; right:235px;
	z-index: 99;
	text-align: right;
	color: #B4B4B4;
	font-size: 10px;
}

#searchContainer {
	position: absolute;
	top: 12px; right: 10px;
	background: #FFFFFF;
	text-align: right;
}
#searchContainer input.searchBox {
	margin: 0;
	padding: 1px 2px 1px 4px;
	width: 115px;
	border: 1px solid #A5ACB2;
}
#utilNavContainerGuest {
	position: relative;
	background: #FFFFFF;
	text-align: right;
	width: 771px;
	height: 22px;
	float: left;
	color: #999999;
}
#utilNavContainerGuest a {
	margin: 0;
	padding: 0 10px 0 10px;
	color: #999999;
	text-decoration: none;
}
#utilNavContainerGuest a:hover {
	margin: 0;
	padding: 0 10px 0 10px;
	color: #999999;
	text-decoration: underline;
}
#utilNavContainer {
	position: relative;
	background: #FFFFFF;
	text-align: left;
	width: 927px;
	height: 22px;
	float: left;
	font-size: 10px;
}

#utilNavContracts {
	width: 130px;
	position: absolute;
	bottom: 0px; left: 0px;
	margin: 0;
	padding: 3px 6px 1px 10px;
	font-size: 10px;
	color: #722F6E;
}
#utilNavContracts select {
	width: 133px;
}
#HdrContainer1_UtilityNav_utilNav {
	position: absolute;
	top: 0px; left: 157px;
	padding: 5px 0 2px 0;
	width: 614px;
	border-bottom: 3px solid #722F6E;
}
#HdrContainer1_UtilityNav_utilNav a {
	margin: 0;
	padding: 5px 14px 2px 1px;
	color: #722F6E;
	text-decoration: none;
}
#HdrContainer1_UtilityNav_utilNav a:hover, #utilNav a.ON, #utilNav a.ON:hover  {
	margin: 0;
	padding: 5px 14px 2px 1px;
	color: #FFFFFF;
	background: #722F6E;
}
#utilNav {
	position: absolute;
	top: 0px; left: 157px;
	padding: 5px 0 2px 0;
	width: 765px;
	border-bottom: 3px solid #722F6E;
	text-align: right;
}
#utilNav a {
	margin: 0;
	padding: 5px 14px 2px 1px;
	color: #722F6E;
	text-decoration: none;
}
#utilNav a:hover, #utilNav a.ON, #utilNav a.ON:hover  {
	margin: 0;
	padding: 5px 14px 2px 1px;
	color: #FFFFFF;
	background: #722F6E;
}

.BsktColor
{
	float: right;
	background-color: White;
	padding: 0 0 0 0;
}

#mainNavContainer {
	position: relative;
	width: 770px;
	float: left;
}
img.navSpacing {
	margin: 10px 10px 0 0;
	padding: 0;
}

#sampleBasketContainer {
	position: absolute;
	top: 63px; right: 0px;
}
#basketTally {
	position: absolute; 
	top: 4px; right: 6px;
}
#basketTally a {
	font-size: 10px;
	line-height: 10px;
	color: #4A8B97;
}

#mainBodyContainer {
	position: relative;
	width: 927px;
	margin: 8px 0 0 0;
	padding: 0;
}

#imgCallout {
	position: relative;
	margin: 0;
	padding: 0;
}
.imgCOOverlay {
	position: absolute;
	top: 10px; left: 10px;
	width: 106px;
	margin: 0;
	padding: 10px;
	background: #FFFFFF;
	text-align: left;
	color: #707070;
}
.imgCOOverlay .hdr {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #D56B39;
}

.segmentsTNContainer  {
	margin: 0 1px 8px 1px;
	padding: 0;
	border: 2px solid #E3E3E3;
}
.segmentsTNContainerON  {
	margin: 0 1px 8px 1px;
	padding: 0;
	border: 2px solid #000000;
}

/**** Home Template ****SEE POS CSS*************************************************************************/


.fbH1
{
    font-size: 12px;
    color: #111;
    font-weight: bold;
}

.btnTxt, .btnTxt a 
{
    display: inline;
    font-size: 11px; 
    color: #59595C;
    text-decoration: none;
}

.btnTxt a:hover 
{
   text-decoration: underline;
}


/**** Left Navigation  **********************************************************************************/
#leftColContainer {
	position: relative;
	width: 146px;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	text-align: left;
}

/***************************************************************************************************************/
/**** COLOR DEFINITIONS for the different color-coded left navs are in their respective CSS files ****/
/***************************************************************************************************************/

/* View Product In Room */
#roomNavContainer {
	width: 120px;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	text-align: left;
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
}
#roomNavContainer #roomNav a {
	width: 120px;
	display: block;
	margin: 0;
	padding: 1px 0 1px 12px;
	background: #FFFFFF url(../images/icon/arrow_right_not_shaded.gif) no-repeat;
	color: #4A8B97;
	text-decoration: none;
}
#roomNavContainer #roomNav a:hover  {
	width: 120px;
	display: block;
	margin: 0;
	padding: 1px 0 1px 12px;
	background: #CCCC98 url(../images/icon/arrow_right_shaded.gif) no-repeat;
	color: #000000;
	text-decoration: none;
}
#roomNavContainer #roomNav a.ON  {
	width: 120px;
	background: #CCCC98 url(../images/icon/arrow_right_shaded.gif) no-repeat;
	color: #000000;
}

.roomTNContainer {
	margin: 3px 1px 10px 1px;
	padding: 0;
	border: 2px solid #E3E3E3;
}
.roomTNContainerON {
	margin: 3px 1px 10px 1px;
	padding: 0;
	border: 2px solid #000000;
}


/**** About Interface ************************************************************************/
.mainImgCalloutContainer {
	position: relative;
	width: 130px;
	background: #FFFFFF;
	text-align: left;
	font-size: 11px;
}
.mainImgCalloutContainer img {
	display: block;
}

.mainImgCalloutOverlay {
	position: absolute;
	bottom: 0px; left: 0px;
	width: 112px;
	margin: 10px;
	padding: 7px 7px 7px 7px;
	background: #FFFFFF;
	text-align: left;
	color: #707070;
	line-height: 13px;
	height: 90px;
}
.mainImgCalloutOverlay img {
	display: inline;
}
div.mainImgCalloutOverlay div.hdr, div.mainImgCalloutOverlay div.hdr a, div.mainImgCalloutOverlay div.hdr a:hover {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #D56B39;
	text-decoration: none;
}

.mainImgCalloutOverlay .hdrforSub 
{
	margin: 0 0 4px 0;
	padding: 10;
	font-size: 12px;
	font-weight: bold;
	color: #D56B39;
}

.mainImgCalloutOverlay .hdrforSubLessPadding 
{
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #D56B39;
}

.mainCalloutStyle01 {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #722F6E;
}


/**** Market Segment ************************************************************************/
.segmentContainer {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}
.segmentHdr {
	margin: 0 0 1px 0;
	padding: 3px 8px 3px 8px;
	background: #000000 url(../images/icon/arrow_right_blackBG.gif) no-repeat 95% 50%;
	color: #FFFFFF;
	text-align: left;
	font-size: 12px;
}


/**** Product Search Results ************************************************************************/
.searchResultsSpecial {
	color: #D56B39;
	font-weight: bold;
}
.searchResultsNav {
	width:70px;
}
.searchResultsNav a {
	margin: 0;
	padding: 0;
	color: #D56B39;
	text-decoration: none;
}
.searchResultsNav a:hover {
	margin: 0;
	padding: 0;
	color: #D56B39;
	text-decoration: underline;
}
.searchResultsNav a.ON {
	margin: 0;
	padding: 0;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.searchResultBlock 
{
	width:192.5;
	margin: 0;
	padding: 0px 10px 4px 0px;
	text-align: left;
}

.searchResultBlockLastCell 
{
	width:192.5;
	margin: 0;
	padding: 0px 0px 4px 0px;
	text-align: left;
}

.searchResultBlockNew {
	/*position: relative; */
	width: 769px;
	margin: 0;
	padding: 0;
	background: url(../Images/main_bg_tile.gif) repeat;
}

.searchResult {
	margin: 6px 0 0 0;
	padding: 0;
}
.searchResult td {
	margin: 0;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #C5C5AB;
}


/**** Project Folders ************************************************************************/
#projectFolderList {
	margin: 10px 0 0 0;
	padding: 0;
}
#projectFolderList tr.ON {
	margin: 0;
	padding: 0;
	background: #FFE512;
}
#projectFolderList td {
	margin: 0;
	padding: 5px 3px 4px 3px;
	font-size: 12px;
}
#projectFolderList th {
	margin: 0;
	padding: 4px 3px 4px 3px;
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #CCCC98;
	border-bottom: 1px solid #CCCC98;
	vertical-align: bottom;
}

.productList {
	position: relative;
	margin: 0;
	padding: 0;
}
.productBlock {
	position: relative;
	width: 185px;
	margin-right: 10px;
	padding: 0 7px 0 7px;
	background: #FFFFFF;
	text-align: left;
	border-right: 1px solid #999999;
}

.product {
	margin: 6px 0 0 0;
	padding: 0;
}
.product td {
	margin: 0;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #C5C5AB;
}


/**** Product Detail Page ************************************************************************/
.swatchContainer {
	margin: 0 9px 10px 0;
	padding: 2px;
	font-size: 10px;
	background: #E3E3E3;
}
.swatchContainerON {
	margin: 0 9px 10px 0;
	padding: 2px;
	font-size: 10px;
	background: #CCCC99;
}

.actionToolsContainer {
	margin: 1px 0 0 0;
	padding: 0 0 3px 0;
	border: 1px solid #CCCCCC;
	width: 235px;
	text-align: center;
}


/**** Sample Basket Page ************************************************************************/
.sampleBasketList {
	margin: 0;
	padding: 0;
	text-align: left;
}
.sampleBasketBlock {
	margin: 0;
	padding: 0 0 0 10px;
	background: #FFFFFF;
	border-left: 1px solid #999999;
}

.sampleBasketList02 {
	width: 388px;
	margin: 0;
	padding: 0;
	text-align: left;
}
.sampleBasketBlock02 {
	margin: 0;
	padding: 0 0 0 10px;
	background: #FFFFFF;
	border-left: 1px solid #999999;
}


/**** Footer ************************************************************************/

.footerLink, .footerLink a{
	color: #9A8C7E; /*old #722F6E*/
	font-size: 10px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	display:inline;
}
.footerLink a:hover{
	color: #9A8C7E; 
	text-decoration:underline;
}
	

/**** All images that need to be set to "block" to remove the 2 pixels of space below a photo in IE ********/
.segmentContainer img,  
.historyContainer img,
.subImageSectionContainer img {
	display: block;
}

.contentContainer, .simpleContainer {
    margin: 0px; 
	padding: 10px;
	background: #FFFFFF;
	text-align: left;
}

.PrinterFriendlycontentContainer
{
	position: relative;
	margin: 0px 10px 0px 10px; padding: 10px;
	background: #FFFFFF;
	text-align: left;
}

.contentContainerFeaturedProd {
	position: relative;
	margin: 0; padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	text-align: left;
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	
}

.contentContainerLite {
	position: relative;
	margin: 0; padding: 10px 7px 10px 7px;
	background: #FFFFFF;
	text-align: left;
}

.contentContainerBorder {
	position: relative;
	margin: 0;
	padding: 10px;
	background: #FFFFFF;
	text-align: left;
	border: 1px solid #722F6E;
}

.simpleContainer h1 {
	margin: 0; padding: 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 18px;
	color: #D56B39;
	font-weight: normal;
	border: none;
}
.simpleContainer h2 {
	margin: 6px 0 0 0; padding: 8px 0 0 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border-top: 1px solid #CCCCCC;
}

.whiteBGContainer, .whiteBGImgContainer {
	/*position: relative;*/
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}
.whiteBGImgContainer img {
	display: block;
}

.historyContainer {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}


.mainBorderCalloutContainer .hdr {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.mainBorderCalloutContainer1 .hdr {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.mainBorderCalloutContainer02, .mainBorderCalloutContainer {
	position: relative;
	margin: 0;
	padding: 10px;
	background: #FFFFFF;
	text-align: left;
	border: 1px solid #B9B9B9;
}
.mainBorderCalloutContainer1
{
	width: 147px;
}
.mainBorderCalloutContainer {
	height: 127px;
}
.TNContainer01 {
	margin: 3px 1px 8px 1px;
	padding: 0;
	width: 80px;
	border: 2px solid #E3E3E3;
}
.TNContainer01ON {
	margin: 3px 1px 8px 1px;
	padding: 0;
	width: 80px;
	border: 2px solid #000000;
}
.TNContainer01 img, .TNContainer01ON img {
	display: block;
}

/**** Tabs Styles *******************************************************************************/
#outerContainer {
	width: 770px;
	position: relative;
	margin: 0; padding: 0;
	height: 21px;
	background: #FFFFFF;
	border-bottom: 1px solid #D56B39;
}
#tabContainer {
	position: absolute;
	top: 0px; left: 0px;
	margin: 0; padding: 0;
	text-align: left;
}
div#tabs {
    margin: 0 0 0 10px;
    padding: 0;
    color: #FFFFFF;
}

#tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#tabs ul li {
    display: inline;
}

#tabs a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    margin: 0 4px 0 0;
	padding: 3px 10px 3px 10px;
    width: auto;
    float: left;
	color: #999999;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #D56B39;
}

#tabs a:hover {
    background: #CCCCCC;
	color: #000000;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #D56B39;
}
#tabs a.ON, #tabs a.ON:hover {
    background: #FFFFFF;
	color: #000000;
	border: 1px solid #D56B39;
	border-bottom: 1px solid #FFFFFF;
}

#showRoomLocation {
	margin: 0 0 12px 0;
	padding: 16px 10px 14px 10px;
	background: #D56B39;
	font-size: 12px;
	color: #FFFFFF;
}
#showRoomLocation h1 {
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
}

.specialLinks {
	font-size: 12px;
	line-height: 18px;
}

#topRightImgSection {
	margin: 0px 0px 0 10px;
	padding: 0 0 10px 10px;
	float: right;
	background: #FFFFFF;
}

.vertCO {
	margin: 0;
	padding: 0;
	width: 146px;
	background: #FFFFFF;
	text-align: left;
}
.vertCOContent {
	margin: 0;
	padding: 10px;
}
.vertCO img {
	display: block;
}
.vertCO h1 {
	margin: 0;
	padding: 0 0 2px 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border: none;
}
.vertCOHighlight {
	color: #4A8B97;
}

.mainFrontsContent {
	margin: 0;
	padding: 10px;
	background: #FFFFFF;
	text-align: left;
	height: 127px;
}
.mainFrontsContent h1 {
	margin: 0;
	padding: 0 0 3px 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border: none;
}
.mainFrontsContent h2 {
	margin: 0;
	padding: 0 0 3px 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 16px;
	color: #D56B39;
}

.productContainer {
	width: 137px;
	margin: 0;
	padding: 10px 0px 10px 5px;
	background: #FFFFFF;
	text-align: left;
}
.productContainer h2 {
	margin: 0;
	padding: 4px 0 2px 0;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border: none;
}

.productDescription {
/**	height: 75px; **/
	margin: 0 0 5px 0;
	padding: 0;
}
.productActions {
	margin: 6px 0 0 0;
	padding: 0;
}
.productActionsCentered {
	margin: 6px 0 0 0;
	padding: 0;
	text-align: center;
}
.productActions img {
	margin: 0;
	padding: 0 3px 3px 0;
}

.subSectionContainer {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}
.subSectionContainer img {
	display: block;
	margin: 0 10px 0 0;
	padding: 0;
}
.subSectionContainer h1 {
	margin: 0;
	padding: 0 0 3px 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 16px;
	color: #D56B39;
	font-weight: bold;
	text-align: left;
	border: none;
}
.subSectionContainer h2 {
	margin: 0;
	padding: 0 0 2px 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

.btt {
	margin: 0;
	padding: 0;
	width: 80px;
	float: right;
	text-align: right;
	background: #FFFFFF;
}
.btt img {
	display: inline;
}

/**** Button Styles *******************************************************************************/
.stackedBtnSpacing {
	margin: 0 0 6px 0;
	padding: 0;
}

/*************** GREEN Button **********************************/
.greenLarrowL {
	background: url(../images/btn/greenL_arrowL.gif) no-repeat;
	width: 22px; height: 20px;
}
.greenLarrowR {
	background: url(../images/btn/orangeL_arrowR.gif) no-repeat;
	width: 22px; height: 20px;
}
.greenLarrowN {
	background: url(../images/btn/orangeL_arrowR.gif) no-repeat;
	width: 10px; height: 20px;
}
.greenCenter {
	background: #722F6E;
	height: 20px;
	color: #FFFFFF;
	text-align: left;
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
}
.greenCenter a {
	color: #FFFFFF;
	text-decoration: none;
}
.greenCenter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.greenRarrowN {
	background: url(../images/btn/orangeR_arrowN.gif) no-repeat;
	width: 10px; height: 20px;
}

/*************** WHITE Button **********************************/
.whiteLarrowL {
	background: url(../images/btn/whiteL_arrowL.gif) no-repeat;
	width: 22px; height: 20px;
}
.whiteLarrowR {
	background: url(../images/btn/whiteL_arrowR.gif) no-repeat;
	width: 22px; height: 20px;
}
.whiteLarrowN {
	background: url(../images/btn/whiteL_arrowN.gif) no-repeat;
	width: 10px; height: 20px;
}
.whiteLarrowR_transparent {
	background: url(../images/btn/whiteL_arrowR_transparent.gif) no-repeat;
	width: 22px; height: 20px;
}
.whiteRarrowN_transparent {
	background: url(../images/btn/whiteR_arrowN_transparent.gif) no-repeat;
	width: 14px; height: 20px;
}
.whiteCenter {
	background: #FFFFFF;
	height: 18px;
	color: #000000;
	border-top: 1px solid #722F6E;
	border-bottom: 1px solid #722F6E;
	text-align: left;
}
.whiteCenter a {
	color: #000000;
	text-decoration: none;
}
.whiteCenter a:hover {
	color: #000000;
	text-decoration: underline;
}
.whiteRarrowN {
	background: url(../images/btn/whiteR_arrowN.gif) no-repeat;
	width: 13px; height: 20px;
}

/*************** ORANGE Button **********************************/
.orangeLarrowL {
	background: url(../images/btn/orangeL_arrowL.gif) no-repeat;
	width: 22px; height: 20px;
}
.orangeLarrowR {
	background: url(../images/btn/orangeL_arrowR.gif) no-repeat;
	width: 22px; height: 20px;
}
.orangeLarrowN {
	background: url(../images/btn/orangeL_arrowN.gif) no-repeat;
	width: 10px; height: 20px;
}
.orangeCenter {
	background: #722F6E;
	height: 20px;
	color: #FFFFFF;
	text-align: left;
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
}
.orangeCenter a {
	color: #FFFFFF;
	text-decoration: none;
}
.orangeCenter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.orangeRarrowN {
	background: url(../images/btn/orangeR_arrowN.gif) no-repeat;
	width: 10px; height: 20px;
}

/*************** GREY Button **********************************/
.greyLarrowL {
	background: url(../images/btn/greyL_arrowL.gif) no-repeat;
	width: 22px; height: 20px;
}
.greyLarrowR {
	background: url(../images/btn/greyL_arrowR.gif) no-repeat;
	width: 22px; height: 20px;
}
.greyLarrowN {
	background: url(../images/btn/greyL_arrowN.gif) no-repeat;
	width: 10px; height: 20px;
}
.greyCenter {
	background: #B3B3B3;
	height: 20px;
	color: #FFFFFF;
	text-align: left;
}
.greyCenter a {
	color: #FFFFFF;
	text-decoration: none;
}
.greyCenter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.greyRarrowN {
	background: url(../images/btn/greyR_arrowN.gif) no-repeat;
	width: 10px; height: 20px;
}

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

.blackText {
	color: #000000;
}

.dataTable {
	margin: 0; padding: 0px;
	background: #FFFFFF;
	text-align: left;
}
.dataTable th {
	background: #722F6E;
	color: #FFFFFF;
	margin: 0 0 0 0;
	padding: 3px 5px 4px 10px;
}
.dataTable h4 {
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-align: right;
	background:url(../images/icon/arrow_right_orange.gif) no-repeat 98%;
	padding-top:8px;
	padding-right:10px;
}
.dataTable td {
	margin: 0; 
	padding: 5px 10px 6px 10px;
}
.altcolor {
	background: #DDDDDD;
}

.dataTableTotal {
	margin: 5px 0 0 0;
	padding: 0 0 0 0 ;
}
.dataTableTotal td {
	margin: 0 0 0 0;
	padding: 5px 10px 6px 10px;
	background: #CCCCCC;
	color: #000000;
	font-size: 12px;
}

.dataTable02 td {
	margin: 0; padding: 0 0 6px 0;
	background: #FFFFFF;
	text-align: left;
}

.results {
	margin: 0; padding: 0;
	background: #FFFFFF;
}
.results h2 {
	margin-left:10px;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-align: left;
}
.results h3 {
	margin-left:10px;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-align: right;
	background:url(../images/icon/arrow_right_orange.gif) no-repeat 98%;
	padding-top:8px;
	padding-right:10px;
}
.results th {
	background: #722F6E;
	color: #FFFFFF;
	margin: 0 0 0 0;
	padding: 3px 5px 4px 10px;
}
.results td {
	margin: 0; 
	padding: 5px 10px 6px 10px;
}

.orderResults td
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: Arial;
}

#popupContentContainer {
	margin: 0 0 0 0;
	padding: 10px;
	background: #E3E3E3;
	border: 2px solid #B3B3B3; 
	border-right: 2px solid #000000; 
	border-bottom: 2px solid #000000;
}

#pictorialsNavContainer {
	width: 105px;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	text-align: left;
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
}
#pictorialsNavContainer .pictorialsNav a {
	width: 105px;
	display: block;
	margin: 0;
	padding: 1px 0 1px 12px;
	background: #FFFFFF url(../images/icon/arrow_right_not_shaded.gif) no-repeat;
	color: #4A8B97;
	text-decoration: none;
}
#pictorialsNavContainer .pictorialsNav a:hover  {
	width: 105px;
	display: block;
	margin: 0;
	padding: 1px 0 1px 12px;
	background: #CCCC98 url(../images/icon/arrow_right_shaded.gif) no-repeat;
	color: #000000;
	text-decoration: none;
}
#pictorialsNavContainer .pictorialsNav a.ON  {
	width: 105px;
	background: #CCCC98 url(../images/icon/arrow_right_shaded.gif) no-repeat;
	color: #000000;
}

.verticalDivider {
	margin: 10px 0 10px 0; 
	padding: 10px 0 10px 0; 
	border-right: 1px solid #B2B2B2;
	background: #FFFFFF;
}

.TNContainer {
	margin: 0 1px 0 1px;
	padding: 0;
	border: 2px solid #E3E3E3;
}
.TNContainerON {
	margin: 0 1px 0 1px;
	padding: 0;
	border: 2px solid #000000;
}

#toolTipDiv {
	position: absolute;
	padding: 8px;
	z-index: 100;
	border: 1px solid #B3B3B3;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-family: arial, tahoma, sans-serif;
}
.toolTipHdr {
	float:left;
	padding: 0 0 0 0;
	font-family: arial, tahoma, sans-serif;
}
.toolTipClose 
{
	font-size: 11px;
	float: right;
	padding: 0 0 0 0;
	font-family: arial, tahoma, sans-serif;
}
.toolTipMsg 
{
	font-size: 11px;
	clear: both;
	padding: 0 0 0 0;
	font-family: arial, tahoma, sans-serif;
}

td.CPPadding {
	margin: 0 0 0 0;
	padding: 10px 8px 10px 10px;
}
td.CPRowHdr {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
td.CPRowHdr h3 {
	margin-left:10px;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-align: right;
	background:url(../images/icon/arrow_right_orange.gif) no-repeat 98%;
	padding-top:8px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom: 10px;
}

.subImageSectionContainer {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}
.subImageSectionContent {
	width: 770px;
	margin: 0;
	padding: 15px 10px 30px 14px;
	text-align: left;
}
table.subImageSectionContainer h1 {
	margin: 0;
	padding: 0 0 3px 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 16px;
	color: #D56B39;
	font-weight: bold;
	text-align: left;
	border: none;
}
table.subImageSectionContainer h2 {
	margin: 0;
	padding: 0 0 2px 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
}
.ROITextBox {
	width: 50px;
	border: 1px solid;
	margin-top: 2px;
	display: inline;
	padding-right: 5px;
	text-align: right;
}

#UPSBtnBackground {
	background: url(../images/UPS-background.gif) no-repeat;
	height: 35px;
	text-align: center;
	padding-top: 15px;
	font-size: 15px;
	margin-bottom: 10px;
}
#UPSBtnBackground a {
	color: #000000;
	font-size: 15px;
	text-decoration: underline;
}

.lineheader {
	border-bottom: 1px solid #C0C2B7;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

.resultsPaging {
	margin: 0; padding: 0;
	background: #FFFFFF;
}
.resultsPaging a.ON, .resultsPaging a.ON:hover {
	color: #4A8B97;
	text-decoration: none;
	font-weight:bold;
}

.popupLink {
	color: #4A8B97;
	text-decoration: underline;
	cursor: hand;
}
.popupLinkHOVER {
	color: #4A8B97;
	text-decoration: none;
	cursor: hand;
}

.LEEDCalcContainer {
	width: 100%;
}


/**** PRINT Styles **********************************************************************************************/
.printOnly {
	display: none;
}
#mainNavLogoPrintContainer {
	display: none;
}

.colorChanger {
	position: relative;
	margin: 0; padding: 5px;
	background: #FFFFFF;
	text-align: left;
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	
}

/*********InventoryTable********************************************/
.tblInventory
{
}

.DataGridOrderLineItem td
{
	padding-left: 20px;
}

.tblInventoryCell
{
	border-right: solid 1px black;	
	text-align:center;
}


.ButtonValign
{
	vertical-align:bottom;
}

/************NewStyles**********************************************/
.rotatingDiv table td{
	color:white;
	margin:0;
	padding:3px 0px 0 10px;
	font-size:14px;
	font-style: italic;
	text-align: center;
	font-family:arial, tahoma, sans-serif;
}
.rotatingDiv table td span{
	color:white;
	font-size:11px;
	font-family:arial, tahoma, sans-serif;
	margin-bottom:2px;
	padding-top:2px;
}

.rotatingDiv table td a{
	color:white;
	font-size:18px;
	font-weight:bold;
	font-family:arial, tahoma, sans-serif;
	text-align: center;
    text-decoration: none;
}

.rotatingDiv table td a:visted
{
    text-decoration: none;
}

.rotatingDiv table td a:hover
{
    color:white;
    text-decoration: underline;
}

.rotatingDiv .rotatingDivNavigation,  .rotatingDivNavigation {
	position: relative;
	font-size: 9px;
	width:90px;
	float:right;
	height:18px;
	margin: 0 0 0 0;
	bottom: 10px;
	padding: 1px 0 0 0;
	
}

.rotatingDiv .rotatingDivNavigation a, .rotatingDivNavigation a{
	color: #fff;
	font-size: 9px;
	font-style: normal;
	font-family:arial, tahoma, sans-serif;
}



/************** Tabs on Order Status Screen *************************/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-weight: bold;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li {
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../Images/tabs/shade.gif) top left repeat-x;
}

.shadetabs li a 
{
text-decoration: none;
color: Black;
}

.shadetabs li a:visited{
color: Black;
text-decoration: none;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li.selected{ /*selected main tab style */
background-image: url(../Images/tabs/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.shadetabs li.selected a.selected
{
	color: Black;
	text-decoration: none;
}



/************** Results Grid on Order Status Screen *************************/
.OrderStatusHeader, .OrderStatusHeader td, .OrderStatusHeader a { background-color: #708090; font-weight: bold; color: White; text-decoration: none; }
.OrderStatusHeader a:hover { font-weight: bold; color: White; text-decoration: underline; }
.OrderStatusHighLightRowColor { background-color: #ffffcc; }
.OrderStatusAlternateRowColor { background-color: #eeeeee; }
.OrderStatus { width: 100%; }
.OrderStatus td { padding: 5px 5px 5px 5px; }
.OrderStatusDetailHeader { background-color: #EEEEEE; font-weight: bold; }
.OrderStatusButtonWhite a { color: White; text-decoration: none; }
.OrderStatusButtonWhite a:hover { color: White; text-decoration: underline; }
.OrderStatusDetailTable td {  padding: 4px 4px 4px 4px; }

/** new styles **/
.smallFontSize { font-size: 10px; }
.specTable td { padding: 0px 0px 3px 0px; }
.colorBlack { color: Black; }

.customH1
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: arial, tahoma, sans-serif;
	font-size: 18px;
	color: #D56B39;
	font-weight: normal;
}

.customH3Orange
{
	font-family: arial, tahoma, sans-serif;
	font-size: 16px;
	color: #D56B39;
	text-align: left;
}



#compareTable td.mainColumn, td.mainColumn, .mainColumn
{
	padding: 5px 0px 5px 15px;
	vertical-align: baseline;
}

#UpdateProgress1 
{
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 0;
	top: 200;
	z-index: 20000;
 }



.purpleLabel { color: Purple; }

/* STROLL DIV UP */
#HeaderBorder
{
    height:3px; padding-bottom: 8px;    
}

#SideMenuTD 
{
    background-color: White; 
    width: 145px;
    float:left;
}

.ESDcolumn {
	float: left;
	width: 243px;
	margin: 0 0 10px 0;
}
.ESDcolumn img 
{
    border: 0;
	margin: 0 10px 10px 0;
	float: left;
}
/* Quickship 4/11 additions  */
.quickShip {
	background-color: #FFFFFF;
	margin: 0 auto 10px auto;
	width: 751px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#707070;
}
.quickShip h1{
    color: #d86f2e;
    font-family: arial,tahoma,sans-serif;
    font-size: 19px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.quickShip h2 {
    color: #722F6E;
	font-family: arial,tahoma,sans-serif;
    font-size: 16px;
	margin:0 0 10px 0;
	padding:0;
}

.quickShip h3 {
margin: 0;
font-weight:bold;
font-size:13px;
}
.quickShip p {
	margin: 2px 0 10px 0;
}


.quickShip p em {
	font-style:italic;
	color:#722F6E;
}
.quickShip h4 {
	color: #CA5B27;
	font-size: 16px;
	text-transform:uppercase;
}
.quickShip a, .quickShip a:link, .quickShip a:visited {
 color: #4a8b97;
 text-decoration:underline;
 }
 .quickShip a:hover {
 text-decoration:none;
 }


.QScolumn {
	float: left;
	width: 210px;
	margin: 0 50px 10px 0;
	
}
.quickShip .last {
	margin-right: 0;
}
.QScolumn p strong {
	color: #333;
	text-transform:uppercase;
}

.QScolumn img {
	border: 0;
	margin: 0 10px 10px 0;
	float: left;
}

.QSright { float: right; margin-right:20px; }

.quickShip .clear { clear: both; margin:0; padding:0; height:0; width:0; }

#QSColorLink, #QSStyleLink, #QSSearchLink {
height: 20px;
width:176px;
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 20px 0 0;
}

#QSColorLink {
	background: url(../images/qsimages/colorLink.gif) no-repeat 0 0;
}

#QSStyleLink {
	background: url(../images/qsimages/styleLink.gif) no-repeat 0 0;
}


#QSSearchLink {
	background: url(../images/qsimages/searchLink.gif) no-repeat 0 0;

}