/* 
Direct2Workwear CSS © KJP Media & Technologies
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #F2F4EE;
	margin: 12px;
	padding: 0;
	min-width: 760px;
}
.p7uberlink {
	font-weight: bold !important;
	letter-spacing: .05em;
	border-color: #000000 !important;
}

h1 {
	font-size: 1.5em;
	margin: 0;
	color: #605f5d;
}
h2 {
	font-size: 1.6em;
	margin: 30px 0 0 0;
	color: #605f5d;
}
h3 {
	font-size: 1.25em;
	margin: 30px 0 0 0;
}
h4 {
	font-size: 1.1em;
	margin: 0;
}
.nomargintop {margin-top: 0;}
.content p {
	margin: 12px 0;
}


#masthead {
	color: #999999;
	background-color: #504C4B;
	padding: 0;
	margin: 0 auto;
	width: 860px;
	height:100px;
	background-image: url(../d2w_images/top_banner.jpg);
}

#servicelinks {
text-align:right;padding:0px 5px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: .75em;padding-top: 70px;
}
#servicelinks a {color:#F2F4EE;padding:4px;font-weight:bold;text-decoration:none;
}

#servicelinks a:hover {text-decoration:underline;color: #C5C7CD;
}
#navbar {
z-index:1000;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 14px;
height: 20px;	
	width: 860px;
	margin: 3px auto;
	padding: 3px 0px;
	background-color: #DFDFDD;
}
#wrapper {
	position: relative;
	width:860px;
	margin:0 auto;
	background-color: #fff;
}
#column_wrapper {
	background-image: url(img/clm05_middle.gif);
	background-repeat: repeat-y;
	background-position: right top;
}


#column_wrapper_products {
	background-image: url(img/clm05_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/* Main product holder div */
#right_products {
	position:relative;
	margin: 0px 5px 0px 210px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.90em;
	min-height:600px;
	
	}
#right_products p {
	font-size: 0.8em;
	line-height:1.35em;
	color: #797F51;
	padding-left: 10px;
	padding-top: 0px;
	margin-top:0px;
}
#right_products h1 {
	color: #797F51;
	font-size:1.3em;
	margin-bottom:5px;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-left: 10px;
	width: 98p%;
	border-bottom:2px solid #797F51;
}
#right_products h2 {
	color: #605f5d;
	font-size:1.3em;
	margin-bottom:5px;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-left: 0px;
	width: 98p%;
	border-bottom:2px solid #4F4B4A;
}

#right_products .content {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	font-size: 0.80em;
	}

#right_products a:link {font-size:.90em; text-decoration:none; color:#4F4B4A;}
#right_products a:visited {font-size:.90em;text-decoration:none; color:#4F4B4A;}
#right_products a:hover {font-size:.90em;text-decoration:none; background-color: #4f4b4a; color:#fff;}
.imgborder5px {border: 3px solid #779182;}
/* end of Main products holder div */

/* Product image div */
#product_image {
float:right;
margin-right:10px;
	
}

/*position:absolute;
	left:360px;
	top:60px;
	width: 260px;
	 #product_image {
	position:absolute;
	left:60%
	margin:0px 10px 0px 360px;
width: 260px;
}*/

/* end product image div */

/* */

#content_left {float:left; width: 380px;}

#left_products {
	width: 200px;
	float: left;
	background-color:#fff;
}
#left_products .content {
	padding: 24px;
	font-size: 0.75em;
	line-height: 1.5em;
}
#left_products .content1 {
	border-bottom: none;
	margin-bottom:3px;
	background-color: #E2EDE0;
}
#left_products .content2 {
	border-bottom: solid 3px #fff;
	margin-top: 3px;
	}
#left_products .content3 {
	border-bottom: solid 3px #fff;
	}
#left_products .content4 {
	
}
#left_products div.content4 ul {
	width: 200px;
	margin: 0;
	padding:0;
	background-color: #c6c9ce;
	font-size: .90em;
	}
#left_products div.content4 ul li {
	height: 18px;
	list-style-type: none;
	margin: 2px 0 0 0px;
	list-style-image:  #c6c9ce url(../d2w_images/bullet_image1.png) no-repeat 5px 50%;
	padding: 2px 0 2px 20px;
	border-bottom: 2px solid #f2f4ee;
}

#left_products div.content4 ul li a {
	display: block;
	text-decoration: none;
	color: #4f4b4a;
}

#left_products div.content4 ul li :hover {
	color: #fff;
	background: #4f4b4a url(../d2w_images/selected_bullet.jpg) no-repeat 5px 50%;
	background-color:#4f4b4a;
}
#left_products div.content4 ul li :visited {
	color: #f2f4ee;
}

.toplist {
	height: 22px;
	background-color: #797F51;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 3px 0 10px 20px;
	font-size:.95em;
	font-weight:bold;
	letter-spacing: .05em;
	
	}
.toplistsm {
	height: 22px;
	background-color: #4f4b4a;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 3px 0 10px 20px;
	font-size: .9em;
	font-weight:bold;
	letter-spacing: .10em;
	
	}
.menuselected {
	height: 18px;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 5px 0 3px 20px;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .10em;
	border-bottom: 2px solid #f2f4ee;
	
}

#left_products h1 {
	color: #605f5d;
	font-size: 1.6em;
	text-align: center;
	padding-top: 10px;
}

#masthead .content {padding: 12px 20px;}

#footer .content {
	padding: 12px 24px;
}

#footer {
	color: #fff;
	background-color: #797F51;
	width: 860px;
	margin: 0 auto;
	padding:0;
	font-size: 0.7em;
	border: 1px #797F51 solid;
}

#footer a:link {color: #797F51;}
#footer a:visited {color:  #797F51;}
#footer a:hover {color: #fff;}

#holder_FOOTER{clear:both; padding:4px 0 0 0;}

#footerB{
	background-color:#797F51;
	margin:2px 0 2px 0;
	font-family:"Gill Sans MT", Arial, Helvetica, sans-serif;
	height:29px;
	padding:0;
}
	#footerB a:link {color:#FFFFFF; text-decoration:none;}
	#footerB a:hover {color: #c6c9ce; text-decoration:none;} 
	#footerB a:visited{color:#FFFFFF; text-decoration:none;} 
	#footerB ul {margin:0; padding:0;}
	#footerB ul li {
	list-style:none;
	float:left;
	border-right:#fff 1px solid;
	padding:0;
	width:150px;
}
#footerB #lastlist{border-right:none;}
#footerB ul li h4 {padding:0 5px 0 5px; font-size:12px;}

#footerC{background-color:#B9BDA6;clear:both;overflow:hidden; height:110px;} 
#footerC ul{float:left;  margin:0; padding:6px 10px; } 
#footerC ul.customer_services li { list-style:url(../d2w_images/icons/ic_bullet.gif); margin:5px 0 0 22px;}  
	#footerC ul li#ic_email { list-style:url(../d2w_images/icons/ic_email.gif);}
	#footerC ul li#ic_print { list-style:url(../d2w_images/icons/ic_print.gif);} 
	#footerC ul li#ic_bookmark { list-style:url(../d2w_images/icons/ic_bookmark.gif);}
	
ul#holder_PAGEOPTIONS { background-color:#B9BDA6; margin:0; padding:6px 10px;}  
ul#holder_PAGEOPTIONS li{margin:0 0 0 30px; padding:0 0 2px 0;} 
#footerC #awards img{float:left; padding:10px 1px; margin:0;}  
#p7bod #footer #holder_FOOTER #footerB h4 {
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px;
	padding: 7px 10px;
	list-style-type: none;
}


#boxholder {
	width: 100%;
	position: relative;
	font-size:1em;
}

#boxholder table {
	border-collapse: collapse;
}
#boxholder table tr td{
	border: none;
	}

#boxholder table a:link {color: #605f5d;}
#boxholder table a:visited {color: #605f5d;}
#boxholder table a:hover {color: #FFFFFF;}

.boxtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	color: #605f5d;
}
.boxtextsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
	color: #605f5d;
}

.headertext {
	color: #605f5d;
	font-size:1.5em;
	margin-bottom:5px;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-left: 10px;
	width: 98p%;
	border-bottom:2px solid #4F4B4A;
}

.headertextbox {
	color: #605f5d;
	font-size:1.5em;
	margin-bottom:5px;
	padding-top: 20px;
	padding-bottom: 5px;
	width: 98p%;
	border-bottom:2px solid #4F4B4A;
}

.headertextinfo {
color: #605f5d;
	font-size:1.3em;
	margin-bottom:5px;
	padding-top: 20px;
	padding-bottom: 5px;
	width: 98p%;
	border-bottom:2px solid #4F4B4A;
}
.textinfo {
	color: #FFFFFF;
	font-size:1.3em;
	font-weight:bold;
	background-color: #797F51;
	padding-left: 5px;
}

#boxholder h2 {
	font-size: .95em;
	color: #605f5d;
	text-align: left;
	padding-left: 2px;}
	
#boxholder h4 {
	font-size: .80em;
	color: #605f5d;
	text-align: left;
	padding-left: 3px;
}
#boxholder table p {
	font-size: 0.80em;
	text-align: left;
	color:  #605f5d;
	padding: 3px;
	line-height: 1.3em;
}

#productdetails {position: relative;
}
#productdetails  p {
	font-family: "Arial", Helvetica, Geneva, sans-serif;
	font-size: .80em;
	width: 55%;
}


.bold_black {
	color: #000;
	font-weight: bold;
}

#productdetails table {
	margin-bottom: 20px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding-bottom: 2px;
}
#productdetails table tr td {
	font-size: .85em;
	padding: 2px;
	border: 1px solid #666;
	border-collapse: collapse;
}
#productdetails table th {
	font-size: .9em;
	color: #fff;
}

/* Product content and image details */

#products_wrapper {
font-family:Arial, Helvetica, sans-serif;
position:relative;
width:100%;
}

#products_wrapper h1 {
	width: 45%;
	padding-top: 10px;
	padding-bottom: 2px;
	text-align:left;
	}

#product_content {
	float:left;
	width:350px;
}



#productdetails #product_content p {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
}

#tableone {font-family: Arial, Helvetica, sans-serif;
position:relative;
font-size:.85em;}

#product_content table {
	margin-bottom: 20px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding-bottom: 2px;
	margin-left: 10px;
}
#product_content table tr td {
	font-size: .75em;
	padding: 1px;
	border: 1px solid #666;
	border-collapse: collapse;
}
#product_content table th {
	font-size: .75em;
	font-weight:normal;
	color: #fff;
}

/* colour chip and price tables */
#colour_table table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding-bottom: 2px;
	margin-left: 10px;
	margin-top:13px;
}
#colour_table table tr td {
	font-size:0.75em;
	color: #4F4B4A;
	padding: 1px;
	border-collapse: collapse;
}
#colour_table table th {
	font-size:0.75em;
	color: #FFFFFF;
}

.pricestyle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
.headercolbg {background-color:#797F51;}


/* end of content and image details */

caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	color: #797E50;
	font-weight:  bold;
}
#tablecollections {margin-top:0;}

#tablecollections table thead tr th {
	width: 98%;
	padding: 5px 3px;
	color: #4f4b4a;
	text-align: center;
	font-size: .75em;
	text-transform: uppercase;
	border: 1px solid #666;
}

#tablecollections td {border: 1px solid #666;}

.toprightimg {
	position: absolute;
	top: 20px;
	right: 25px;
}

.imgnoborder {
	border: none;
}

/* Contact Form Style */

/*style the inputs*/
#form input {
	background-color: #C6C9CE;/*set a background colour on the form inputs*/
	color: #414F4B;/*set a colour for the text that is added to the inputs*/
	border: 1px solid #4C5854;/*set a border on the inputs - gives them a flat appearance*/
	margin: 0;/*zero off any margins*/
	}

#form textarea {
	background-color: #C6C9CE;/*set the background colour*/
	color: #000000;/*set the text colour*/
	border: 1px solid #4C5854;/*add a border to give it a flat appearance*/
	margin: 0 25px 0 0;/*set a 25 pixel margin to the right zero off any remaining borders*/
	
}

/* shows focus in the form inputs and textarea */
#form input:focus, #form textarea:focus {
	background-color: #E9EAEC; /*set the background colour of the input and textarea when the cursor is inside*/
	color: #000000; /*set the text colour to white*/
}

#wrapper #column_wrapper_products #right_products #boxholder #form #form1 table {width: 550px;}
#wrapper #column_wrapper_products #right_products #boxholder #form #form1 table tr td {
	background-color: #F2F4EE;
	padding: 0px;

}

/*style the inputs*/
#formcontainer input {
	background-color: #E9EAEC;/*set a background colour on the form inputs*/
	color: #414F4B;/*set a colour for the text that is added to the inputs*/
	border: 1px solid #4C5854;/*set a border on the inputs - gives them a flat appearance*/
	margin: 0;/*zero off any margins*/
	padding:0;
	width: 300px;/*set a width*/
}


/*style the textarea*/
#formcontainer textarea {
	background-color: #F2F4EE;/*set the background colour*/
	color: #000000;/*set the text colour*/
	border: 1px solid #4C5854;/*add a border to give it a flat appearance*/
	margin: 0 25px 0 0;/*set a 25 pixel margin to the right zero off any remaining borders*/
	height: 200px;/*set a hegiht for the textarea*/
	width:300px;
}

/* shows focus in the form inputs and textarea */
#formcontainer input:focus, #formcontainer textarea:focus {
	background-color: #E9EAEC; /*set the background colour of the input and textarea when the cursor is inside*/
	color: #000000; /*set the text colour to white*/
}

/*position the textarea by floating its containing lable*/
.labelfloat {
	float: right;/*float to the right*/
	padding-top: 20px;/*level it off with the inputs to the left by adding 20 pixels of padding to the top of the label*/
	
}

/*style the form element labels*/
#formcontainer label {
	color: #4F4F4F;/*set the text colour*/
	font-size: 75%;/*scale the font size off the body selector*/
	padding-top: 5px;/*set a little padding to the top*/
	display: block;/*set the display to block to ensure each input is shown on a different line i.e. they do not run horizontally*/
	width: 300px;
}


/*style the parent fieldset*/
#formcontainer fieldset {
	margin: 0;/*zero off the margins*/
	border: 1px solid #5C6231;/*add a border to define it's edges*/
	text-align: left;/*align the text to the left*/
	padding: 5px 20px 20px 20px;/*set the padding*/
	width: 300px;/*give it a width*/
}

/*style the nested fieldset*/
#formcontainer fieldset fieldset {
	width: 300px;/*give it a width*/
	padding: 0;/*remove any default padding*/
	border: none;/*add border none to prevent inheriting a border from the parent*/
}

/*style the form legend - "Contact SCHOOLYARD" */
#formcontainer legend {
	color: #FFFFFF;/*set the text colour*/
	font-weight: bold;/*set the font weight to bold*/
	font-family: Georgia, "Times New Roman", Times, serif;/*set the font family*/
	background-color: #4F4B4A;/*set a background colour*/
	border: 1px solid #000;/*set a border around the legend*/
	padding: 2px;/*set alittle padding to give it some space against the border*/
	font-size: 90%;/*scale the font size against the body selector*/
}

/* our buttons take on the input style, we need to change that and we'll do it with this button class*/
#formcontainer .button {
   background-color: #4F4F4F;/*set the background colour of your form buttons*/
   color: #fff;/*set the text colour to white*/
   width: 80px;/*provide a width*/
   margin-top: 20px;/*set a 20 pixel top margin to give some "air" below the inputs*/
}
.tenpl {padding-left: 10px;}

/* Grid layout CSS
#grid {margin:10px 0 0 0; padding:0;}
#grid ul {
	list-style-type:none;
	width:630px;
	padding:0px;
	margin:0px;
}

#grid li {
	position:relative;
	width:210px;
	float:left;
	padding: .5em 0;
	margin:.5em 0;
		
}
#grid h3 {
	margin: 0 10px;
	padding: .5em 0 0 0;
	font-size:1.1em;
	color:#797F51;
}
#grid h4 {
	margin: 0 3px;
	padding: .5em 0;
	font-size:.8em;
	font-weight:bold;
	color:#797F51;
}

#grid p {
	margin: 0 3px;
	padding: 1em 0;	
}



/*end of grid layout css */

/* Product summery table */

#prod_sum_table h4 {margin: 0 3px;
	padding: .5em 0;
	font-size:.8em;
	font-weight:bold;
	color:#797F51;}

#prod_sum_table p {
	margin: 0 3px;
	padding: 1em 0;}
	
/* Product summery table PHP */
	
#p7bod #wrapper #column_wrapper_products #right_products #prod_sum_table_php {
	margin:0;
	padding:0;
	position:relative;
	width: 203px;
}
#p7bod #wrapper #column_wrapper_products #right_products #prod_sum_table_php h4 
{	margin: 0;
	padding: 0px;
	font-size:.8em;
	font-weight:bold;
	color:#797F51;
	text-align:left;
	width:203px;}

#p7bod #wrapper #column_wrapper_products #right_products #prod_sum_table_php p {
	margin: 0px;
	padding: 1em 0;
	text-align:left;
	width:203px;
	}
	
#p7bod #wrapper #column_wrapper_products #right_products #prod_sum_table_php img {margin-bottom:5px; padding-left:50px;}

	
.alignCenter {text-align:center;}

/* End Product summery table */

#p7bod #wrapper #column_wrapper_products #right_products a {
	font-size: 1em;
}
.textcenter {text-align:center;}

/* PHP summery table */

#prod_summary {width:210px;}

#prod_summary h4 {margin: 0 3px;
	padding: .5em 0;
	font-size:.75em;
	font-weight:bold;
	color:#797F51;}

#prod_summary p {
	margin: 2px 0px;
	padding: 5px 3px;
	color:#797F51;
}
	
.alignCenter {text-align:center;}

/* End PHP summery table */


#p7bod #wrapper #column_wrapper_products #right_products h4 {
	font-size: .90em;
	color: #797F51;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.imgborder {
	border: 3px solid #797F51;
}

.hloop {
	vertical-align:top;
	width:210px;
}
.hloop img {margin: 10px 0px 10px 15%; }
#p7bod #wrapper #column_wrapper_products #right_products .hloop p {margin: 0px;
	padding: .5em 0;
	text-align:left;}

#p7bod #wrapper #column_wrapper_products #right_products .hloop h4
 {	margin: 0;
	padding: 0px;
	font-size:.75em;
	font-weight:bold;
	color:#797F51;
	text-align:left;
	}
.floatleft {
	float: left;
	margin-right: 3px;
	border: 3px solid #797F51;
}

.3pxborder {border: 3px solid #797F51;}

#wrapper #column_wrapper_products #right_products #prod_box_layout {
	width:100%;
	margin:0;
	padding:0;
}

#wrapper #column_wrapper_products #right_products #prod_box_layout ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#wrapper #column_wrapper_products #right_products #prod_box_layout li {
	position:relative;
	float:left;
	width:210px;
	height:250px;
	padding:1em 2px;
}

#wrapper #column_wrapper_products #right_products #prod_box_layout h4 {	
	margin: 0;
	padding: 0px;
	font-size:.90em;
	font-weight:bold;
	color:#797F51;
	text-align:left;
	}
	
#wrapper #column_wrapper_products #right_products #prod_box_layout h3 {	
	margin: 0;
	padding: 0px;
	font-size:.90em;
	font-weight:bold;
	color:#797F51;
	text-align:left;
}

#wrapper #column_wrapper_products #right_products #prod_box_layout p {
	margin:0 0px;
	padding: 0 0 .5em 0;
	text-align:left;
} 

#wrapper #column_wrapper_products #right_products #prod_box_layout p a img {
	padding-left: 40px;
}

#clearfloat {clear:both;}
#right_products h5 {
border-bottom:2px solid #797F51;
padding: 5px 0px;
}

.sitemap_table {position:relative;
	margin: 0px 5px 0px 210px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.90em;
	min-height:600px;}
	
.sitemap_table p {
	font-size: 0.8em;
	color: #797F51;
	padding-left: 10px;
	padding-top: 0px;
	margin-top:0px;

}

.sitemap_table a:link {
	text-decoration: none;
	color: #797F51;
}

.sitemap_table a:visited {color:  #797F51;}
.sitemap_table a:hover {color: #FBA167;}