/* 
	Title:	Jameco and ie/win fixes
	container: 1000px
	lcolumn: 200px
	mcolumn: 548px
	rcolumn: 200px
	body padding: 14.4px + 12px + 12px + 14.4px

*/

/*-------- HTML, BODY ELEMENTS -----------------------------------------*/
body{margin: 0 auto; padding:0x; font-size:75%; font-family: arial, tahoma, verdana; line-height:1.8em; background:#fff; color:#565656;}

/*-------- MASTHEAD ----------------------------------------------------*/
#masthead {margin:0; padding:.5em 1.2em .1em 1.2em; background:#00386f;}
	
	/*-------- Logo ---------------------------------------------*/
	#masthead .logo{float:left; margin:0 2em 0 0; padding:0; width:20.83em; height:80px; font-size:1em;}
	#masthead .logo a{width:20.83em; height:80px; background:url("../images/jameco_logo.gif") no-repeat; display:block;}
	#masthead .logo a span{display:none;}

	/*-------- Jameco Search Box ----------------------------------*/
	.mainsearch{float:left; margin:0 1em 0 0; padding:0.3em 0.3em 0.3em 0.5em; width:23em; height:75px; background:url("../images/main_search_box.gif") no-repeat; color:#00386f; line-height:1.8em;}
	.mainsearch .searchtextbox {margin:0 0.5em 0 0; padding:0.2em; width:16em; border:1px solid #05567f; background:#fff url("../images/search_ic.gif") no-repeat center right;  font-weight:bold;}
	.mainsearch p{margin:0; padding:0; display:inline; }
	.mainsearch  .searchbtn{background:url("../images/search_btn.gif") no-repeat; color:#fff; border:0; width:45px; height:20px; font-size:0.7em; font-weight:bold;}
	/*-------- Top Small Links ---------------------------------*/
	.header-right {float:right; width:26.5em; text-align:right; }
	.topsmlinks { color:#badeff;}
	.topsmlinks a{font-size:0.9em; color:#badeff; text-decoration:none;}
	.topsmlinks a:hover{font-size:0.9em; color:#fff; text-decoration:underline; }
	.callinfo{font-family:"Trebuchet MS"; color:#fff;}

/*-------- MAIN NAVIGATION ---------------------------------------------*/
#nav {margin:0; padding:1em 0 0em 0; background:#13518e; border-bottom:2px solid #5aadd3;}
#nav ul{margin:0 auto; padding:0;  width:61em; list-style-type:none;}

#nav li{margin:0 0.5em 0 0; padding:0 0.7em 0 0em; float:left; width:auto; background: url("../images/tab_right.gif") no-repeat top right;}
#nav li a{margin:0; padding:0.1em 0.5em 0 1.4em; float:left;  background:url("../images/tab_left.gif") no-repeat top left; text-decoration:none; color:#fff; height:20px; display:block;}
#nav li a:hover{color:#91e1ff;}

#nav li.active{margin:0 0.5em 0 0; padding:0 0.7em 0 0em; float:left; width:auto; background: url("../images/tab_right_active.gif") no-repeat top right;}
#nav li.active a {margin:0; padding:0.1em 0.5em 0 1.4em; float:left; background:url("../images/tab_left_active.gif") no-repeat top left; text-decoration:none; color:#00386f; height:20px; display:block;}
#nav li.active a:hover{color:#fff;}


/*-------- PAGE WRAP ---------------------------------------------------*/
#pagewrap{margin:0; padding:0.1em 1em;} 

/*-------- BREAD CRUMB -------------------------------------------------*/
.breadcrumb{margin:0 0 0.6em 0; font-family:"Trebuchet MS"; font-size:1em; font-weight:bold;} 
.breadcrumb a{color:#db7e23;}
.breadcrumb a:hover{color:#db7e23;}


/*-------- LEFT COLUMN -------------------------------------------------*/
#leftcol{padding:0; float:left; width:16.66em; line-height:1em;}
	a.leftnavlink {padding:0.4em 0 0.4em 2.5em; font-size:0.9em; color:#0052a1; text-decoration:none; display:block; background:url("../images/leftnav_li.gif") no-repeat left center; border-bottom:1px solid #dce7f2;}
	a.leftnavlink:hover {color:#565656; text-decoration:underline; background:url("../images/leftnav_li.gif") no-repeat left center;}

/*-------- MID COLUMN --------------------------------------------------*/
#midcol{margin:0 1em 0 0; padding:0; float:left; width:46em;}

/*-------- RIGHT COLUMN ------------------------------------------------*/
#rightcol{margin:0; padding:0; float:right; width:16.66em;}

/*-------- MAIN CONTENT --------------------------------------------------*/
#maincontent{margin:0 0 0 1em; padding:0; float:left; width:63.66em;}


/*-------- COLUMN FLAVORS ----------------------------------------------*/
.blocktitle-lightblue{margin:0; padding:0.5em 0.6em; font-family:"Trebuchet MS"; font-size:1em; color:#FFFFFF;background-color:#13518e; letter-spacing:-0.03em; border:1px solid #13518e; border-bottom:0;}
.blockcontent-lightblue{margin:0 0 1em 0; padding:0.6em; border:1px solid #acc4db; border-top:0; }


.blocktitle-peach{margin:0; padding:0.3em 0.6em; font-family:"Trebuchet MS"; font-size:1.4em; color:#0e5497; background:url("../images/lightblue_title.gif") repeat-x; letter-spacing:-0.03em; border:1px solid #acc4db; border-bottom:0;}

/*-------- FOOTER ------------------------------------------------------*/
#footer{margin:0; padding:2em 2em 2em 20em ; background:#0f4c88; color:#fff; font-size:0.9em; border-bottom:6px solid #00386F;}
	#footer a{font-size:1em; color:#fff;}
	#footer .copyright {
          padding:1em 0; 
          float:right;
          color:#fff;

}

/*-------- TEXT STYLES -------------------------------------------------*/
.bold {font-weight:bold;}
.sm {font-size:11px;}
.med {font-size:12px;}
/*.large {font-size:14px;}*/
.large {font-size:16px;}
.larger {font-size:18px;}
.largest {font-size:22px;}

/*-------- GENERAL STYLES ----------------------------------------------*/


/*-------- CLEARFIX --------------------------------------------------------------*/
/* ClearFix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear{clear:both;}