/* OLD: Verdana, Arial, Geneva, Helvetica, sans-serif */

a {	
	color: #ff7700;	
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-size: 13;
	font-weight: bold;
}
a:hover {text-decoration: underline;}

body, tr, td, th, select, option, input, textarea {	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10;
	color: #666666;
	font-weight: normal;
}

body, form, div, span {margin: 0; padding: 0;}

/* default "common" values for p */
p {text-indent: 30px;}

/* leaving out of p for now margin-left: 0; margin-right: 0; margin-bottom: 20px; margin-top: 10px; padding: 0;}*/

/*
This would do all:
*{margin: 0; padding: 0; margin-left: auto; margin-right: auto;}

Or we could just add these in to the list:
table, tr, td 
*/


.capitalize {text-transform: capitalize}

/* =================== TEXT COLORS =================== */

.colorWhite {color: #ffffff;}
.colorCyan {color: #008888;}
.colorBlue {color: #66bbff;}
.colorOrange {color: #ff7700;}
.colorDarkGrey {color: #444444;}
.colorLightGrey {color: #888888;}
.colorLighterGrey {color: #999999;}
.colorLightestGrey {color: #bbbbbb;}
.colorExtremeLightGrey {color: #dddddd;}

/* =================== BORDERS =================== */

	/* Very Light grey border */
.borderTLight {border-top: 1px solid #dddddd;}
.borderBLight {border-bottom: 1px solid #dddddd;}
.borderLLight {border-left: 1px solid #dddddd;}
.borderRLight {border-right: 1px solid #dddddd;}
.borderAllLight {border: 1px solid #dddddd;}

	/* Normal grey border*/
.borderT {border-top: 1px solid #bbbbbb;}
.borderB {border-bottom: 1px solid #bbbbbb;}
.borderL {border-left: 1px solid #bbbbbb;}
.borderR {border-right: 1px solid #bbbbbb;}
.borderAll {border: 1px solid #bbbbbb;}

	/* Dashed grey border */
.borderTDashed {border-top: 1px dashed #888;}


/* =================== BACKGROUNDS =================== */

.backgroundWhite {background-color: #ffffff;}
.backgroundGrey {background-color: #f2f2f2;}
.backgroundLightGrey {background-color: #f8f8f8;}
.backgroundBlue {background-color: #ddeeff;}
.backgroundLightBlue {background-color: #eef8ff;}
.backgroundBrightBlue {background-color: #66bbff;}
.backgroundCyan {background-color: #c6f4f4;}
.backgroundLightCyan {background-color: #f8ffff;}
.backgroundDarkCyan {background-color: #008888;}
.backgroundLightGreen {background-color: #eeffee;}
.backgroundRed {background-color: #ff0000;}


/* =================== FONTS =================== */

/* Use Helvetica before Arial? */
/* font-variant: small-caps; ...No single font size can be found where this looks good in FF/IE AND Ch/Sa. */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h1 {font-size: 29px; color: #444; font-weight: normal;} /* formerly title4 */
h2 {font-size: 22px; color: #555; font-weight: normal;} /* formerly title2 */
h3 {font-size: 16px; color: #555;} /* formerly title1 */
h4 {font-size: 14px; color: #555;} /* formerly title0 */
h5 {font-size: 12px; color: #555;} /* formerly title00 */
h6 {font-size: 10px; color: #555;}


/* footer is size 10, weight normal */
.footer {font-size: 10; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}

.footerWhite {font-size: 10; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}

/* font0 is size 12, weight normal */
.font0, .font0Blue, .font0Cyan {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal}
.font0 {color: #666666;}
.font0Blue {color: #66bbff;}
.font0Cyan {color: #008888;}

/* font1 is size 12, weight bold. (Same as h5 except Verdana */
.font1, .font1Blue, .font1Green, .font1Cyan, .errorMessage {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold}
.font1 {color: #666666;}
.font1Blue {color: #66bbff;}/*336699,0099CC*/
.font1Green {color: #009900;}
.font1Cyan {color: #008888;}
.errorMessage {color: #f00;}

.offLink {	
	color: #555;	
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-size: 13;
	font-weight: bold;
}

.titleLink {
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #ff7700;
	font-size: 16;
}

/* ------------------------ START Tiny spacer sizes ------------------------ */
.smallFont { 
	font-family: Verdana, Arial, sans-serif;	
	font-size: 4;
	color: #666666;
	font-weight: normal;
}
.smallFont1 { 
	font-family: Verdana, Arial, sans-serif;	
	font-size: 1;
}
.smallFont2 { 
	font-family: Verdana, Arial, sans-serif;	
	font-size: 2;
}
.smallFont3, .smallFont6 { 
	font-family: Verdana, Arial, sans-serif;	
	font-size: 6;
}
.smallFont7 { 
	font-family: Verdana, Arial, sans-serif;	
	font-size: 7;
}


/* =================== PAGINATION =================== */

	/*.pagination {text-align: right;}*/
.pagination ul {padding: 0px; margin-top: 12px; margin-bottom: 0; margin-left: 0; margin-right: 0; background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-align: right;}
.pagination ul li {list-style: none; margin: 0px 0px; display: inline;}
.pagination ul li a {padding: 2px 4px; background: #f2f2f2; border: 1px solid #bbb; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; color: #999;}
.pagination ul li a:link {color: #999; text-decoration: none;}
.pagination ul li a:hover {background: #ccc; border: 1px solid #888; color: #666; text-decoration: none;}
/* not needed .pagination ul li a:active {background: #ccc; border: 1px solid #888; color: #666; text-decoration: none;}*/
.pagination ul li a.thispage {background: #ccc; border: 1px solid #888; color: #666; text-decoration: none;}


/* =================== TOP NAVIGATION =================== */

/* NOTE: A margin of 3px is put beneath the text. So pad of 4 puts 7px to bottom.*/
.titleBarLinks {padding: 4px 12px;}
.titleBarLinks a {color: #fff; text-decoration: none; font-family:  Arial, Verdana, sans-serif; font-size: 12; font-weight: bold;}
.titleBarLinks a:hover {color: #ff7700; text-decoration: none;}
.titleBar {
	/*background-image:url('images/wood_1705Small.jpg');*/
	background-image:url('images/wood_2998Small.jpg');
	/*background-repeat:repeat-x; /*repeat-x, repeat-y, no-repeat*/
	/*background-attachment:fixed; this MUST be commented out for FF, Chrome
	background-position:bottom center; */
	height: 50px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.topNavLinks a {color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12; font-weight: bold; padding: 0; margin: 8px;}
.topNavLinks a:hover {color: #ff7700; text-decoration: none;}
.topNavBar {
	/* we MUST explicitly list the height here, otherwise padding problems will occur in FF, Chrome.*/
	height: 27px; /* top 9px - letters 9px - bottom 0px */
	margin: 0;
	padding: 0;
	background-color: #222;
	width: 100%;
}
.topNavIndicator {
	background-image:url('images/white_triangle510.gif'); /*images/white_triangle2710.gif*/
	background-repeat:no-repeat;
	/*background-attachment:fixed; this MUST be commented out for FF, Chrome */
	background-position:bottom center;
}


/* =================== BUTTONS =================== */

.searchButton {
	background-color: #888; /* 555555 */
	font-family: Arial, Helvetica, Verdana, sans-serif;	
	font-size: 12;
	font-weight: bold;
	color: #eeeeee;	
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	cursor: hand;
	padding: 2px 4px;
	margin: 0;
	border: 1px solid #555;
}

/* the hover pseudo-class only works on a:hover in IE. But works fine in FF, Chrome, Safari. */
.searchButton:hover {background-color: #555; border: 1px solid #333; cursor: hand;}


/* =================== BREADCRUMB ROLLOVER LINKS FOR ORDERING PAGES =================== */

/* this should match h1 exactly */
.largeBreadCrumbLink a {
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	margin: 0; padding: 0;
	font-size: 29px; color: #444; font-weight: normal;}

.largeBreadCrumbLink a:hover {color: #ff7700; text-decoration: none;}

.largeBreadCrumbLinkOn a {
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	margin: 0; padding: 0;
	font-size: 29px; color: #ff7700; font-weight: normal;}

.largeBreadCrumbLinkOn a:hover {text-decoration: none;}

/* this should match h1 exactly */
.largeWhiteLink a {
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-weight: bold; margin: 0; padding: 0;
	font-size: 29px; color: #fff; font-weight: normal;}

.largeWhiteLink a:hover {color: #ff7700; text-decoration: none;}


/* =================== ZOOM and ADD TO CART BUTTONS (See more in finials.cfm) =================== */

.addToCartRow ul {padding: 0; margin-top: 7px; margin-left: 0; margin-bottom: 0; margin-right: 0; background-color: #f2f2f2; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd;} /* background-color: #f2f2f2; border: 1px solid #000;*/
.addToCartRow ul li {list-style: none; margin: 0; padding: 0; display: inline;}
.addToCartRow ul li a {white-space: nowrap; padding: 2px 4px; background: #f2f2f2; border: 1px solid #bbb; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; color: #ff7700;}
.addToCartRow ul li a:link {color: #ff7700; text-decoration: none;}
.addToCartRow ul li a:visited {color: #ff7700;}
.addToCartRow ul li a:hover {background: #fff; border: 1px solid #999; text-decoration: none;}/*color: #ff7700; */
.addToCartRow ul li a:active {background: #fff; border: 1px solid #999; text-decoration: none;}/*color: #666; */


/* =================== MISC =================== */

.popWinLink {color: #ff7700; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16; font-weight: bold;}

.leftInfoBar p {margin-top: 2px; margin-right: 0px; margin-left: 0px; margin-bottom: 16px; text-indent: 19px;}
.tinySpaceInfo p {margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 6px; text-indent: 19px;}
.productsPage {margin: 0px; padding: 2px 0px; text-indent: 0px;}

.infoBarBackground {
	/*background-color: #ddeeff;*/
	background-image:url('images/background_Grey_1x25.gif');
	background-repeat:repeat-x;
	/*background-attachment:fixed; this MUST be commented out for FF, Chrome
	background-position:bottom center; */
}

.spaceFromTopNav {margin-top: 16px;}

.standardTitlePad {padding: 4px 10px;}