/******************************************************** 
**
**		Master Global Styles 
**
**		- This is for Global CSS Styles only
**		- NO Page specific Styles should be included here 
**		- Styles are tab arranged to show inheritance 
**		  and layout structure
**
********************************************************/




/**  GLOBAL PAGE ELEMENTS  **/
img, table, th, td {border:0; font-size:11px;}
form {padding:0; margin:0;}
a {outline:none; color:#0082c8;}
a:hover {color:#231f20;}
b {}

.horiz-spot {float:left;  margin:0 8px 9px 0;}
.horiz-spot-last{float:left;  margin:0 0 0 0;}
.vert-spot  {margin:0;}
.cursorWait{cursor:wait;}

input:focus, textarea:focus {}
.testing {color:#f0a;}
.error {}
.warning {color:#d00;}
.pmtInfoText {color:#f90;}
.shipMethodTotal {color:#ace0f0;}
.errorMessage{color:#f00}
.error-msg {margin:2px 0; padding:10px 30px; text-align:center; background:#ffd4d4; color:#900; clear:both; }
.success-msg {margin:2px 0; padding:10px 30px; text-align:center; background:#456FAB; color:#fff; }
.bjupWarningText { color: #CC6600; font-weight: normal;	font-size: 1.1em; }
.bjupMessageText { color: #669900; font-weight: normal; font-size: 1.1em; }
.bjupErrorText { color: #900; font-weight: normal; font-size: 1.1em; }

.clear{clear:both; line-height:0; font-size:0;}
a.button {padding:4px 7px; margin:0 0px; display:block; width:150px; text-align:right; text-decoration:none; background:#456FAB; color:#fff;}
a.button:hover {background: #999;}
a.red {color:#900;}
a.blk {color:#000;}
.required-text {font-size:9px; color:#B0A621;}
.required {color:#900}

	  #breadcrumb {padding:5px 0 10px 0; background:#fff; color:#666; font-size:11px;}
	    #breadcrumb a {color:black; text-decoration:none;}
	    #breadcrumb a:hover {text-decoration:underline;}
	  #breadcrumb .last {color:#0082c8;}




/** GLOBAL LAYOUT **/
html {padding:0; margin:0; color:#231f20; font-family:arial, helvetica, sans-serif; font-size:11px;}
  body {margin:0; padding:0; background:#7e8083;}
    #container {margin:18px auto 0 auto; padding:0; width:988px; background:#fff;}
    
	  #header {margin:0 0 0 0; position:relative; padding:0; background:#fff url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/header_bk.png) repeat-x top left;}
		
		#header-top{float:right; width:673px; font-size:11px; margin-right:10px; height:34px; background:#fff url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/customer-srvc.png) no-repeat left 50%;}
			#user-nav {float:right; margin:0 2px 0 0; padding:0; background:#ace0f0 url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/user-nav-left_bk.png) no-repeat top left; color:#0082c8;}
			  #user-nav-door {padding:11px 10px 9px 10px; background:transparent url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/user-nav-right_bk.png) no-repeat top right;}
			  #user-nav a {color:#0082c8; }
				#popup{position: absolute; top:36px; left:inherit; text-align:left; z-index:9999;}
				  #login-form{display:none; position:relative; left:-10px; padding:7px 9px 0 9px; border:1px solid #ddd; border-top:0; background:#fff; color:#555; width: 215px;}
				    .tiny input {font-size:10px;}
				    #login-close {display:block; clear:both; text-align:right;}



			#mini-cart {float:right; width:308px; padding:6px 0 5px 0; color:#fff; cursor:pointer;}
			  #mini-cart table {padding:0;}
			  #mini-cart a {color:#fff;}
			  #mini-cart td {padding:0;}

			#mini-cart-drop {position:absolute; top:0; left:inherit; z-index:1000; width:308px; }

.blue_left {width: 10px; height: 34px; background:transparent url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/blue_left.gif) no-repeat bottom left; float: left; margin: 0;}
.blue_right {width: 10px; height: 34px; background:transparent url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/blue_right.gif) no-repeat bottom left; float: left; margin: 0;}
#mini-cart-area { width: 308px; float: left;}

			  #mini-cart-details {display:none; color:#555; border:1px solid #0082c8; border-top:0; padding:0; background:#fff;}
				#mini-cart-details #empty {text-align:center; padding:10px 0; }
				#mini-cart-details #filled {border:1px solid #0082c8; border-top:0; background:#fff;}
				  #mini-cart #mini-cart-details a {color:#555; font-weight:bold; text-decoration:none;}
				  #mini-cart-details table {padding-top:7px;}
				    #mini-cart #mini-cart-details td {border-bottom:1px solid #dadde0; padding:0 10px;}
				  #mini-cart-details .mini-cart-recently-added {background-color: #ffc;}

#mini-cart-summary {padding:6px 0 5px 0; height:23px; width:288px; float: left; background:transparent url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/blue_bg.jpg) repeat-x bottom left; }


		img#logo {margin:10px 0 0 18px; width:267px;}
		#header-right{margin:0; float:right; width:673px; font-size: 11px; text-align:right; position: absolute; right:10px; top:51px; z-index: 10;}
 		  

		  #browse-nav {float:left; width:298px; clear:both; list-style-type:none; padding:0; margin:0 0 0 0px;}
			#browse-nav li {float:left; text-align:center; padding:0 12px 0 0;}
			  #browse-nav li a {}
			    #browse-nav li a:hover {}
			    #browse-nav ul {margin:0; padding:5px 0 10px 0; list-style-type:none; color:#fff; position:absolute; left:-999em; background:#eee; border:1px solid #8cc63f;}
				  #browse-nav ul.grade-drop {width:130px;}
				#browse-nav li {position: relative;}
				  #browse-nav li ul li {float:none; text-align:left; padding:3px 10px 3px 25px; font-size:11px; background:#eee url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/green-arw.png) no-repeat left 50%;}
					#browse-nav li ul li a {float:none; font-size:12px; display:inline; padding:0; color:#747474; background:transparent; text-decoration:none;}
						#browse-nav li ul li a:hover{text-decoration:underline; background:transparent;}
						#browse-nav li:hover ul, #browse-nav li.sfHover ul {top:29px; left:0; z-index:100;}
						
		  #locator-box {float:right; width:370px; margin:0; padding:7px 0 5px 0; background:#fff url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/meetings_bk.png) no-repeat top right;}
			#locator-box label {display:none;}
			#locator-box input.text {font-size:11px; border:1px solid #ccc; padding:2px; width:80px;}
			  #locator-box input.text:focus {border:1px solid #ffc425;}
			#locator-box a {color:#fff;}
		      #locator-box a:hover {color:#ddd;}

		  #cat-nav {clear:both; list-style-type:none; padding:2px 0 0 0; margin:10px 0 0 0; height:36px; background:#fff url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/cat-nav_bk.png) repeat-x top left; font-size:13px;}
			#cat-nav li {float:left; text-align:center; padding:0 3px 0 0; background:transparent url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/nav_bk.png) no-repeat right top;}
			  #cat-nav li a {display:block; float:left; padding:10px 14px 15px; margin:0; font-weight:bold; color:#231f20;text-decoration:none;}
				#cat-nav li.free-resource {background-image:none; padding:0;}
				  #cat-nav li.free-resource a {padding:10px 19px 15px 19px; color:#0082c8;}
				#cat-nav li a:hover {background:transparent url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/nav_bk_on.png) no-repeat bottom;}

		#search-nav {background:#e9f7fb; padding: 10px 10px 10px 0px; float: left; }
		  #search-box {float:left; width:450px; margin:0; padding:0px 20px; background:#e9f7fb; font-size:11px; }
			#search-box input.text {font-size:13px; border:1px solid #ccc; padding:2px; width:250px; color:#555;}
			  #search-box input.text:focus {border:1px solid #ffc425;}
			#search-box select {font-size:13px; border:1px solid #ccc;}
			  #search-box select:focus {border:1px solid #ffc425;}
			#search-box a {color:#fff;}
		      #search-box a:hover {color:#ddd;}
		  #secondary-nav {float:right; text-align:right; width:468px; list-style-type:none; padding: 5px 20px 0px 0; margin:0;}
		  	#secondary-nav li {display:inline; color:#ddd; padding:0 10px;}
			  #secondary-nav li a {text-decoration:none; color:#231f20;}
			    #secondary-nav li a:hover {color:#444}

      #systemModeReminder {clear:both; padding-left:10px; color:red}
      #content-area {clear:both; margin:10px;}
       .just-copy {padding:10px 30px 30px 30px;}

		.short-area {padding:0 0 200px 0;}

		dl.form {padding:0; margin:0;}
			dl.form dt {padding:2px 0 0 0;margin:0;}
			dl.form dd {padding:5px 0;margin:0;}
			  dl.form dd.section-end {margin-bottom:10px; border-bottom:1px solid #456fab;}
		dl.display {padding:0; margin:0;}
			dl.display dt {padding:2px 0 0 0;margin:0;}
			dl.display dd {padding:5px 0;margin:0;}
	    .clean {border:0;}
	      .clean th {padding:3px; background:#6da7f6; color:#fff; font-size:10px;}
	      .clean td {padding:7px ; background:#eee; color:#666; font-size:11px;}
	        .clean td.right {text-align:right;}
	        .clean td.center {text-align:center;}

    #footer{clear:both; font-size:11px; color:#747474; padding:10px 0 0 0; background:#fff url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/footer_bk.png) repeat-x bottom left;}
			.footer-row {clear:both; border-top:1px solid #ddd; }
			.footer-row2 {clear:both; /*border-top:1px solid #ddd;*/ }

table.footer-links2 ul{list-style-type:none; margin: 0; padding:0; }
table.footer-links2 ul a{text-decoration: none; color: #7E8083;}
table.footer-links2 ul a:hover{text-decoration: underline;}
table.footer-links2 td{padding: 10px; background-color: #dddddd;}
table.footer-links2 td td {padding: 0px;}
table.footer-links2 h4{text-transform: uppercase; margin:0; color: #7E8083; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

        ul#footer-links {float:left; list-style-type:none; padding:10px; margin:0; width:547px; }
		  ul#footer-links li {display:inline; padding:0 10px}
			ul#footer-links a {color:#747474; text-decoration:none;}
		#signup-block {float:right; width:400px; margin:0; padding:10px; border-left:1px solid #ddd;}
		#signup-block2 {float:left;	width:360px; margin:0;	padding:10px;}
		  #signup-block a, #signup-block2 a {color:#789a25; text-decoration:none;}
			#signup-block input.sign-text, #signup-block2 input.sign-text {font-size:10px; color:#888; border:1px solid #ccc; padding:2px; width:150px;}
		  	  #signup-block input.sign-text:focus, #signup-block2 input.sign-text:focus {border:1px solid #ffc425;}
        ul#other-links {list-style-type:none; padding:10px; margin:0; font-weight:bold; width:968px; text-align:center;}
		ul#other-links2 {float: left; font-weight:bold; list-style-type:none; margin:0; padding:10px; width:560px;}
		  ul#other-links li, ul#other-links2 li {display:inline; padding:0 25px}
			ul#other-links a, ul#other-links a {color:#0082c8; text-decoration:none;}


		#copyright {clear:both; padding-top:10px; font-size:10px; text-align:center; background:#7e8083; color:#eee;}

	#empty-bag {padding-top:75px; text-align:center; font-size:14px; background:transparent url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/shopping_bag.jpg) no-repeat top right;}
	#hsjssp {display:none;}

/**** DL Styles ****/
#page {clear:both; padding:10px;}
	#templatePageBody {}
	
	#page h2{font-size:24px; font-weight:normal; padding:5px 0; margin:0;}
	#page h3{font-size:14px; color:#0081C6; padding:5px 0; margin:0;}
	#page table {padding: 0; }
 	  #page th {padding:2px 10px; background:#0081c6; color:#fff; text-align:left;}
 	  #page td {padding:2px 10px; background:#ddd; text-align:left;}
 	  
 	  input.button, button.button {background-color:#E68D1A; border:1px solid #E68D1A; color:#FFFFFF; cursor:pointer; font-size:0.834em; font-weight:bold; padding:1px 2px; text-align:center; text-decoration:none; }
 	  span.pseudoa, div.pseudoa, a.pseudoa {color:#0082C8; cursor:pointer; display:inline; font-weight:bold; text-decoration:underline; }


/** Site Colors **/