/* CSS Document */
/*BELOW ARE ALEX'S STYLES*/
#middle_colTD{
padding:10px;
border-left:1px dotted #666666;
margin:0px;
vertical-align:top;
/*font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;*/
}




#right_colTD{
width:170px;
vertical-align:top;
padding-top:19px;
*padding-top:19px;

}




#left_colTD{
width:190px;
vertical-align:top;
padding-top:13px;
*padding-top:22px;
}
#left_colTD h2{
background:#E7E7E7;
font-weight:bold;
color:#990000;
padding:5px;
font-size:0.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:10px;
width:165px;
margin-left:5px;
margin-right:5px;
}
#left_colTD ul{
	margin:-8px 0px 0px;
	dispaly:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	width:150px;
	list-style:url(_images/bullet.gif);
	color:#666666;
	padding:0px 0px 12px 30px;
	line-height: 130%;
}
#left_colTD a{
color:#666666;
text-decoration:none;
}
#left_colTD li{
padding-left:20px;
}
#left_colTD a:hover{
border-bottom:1px dotted #666666;
color:#333333;
}







/**************************/
.required_field{
background-color:#FF9966;
}
#breadcrumb ul li{
list-style-image: none;
display:inline;
padding: 0 3px 0 0; 
margin: 3px 0 0 0;
}
#breadcrumb ul{
font-size:9px;
margin:0;padding:0;
list-style-type: none;
/*padding-left: 1em;*/
}

/*************************/
a{ color:#990000;}
a:hover{color:#000;}
/*************************/
#moreInfoLnk{

}
#moreInfoLnk a{
color:#666666;
text-decoration:none;
}
#moreInfoLnk a:hover{
color:#000;
}
#moreInfoLnk img{
margin-top:2px;
margin-right:5px;
border:0;
}
/*************************/

/*ABOVE ARE ALEX'S STYLES*/
body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#banner{
width:800px;
height:150px;
margin:0px;
padding:0px;
background:url(_images/banner_bg_top.jpg) repeat-x;
}
#category{
margin:0px;
padding:0px;

}

.logo{
margin:20px;
margin-bottom:15px;
}
#nav{
position:absolute;
top:75px;
left:255px;
width:550px;
color:#990000;
font-size:0.8em;
margin:0px;
padding:0px;
}
#nav a{
color:#990000;
text-decoration:none;
}
#nav a:hover{
color:#666666;
border-bottom:1px dashed #666666;
}
#nav ul{
font-weight:bold;
margin:0px;
padding:0px;
}
#nav li{
display:inline;
padding-right:15px;
}
#search{
width:800px;
height:40px;
background:url(_images/search_bar.jpg) repeat-x;
text-align:center;
marign-top:0px;
}
#main_body{
width:800px;
padding:0px;
margin:0px;
}
#right_col{
width:170px;
float:right;
clear:right;
margin:0px;
padding:0px;
margin-right:0px;
}
#stockist{
float:right;
clear:right;
font-size:0.7em;
width:170px;
}
#stockist_bottom{
background:url(_images/stockist_bottom.jpg) no-repeat;
height:30px;
padding:8px;
padding-top:6px;
color:white;
font-size:1.1em;
font-weight:bold;
padding-left:14px;
}
#stockist_body{
border:1px solid #CCCCCC;
color:#666666;
padding:5px;
background:url(_images/locator_bg.jpg) no-repeat;
}
#catalogue{
float:right;
clear:right;
width:170px;
padding:0px;
margin-top:-5px;
}
#catalogue_header{
background:url(_images/catalogue_header.jpg) no-repeat;
width:149px;
height:22px;
color:white;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
padding-top:8px;
padding-left:16px;
padding-bottom:0px;
}
#catalogue a{
text-decoration:none;
color:#666666;
}
#catalogue_body{
border:1px solid #999999;
border-bottom:none;
width:148px;
padding:10px;
border-top:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#666666;
}
#catalogue_footer{
width:169px;
height:45px;
background:url(_images/catagloe_foter.jpg) no-repeat;
margin-top:-13px;
}
#category_menu{
clear:both;
margin-bottom:-px;
}
#left_col{
width:190px;
float:left;
clear:left;
padding-top:10px;
}
#left_col h2{
background:#E7E7E7;
font-weight:bold;
color:#990000;
padding:5px;
font-size:0.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:10px;
width:165px;
margin-left:5px;
margin-right:5px;
}
#left_col ul{
	margin:0px 0px 0px;
	dispaly:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	width:150px;
	list-style:url(_images/bullet.gif);
	color:#666666;
	padding:0px 0px 12px 30px;
	line-height: 130%;
}
#left_col a{
color:#666666;
text-decoration:none;
}
#left_col li{
padding-left:20px;
}
#left_col a:hover{
border-bottom:1px dotted #666666;
color:#333333;
}
#middle_col{
float:left;
width:373px;
padding:10px;
border-left:1px dotted #666666;
margin:0px;
}
#middle_col_full{
float:left;
width:596px;
padding:10px 0px 10px 10px;
border-left:1px dotted #666666;
margin:0px;
font-size:0.8em;
}
#middle_col_full_right{
width:170px;
float:right;
height:500px;
margin-left:20px;
clear:right;
margin:0px;
padding:0px;
margin-right:0px;
}

#middle_col_full h2{
color:#990000;
font-weight:lighter;
}
#middle_col_full h3{

font-weight:lighter;
text-align:center;
width:350px;
height:30px;
margin:auto;
margin-bottom:20px;

}
#middle_col_full h3 a{
padding-top:10px;
border:1px solid #666666;
color:white;
text-decoration:none;
display:block;
height:30px;
width:350px;
background:url(_images/resource_bg.jpg) no-repeat;
}
#middle_col_full h3 a:hover{
color:white;
text-decoration:none;
display:block;
height:30px;
width:350px;
background:url(_images/resourcE_bg_over.jpg) no-repeat;
}
#middle_col_full_max{
float:left;
width:800px;
padding:10px;
margin:0px;
font-size:0.8em;
}
#middle_col_full_max h2{
color:#990000;
font-weight:lighter;
}
#intro{
font-family:Verdana, Arial, Helvetica, sans-serif;
height:260px;

}
#intro p{
font-size:0.8em;
color:#666666;
float:right;
margin-right:8px;
width:180px;
padding-top:15px;
background:none;
}
#intro h2{
color:#990000;
font-weight:lighter;
width:195px;
float:right;
/*margin-right:60px;*/
margin-top:10px;
margin-bottom:-6px;
}


#intro a{
color:#666666;
text-decoration:none;
}
#intro a:hover{
color:#000;
}



#intro_head{
width:410px;
background:url(_images/intro_head.jpg) no-repeat;
height:25px;

}
#intro_body{
width:410px;
background:url(_images/intro_body.jpg) 1px 0px repeat-y;
}
#intro_footer{
height:25px;
width:410px;
background:url(_images/intro_footer.jpg) no-repeat;
}
#tooling_highlights{
width:393px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
margin-left:10px;
margin-top:10px;
}
#tooling_highlights h2{
background:#990000;
color:white;
padding:5px;
font-size:1.2em;
margin-bottom:0px;
}
#tooling_highlights p{
color:#666666;
}
#highlight_bottom{
background:url(_images/highlight_bottom.jpg) no-repeat;
height:20px;
width:400px;
clear:both;
position:relative;
right:4px;
}
#resource_centre{
width:400px;
}
#resource_head{
width:410px;
background:url(_images/intro_headno_glow.jpg) -2px 0px no-repeat;
height:25px;
float:left;
padding:0px;
margin:0px;
}
#resource_body{
width:410px;
background:url(_images/intro_bodyno_glow.jpg) -3px 0px repeat-y;
font-size:0.8em;
margin-top:0px;
float:left;
clear:left;
}
#resource_body h2{
padding-left:45px;
font-size:1.3em;
padding-top:10px;
}
#resource_body p{
width:200px;
color:#666666;
padding-left:45px;
}


#resource_body a{
color:#666666;
text-decoration:none;
}
#resource_body a:hover{
color:#000;
}



#resource_footer{
height:25px;
width:410px;
background:url(_images/intro_footerno_glow.jpg) no-repeat;
float:left;
clear:left;
}
#footer{
float:left;
clear:both;
width:800px;
position:relative;
top:10px;
border-top:2px  groove #CCCCCC;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#999999;
}

#footer p{
margin-top:2px;
}
#footer a{
color:#999999;
text-decoration:none;
}
#footer a:hover{
color:#666666;
border-bottom:1px dashed #666666
}
/******* newsletter style **************/
#newsletter{
border-top:20px solid #990002;
margin-top:45px;
}
/********** order form *****************/
.left_cell{
border: 1px solid black;
border-left:none;
}
.right_cell{
border: 1px solid black;
border-right:none;
}
.middle_cell{
border-top:1px solid black;
border-bottom:1px solid black;
}
/******** products ********************/
.sections{
	margin-left:10px;
	padding:10px;
	width:350px;
	margin-right:20px;
	margin-bottom:20px;
	background:#F4F4F4;
	float: left;
	height: auto;
}

.sections h3{
font-weight:lighter;
color:#990000;

}
.sections img{
margin-left:20px;
}
.sections ul{
position:relative;
left:34px;
list-style:square outside;
}

.sections li{
margin-right:55px;
}
.sections p{
position:relative;
left:50px;
}
.pdf{
float:right;
padding-right:85px;
}
.full_range{
float:right;
font-weight:bold;
color:#990000;
margin-right:60px;
}
.full_range a{
text-decoration:none;
color:#990000;
font-size:0.9em;
}
.full_range a:hover{
color:#333333;
}

.img{
margin:5px;
}
/******** how to order a product page **/
#how_to_order{
margin:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:0.8em;
}
#how_to_order h2{
color:#990000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
}
.highlight{
padding:5px;
background:#FFFFCC;
width:500px;
}
#how_to_order hr{
width:500px;
}
/***** resources ********/
#pyramid{
	background:url(_images/pyramid.jpg) 75px 0px no-repeat;
	width:579px;
	height:300px;
	margin:0;
	padding:0;
}

#pyramid .right{
	float:right;
	clear:right;
	margin:0;
	padding:0;
	border-bottom:1px solid black;
}

#pyramid .left{
	float:left;
    clear:both;
	margin:0;
	padding:0;
	border-bottom:1px solid black;
	font-size:xx-small;
}


.breadcrumb{
font-size:0.8em;
color:#999999;
}
.breadcrumb a{
color:#999999;

}
.resource_highlight{
float:left;
width:410px;
margin-top:20px;
vertical-align:top;
}
.resource_highlight h2{
font-size:12px;
padding:5px;
border-bottom:1px solid #C2C2C2;
background:#EBEBEB;
margin:0 0 20px 0;
}
.resource_highlight p{
margin:0;
color:#333333;
}
.resource_highlight a img{
margin:2px 5px 0 0;
border:0;
}
.resource_highlight img{
margin-right:5px;
}


.resource_highlight a{
font-weight:bold;
text-decoration:none;
color:#666666;
font-size:0.8em;
float:right;
}
.float_right {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 204px;
}
.float-right-image {
	float: right;
	margin-bottom: 12px;
	margin-left: 12px;
}
.float-left-image {
	float: left;
	margin-bottom: 12px;
	margin-right: 12px;
}h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #990000;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #990000;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #990000;
	margin-bottom: 1em;
}
.table-head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.77em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	background-position: left top;
	height: 13px;
	padding: 2px;
}
.table-line1 {
	font-size: 0.77em;
	padding: 2px;
	height: 13px;
}
.table-line2 {
	font-size: 0.77em;
	padding: 2px;
	height: 13px;
	background-color: #DCDCDC;
}
