/*
	Name:	Master Truameel CSS
	Author:	Created by Jeff Algarra
	Owner:	Heel Inc. 
	E-Mail: jalgarra@heeelusa.com
	Version:1.0
	Notes:
	
*/

/* Margin Reset **************************************/
*  
{
	padding: 0; 
	margin: 0; 
}


/* General Styles ************************************/
html,body{
	min-height:600px;
}
body {
	 font-family: Arial, Verdana;
	 font-size: 12px;
	 background-image:url(../images/bg-body.gif);
	 background-repeat:repeat-x;
}
p	
{
	/*font-size:8.5pt;*/
	margin: 8px 0px 8px 0px; /*top right bottom left*/	
}
h1 
{
background-image:url(../Images/h1-hor-line.gif);
background-position:center bottom;
background-repeat:repeat-x;
color:#00A6D6;
font-size:13pt;
margin:0 0 6px;
padding:0 0 6px;
}
h2	{
	color:#00858C;
	font-size:14px;
	margin:10px 0px 10px 0px;/*top right bottom left*/
}
h3	
{
	color:#047ec7;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px 0px;/*top right bottom left*/
}
/* Global Link Styles*/
a	
{
	color:#00A6D6;
}
a:hover	
{
	color:#0082C5;
}
/* Main Styles */
.copyright	
{
	font-size:10px;
}
.pad	
{
	padding:0px 0px 0px 0px;/*top right bottom left*/
	margin:0px 15px 0px 15px;/*top right bottom left*/
}
#dropshadow_bg	
{
	width:1010px;
	margin: 0 auto;
	background-image:url(../images/dropshadow_bg.png);
	background-position:0px 0px;
	background-repeat:repeat-y;
}
#wrapper { 
	 width: 981px;
	 margin-left:7px;
	 	 padding:0px;
	 min-height:580px;
	 
}
.clear	
{
	clear:both;
	padding-bottom:10px;
	margin:0px;
	
}
.global li	
{
	/*Style for LI elements in general */
	background: transparent url(../images/list-icon.gif) no-repeat left 1px;
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 3px;
	margin-left: 15px;
	line-height:17px;
}

.global_intro li	
{
	/*Style for LI elements in general */
	/*background: transparent url(../images/list-icon.gif) no-repeat left 1px;*/
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 3px;
	padding-top:2px;
	margin-left: 5px;
	line-height:23px;
	font-size:15px;
	color:#107994;
	font-weight:bold;
}
.blue li	
{
	/*Style for LI elements in general */
	background: transparent url(../images/blue.png) no-repeat left 1px;
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 3px;
	margin-left: 15px;
	line-height:17px;
}
.red li	
{
	/*Style for LI elements in general */
	background: transparent url(../images/red.png) no-repeat left 1px;
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 3px;
	margin-left: 15px;
	line-height:17px;
}
.column_title 	
{
	color:#107994;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px 0px;/*top right bottom left*/
	padding:0px 0px 5px 15px;/*top right bottom left*/
}
.pdf_column li	
{
	/*Style for LI elements in general */
	background: transparent url(../images/page_white_acrobat.png) no-repeat left 1px;
	list-style-type: none;
	padding-left: 20px;
	margin-bottom: 3px;
	margin-left:15px;
	font-size:12px;
}
hr	
{
	color:#047EC7;
	height:1px;
	background-color:#047EC7;
	margin-top:10px;
}
.table_column2
{
	width:550px;
	border:2px solid #CEE7F7;
	background-color:#DFDFDF;
	padding:10px;
	text-align:left;	
}
.table_column3
{
	width:550px;
	border:2px solid #d4eac3;
	background-color:#DFDFDF;
	padding:3px;
	text-align:left;
}
/* Header *****************************************/
#header {
	 color: #333;
	 width: 981px;
	 float: left;
	 padding-top: 0px;
	 padding-bottom: 0px;
	/* border: 1px solid #ccc;*/
	 height: 100px;
	 margin: 0px 0px 0px 0px;
	 background: #fff;
}
/* Header Inside Divs *****************************/
		#left_inner_header	
		{
			width:331px;
			height:100px;
			float: left;
			/*border:1px solid black;*/
			margin:0px;
			padding:0px;
			background-image:url(../images/header_left_bg.png);
			background-repeat:repeat-x;
		}
		#right_inner_header	
		{
			width:618px;
			height:100px;
			float: left;
			text-align:left;
			/*border:1px solid black;*/
			margin:0px;
			padding:0px;
			background-color:#fff;
		}
/* Content **************************************/		
#contentwrapper	
{
	 width: 981px;
	 /*border:1px solid black;*/
}
#leftcolumn { 
	 color: #333;
	 background-color:#CEE7F7;
	 background-position:0px 73px;
	 background-repeat:repeat-x;
	 margin: 0px 0px 0px 0px;
	 /*padding: 10px;*/
	 width: 159px;
	 float: left;
	 	 min-height:600px;
}
#content { 
	 float: left;
	 color: #333;
	/* background:url(../images/right_column_bg.png) #d4eac3;
	 background-position:0px 25px;
	 background-repeat:repeat-x;*/
	 margin: 0px 0px 0px 0px;
	 background:#fff;
	 /*padding: 10px;*/
	 width: 640px;
	 /*display: inline;*/
	 	 min-height:600px;
}
#rightcolumn { 
	 color: #333;
	/* border: 1px solid #ccc;*/
 	 background:url(../images/right-column-bg.gif) #fff;
 	 background-position:top;
	 background-repeat:repeat-x;
	 margin: 0px 0px 0px 0px;
	 /*padding: 10px;*/
	 width: 181px;
	 float: left;
	 vertical-align:top;
	 	 min-height:600px;
}
	/* Right Column Sub ****************************/
	.search-box
	{
		width:155px;
		border:1px solid #8FC9DF;
		margin-top:10px;
		margin-bottom:15px;
		padding-bottom:15px;
		text-align:left;
		background-image:url(../images/module_bg.gif);
		height:45px;
	}
	.search-box	h3	
	{
		font-size:12px;
		font-weight:bold;
		padding: 0px;
		margin:3px 0px 0px 5px ;/*top right bottom left*/
		text-align:left;
		color:#3ba1d3;
		position:relative;
		left:21px;
		top:-21px;
	}	
	.search-textbox	
	{
		font-size:11px;
		border:1px solid #8FC9DF;
		width:125px;
		text-align:left;
		margin:0px 0px 0px 9px ;/*top right bottom left*/
		padding:2px 0px 2px 0px;
	}
	.search-textbox2
	{
		font-size:11px;
		border:1px solid  #a7d8b3;
		width:93px;
		text-align:left;
		margin:0px 0px 0px 1px ;/*top right bottom left*/
		padding:2px 0px 2px 0px;
	}
	.search-button	
	{
		/*top right bottom left*/
		/*top right bottom left*/
		border-style: none;
		border-color: inherit;
		border-width: medium;
		margin-left: -3px;
		margin-bottom:.5em;
		padding: 0px;
		background: url('../images/go.gif');
		vertical-align: middle;
		height: 21px;
		cursor: pointer;
		color:#fff;
		width:12px;
		    }
	/* Box Positition *************/
			.box_position	
			{
				position:relative;
				top:-15px;
				left:0px;
			}

	.search_title_img	
	{
		margin:0px 0px 0px 0px ;/*top right bottom left*/
		padding:0px 0px 0px 0px;
	}
	/* Log In Box *****************************/
	.log-in-box	
	{
		width:155px;
		border:1px solid #00a4d7;
		margin-top:10px;
		margin-bottom:15px;
		padding-bottom:15px;
		text-align:left;
		background-image:url(../images/module_bg.gif);
	}
	.log-in-box	h3	
	{
		font-size:12px;
		font-weight:bold;
		padding: 0px;
		margin:3px 0px 0px 5px ;/*top right bottom left*/
		text-align:left;
		color:#047ec7;
	}
	.log-in-box-text	
	{
		font-size:10px;
		border:1px solid  #00a4d7;
		width:80px;
		text-align:left;
		margin:0px 0px 2px 3px ;/*top right bottom left*/
		padding:0px 0px 0px 0px;
	}
	.log-in-text	
	{
		font-size:11px;
		margin-left:5px;
		margin-right:0px;
		/*border:1px solid black;*/
	}
	.log-in-text2	
	{
		font-size:11px;
		margin-left:5px;
		padding-right:3px;
		/*border:1px solid black;*/
	}
	.log-in-button	
	{
		font-size:11px;
		margin-left:40px;
		margin-top:5px;
		border:1px solid #00a4d7;
		width:76px;
		background-image:url(../images/button_bg.png);
		background-repeat:repeat-x;
		cursor: pointer;
		color:#fff;
	}
	.log-in-box-register	
	{
		font-size:10px;
		color:#000;
		text-align:center;
		margin-top:3px;
	}
	.log-in-box-register	a
	{
		color:#00925b;
	}
		.log-in-box-register	a:hover
	{
		color:#127a90;
	}

/* Store Locator Box **********************/
	.store-box
	{
		width:155px;
				border:1px solid #8FC9DF;
		margin-top:10px;
		margin-left:12px;
		margin-bottom:15px;
		padding-bottom:15px;
		text-align:left;
		background-image:url(../images/module_bg.gif);
		height:auto;
	}
	.store-box	h3	
	{
		font-size:12px;
		font-weight:bold;
		padding: 0px;
		margin:3px 0px 0px 5px ;/*top right bottom left*/
		text-align:left;
		color:#3BA1D3;
		position:relative;
		left:21px;
		top:-21px;
	}
	.search_title_img	
	{
		margin:0px 0px 0px 0px ;/*top right bottom left*/
		padding:0px 0px 0px 0px;
	}
.store-locator-text-front	
{
	border:1px solid #8FC9DF;
	width:85px;
}
.drop_border	
{
	border:1px solid  #8FC9DF;
}
		
/* Breadcrumbs ********************************/
#breadcrumbs	
{
	width: 620px;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	margin:0px 0px 0px 0px;/*top right bottom left*/
}
	.crumbs_section	
	{
		width:500px;
		/*border:1px solid black;*/
		font-size: 7pt;
		word-spacing:3px;		
	}
	.crumbs_section	a
	{
		color:#999999;
		word-spacing:3px;
	}
	/*.font_control_section	
	{
		width:90px;
		float:right;
		text-align:right;
		font-size: 7pt;
		border:1px solid black;
		margin-right:25px;
	}
	.font_control_section	img
	{
		border:none;
		margin-left:5px;
	}*/
/* Bottom Tri Module *******************************/
.tri_container	
{
	width:605px;
	margin:0 auto;
	height:auto;
	/*padding-bottom:15px;*/
	clear:both;

}
.tri_left	
{
	float:left;
	/*border:1px solid black;*/
	width:191px;
	padding:5px;
}
	.tri_inner	
	{
		background-image:url(../images/module_bg.gif);
		border:1px solid #00a4d7;
		padding:5px 5px 5px 5px;
	}
.tri_right	
{
	float:right;
	/*border:1px solid black;*/
	width:191px;
	padding:5px;
}
.tri_center	
{
	float:left;
	width:191px;
	/*border:1px solid black;*/
	padding:5px;

}
/* Comment Quote Container *************************/
.commentbox{
	background-color: #d6e8ea;
	width: 500px;
	padding: 15px;
	margin: 0 auto;
	font-size:13px;
	height:auto;
}

.commentfooter{
	background: url(../images/arrow.gif) 80px -5px no-repeat; /*20px 10px equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
	padding-left: 130px;
	padding-top: 1px;
	margin-bottom: 2em;
	font-size: 90%;
	color: #4A4A4A;
}
/* Quotes ******************************************/
blockquote {
  background: transparent url(../images/quotes1.png) left top no-repeat;
}
blockquote div {
  padding: 0 25px;
  background: transparent url(../images/quotes2.png) right bottom no-repeat;
}

/* Footer and Inside Divs **************************/
#footer { 
	 width: 980px;
	 clear: both;
	 color: #333;
	 /*border: 1px solid #ccc;*/
	 background: #fff;
	 background-image:url(../images/footer_bg.png);
	 background-repeat:no-repeat;
	 background-position:bottom;
	 margin: 0px 0px 0px 0px;
	 height:40px;
}
.footer_left	
{
	width:49%;
	float:left;
	text-align:left;

		
}
.footer_right	
{
	width:49%;
	float:left;
	text-align:right;
			
}
/******************** Site Identifier  ************/
#site_identifier	
{
	height:20px;
	width:181px;
	/*background-image:url(../images/indentifier_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;*/
	background-color:#fff;
	/*border-bottom:3px solid #edf7fb;*/
	padding:0px;
	/*border-top:1px solid #fff;*/
	/*border-left: 1px solid #5b9e68;*/
}
		.heelusa	
		{
		margin-left:35px;
		margin-top:7px;
		font-size:12px;
		font-weight:bold;	
		}
		.identity_text	
		{
			margin-left:4px;
			position:relative;
			top:-1px;
		}
/******************** Left Top Swoosh *************/
#left_column_swoosh	
{
	height:120px;
	width:160px;
	background-image:url(../images/TrSprinter_160_120_272.jpg);
	background-repeat:no-repeat;
	background-position: center;

}
/******************** Logo ************/
.logo
{
	border:none;
	width:180px;
	height:100px;

}
/*Left and Right Column Styles For Content ********/

.2_column_container	
{
	width:auto;
}	
.left	
{
	width:50%;
	float:left;
	/*border:1px solid black;*/
}
.right	
{
	width:50%;
	float:right;
	/*border:1px solid black;*/
}	
/* Store Locator **************************************/
.store_locator	
{
	text-align:left;
	font-size: 10px; 
	width: 210px; 
	background-color:#F0F0F0;
	border:1px solid #8FC9DF;
	height: auto; 
	padding: 15px;
	font-size:11px;
	height:50px;
}
.store_space	
{
	padding: 0px 0px 5px 0px; /*top right bottom left*/
}
.store_space_front	
{
	padding: 0px 0px 5px 5px; /*top right bottom left*/
}

.drop_border	
{
	border:1px solid #a7d8b3;
}
.zip_results	
{
	height:190px;
	width:100%;
    border: 1px solid #8FC9DF;
}
/* Form styles ******************************************/
	
.heelform fieldset {
	margin-bottom: 10px;
	width:420px;
	padding:10px;
	background-color:#F0F0F0;
	position: relative;
	border:1px solid #8FC9DF;
}
.heelform legend {
	padding: 0 2px;
	font-weight: bold;
	color:#00A4D7;
	font-size:13px;
	font-weight:bold;
	position: absolute;
	top: -.5em;
	left: .2em;
}
.heelform label {
	display: block;
	line-height: 1.8;
	vertical-align: top;
	width:auto;
	float: left;  
	width: 12em;  
	/*margin-right: 1em;*/
	text-align:left;
	font-weight:bold;
	/*border:1px solid black;*/
}

.heelform fieldset ol {
	  margin: 0;
	  padding: 0;
}
.heelform fieldset li {
	  list-style: none;
	  padding: 5px;
	  margin: 0;
	  float:left;
}
.heelform fieldset fieldset {
	  border: none;
	  margin: 3px 0 0;
}
.heelform fieldset fieldset legend {
	  padding: 0 0 5px;
	  font-weight: normal;
}
.heelform fieldset fieldset  {
	  display: block;
	  width: auto;
}
.heelform .radio	
{
	float:right;
	text-align:left;
	position:relative;
	top:-22px;
	left:55px;

}
.heelform em {
	  font-weight: bold;
	  font-style: normal;
	  color: #f00;
}
.heelform fieldset fieldset label {
	margin-left: 123px; /* Width plus 3 (html space) */
}
.heelform legend {
	  padding: 0 2px;
	  font-weight: bold;
	  _margin: 0 -7px; /* IE Win */
}
.heelform .textbox	
{
	margin-left:15px;
	width:200px;
	border:1px solid #8FC9DF;
}
.heelform .subcheckbox	
{
	border:1px solid black;	
}
.heelform .checkbox	
{

	padding:5px;	
}
.heelform .textboxdrop	
{
	margin-left:15px;
	width:200px;
	border:1px solid #d7ebc6;
	font-size:10px;
}
.heelform .textboxsmall	
{
	margin-left:15px;
	width:18px;
	border:1px solid #d7ebc6;
	margin-right:10px;
}
.button	
{		
	font-size:11px;
	margin-top:5px;
	border:1px solid #8FC9DF;
	background-image:url('../images/button_bg.png');
	background-repeat:repeat-x;
	cursor: pointer;
	color:#fff;
	width:76px;
}
/* Product Styles */
  .product-thumb	
 {
 	width:140px;
 	text-align:center;
	padding:5px;
}
.product-descript
{
	font-weight:normal;
	margin-top:3px;
	margin-bottom:3px;
	line-height:16px;
	font-size:12px;
}
.product-right h4	
{
	color:#000;
	font-size:12px;
	font-weight:bold;
	margin:8px 0px 0px 0px;/*top right bottom left*/
	text-align:left;	
}
.product-link	
{
	text-decoration:none;
}
.product-thumb		
{
	font-size:11px;
	color:#000;
}
a .product-thumb		
{
	font-size:11px;
	text-decoration:none;
	color:#000;
}
a:hover .product-thumb		
{
	font-size:11px;
	text-decoration:underline;
}