/* CSS Document */

BODY {
	background-color: #63150B;
	scrollbar-face-color: #efcba0;
	scrollbar-track-color: #fbefcd;
	scrollbar-base-color: #000000;
	scrollbar-highlight-color: #fbefcd;
	scrollbar-shadow-color: #5f140b;
	scrollbar-arrow-color: #863e2c;
	margin: 0}

P {
	font-size: 12px;
	line-height: 19px}	

A:link, A:visited, A:Active {
	color: #63150B;
	text-decoration: none;}

A:hover {
	text-decoration: underline}

.measurements {
	font: 10px Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0;
	padding: 0}

.about P {
	margin: 0 15px 0 20px;
}

.instructions P { /*used for text on Ordering and Contact pages -- sets different margins*/
	margin: 15px 40px}

.clothOrderingText P { /*used for text on Custom Floor Cloth Ordering page*/
	margin: 0px 15px 15px}

.shadowLeft { /*repeats the shadow down the left side of outermost table, but not lower left corner*/
	width: 4px;
	background: url(images/layout/shadowLeft.gif)}

.shadowRight { /*repeats the shadow down the right side of outermost table, but not lower right corner*/
	width: 4px;
	background: url(images/layout/shadowRight.gif)}

#shadowBottom { /*repeats the shadow down the bottom of outermost table*/
	width: 115px;
	height: 4px;
	background: url(images/layout/shadowBottom.gif)}
	
#colorBars { /*repeats the color bars across the top*/
	height: 17px;
	background: url(images/layout/bgBars.gif)}	

#copyrightBox {
	width: 115px;
	background-color: #f4e4aa;
	border-top: 1px solid #e1b473;
	border-right: 1px solid #e1b473}

#copyrightBox P { /*box is uneven pixel width but adds 1 pixel for right border - to center properly this adds 1 pixel of left padding*/
	padding-left: 1px;
	font: 10px Arial, Helvetica, sans-serif;	
	color: #5b4238;
	text-align: center;
	margin: 0;
	line-height: normal}

#topLace { /*repeats the lace pattern across the top*/
	height: 30px;
	width: 554px;
	background-color: fcf1ce;
	background: url(images/layout/bgLaceT.gif)}

#bottomLace { /*repeats the lace pattern across the bottom*/
	height: 30px;
	width: 554px;
	background-color: fcf1ce;
	background: url(images/layout/bgLaceB.gif)}

#navColumn { /*sets attributes of entire nav column*/
	width: 116px;
	background-color: f4e3ae;
	background: url(images/layout/bgNav.gif)}

.navItem { /*sets navigation items to have top and bottom borders and bottom margin*/
	border-top: 1px solid #DEAA61;
	border-bottom: 1px solid #DEAA61;
	margin-bottom: 3px}

.navSubItem { /*sets navigation items to have top and bottom borders and bottom margin*/
	border-top: 1px solid #DEAA61;
	border-bottom: 1px solid #DEAA61;
	border-left: 1px solid #DEAA61;
	margin-bottom: 3px}

.textBox {
	border: 1px solid #de906b;
	background-color: #fdd186}

.textBox P {
	margin: 5px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#navBorder { /*sets right border of navigation column - needed to do this way because of top shadow*/
	width: 1px;
	background-color: #e1b473}

#contentsColumn { /*sets attributes of entire contents column*/
	width: 554px;
	background-color: #fbefcd}

.contentsPadding15 { /*sets 15 pixel padding around top and bottom of contents table.  Left and right margins are already set by table width of 524 pixels out of total available 554 pixels but they need to be stated for Opera.*/
	margin: 15px}

.imageBox { /*(decided not to use because of browser box model bugs) sets the box and title below images on Floor page*/
	border-bottom: 1px solid #ddbe9b;
	border-right: 1px solid #ddbe9b;
	border-left: 1px solid #ddbe9b;
	background-color: #f2e2b1;
	width: 305px;
	height: 18px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	font: bold 12px "Times New Roman", Times, serif;
	text-align: center}

/* IE style \*/ 
* html .imageBox 
{ 
	border-bottom: 1px solid #ddbe9b;
	border-right: 1px solid #ddbe9b;
	border-left: 1px solid #ddbe9b;
	background-color: #f2e2b1;
	width: 307px;
	height: 19px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
	font: bold 12px "Times New Roman", Times, serif;
	text-align: center}
/* IE style  -- unused because of browser box model bugs*/ 
 
.width7 { /*used for setting the width of columns between content elements when needed*/
	width: 7px}

.width8 { /*used for setting the width of columns between content elements when needed*/
	width: 8px}

.width9 { /*used for setting the width of columns between content elements when needed*/
	width: 9px}

.width10 { /*used for setting the width of columns between content elements when needed*/
	width: 10px}

.width11 { /*used for setting the width of columns between content elements when needed*/
	width: 11px}

.height7 { /*used for setting the height of rows between content elements when needed*/
	height: 7px}

.height8 { /*used for setting the height of rows between content elements when needed*/
	height: 8px}

.height9 { /*used for setting the height of rows between content elements when needed*/
	height: 9px}

.height10 { /*used for setting the height of rows between content elements when needed*/
	height: 10px}

.height11 { /*used for setting the height of rows between content elements when needed*/
	height: 11px}

.bordered IMG { /*creates orange border on all product images*/
	border:1px solid #de906b;}
	
.borderNone IMG { /*needed so spacers in tables do not have borders*/
	border:none;
}

.borderTitleBottom { /*for titles under product pictures*/
	border-top:none;
	border-right: 1px solid #de906b;
	border-bottom: 1px solid #de906b;
	border-left: 1px solid #de906b;
	background: #f2e2b1;
}

.borderTitleTop { /*for titles over product pictures*/
	border-top: 1px solid #de906b;
	border-right: 1px solid #de906b;
	border-bottom: none;
	border-left: 1px solid #de906b;
	background: #f2e2b1;
}

.borderTitleTop IMG, .borderTitleBottom IMG { /**/
	border:none;
}

div.clothSubShort {
	background: #E8C776;
	font-weight: bold;
	margin-left: 150px;
}

div.clothSubShort P {
	margin-left: 0px;
}

div.clothSubLong {
	background: #E8C776;
	font-weight: bold;
	margin-left:15px;
}

div.clothSubLong P {
	margin-left:2px;
}

.orderingTitle {
	font-size: 14px;
	font-weight: bold;
	padding-top: 3px;
}

.floatLeftImages {
    float: left;
    clear: left;
    margin: 0px 15px 10px 15px;
}