/* Custom CSS Document for CQL
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/*IE 6 PNG Fix
--------------------------------------------------------*/
img, div { behavior: url(iepngfix.htc) }

/* Default STYLES
--------------------------------------------------------*/
body {background: url(images/design/layout/v3_bg.jpg) repeat-x #eee; font-family:Arial, Helvetica, sans-serif;	font-size:12px; margin: 0; padding: 0;}
#PageSubTable { background: transparent; width:968px; margin:0 auto; overflow:hidden;}
#ContentCell {background: url(images/design/layout/contentcell_bg.gif) repeat-y ; margin: 0; padding: 0 15px 0 15px; width: 780px; border:none; }
#Instruction1_InstructCell { background:#ccc; border: 1px solid #999; padding: 7px;}
#Instruction1_InstructCell a {color: #26547C; text-decoration: none;}
.Instructions {font-size: 11px; color: #000}
.Messages { font-size: 12px; font-weight: bold; color:#000;}
.ErrorMessages { font-size: 12px; font-weight: bold; color: #c00; text-transform:uppercase;}
.Headings {font-size: 16px; font-weight: bold; color: #000}
.ContentTableHeader, 
.ContentTable,
.ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #000; background: #999; text-align: left;}
.Content {font-size: 11px; color: #000; line-height: 18px; text-align: left;}
.Content a {color: #26547C; text-decoration: none;}
.Content a:hover {color: #4689D9; text-decoration:none;}
a { outline:none; color: #26547C; text-decoration: none;}
a:hover {color: #4689D9; text-decoration:none;}
a img { border:none;}
.center { text-align:center;}
.clear { clear:both;}
table {border-style: hidden}; /* for Webkit (Safari, Chrome, Konqueror) */

#ContentCell h1 {font-size: 18px; color: #26547c; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding-left: 33px;}
#ContentCell h2 {font-size: 15px; color: #26547c; }
#ContentCell p {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #000; }
.SubHeadings {text-align: left; font-weight: bold;}
#ProductDetail21_trProductName h1.Headings {padding:10px 10px 0 0; font-size:16px; color: #000; font-weight:bold;} /* Product Name */

#TopBannerCell ul, 
#TopSubBannerCell ul, 
#LeftColumnCell ul,
#FooterCell ul {margin: 0; padding: 0;}
#TopBannerCell ul li, 
#TopSubBannerCell ul li, 
#LeftColumnCell ul li,
#FooterCell ul li {list-style: none; float:left; display:block;}

/* Forms on the Black Backgrounds
---------------------------------------------------*/
#Form2 input#TopBanner1_SimpleSearch1_txtSimpleSearch {background:none;} /* none for custom search styling */
#SearchTemplate13_DataGrid1__ctl3_CAttributeControl1_DlAttributes__ctl0_AttributeName,
#ProductDetail11_CAttributeControl1_DlAttributes__ctl0_AttributeName { color:#000;}
#Form2 {margin: 0; padding: 0}
#Form2 input, #Form2 select {font: 11px Verdana, Tahoma, sans-serif; color: #000; line-height: normal; background:#fff;}

#Form2 input#LeftColumnNav1_SignIn_SignInLink {    font:9px Verdana, Helvetica, Sans Serif; color: #2b3900; background-color: #befc00; border: 1px solid #2b3900; padding: 3px; margin: 3px; text-decoration: none; font-weight:bold;}
#Form2 input#AdvancedSearch1_SimpleKeywordGroup1,
#Form2 input#AdvancedSearch1_SimpleKeywordGroup2,
#Form2 input#AdvancedSearch1_SimpleKeywordGroup3,
#Form2 input#AdvancedSearch1_AdvSaleOnly,
#Form2 input#chkSubscribe,
#Form2 input#DataList1__ctl0_chkPremiumShipping,
#Form2 input#CCartControl1_DynaCart_MultiShip,
#Form2 input#LeftColumnNav1_SignIn_SignInRememberMeCheckbox { background:none; color:#000;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {background: url(images/design/layout/container_repeat.jpg) repeat-y; width: 968px; }

div#header {
padding-left:29px;
padding-right:22px;
background: #fff;
}

div#logo {
	width:414px;
	height:75px;
	float:left;
	padding-top:5px;
}
div#headerright {
	width:350px;
	height:75px;
	float:right;
	padding-top:19px;
}
	div#headerright div#topnav {
		font-size:11px;
		color:#ccc;
		height:20px;
		text-align:right;
	}
		div#headerright div#topnav a {
			color:#26547C;
			text-decoration:none;
		}
		div#headerright div#topnav a:hover {color:#4689D9}
	div#headerright div#search {
		height:55px;
		display:block;
		clear:both;
		text-align:right;
		margin-right:-2px;
		margin-top:5px;
		width: 400px;
	}
		div#headerright div#search input.search {
			border:1px solid #ccc;
			width:209px;
			height:14px;
			display:block;
			float:left;
			margin-left:45px;
			margin-top:3px;
			font-size:11px;
			color:#666;
			padding:3px;

		}
		div#headerright div#search input.image {
			background:none;
			border:0;
			padding:0;
			margin-left:5px;
			display:block;
			float:left;
			cursor:pointer;
		}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {background: url(images/design/layout/container_repeat.jpg) repeat-y; width: 968px;}

#TopSubBanner1_SimpleSearch1_Panel1 {float: left; width: 50%;}

			
/* ================= header > navigation ================= */
div#navigation:after,#hp_content:after, #hp_content_tan:after {content: ".";display: block; clear: left; height: 0; visibility: hidden}
div#navigation {
clear:both;
display:block;
padding-left:11px;
margin-top:2px;
}
div#navigation ul a {display: block}
div#navigation ul {
}

div#navigation ul li {
	float:left;
}
	div#navigation ul li.one {
		background:url(images/design/sub/sub-nav1.jpg) no-repeat;
		height:38px;
		width:142px;
	}
	div#navigation ul li.one a:hover,div#navigation ul li.one a.active {
		background:url(images/design/sub/sub-nav1-on.jpg) no-repeat;
	}
	div#navigation ul li.one a {
		height:38px;
		width:142px;
	}
	div#navigation ul li.two {
		background:url(images/design/layout/navigation/certification.jpg) no-repeat;
		height:38px;
		width:145px;
	}
	div#navigation ul li.two a:hover,div#navigation ul li.two a.active {
		background:url(images/design/layout/navigation/certification_on.jpg) no-repeat;
	}
	div#navigation ul li.two a {
		height:38px;
		width:145px;
	}
	div#navigation ul li.three {
		background:url(images/design/layout/navigation/trainingandworkshops.jpg) no-repeat;
		height:38px;
		width:203px;
	}
	div#navigation ul li.three a:hover,div#navigation ul li.three a.active {
		background:url(images/design/layout/navigation/trainingandworkshops_on.jpg) no-repeat;
	}
	div#navigation ul li.three a {
		height:38px;
		width:203px;
	}
	div#navigation ul li.four {
		background:url(images/design/layout/navigation/resourcesandtools.jpg) no-repeat;
		height:38px;
		width:174px;
	}
	div#navigation ul li.four a:hover,div#navigation ul li.four a.active {
		background:url(images/design/layout/navigation/resourcesandtools_on.jpg) no-repeat;
	}
	div#navigation ul li.four a {
		height:38px;
		width:174px;
	}
	div#navigation ul li.five {
		background:url(images/design/layout/navigation/communitylife.jpg) no-repeat;
		height:38px;
		width:155px;
	}
	div#navigation ul li.five a:hover,div#navigation ul li.five a.active {
		background:url(images/design/layout/navigation/communitylife_on.jpg) no-repeat;
	}
	div#navigation ul li.five a {
		height:38px;
		width:155px;
	}
	div#navigation ul li.six {
		background:url(images/design/sub/cqlstore-sub.jpg) no-repeat;
		height:38px;
		width:127px;
	}
	div#navigation ul li.six a:hover,div#navigation ul li.six a.active {
		background:url(images/design/sub/cqlstore-on-sub.jpg) no-repeat;
	}
	div#navigation ul li.six a {
		height:38px;
		width:127px;
	}
div#navigation ul li a {
	display:block;
}
div#navigation ul li a span.hidden {
	display:none;
}

#subContentInner {background: url(images/design/sub/content-top.jpg) 0 0 no-repeat; height: 40px; margin-left: 14px;}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell { background: url(images/design/sub/lnav-bg-04.gif) #fff repeat-y; width: 188px; vertical-align: top; }
#LeftColumnNav1_merchanttools {}
#LeftColumnNav1_CMenubar1_dlMenu {padding-top: 5px; }
#LeftColumnNav1_custommenu {}
#LeftColumnCell .leftnav {width: 188px; background: url(images/design/sub/lc-top-gradient.jpg) no-repeat; float: left;}

#LeftColumnNav1_Table1 {}
.LeftColumnText {margin-left: 22px; line-height: 20px; padding:1px 0 0 0;  }
.LeftColumnText a {font-size: 11px;font-weight: bold; color:#1F4067; line-height:1.5;/*display: block;*/text-decoration: none; width: 156px; display: block; }
.LeftColumnText a:hover {color:#4689D9;}

#LeftColumnCell .leftnav #LeftColumnNav1_merchanttools ul {margin-top: 2px;}
#LeftColumnCell .leftnav #LeftColumnNav1_merchanttools ul li a {font-size: 11px;font-weight: bold; color:#1F4067; text-decoration: none; width: 156px; display: block; line-height: 16px; margin-top: 8px; margin-left: 27px;}
#LeftColumnCell .leftnav #LeftColumnNav1_merchanttools ul li a:hover {color:#4689D9;}


/* RightColumnNav Styles
--------------------------------------------------------*/
#RightColumnCell {}
.RightColumn {}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {padding-left: 25px; padding-top: 10px;}
.default #ContentCell p {}
#ContentCell.default img {float: right; margin-right: 130px; margin-left: 20px;}
#ContentCell.default p {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #26547c; }

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {}
#ContentCell.static h1 {font-size: 16px; font-weight: bold; color: #000}
#ContentCell.static h2 {font-size: 14px; font-weight: bold; color: #000}
#ContentCell.static h3 {font-size: 12px; font-weight: bold; color: #000}
#ContentCell.static p { font-size:11px; line-height:16px;}

/* Search and Cart Styles
--------------------------------------------------------*/
.searchwrap {float: left; margin-left: 199px; margin-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #26547c; }
.searchwrap input {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #26547c; line-height: 18px; width: 139px; border: 1px solid #436b8d;}
.searchwrap img {margin-bottom: 5px; *margin-bottom: 0;}

.cartwrap { float: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #26547c; margin-right: 29px; margin-top: 17px; line-height: 18px; }

.cartwrap img {margin-left: 22px; margin-right: 5px; margin-top: 3px; }

.cartwrap a {text-decoration: none; color:#26547C;}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background: transparent;}

html #container-bottom {margin: 0 auto; width: 969px; _width: 968px; height: 50px;clear:left;background: url(images/design/sub/sub-bottom.png) no-repeat; padding: 0; }
a {color: #26547C;}
a:hover {color:#4689D9 }

div#footer {
position: relative; 
top: -28px; 
margin: 0 auto; 
	width:934px;
	display:block;
	padding-top:15px;
	font-size:11px;
	
	padding-left:35px;
	padding-bottom:16px;
}

div#footer p {font-size: 11px; text-align: left; font-weight: normal;}
div#footer p.top {
	color:#333;
	padding-bottom:3px;
}
div#footer p.links {
	color:#999;
}
	div#footer p a {
		color:#26547C;
		text-decoration:none;
	}
div#footer p a:hover {color:#4689D9}	
	
div#footer p.berndt {
	padding-top:15px;
	padding-bottom:15px;
}

/* Detail page Styles */
#SearchTemplate13_ResultInfo {font-size: 11px; }
#SearchTemplate13_ResultInfo a {color: #26547C;}
#SearchTemplate13_ResultInfo a:hover {color: #4689D9; text-decoration:none;}

#SearchTemplate11_DataGrid1__ctl3_DataList1 {margin-top:10px;}

#Table6 font {font-size: 11px !important;}
#Table6 td {padding-left: 5px; }