/* color scheme 

lt yellow:   F5F5EF
dk yellow: C1C1A6
red:		 E73131

*/


body {
	margin: 0px;
   padding: 0px;
	font-family:verdana;
	font-size:12px;
}

/* /////////////////// SITE STRUCTURE //////////////////// */
div.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
		/*  background:#FFF; */
}

div#container {
	width:99%;
	margin:0 auto;
}

    div#header {	
    	float:left;
    	width:100%;
    	height:80px;
			background:#666666;
    }
			div#insideHead {
				margin-top:7px;
				padding-top:1px;
				background:#FFF;
			}
				div#headContent {
					border-top:1px solid #000;
					border-bottom:1px solid #000;
					background:#FFF url('/images/siteimages/grid.gif') repeat-x;
				}
    
    div#content {
    	float:left;
    	width:100%;
			background:url('/images/siteimages/leftColBkg.gif') repeat-y;
    }
    	div#horizMenu {
				float:left;
				width:100%;
				height:24px;
				background:#FFF url('/images/siteimages/menubg.gif') repeat-x;
				text-align:center;
				border-top:1px solid #FFF;
			}
			
        div#leftColumn {
        	float:left;
        	width:264px;
				background:url('/images/siteimages/curve.gif') no-repeat;
				text-align:center;
        }
        
        div#centerColumn {
        	margin:0 204px 0 274px;
				padding:24px 0;
				background:#FFF;
				text-align:center;
        }
        	div#centerContent {
					width:100%;
					text-align:left;
				}
				
        div#rightColumn {
        	float:right;
        	width:194px;
				background: url('/images/siteimages/rcurve.gif') top right no-repeat;
				text-align:center;
				height:100%;
    	}

    div#footer {
    	float:left;
    	width:100%;
    	padding:5px 0 25px 0;
			font-size:10px;
    	border-top:2px solid #DDD;
			text-align:center;
    }

div#menuButtons {
	 float:left;
		margin-top:7px;
}

div#menuButtons ul {
	margin:0 0 0 272px;
	padding:0;
	list-style-type:none;
}
	
div#menuButtons li{
	float:left;
	margin:0 2px;
}

div#menuButtons li a {
	text-decoration:none;
	padding:2px 22px;
}
	
div#menuOnLt {
	float:left;
	height:17px;
	background:url('/images/siteimages/leftMenuButton_on.gif') top left no-repeat;
	padding:2px 22px;
	text-align:center;
}

div#menuOn {
	float:left;
	background:url('/images/siteimages/menuBkg_on.gif') repeat-x;
	font-size:11px;
	text-align:left;
	margin:0;
}

div#menuOnRt {
	float:left;
	height:17px;
	background:url('/images/siteimages/rtMenuButton_on.gif') top right no-repeat;
}

div#menuOverLt {
	float:left;
	height:17px;
	background:url('/images/siteimages/leftMenuButton_over.gif') top left no-repeat;
	padding:2px 0;
	text-align:center;
}

div#menuOver {
	float:left;
	background:url('/images/siteimages/menuBkg_over.gif') repeat-x;
	font-size:11px;
	text-align:left;
	margin:0;
}

div#menuOverRt {
	float:left;
	height:17px;
	background:url('/images/siteimages/rtMenuButton_over.gif') top right no-repeat;
}

/* /////////////////// TEXT STYLES //////////////////// */
.SmallText { font-size: 7.5pt; color:black }
.SmallTextBold { font-size: 7.5pt; color:black; font-weight: bold  }
.SmallTextBrownBold { font-size: 7.5pt; font-weight: bold }

.SemiMediumText { font-size: 9.5pt; color:black }
.MediumText { font-size: 9.5pt; color:black }
.MediumTextBold { font-size: 9.5pt; color:black; font-weight: bold  }
.MediumTextBrownBold { font-size: 9.5pt; font-weight: bold }

.LargeText { font-size: 11pt; color:black }
.LargeTextBold { font-size: 11pt; color:black; font-weight: bold  }
.LargeTextBrownBold { font-size: 11pt; font-weight: bold }

.NextPtLargeText { font-size: 12pt; color:black }
.VeryLargeTextBrownBold { font-size: 17pt; font-weight: bold }


a:link { font-size: 7.5pt; color: blue;}
a:visited { font-size: 7.5pt; color: blue;}
a:hover { font-size: 7.5pt;  color: black;}

a.large:link { font-size: 11pt; color: blue; font-weight: bold}
a.large:visited {; font-size: 11pt; color: blue; font-weight: bold}
a.large:hover { font-size: 11pt;  color: black; font-weight: bold}

a.largebold:link { font-size: 11pt; color: blue; font-weight: bold; text-decoration:none;}
a.largebold:visited {; font-size: 11pt; color: blue; font-weight: bold; text-decoration:none;}
a.largebold:hover { font-size: 11pt;  color: black; font-weight: bold; text-decoration:underline;}

a.mediumbold:link { font-size: 9pt; color: blue; font-weight: bold}
a.mediumbold:visited { font-size: 9pt; color: blue; font-weight: bold}
a.mediumbold:hover { font-size: 9pt;  color: black; font-weight: bold}

a.medium:link { font-size: 9pt; color: blue;}
a.medium:visited { font-size: 9pt; color: blue;}
a.medium:hover { font-size: 9pt;  color: black;}

a.statesbold:link { font-size: 9pt; color: blue; font-weight: bold; text-decoration:none;}
a.statesbold:visited { font-size: 9pt; color: blue; font-weight: bold; text-decoration:none;}
a.statesbold:hover { font-size: 9pt;  color: black; font-weight: bold; text-decoration:underline;}

a.drillstatesbold:link { font-size: 9pt; font-weight: bold; text-decoration:none;}
a.drillstatesbold:visited { font-size: 9pt; font-weight: bold; text-decoration:none;}
a.drillstatesbold:hover { font-size: 9pt;  color: red; font-weight: bold; text-decoration:underline;}

a.featuredVendor:link { text-decoration:none; cursor:pointer;}
a.featuredVendor:visited { text-decoration:none; cursor:pointer;}
a.featuredVendor:hover { font-weight:bold; text-decoration:none; cursor:pointer;}

a.menu:link { font-size: 11px; color: white; text-decoration:none; cursor:pointer;}
a.menu:visited {; font-size: 11px; color: white; text-decoration:none; cursor:pointer;}
a.menu:hover { font-size: 11px;  color: white; text-decoration:none; cursor:pointer;}

img.detailLogo { border:1px dotted #999; }
img.detailLogo:link { border:1px dotted #999; cursor:pointer;}
img.detailLogo:visited { border:1px dotted #999; cursor:pointer;}
img.detailLogo:hover {  border:1px solid blue; cursor:pointer;}

.CatClass {font-family:arial; font-size: 8pt; padding: 25px}


/* //// CATEGORY DESCRIPTIONS STYLES //// */
div#catDescTitle {
	float:left;
	width:100%;
	font-size:14px;
	margin-bottom:10px;
	border-bottom:1px solid black;
}

div#catDescContent {
	float:left;
	width:100%;
	font-size:12px;
	margin-bottom:20px;
}

p#catDescText {
	text-indent:20px;
	margin:0;
}

div#catDescSubCats {
	float:right;
	width:38%;
	font-size:12px;
	margin-left:20px;
	margin-bottom:10px;
	border-left:1px dotted #DDD;
	padding-left:6px;
}

div#catDescSubCats ul {
	margin-left:0;
	padding-left:0;
}

div#catDescSubCats li {
	width:100%;
	list-style:disc inside;
	margin:0;
}

a.catDesc:link { font-size:12px; color:#E73131; text-decoration:none;}
a.catDesc:visited { font-size:12px; color:#E73131; text-decoration:none;}
a.catDesc:hover { font-size:12px; color:#990000; text-decoration:underline;}

a.drillcatDesc:link { font-size:12px; color:black; text-decoration:none;}
a.drillcatDesc:visited { font-size:12px; color:black; text-decoration:none;}
a.drillcatDesc:hover { font-size:12px; color:blue; text-decoration:underline;}

