@charset "UTF-8";

/*

/////////// body positioning

*/
img
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

body
{
	/*some browsers add margins and padding by default, remove them*/
    margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	/* center everything for ie*/
    text-align:center;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/bg_blue_grad.gif);
	background-repeat: repeat-x;
	
	}

.body_container {
	/* reset text centering*/
    text-align:left;
	width:775px;
	margin:0 auto;
	background-color: #FFFFFF;
}



/*

/////////// Typography

*/


body
{
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	font-size: 74%;
	line-height: 1.6em;
	color: #666666;
}

table 
{
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	font-size: 100%;
	line-height: 1.6em;
	color: #666666;
}
	 

body a
{
	font-weight: bold;
	color: #5d87a1;
}

body a:hover
{
	font-weight: bold;
	color: #78a22f;
}

body p{
	margin-top: 5px;
	margin-bottom: 15px;
}



h1
{
/*generaly, this is the main headline of the page (if there is no graphical headline using green VAG Rounded) It should usualy only be used once per page */
	font-size: 175%;
	font-weight: bold;
	color: #78a22f;
	margin: 1px;
	padding: 1px;
}

h2
{
	/*This is a smaller headline, appropriate for subheadlines, or titles on search results*/
	font-size: 125%;
	font-weight: bold;
	color: #5d87a1;
	margin: 1px;
	padding: 1px;
	

}
h3
{
/*This bolds the type and turns it blue. Appropriate for a small heading that does not need to be larget text*/
	font-size: 100%;
	font-weight: bold;
	color: #5d87a1;
	margin: 1px;
	padding: 1px;


}

h4 {
	/*This is for White a headline in the green box. */
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 0px;	
}

h5
{
	/*This is for the nagivational tabs in the environment page. */
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;	
}



/* text in the green box */
.greenbox{
	color: #FFFFFF;
	line-height: 1.4em;
	
}

.greenbox a {
	color: #FFFFFF;
}

.greenbox a:hover {
	color: #addb5e;
}

.greenbox a:active {
	color: #FFFFFF;
}

.greenbox a:visited {
	color: #FFFFFF;
}

.phonenumber{

font-size: 140%;
	font-weight: bold;
}


/*

/////////// basic page layout

*/

.header{
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 100%;
}

.left_menu{
	float:left;
	width: 140px;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 25px;
	padding-left: 25px;
	margin: 0px;
	height: 400px; /* should keep the footer from getting too high on a page with little content */
	overflow: visible;
	background-color: #FFFFFF;
	/* background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/left_background.jpg); */
	/* background-position: right center; */
	background-repeat: no-repeat;
}

.main_content{
	float:right;
	padding-bottom: 25px;
	width: 540px;
	margin: 0px;
	padding-right: 25px;
        padding-top:25px;
}



.main_content_corp{
	font-size: 105%;
	font-weight: 500;
	line-height: 1.4em;
	color: #666666;
	float:right;
	padding-bottom: 25px;
	width: 540px;
	margin: 0px;
	padding-right: 25px;
        padding-top:25px;
}

.sub_content{
	float: right;
	width: 175px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 25px;
	margin: 0px;

}

.footer{
	clear: both;
	width: 725px;
	text-align: center;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	
	line-height: 1.2em;
	font-size: 90%;
}

.footer_rule{
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	border: none;
	
	}


.wide_content{
/* This is for the main homepage, to allow the .swf to extend past the 25px margin*/
	margin: 0px;
	padding: 0px;
	width: 775px;
}


.full_content{
	/* for the environment pages, where we have no navigation on the left, but need to keep everything inside the 25px margin*/
	width: 725px;
	margin-right: 25px;
	margin-left: 25px;

}


.productrotators{
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	width: 725px;
	margin-bottom: 35px;
	height: 140px;
	margin-top: 15px;
	clear: both;
}


/*
///////////////////
*/
.productrotator2up{
	float:left;
	height: 175px;
	width: 480px;
	padding-left: 25px;
}

.productrotator1up{
	float:left;
	height: 200px;
	width: 50%;
	clear: both;
}


.homeespot{
	float:right;
	width:225;
	height:175;
	padding-right: 25px;
}



.homepagelinks{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 25px;
	padding-left: 25px;
}




/*

/////////// Inside the header

*/

.logo{
	border:none;
	float: left;
	margin-left: 25px;
	margin-top: 25px;
	align: center;
}

.header_part1{
	margin: 0px;
	padding: 0px;
	clear: both;
}



.header_part2{
	width: 100%;
	padding-right: 25px;
}



.header_part3{
	margin: 0px;
	clear: both;
	text-align: right;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.header_login{
	float: right;
	width: 468px;
	text-align: right;
	font-size: 11px;
}






/*

/////////// optional espot

*/

.espot_holder{
	
	float: right;
	
}

.espot_banner{
	
	background-color: #FFFFFF;
	float: right;
	height: 60px;
	width: 468px;
	
	margin-top: 15px;
	margin-right: 25px;
}


	
.espot_content{
	height: 60px;
	width: 468px;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/bg_grad_notopline.gif);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	/*text-align: left;*/
        margin-top: 15px;
	margin-right: 25px;
        float: right;
}

.espot_content:hover{
	height: 60px;
	width: 468px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border: 1px solid #78a22f;
	text-align: left;
        /*new below */
        float: right;
        margin-top: 15px;
	margin-right: 25px;
}


.espot_homepageblank{
	height: 60px;
	width: 468px;
	background-color: #FFFFFF;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/tagline_header.gif);
	/* background-position: right center; */
	background-repeat: no-repeat;
        /* new below */
        background-position: 100px center;
        float: right;
	height: 60px;
	width: 468px;
	padding-top: 15px;
	padding-right: 25px;
}

.espot_img{
	border: 1px solid #cccccc;
	margin: 5px;
	float: left;
}



.espot_txt{
	font-size: 90%;
	line-height: 1.4em;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}




/*

/////////// topnav bar

*/


.topnav_holder{
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/topnav_rule.gif);
	background-repeat: no-repeat;
	background-position: left 30px;
	margin: 0px;
	height: 30px;
        /* new */
        width: auto; 
		
}



.topnav{
	
	/* width: 600px; */ 
	list-style-type: none;
	margin: 0;
	padding: 0;
	
	}

.topnav ul{
margin: 0px;
	padding: 0px;
	
	
}


.topnav li{
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 1.3em;
}



/* typography of the topnav section */


.topnav
{
	font-size: 90%;
	line-height: 1.8em;
	font-weight: lighter;
	
	
}

.topnav a{
	color: #999999;
	text-decoration: none;
	
}


.topnav a:hover{
	color: #333333;
	text-decoration: none;
	
}

.topnav_active{
	height: 40px;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/topnav_carrot.gif);
	background-repeat: no-repeat;
	background-position: center 18px;
	padding-bottom: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
}

.topnav_active a{

	color: #333333;
}




/*

/////////// top search box

*/


.search_holder{
	/*
        // old styles 
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: right;
        */
        text-align: right;
	width: 170px;
	float: right;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;       

}


.topsearch{
	
	width: 80px;
	padding: 2px;
	vertical-align: middle;
}



/*

/////////// form fields

*/

.button{
	color: #ffffff;
	border: 1px solid #cccccc;
	background-color: #5e88a2;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	vertical-align: middle;
	margin-left: 2px;
	font-size: 90%;
}

.button:hover{
	color: #ffffff;
	border: 1px solid #78a22f;
	background-color: #5e88a2;
	cursor: pointer;  
}


.button:active{
	color: #ffffff;
	border: 1px solid #cccccc;
	background-color: #446a81;
	cursor: pointer; 
}








/*

/////////// left menu

*/

.mainmenu{
	list-style-type: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
        /* new */
        line-height: 12px;
}

.mainmenu ul{
	margin: 0px;
	padding: 0px;
}


.mainmenu li{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;  /* use this to adjust line height on left menu*/
	padding-left: 0px;
}

.mainmenu li a {

}

.mainmenu li a:hover {
	
}

.mainmenu_active{
	color: #999999;
	text-decoration: none;		
}

.mainmenu_active a {
	color: #999999;
	text-decoration: none;		
}




/* This is the first level of indenting a sub-menu*/
.mainmenu_indent{
list-style-type: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
        line-height: 12px;
	
	}

.mainmenu_indent ul{
	margin: 0px;
	padding: 0px;
}

.mainmenu_indent li{
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #E5E5E5;
	       
	padding-right: 0px;
	        /*  
                padding-top: 0px;
                padding-bottom: 0px;
                */ 
        padding-top: 5px; 
        padding-bottom: 13px;        
	padding-left: 5px;
}



/* second level of indenting a sub-menu*/
.mainmenu_indent_level2{
list-style-type: none;
	text-decoration: none;
	margin: 0px;
        line-height: 12px;
	padding: 0px;
	
	}

.mainmenu_indent_level2 ul{
	margin: 0px;
	padding: 0px;
}

.mainmenu_indent_level2 li{
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 25px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 5px;
}






/*

/////////// breadcrumb menu

*/

.breadcrumb{
	font-size: 90%;
}


.greentriangle_img{
	padding-right: 7px;
	padding-left: 7px;	
	
	}






/*

/////////// Green box

*/

.greenbox{
	background-color: #78a22f;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/green_box_top.gif);
	background-repeat: no-repeat;
	width: 175px;/* should keep the box from being too small */
	padding: 0px;
	margin: 0px;
	
}

.greenbox_content{
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.greenbox_bottom{
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/green_box_bottom.gif);
	height: 9px;
	width: 175px;
    /* new */ 
    margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;

}


.greenbox ul{
	margin: 0px;
	padding: 15px;
}

.greenbox li{
	margin: 0px;
	padding: 0px;
}


.triangledivider{
	padding-right: 6px;
	padding-left: 6px;
}






/*////////////////////////////Sign In Box //////////////////////////*/

.signinbox_holder{
	float: left;
	width: 225px;
}
.signinnbox{
	background-color: #78a22f;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/login_box_top.gif);
	background-repeat: no-repeat;
	width: 225px;/* should keep the box from being too small */
	padding: 0px;
	margin: 0px;
	
}

.signinbox p{
	padding-top: 5px;
	padding-bottom: 5px;
}

.signinnbox_content{
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #FFFFFF;
}

.signinnbox_bottom{
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/login_box_bottom.gif);
	height: 9px;
	width: 225px;
	background-repeat: no-repeat;

}

.prelimsignup_box{
	float: right;
	width: 300px;
	margin-left: 10px; 
	margin-top: 10px;
	margin-right: 10px; 
}

.signinbutton{
	margin-top: 10px;
}

/*

/////////// 175px wide image on generic content page

*/
.content_image{
	height: auto;
	width: 175px;
	border: none;

}

.content_image_caption{
	font-size: 85%;
	line-height: 1.2em;
	font-weight: lighter;
	padding-top: 5px;
	padding-bottom: 15px;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/search_background.gif);
	background-repeat: repeat-x;
	padding-right: 10px;
	padding-left: 10px;
}










/*

/////////// Product Rotators

*/




.product_left{
	float:left;
	width: 342px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/bg_grad_notopline.gif);
	background-repeat: repeat-x;
	padding: 10px;
}


.product_right{
	float:right;
	width: 340px;
	border: 1px solid #CCCCCC;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/bg_grad_notopline.gif);
	background-repeat: repeat-x;
	padding: 10px;
}




.product_title{
	float: left;
}

.product_arrows_container{
	float: right;
}

.product_arrows{

}

.product_lineup{
	clear: both;
	height: 130px;
}

.product_link{
	text-align: right;
}
    
	
.product{
	float: left;
	width: 30%;
	text-align: center;
	padding: 5px;
	font-size: 90%;
	line-height: 1.3em;
	margin-top: 15px;
}





/*

/////////// Environment Page
*/


.environment_nav
{
	float: left;
	width: 450px;
	margin-top: 25px;
	margin-left: 0px;
	padding-left: 25px;
}
.environment_content
{
	float: right;
	width: 275px;
}


.environment_nav_closed a{
	display: block;
	height: 100%;
	width: 100%;
	color: #FFFFFF;
	text-decoration: none;
}

.environment_nav_closed a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.environment_nav_closed a:active{
	color: #FFFFFF;
	text-decoration: none;
}

.environment_nav_closed a:visited{
	display: block;
	height: 100%;
	width: 100%;
	color: #FFFFFF;
	text-decoration: none;
}


.environment_nav_closed{
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/env_nav_closed.gif);
	height: 25px;
	width: 100%;
}

.environment_nav_closed a{
display: block; 
height: 100%; 
width: 100%; 
}


.environment_nav_closed:hover{
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/env_nav_closed_over.gif);
	height: 25px;
	width: 100%;
}


.environment_nav_opened{
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/env_nav_opened.gif);
	height: 25px;
	width: 100%;
}
.environment_nav_opened_content{
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/env_nav_opened_bg.gif);
	background-repeat: repeat-x;
	height: 150px;
	padding: 15px;
}


.environment_title{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.environment_description{
	font-size: 90%;
	line-height: 1.4em;
	width: 228px;
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 25px;
}


.environment_menu{
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
}




/*//////////////////////contact us ///////////*/

.contactleft{
	float: left;
	/* width: 400px; */ 
        width: 300px;
        
	
}

.contactright{
	float: right;
	width: 150px;
	
}




/*//////////////////////tradeshows ///////////*/

.tradeleft{
	float: left;
	width: 150px;
	
}

.traderight{
	float: right;
	width: 340px;
	
}



/*////////////////////////////General/////////////////////////////////////////*/
.tancell{
	float:left;
	padding-top:15px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/lighttanlg_background.gif);
	background-repeat: repeat-x;
	clear: both;
}

.tancellcorp{
	float:left;
	padding-top:15px;
	padding-left: 25px;
	padding-right: 5px;
	padding-bottom: 15px;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/lighttanlg_background.gif);
	background-repeat: repeat-x;
	clear: both;
}

.clear{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



.tancellholder{

clear: both;
}



/*css on title/description*/
.prod_page_title{
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
	



	
	
	
	
/*css for pdf image to right*/
.page_pdf{
	float:right;
	width: 160px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	}
	
	.page_vid{
	float:right;
	width: 160px;
	padding-top: 15px;
	padding-bottom: 25px;
	
	}
	
/*To align pdf image to left*/
.page_pdf_image{
	float:left;
	width: 34px;
	padding-right: 8px;
	border: none;
	}
/*To align pdf image to right*/
.page_pdf_text{
	float:right;
	width: 118px;
	}
	
.550box{
	width:550px; 
	margin: 0 auto; 
	text-align:left; 
}

.topbox{
	float:left;
	padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 25px;
	}
	
/* use this to keep the topbox narrow to fit the green box on the right*/
.topbox_constraint{
width: 300px;
}	
	
	
.filter{
	float:right;
	width: auto;
	
	text-align:right;
	}

.page_20px{
	padding-left: 15px; /*To control the indent of h2 titles*/
	}
.page_15px{
	padding-left: 15px; /*To control the indent of h2 titles*/
	}

/*////////////////////////////Search Page/////////////////////////////////////////*/

/* search categories*/
.search_categorybox{
	float:left;
	width:550px; 
	text-align:left;
	padding-top:20px;
	/*height:50px;*/
	
}

.search_category{
	float:left;
	width:140px;
	height:20px;
}
.search_again{
	float:left;
	width:100px;
	padding-top:20px;
}

.searchagainbutton{
	background-color: #5d87a1;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	width: 100px;
	margin-top:15px;
	padding: 0px;
}
.searchagaininput{
	float:left;
	width: 150px;
	margin-top:15px;
	padding: 2px;
	vertical-align: middle;
}

/* search with show per page, and page number*/
.pagenumber_box{
	float:left;
	width:550px; 
	margin-bottom: 0px; 
	}
.pagenumber_show{
	float:left;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;

}
.pagenumber_numbers{
	float:right;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;

}


/*////////////////////////////Product Specific Page/////////////////////////////////////////*/



/*Product Specifications*/
.product_specs_holder{
	float:left;
	width:350px;
	
}
.product_specs_row{
	float:left;
	width:350px;
	background-image:url(/wcsstore/B2BDirectStorefrontAssetStore/images/specs_background.gif);
	background-repeat:repeat-x;
	padding-top: 3px;
	padding-bottom: 3px;
}
.product_specs_left{
	float:left;
	margin-left:15px;
	font-weight: bold;
	
}
.product_specs_right{
	float: right;
	width: 180px;
	text-align: left;
	margin-right: 5px;
	
}

/*Related Products*/

.relatedproducts{
	float:right;
	padding-left:4px;
	width:188px;
}

.relatedproducts_holder {
	float:left;
	background-image:url(/wcsstore/B2BDirectStorefrontAssetStore/images/relatedproducts_background.gif);
	background-repeat:repeat-x;
	padding-top: 8px;
	padding-bottom: 8px;
	
}

.relatedproducts_product_image{
	float:left;
	width: 50px;
	padding-left: 10px;
	height: 50px;
	border: none;
	}
.relatedproducts_product_text{
	float:right;
	width: 96px;
	padding-left: 10px;
	margin-right: 10px;
	font-size: 90%;
	}


.brand_image{
	float:left;
	margin-left:0px;
	margin-right:25px;
	width: 60px;
	height: 56px;
	border: none;
	}

.brand_text{
	
	width:390px;
	float:right;
	}
	

.brand_imagecorp{
	float:left;
	margin-left:0px;
	margin-right:25px;
	width: 1px;
	height: 1px;
	border: none;
	}

	
.brand_textcorp{
	width:460px;
	float:left;
	}


	
/*////////////////////////////Signup/////////////////////////////////////////*/

/*css on title/description*/
.signup_form{
	float:left;
	width: auto;
	padding-top: 25px;
	padding-left: 20px;
	}
	
/*////////////////////////////FAQ/////////////////////////////////////////*/
.backtotop{
	float:right;
	padding-top:10px;
	clear: both;
}

/*////////////////////////////ACCORDIAN MENU/////////////////////////////*/
.Accordion {
	overflow: hidden;
	height: 280px;
	width: 450px;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/env_nav_closed.gif);
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	height: 25px;
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 180px;	
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/env_nav_opened_bg.gif);		
	/*background-repeat: repeat-x;
	height: 150px;
	padding: 15px;*/
}

.AccordionPanelContentAlign {
	margin: 15px;*/
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #ffffff;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/env_nav_opened.gif);
	height: 25px;
}

.AccordionPanelTabHover {
	color: #000000;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/env_nav_closed_over.gif);
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #ffffff;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #ffffff;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #ffffff;
}



/*////////////////////////////form fields/////////////////////////////////////////*/



.formcolumn1{
	width: 150px;
	float: left;
	text-align: right;
	padding: 2px;
	clear: both;
	margin-top: 1px;
	margin-bottom: 1px;
}

.formcolumn2{
	width: auto;
	float: left;
	padding: 2px;
	margin-top: 1px;
	margin-bottom: 1px;

}

.500pxformholder{
	width: 500px;
}


/*////////////////////////////ACCORDIAN MENU/////////////////////////////*/
.Accordion {
	overflow: hidden;
	height: 280px;
	width: 450px;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/env_nav_closed.gif);
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	height: 25px;
}

.AccordionPanelContent {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 180px;	
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/env_nav_opened_bg.gif);		
	/*background-repeat: repeat-x;
	height: 150px;
	padding: 15px;*/
}

.AccordionPanelContentAlign {
	margin: 15px;*/
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #ffffff;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/env_nav_opened.gif);
	height: 25px;
}

.AccordionPanelTabHover {
	color: #000000;
	background-image: url(/wcsstore/B2BDirectStorefrontAssetStore/images/env_nav_closed_over.gif);
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #ffffff;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #ffffff;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #ffffff;
}


/* Accodrian content */


.accord_intro{
	
	float: left;
	clear: left;
	width: 420px;
	padding-left: 5px;
	
}

.accord_right{
width: 
float: left;

}


.accord_col1 {
	float: left;
	width: 135px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
        /* float: left;
	width: 140px;*/
	
}

.accord_col2 {
        float: left;
	width: 135px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	/* float: left;
	width: 140px; */ 
	
}

.accord_col3 {
	/* float: left;
	width: 140px; */
        float: left;
	width: 135px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;	
	
}
.accord_list {
	/* list-style-type: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
        */
        list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 5px;
	line-height: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


.accord_list li{
	
	padding-bottom: 10px;
}