/* 
Site: Blueline USA
Date: Sep 08
Layout: MPWD
Web Design: MPWD
Graphic: MPWD & Blue Design
*/


/* TOC 

Section 1

1. Layout
2. Headers & Links
3. Main Content
4. Side Content
5. Navigation
6. Footer

Section 2 Pages

1. Home
2. Tools
3. Tools Detail
4. Where to Buy
5. News
6. Company
7. Where to buy


*/

/* Section 1 */

/* 1. Layout  */

body, html {
        background-repeat: repeat-x;
        font: 13px Helvetica, Verdana, Arial, sans-serif; color:#333;
		margin: 0px;
		background: top;
		color: #6a6767;
		line-height: 24px;
     }

body {
		background-repeat: repeat-x;
		min-width:500px;
	}

#wrap {
		margin-left: auto;
		margin-bottom: 0;
		margin-right: auto;
		margin-top: 4px;
		background-color: white;
		padding: 0px;
		width: 995px;
	}

#wrap-footer {		
		height: 200px;		
		padding-left: 0px;		
		padding-bottom: 10px;		
		padding-right: 0px;		
		padding-top: 0px;		
		margin:0 auto;
		width: 995px;
	}

#header { background-color: white; color: white; margin-left: 0px; margin-bottom: 2px; margin-right: 0px; margin-top: 0px; background-repeat: no-repeat; background-image: url(/new/media/images/blueline-header.jpg); width: 995px; padding: 0; height: 110px;}


/* 2. Headers  */


#top-search{ }
h1{ text-transform: uppercase; margin-left: 0px; margin-bottom: 5px; margin-right: 0; margin-top: 3px; padding-left: 0px; padding-bottom: 3px; padding-right: 10px; padding-top: 3px; color: #01a6de; font-size: 120%; line-height: 20px;}
                                                                                                                                                                 

h2{padding: 0px; margin-left: 0px; margin-bottom: 8px; margin-right: 0; margin-top: 12px; font-size: 118%; text-transform: capatilise; font-weight: bold; color: #;}

h3 a:visited {color: #333; text-decoration: none;}
h3 a:hover {color: #aaa; text-decoration: none;}
h3 a:active {color: #333; text-decoration: none;}

h4{margin: 0 0 5px; padding: 4px 0px 4px 0px; color: #939393; font-size: 122%;
	opacity: 0.62;
	text-transform: uppercase;
}

h5{
	text-shadow: 1px 1px #bcbcbc;
	padding-left: 0;
	padding-bottom: 0px;
	padding-right: 0;
	padding-top: 0px;
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: 0;
	margin-top: 10px;
	color: red; 
    font-size: 140%;
text-transform: uppercase;
}

h6{color: red; font-size: 105%; margin: 2px 0;  border: 1px solid red; padding: 4px;}

ul {list-style-type: square;}

/* 2. Links */

a:link {color: #01a6de; text-decoration: underline;}
a:visited {color: #01a6de;}
a:hover {color: #525252; text-decoration: none;}
a:active {color: #666666; text-decoration: underline;}

img {border: 0;}

a img {border: 0; decoration: none;}
    
/* 3. Main Content */

#main {
   		background-color: white;
   		padding-left: 0px;
   		padding-bottom: 0px;
   		padding-right: 0px;
   		padding-top: 5px;
   		float: left;
   		margin: 0px;
		width: 995px;
	}
#main-home{ padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; margin: 0px; background-repeat: no-repeat; height: 220px; }

#main h1{ text-transform: uppercase; margin-left: 0px; margin-bottom: 3px; margin-right: 3px; margin-top: 3px; padding-left: 0px; padding-bottom: 3px; padding-right: 3px; padding-top: 3px; color: #01a6de; font-size: 120%; line-height: 20px;}

#main ul{margin: 0px; padding: 0px 8px 8px 18px;}

.content{ margin-left: 0; margin-bottom: 5px; margin-right: 0; margin-top: 0; padding-left: 12px; padding-bottom: 5px; padding-right: 5px; padding-top: 5px;}


/* Boxes */

.box{ padding-left: 1px; padding-bottom: 3px; padding-right: 3px; padding-top: 3px; margin-left: 0; margin-bottom: 0px; margin-right: 4px; margin-top: 0px; float: left; width: 323px;}

.box2{ padding-left: 5px; padding-bottom: 3px; padding-right: 3px; padding-top: 3px; margin-left: 0; margin-bottom: 0px; margin-right: 4px; margin-top: 0px; float: left; width: 323px;}

.box3{padding-left: 0px; padding-bottom: 3px; padding-right: 0px; padding-top: 3px; margin-left: 0; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; float: right; width: 323px; height: 140px;}

/* 4. Sidebar Content */

#sidebar {        
height: 240px;        
float: right;        
padding-left: 0;        
padding-bottom: 0;        
padding-right: 6px;        
padding-top: 8px;        
margin-bottom: 5px;        
margin-right: 0px;        
margin-top: 5px;
width: 270px;
	}

#boxholder{float: left; background-color: white; padding: 0px; margin: 0px; width: 995px; height: 195px;}

#sidebar h1{ border-bottom-color: #afafaf; border-bottom-style: solid; border-bottom-width: 1px; text-transform: capitalize; margin-left: 5px; margin-bottom: 5px; margin-right: 0; margin-top: 0px; padding-left: 5px; padding-bottom: 3px; padding-right: 10px; padding-top: 3px; color: #333333; font-size: 112%; line-height: 20px;}

                                                                                                                                                                    

#sidebar p {
		padding-left: 12px;
		padding-bottom: 2px;
		padding-right: 12px;
		padding-top: 2px;
		margin: 0;
    }

/* 5. Navigation */

div#nav	{
	background-color: #5f5f5f;
	border-bottom-color: #444444;
	border-bottom-style: solid;
	border-left-width: 0;
	border-bottom-width: 0px;
	border-right-width: 0;
	border-top-width: 0;
	background-image: url(/new/media/images/blueline-nav.png);
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0;
	margin-top: 0px;
	height: 42px;
	width: 995px;
	padding: 0;
	}


div#nav ul#top_menu	{
	height: 38px;
	width: 1000px;
	background: transparent url(images/media/blueline-nav.png) no-repeat top left;
	margin: 0;
	padding: 0;
	position: relative;
}

div#nav ul#top_menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	ul#menu li, ul#top_menu a {
	height: 38px;
	display: block;
border: none;
}
  div#nav ul#top_menu li a {
	text-indent: -5000px;
	text-decoration: none;
	border: none;
	}

	
#one	{left: 	0px; width: 89px;} /* home */
#two	{left: 89px; width: 75px;} /* tools */
#three{left: 164px; width: 145px;} /* wtb */
#four {left: 309px; width: 70px;} /* */
#five {left: 379px; width: 110px;} /* company */
#six {left: 489px; width: 130px;} /* contacts*/



#one a:hover {text-decoration: none; background: transparent url(/new/media/images/blueline-nav.png) -0px -39px no-repeat;}
#two a:hover {text-decoration: none;background: transparent url(/new/media/images/blueline-nav.png) -89px -39px no-repeat;}
#three a:hover {text-decoration: none;background: transparent url(/new/media/images/blueline-nav.png) -164px -39px no-repeat;}
#four a:hover {text-decoration: none;background: transparent url(/new/media/images/blueline-nav.png) -309px -39px no-repeat;}
#five a:hover {text-decoration: none;background: transparent url(/new/media/images/blueline-nav.png) -379px -39px no-repeat;}
#six a:hover {text-decoration: none;background: transparent url(/new/media/images/blueline-nav.png) -489px -39px no-repeat;}


/* You are here */

body#home #one {background: transparent url(/new/media/images/blueline-nav.png) -0px -39px no-repeat;}
body#tools #two {background: transparent url(/new/media/images/blueline-nav.png) -89px -39px no-repeat;}
body#wtb #three {background: transparent url(/new/media/images/blueline-nav.png) -164px -39px no-repeat;}
body#locator #three {background: transparent url(/new/media/images/blueline-nav.png) -164px -39px no-repeat;}
body#news #four {background: transparent url(/new/media/images/blueline-nav.png) -309px -39px no-repeat;}
body#company #five {background: transparent url(/new/media/images/blueline-nav.png) -379px -39px no-repeat;}
body#contact #six {background: transparent url(/new/media/images/blueline-nav.png) -489px -39px no-repeat;}



/* 6. Footer */

.form {background: url('/2008/images/wbt-searchbar.png') left no-repeat; padding-left: 25px; padding-bottom: 3px; padding-right: 2px; padding-top: 2px; font: 12px/18px; margin: 0; border-color: #cccccc; border-style: solid; border-width: 1px; }
.button { padding-left: 8px; padding-bottom: 5px; padding-right: 8px; padding-top: 5px; margin: 1px; text-transform: capitalize; color: #7d7d7d; font-size: 11px; background-color: #cccccc; border-style: none;}

#footer {
        background-repeat: repeat-x;
        background-position: 0px top;
        background-image: url(/new/media/images/blueline-footer.png);
        color: white;
        width: 995px;
        background-color: #2d2a2a;
        margin-top: 0px;
        clear: both;
        margin-bottom: 10px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 5px;
        padding-top: 0px;
	}

#footer-right{ background-color: #ffffff; width: 985px; margin-bottom: 0px; margin-top: 0px; margin-right: auto; margin-left: auto; padding: 5px; text-align: right; color: #ccc;}
#footer-content{ border-top-color: #444444; border-top-style: solid; border-top-width: 2px; padding: 8px; margin: 0px; }



/* Section 2 */

/* Where to Buy  */

.store{ height: 215px; float: left; margin-right: 4px; margin-bottom: 8px; padding: 2px; width: 233px; border-color: #a1a1a1; border-style: solid; border-width: 1px;}
.store-header{ padding-left: 5px; padding-bottom: 8px; padding-right: 5px; padding-top: 2px; font-size: 14px; font-weight: bold; color: #525252; background-color: #e8e8e8;}
#storebox{ }
.right{ float: right; }
.wtb-result{ padding-left: 0px; padding-bottom: 5px; padding-right: 5px; padding-top: 5px; margin-bottom: 10px; color: #333333; font-weight: bold; font-size: 14px; }

.store-content{ padding: 5px; margin: 0;}

.wtb-right{ margin-bottom: 10px; border-color: #e4e4e4; border-style: solid; border-width: 1px; padding: 5px; float: right; }

#map{ text-align: center; }

/* Tools  */
      

#toolsgallery{width: 500px; height: 280px;}
.tools-right{ width: 250px; line-height: 19px; margin-bottom: 10px; border-color: #e4e4e4;border-style: solid; border-width: 1px; padding: 4px; float: right; }
.tools-left{ float: left; width: 220px; line-height: 19px; margin-bottom: 10px; padding: 4px; }
.tools-right ul li{ list-style-type: square; padding: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 8px; }
.tools-header{ background-repeat: no-repeat; padding-left: 8px; padding-bottom: 3px; padding-right: 5px; padding-top: 3px; margin-bottom: 8px; font-size: 14px; font-weight: bold; color: #01a6de; background-color: #f1f1f1;}
.tool-description{ padding-left: 6px; padding-bottom: 4px; padding-right: 6px; padding-top: 4px; clear: left;}
.tools{ background-position: 0 bottom; background-image: url(/new/media/images/tools-bkg.png); text-align: center; margin-bottom: 5px; margin-right: 5px; border-color: #e3e3e3; border-style: solid; border-width: 1px; float: left; height: 100px; width: 130px; }
.tools a:link {decoration: none;}
.tools a:hover {decoration: none;}
.image-box { margin: 0px; padding-bottom: 2px; padding-top: 8px; }
.toolscenter { background-color: white; padding-left: 50px; padding-bottom: 5px; padding-right: 5px; padding-top: 5px; margin-left: 225px; }
#desc { display: none; }
.toolthumb { padding-left: 8px; padding-bottom: 12px; padding-right: 8px; padding-top: 8px; border-color: #ececec; border-style: solid; border-width: 1px; background-position: 0 bottom; background-image: url(/new/media/images/tools-bkg.png); background-repeat: repeat-x; }
.toollarge { padding: 20px; background-position: 0 bottom; }
.floatright { padding-bottom: 5px; padding-left: 5px; float: right; }
.news_item { border-bottom-color: #e3e3e3; border-bottom-style: solid; border-bottom-width: 1px; }
.pdf-lists li
{
list-style-type: none;
background-image: url(/new/media/images/icon_pdf.gif);
background-repeat: no-repeat;
background-position: -.1em .4em;
padding-left: 2em;
margin: 0;
}
.pdf-lists ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
#tech-right {font-size: 11.5px; float: right; margin-right: 100px; text-align: left;}
.tech-center { width: 400px; float: right; }
.newslink li { margin-left: 30px; list-style-type: square; }
#sidebar ul {
padding: 0;
padding-left: 21px;
           
list-style-type: square;

    }