/* 
Site: Tapepro Drywall Tools
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-image: url(/media/images/tp-bkg.png);
        background-repeat: repeat-x;
        font: 13px Helvetica, Verdana, Arial, sans-serif; color:#333;
		margin: 0px;
		background: top left;
		color: #6a6767;
		line-height: 24px;
     }

body {
		background-image: url(/media/images/tp-bkg.png);
		background-repeat: repeat-x;
		min-width:500px;
	}

#wrap {
		margin-left: auto;
		margin-bottom: 0;
		margin-right: auto;
		margin-top: 4px;
		padding: 0px;
		width: 986px;
	}

#wrap-footer {		
		padding: 0px;		
		width: 986px;		
		margin:0 auto;
	}

#header { background-position: left; margin-left: 0px; margin-bottom: 2px; margin-right: 0px; margin-top: 0px; background-repeat: no-repeat; background-image: url(/media/images/tp-header.jpg); padding: 0; height: 100px;}


/* 2. Headers  */


#top-search{ }
h1{ 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 { margin-left: 10px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; 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: 5px;
   		padding-right: 0px;
   		padding-top: 5px;
   		float: left;
   		margin: 0px;
		width: 986px;
	}
#main-home{ padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; margin: 0px; background-repeat: no-repeat; height: 320px; }

#main h1{ border-bottom-color: #ededed; border-bottom-width: 1px; border-bottom-style: solid; text-shadow: 0px 1px #a2a2a2; text-transform: capitalize; margin-left: 0px; margin-bottom: 5px; margin-right: 3px; margin-top: 3px; padding-left: 0px; padding-bottom: 6px; padding-right: 3px; padding-top: 3px; color: #333333; font-size: 130%; line-height: 20px;}

#main ul{ list-style-type: square; margin-left: 10px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; padding: 0px;}

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


/* Boxes */

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

.box2{ padding-left: 1px; padding-bottom: 3px; padding-right: 3px; padding-top: 3px; margin-left: 0; margin-bottom: 0px; margin-right: 3px; margin-top: 0px; float: left; width: 290px;}

.box3{padding-left: 2px; padding-bottom: 3px; padding-right: 0px; padding-top: 3px; margin-left: 0; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; float: right; width: 315px; height: 180px;}

/* 4. Sidebar Content */

#sidebar {        
height: 290px;        
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; padding: 0px; margin: 0px; width: 976px; height: 205px;}

#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 */

#navcontainer{padding-left: 20px; padding-bottom: 0; padding-right: 0; padding-top: 71px;}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 25px;
font-weight: bold;
font-size: 13px;
}
#current{padding-right: 30px;}
#navlist a:link {color: #ffffff; text-decoration: none;}
#navlist a:visited {color: #ffffff; text-decoration: none;}
#navlist a:hover {color: #ffffff; text-decoration: underline;}
#navlist a:active {color: #ffffff; text-decoration: none;}


/* You are here */

/* 6. Footer */

.form {background: 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 {
        padding: 0px;
        height: 270px;
        background-repeat: repeat-x;
        background-position: 0px top;
        background-image: url(/media/images/);
        color: white;
        width: 986px;
        background-color: #2d2a2a;
        margin-top: 10px;
        clear: both;
        margin-bottom: 0px;
        margin-right: auto;
        margin-left: auto;
	}

#footer-right{ background-color: #ffffff; width: 976px; margin-bottom: 0px; margin-top: 0px; margin-right: auto; margin-left: auto; padding: 5px; text-align: right; color: #ccc;}
#footer-content{ padding: 8px; margin: 0px; }

#credits { padding: 0px; float: left; width: 180px; margin-left: 10px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; font-size: 12px;  text-transform: capatilize; text-align: left; }


#credits2 ul li { padding: 1px; list-style-type: none;}

#credits2 ul {padding-right: 30px; padding-left: 30px; margin-left: 0; margin-bottom: 0px; margin-right: 0; margin-top: 0px; list-style-type: none;}

#credits2 {
		padding: 0px;
		width: 200px;
		float: left;
	}

#credits3 ul {padding-right: 80px; padding-left: 20px; margin-left: 0; margin-bottom: 0px; margin-right: 0; margin-top: 0px; list-style-type: none;}

#credits3 ul li { list-style-type: none; padding-left: 1px; padding-bottom: 1px; padding-right: 0; padding-top: 1px;}

#credits3 {
		float: left;
	}
#credits4 ul {padding-right: 30px; padding-left: 30px; margin-left: 0; margin-bottom: 0px; margin-right: 0; margin-top: 0px; list-style-type: none;}

#credits4 ul li { list-style-type: none; padding-left: 2px; padding-bottom: 2px; padding-right: 0; padding-top: 2px;}

#credits4 {
		margin-left: 30px;
	}



/* 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;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

}
.tool-description{ padding-left: 6px; padding-bottom: 4px; padding-right: 6px; padding-top: 4px; clear: left;}
.tools{ 
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background-position: 0 bottom; background-image: url(/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: 215px; }
#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(/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(/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;
}
.movie-lists li
{
list-style-type: none;
background-image: url(/media/images/tp-movies.png);
background-repeat: no-repeat;
background-position: -.1em .4em;
padding-left: 2em;
margin: 0;
}
.movie-lists ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
#tech-right {margin-left: 2px; font-size: 11.5px; float: right; margin-right: 0px; text-align: left;}
.tech-center { padding-left: 10px; margin-right: 50px; width: 400px; float: right; }
.newslink li { margin-left: 30px; list-style-type: square; }
#sidebar ul {
padding: 0;
padding-left: 21px;
           
list-style-type: square;

    }
#main ul {
    	margin-left: 15px;
    }
#placeholder {
    	padding: 0px;
    	margin: 0px;
    }
.tools-main {
    }
.toggler {
    	padding: 0px;
    	margin: 0px;
    	background-color: #eeeeee;
    }
select {
    	width: 80px;
    }
.footer-title {
    	font-size: 14px;
    }
#accordion ul {
    	list-style-position: inside;
    	list-style-type: square;
    	margin-left: 10px;
    }
#signup {
    	margin-top: 5px;
    }