/* --- common for all tier pages --- */

body {
	background: url(images/tier1-bg.jpg) white repeat-x;
	background-position: 0 -1px;
	font-weight:normal;
	}

#main {
	width: 100%;
	float: left;
	padding-bottom: 10px;
	background-color: white;
}
#bread-crumb {
	height: 32px;
	width: auto;
	position: relative;
}

#bread-crumb p {
	font-size: 1.2em;
	position: absolute;
	bottom: 8px;
	left: 10px;
	font-weight: bold;
	word-spacing: 4px;
	}

#bread-crumb p a {
	word-spacing: normal;
	}

#bread-crumb p a.active {
	color: #6f6c6c;
	}
	h5{
		font-weight:bold;
	}

/* --------------------------------- */

.tab-cont {
	width: 100%;
	height: 305px;
	position: relative;
	overflow: hidden;
	}

.tab-cont a { color: #e3e1c6; }

.tab-cont h3, .tab-cont h4 { width: 400px; }

body.large .tab-cont h3, body.large .tab-cont h4 { width: 450px; }
body.large .tab-cont p { width: 450px; }
body.small .tab-cont h3, body.small .tab-cont h4, body.small .tab-cont p { width: 315px; }




/* left padding adjusted so text lines up on this specific setup, based upon 30px */

.tab-cont h3 {
	padding: 30px 0 5px 28px;
	margin: 0;
	color: white;
	font-size: 4.6em;
	}

.brand-img {
	float: right;
}

body.small .brand-img {
	display: none;
}

.sidebar {
	position: absolute;
	right: 0;
	top: 35px;
}

.sidebar h5 {
	font-size: 1.7em;
	margin-bottom: .5em;
	color: #fff;
	}

.sidebar p {
		color: #fff;
	}

.sidebar a {
	color: #fff;
	}

.sidebar a:hover,
.sidebar a:hover span {
	text-decoration: none;
	color: #3089cd;
	}

.sidebar-top {
		padding: 18px 10px 10px 20px;
}


#brand-nav {
	width: 100%;
	}


/* brand page - bottom */

#brand-bottom {
	display:table;      
	border-collapse:separate;
	border-spacing:7px;
	table-layout: fixed; 
	background-color: white;
	width: 100%;
	}


#brand-subnav {
	float: left;
	width: 217px;
	margin: 5px 5px 5px 8px;
	background: #eff4f7 url(images/brand-subnav-bg.jpg) repeat-x 0 0;
	}

body.small #brand-subnav {
	width: 165px;
	}

body.large #brand-subnav {
	width: 250px;
	}


#brand-subnav h5 {
	padding: 10px 10px 4px 11px;
	color: #6e8ea3;
	font-size: 1.7em;
	border-bottom: 1px solid white;
}

#brand-subnav ul {
	width: 100%;
	padding: 6px 0 8px 0;
	list-style-type: none;
	}

#brand-subnav ul li {
	font-size: 1.1em;
	padding: 2px 10px 2px 12px;
	}

#brand-subnav ul li a {
	color: #3089cb;
	padding-left: 8px;
	background: url(images/brand-subnav-crt.gif) no-repeat 0 50%;
	}


/* -- Sizing bottom boxes -- */

.brand-items-col {
	display:table-row;
	float:right;
	margin-right:10px;
	width:710px;
}

body.large .brand-items-col {
	margin-right:20px;
	width: 950px;
}

body.small .brand-items-col {
	width: 575px;
	margin-right:0;
}


.brand-items-col div {
	display:table-cell;
	width:335px;
	border:1px #DEE5E9 solid;
	padding-bottom:20px;
}

body.large .brand-items-col div {
	width:465px;
}

body.small .brand-items-col div {
	width:265px;
}

.brand-items-col div h5 {
	margin:10px 0 0 120px;
	padding:0 5px 5px 0;
	}

.brand-items-col div h5 a {
	color: #3089cd;
	font-size: 1.4em; }

.brand-items-col div img {
	float: left;
	margin:10px 0 0 10px;
	border: 1px solid #eee;
	}

.brand-items-col div p {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #575455;
	margin-left: 120px;
	padding-right: 5px;
	}

.brand-items-col div p a {
	color: #3089cd;
	}

/* ----- tabs ----- */

#tabs {
	margin:0;
	padding: 0;
	list-style:none;
	width: 100%;
	height: 26px;
	}
#tabs li {
	font-size: 1.2em;
	float:left;
	background: url(images/brandtab-left.gif) no-repeat 0 100%;
	margin:0;
	padding:0 0 0 10px;
	}

#tabs a {
	float:left;
	display:block;
	background: transparent url(images/brandtab-right.gif) no-repeat 100% 100%;
	padding:5px 10px 5px 5px;
	min-width: 100px;
	text-decoration:none;
	color: #fff;
	}

#tabs li.active a { color: #fff; }


/* --- brand overview buttons --- */

a.btn-right,a.btn-up,a.btn-down,a.btn-up-green {
	display: inline-block;
	height: 20px;
	padding-right: 13px;
	text-decoration: none;
	margin-top: .8em;
	white-space: nowrap;
}

a.btn-right span,a.btn-up span,a.btn-down span,a.btn-up-green span {
	display: inline-block;
	height: 20px;
	padding-left: 25px;
	white-space: nowrap;
	font-size: 1em;
	font-weight: bold;
}

a.btn-down em { font-weight: normal; }


.wiremold a.btn-right span { background: url(../images/brands/wiremold/btn-right-bg.png) no-repeat 0 0; }
.wiremold a.btn-up span { background: url(../images/brands/wiremold/btn-up-bg.png) no-repeat 0 0; }
.wiremold a.btn-down span { background: url(../images/brands/wiremold/btn-down-bg.png) no-repeat 0 0; }
.wiremold a.btn-right,
.wiremold a.btn-up,
.wiremold a.btn-down { background: url(../images/brands/wiremold/btn-cap.png) no-repeat 100% 0; }
.wiremold a.btn-right span, .wiremold a.btn-up span, .wiremold a.btn-down span { color: #c3dfdc; }
.wiremold a.btn-right:hover, .wiremold a.btn-up:hover, .wiremold a.btn-down:hover { background-position: 100% -30px; color: #fff; }
.wiremold a.btn-right:hover span, .wiremold a.btn-up:hover span, .wiremold a.btn-down:hover span { background-position: 0 -30px; color: #fff; text-decoration: none; }

.overview-btns_2 {
float:left;
font-size:1.1em;
}

.tab-cont .leftTextBox a.loginReq {
display:block;
font-size:1em;
margin:5px 0 0 26px;
}

.onq a.btn-down span { background: url(../images/brands/onq/btn-down-bg.png) no-repeat 0 0; }
.onq a.btn-right span { background: url(../images/brands/onq/btn-right-bg.png) no-repeat 0 0; }
.onq a.btn-right span, .onq a.btn-up span, .onq a.btn-down span { color: #c3dfdc; }
.onq a.btn-right:hover, .onq a.btn-up:hover, .onq a.btn-down:hover { background-position: 100% -30px; color: #fff; }
.onq a.btn-right:hover span, .onq a.btn-up:hover span, .onq a.btn-down:hover span { background-position: 0 -30px; color: #fff; text-decoration: none; }
.onq a.btn-right,
.onq a.btn-up,
.onq a.btn-down { background: url(../images/brands/onq/btn-cap.png) no-repeat 100% 0; }

.ortro a.btn-down span { background: url(../images/brands/ortro/btn-down-bg.png) no-repeat 0 0; }
.ortro a.btn-right span { background: url(../images/brands/ortro/btn-right-bg.png) no-repeat 0 0; }
.ortro a.btn-up span {background: url(../images/brands/ortro/btn-up.png) no-repeat 0 0;}
.ortro a.btn-up-green span { background: url(../images/brands/ortro/btn-up-green.png) no-repeat 0 0; }
.ortro a.btn-up-green {background: url(../images/brands/ortro/btn-cap-green.png) no-repeat 100% 0; }
.ortro a.btn-up-green span{color:#fff;}
.ortro a.btn-right span,
.ortro a.btn-up span,
.ortro a.btn-down span { color: #c3dfdc; }
.ortro a.btn-up-green:hover,
.ortro a.btn-right:hover,
.ortro a.btn-up:hover,
.ortro a.btn-down:hover { background-position: 100% -30px; color: #fff; }
.ortro a.btn-up-green:hover span,
.ortro a.btn-right:hover span,
.ortro a.btn-up:hover span,
.ortro a.btn-down:hover span { background-position: 0 -30px; color: #fff; text-decoration: none; }
.ortro a.btn-right,
.ortro a.btn-up,
.ortro a.btn-down { background: url(../images/brands/ortro/btn-cap.png) no-repeat 100% 0; }


.cablofil a.btn-right span { background: url(../images/brands/cablofil/btn-right-bg.png) no-repeat 0 0; }
.cablofil a.btn-up span { background: url(../images/brands/cablofil/btn-up-bg.png) no-repeat 0 0; }
.cablofil a.btn-down span { background: url(../images/brands/cablofil/btn-down-bg.png) no-repeat 0 0; }
.cablofil a.btn-right,
.cablofil a.btn-up,
.cablofil a.btn-down { background: url(../images/brands/cablofil/btn-cap.png) no-repeat 100% 0; }
.cablofil a.btn-right span, .cablofil a.btn-up span, .cablofil a.btn-down span { color: #d8e3e9; }
.cablofil a.btn-right:hover, .cablofil a.btn-up:hover, .cablofil a.btn-down:hover { background-position: 100% -30px; color: #fff; }
.cablofil a.btn-right:hover span, .cablofil a.btn-up:hover span, .cablofil a.btn-down:hover span { background-position: 0 -30px; color: #fff; text-decoration: none; }

.pass a.btn-right span { background: url(../images/brands/pass/btn-right-bg.png) no-repeat 0 0; }
.pass a.btn-up span { background: url(../images/brands/pass/btn-up-bg.png) no-repeat 0 0; }
.pass a.btn-down span { background: url(../images/brands/pass/btn-down-bg.png) no-repeat 0 0; }
.pass a.btn-right,
.pass a.btn-up,
.pass a.btn-down { background: url(../images/brands/pass/btn-cap.png) no-repeat 100% 0; }
.pass a.btn-right span, .pass a.btn-up span, .pass a.btn-down span { color: #d9d9b0; }
.pass a.btn-right:hover, .pass a.btn-up:hover, .pass a.btn-down:hover { background-position: 100% -30px; color: #fff; }
.pass a.btn-right:hover span, .pass a.btn-up:hover span, .pass a.btn-down:hover span { background-position: 0 -30px; color: #fff; text-decoration: none; }





/***************************
COMMON TO ALL BRANDS
***************************/
.listOnlineRes li a sup { font-size:.7em; vertical-align:text-top; }

.tab-cont .leftTextBox {height:100%;}
.tab-cont .leftTextBox h3 sup {font-size:16px; vertical-align:top;}
.tab-cont .leftTextBox h4 sup {font-size:11px; vertical-align:top;}

.overview-btns { float:left; margin: 0 0 10px 30px; font-size: 1.1em; }
.overview-btns a.btn-right { margin-right: 10px; }


.tab-cont .leftTextBox h3,.tab-cont .leftTextBox h4,.tab-cont .leftTextBox p {  width:300px; padding-left:31px; }

.tab-cont h4 {
	padding-top: 10px;
	padding-bottom:10px;
	position: relative;
	margin: 0;
	font-size: 2.2em;
	text-transform: uppercase;
}

.tab-cont .leftTextBox p {
	color: #fff;
	font-size: 1.2em;
	line-height: 1.6em;
	padding-bottom:10px;
	margin-right:3px;
	}
.btnTxt{padding-top:3px;}

.onqSeperator{
	background: url(../images/brands/img_seperator.png) no-repeat 0 0;
	width:6px;
	height:275px;
	display:block;
}
.txtOverImg{z-index:2;top:50px;left:410px;position:absolute;font-size: 2.2em;text-transform: uppercase;}




/* ----------------------------- */
/* Pass & Seymour brand-specific */
.pass .tab-cont .leftTextBox h3,.pass .tab-cont .leftTextBox h4,.pass .tab-cont .leftTextBox p{width: 350px;}
.pass .listOnlineRes li a,.pass .tab-cont .tools-col p{font-size: 1.2em;line-height: 1.4em;font-family:Arial,Helvetica,sans-serif;}
.pass #overview-tab,body.small .pass #tools-tab	{ background: #928e85 url(../images/brands/pass/brand-pass-bg.gif) no-repeat 0 0; }
.pass #residential-tab,.pass #commercial-tab,.pass #industrial-tab,.pass #tools-tab { background: #928e85 url(../images/brands/pass/brand-pass-bar-bg.gif) no-repeat 0 0; }
.pass #overview-tab p { width: 350px; }
.pass .tab-cont h4 	{ color: #d9d9b0; }
.pass .sidebar-top 	{ background: url(../images/brands/pass/brand-pass-sidebar-bg.png) no-repeat 0 0; }
.pass .sidebar-bot	{ background: url(../images/brands/pass/brand-pass-sidebar-bg.png) no-repeat 0 100%; min-height: 10px; }
.pass #tabs li 			{ background-color: #6d6a63; }
.pass #tabs li:hover 	{ background-color: #928e85; }
.pass #tabs li.active,.pass #tabs li.active:hover { background-color: #928e85; }
.pass #overview-tab .brand-img { margin-top: 10px; }
.pass #residential-tab .brand-img,
.pass #commercial-tab .brand-img,
.pass #industrial-tab .brand-img { margin-right: 10px; }
.pass #overview-tab .sidebar { width: 240px; }
.pass #residential-tab .sidebar,.pass #commercial-tab .sidebar,.pass #industrial-tab .sidebar { width: 520px; margin-right: 11px; }
.pass .sidebar-top .tools-col ul.listOnlineRes li a { text-decoration:underline;}
.pass .sidebar-top .tools-col .overview-btns {margin-left:0;}

/* Sizing P&S tab panels for small resolution */
body.small .pass #residential-tab .sidebar,body.small .pass #commercial-tab .sidebar,body.small .pass #industrial-tab .sidebar { width: 350px; margin-right: 11px; }
body.small .pass #tools-tab.tab-cont .leftTextBox p { width:250px; }
body.small .pass #tools-tab .sidebar {
	margin-right:10px;
	top:73px;
	width:505px;
}
body.small .pass .listOnlineRes li a, body.small .pass .tab-cont .tools-col p {
font-size:1.05em;
line-height:1.3em;
}


.pass #tools-tab .sidebar { width: 565px; margin-right: 10px; top: 10px; }
.pass #overview-tab .sidebar p, body.small .pass #overview-tab .sidebar p {padding: 0;width: 200px;font-size: 1.1em;}
.pass #overview-tab .sidebar-top {color: #fff;border-bottom: 1px solid #a39d8e;}
.pass #overview-tab .sidebar-bot {
	padding: 18px 20px 10px 20px;
	color: #fff;
	border-top: 1px solid #c4c1b9;
	min-height: 115px;
	}
.pass #overview-tab .sidebar-bot p,body.small .pass #overview-tab .sidebar-bot p {margin-left: 75px;width: 110px;}
.pass .sidebar-bot img {float: left;}
.pass .sidebar li a:hover { color:#E3E1C6; }
.pass .sidebar a.sb-btn {
	display: block;
	background: url(../images/brands/pass/pass-sb-btn-l.gif) no-repeat 0 0;
	padding: 0 0 0 6px;
	height: 19px;
	width: 10em;
	margin-top: 8px;
	}

.pass .sidebar a.sb-btn span {
	display: block;
	background: url(../images/brands/pass/pass-sb-btn-r.gif) no-repeat 100% 0;
	padding: 1px 15px 0 3px;
	height: 19px;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	}

/* -- brand tab button -- */

.pass .view-btn {
	display: inline-block;
	background: url(../images/brands/pass/brand-btn-cap-pass.gif) no-repeat 100% 0;
	height: 22px;
	padding-right: 15px;
	text-decoration: none;
	margin-top: .8em;
	white-space: nowrap;
	}

.pass .view-btn span {
	display: inline-block;
	color: #d9d9b0;
	height: 21px;
	padding-top: 1px;
	padding-left: 25px;
	background: url(../images/brands/pass/brand-btn-pass.gif) no-repeat 0 0;
	white-space: nowrap;
	}

.pass a.view-btn:hover span { background: url(../images/brands/pass/brand-btn-pass.gif) no-repeat 0 -22px; color: #82c0ee; text-decoration: none; }
.brand-col1 { float: left; width: 43%; margin-right: 2%; }
.brand-col2 { float: left; width: 53%; }
.brand-col1 li,
.brand-col2 li,
.tools-col li {
		padding-left: 10px;
		background: url(../images/brands/pass/pass-tabs-crt.gif) no-repeat 0 0;
}
.pass .tools-col {
		width: 29%;
		margin-right: 1%;
}
.pass .tab-cont .tools-col p { width: 100%; margin: 0 0 .5em 0; padding: 0; }
.pass #tools-tab .sidebar-top, .pass #tools-tab .sidebar-bot {background-image: none;}

ul.serviceList{
	list-style:none;
	position:absolute;
	vertical-align:baseline;
	bottom:15px;
}
ul.serviceList li{
	float:left;
	position:relative;
	padding-left:30px;
}


	/*CABLOFIL brand specific */
.cablofil div#online-tab .leftTextBox h3, .cablofil div#online-tab .leftTextBox h4, .cablofil div#online-tab .leftTextBox p {width: 310px;}
body.small .cablofil div#online-tab .leftTextBox h3, body.small .cablofil div#online-tab .leftTextBox h4, body.small .cablofil div#online-tab .leftTextBox p{width: 165px;}
body.small .cablofil .rightList li a { font-size:.8em; }

body.small .cablofil #tech-tab .techResBoxes div.seperator { width:345px !important; }
body.small .cablofil .rightList { float:left; padding:5px 0 0 5px; width:145px;}

.cablofil #overview-tab,.cablofil #online-tab,.cablofil #tech-tab	{ background: #81a0b3 url(../images/brands/cablofil/bg_Overview.png) no-repeat 0 0; }
.cablofil .tab-cont h4 {color:#c5e2e7;}
.cablofil #tabs li{background-color: #628098;}
.cablofil #tabs li:hover,.cablofil #tabs li.active,.cablofil #tabs li.active:hover { background-color: #81a0b3; }
.cablofil #tabs li.active a,.cablofil #tabs li a:hover { color: #fff; background-color: #81a0b3; }
.cablofil #onlineCablofilBox {margin:20px 20px 0 0;}
body.small .cablofil #onlineCablofilBox { margin:20px 10px 0 0; }
body.small .cablofil .transparentBottom, body.small .cablofil #cellBestPrac, body.small .cablofil #cellTakeOff, body.small .cablofil #cellCalSheet { width:185px; }
.cablofil .transparentBottom{background:url(../images/brands/cablofil/img_TranparentBottom.png) no-repeat 0 0;width:195px;height:125px;}
.cablofil #cellBestPrac{background:url(../images/brands/cablofil/img_BestPractices.png) no-repeat 0 0;width:195px;height:125px;}
.cablofil #cellTakeOff{background:url(../images/brands/cablofil/img_TakOffWizard.png) no-repeat 0 0;width:195px;height:125px;}
.cablofil #cellCalSheet{background:url(../images/brands/cablofil/img_CalculationSheet.png) no-repeat 0 0;width:195px;height:125px;}
.cablofil #onlineCablofilBox h5,.cablofil #onlineCablofilBox p{padding-top:10px;font-family:arial;color:#3c4e5d;width:180px;padding-left:10px;}
.cablofil #onlineCablofilBox h5{font-size:17px;font-weight:bold;}
.cablofil #onlineCablofilBox p{font-size:11px;line-height:17px;}
.cablofil .btnOnlineCablofil{list-style:none;padding-left:5px;position:absolute;bottom:10px;}
.cablofil .btnOnlineCablofil li{height:20px;background-color:#628098;}
.cablofil .sidebar-top 	{ background: url(../images/cablofil/brand-cablo-sidebar-bg.png) no-repeat 0 0;}
.cablofil .sidebar-bot	{ background: url(../images/cablofil/brand-cablo-sidebar-bg.png) no-repeat 0 100%; min-height: 10px; }
body.large .cablofil #techResDataBox { margin-left:80px; } 
.cablofil .brand-col1 li:hover,.cablofil .brand-col1 li a:hover{background-color:#ffffff; }
.cablofil .seperator{border-top: 1px solid #66839B; }
.cablofil .brand-col1{width:30%;margin-right:0px;}
.cablofil .brand-col1 li{border-bottom:1px solid #88a6b8;padding-bottom:5px;}
.cablofil .sidebar-top{padding:2px 10px 10px;}
.cablofil #flashPlayer{position:absolute;top:50px;right:30px;}

.techResBoxes{background-color:#ffffff;padding-bottom:10px;}
.techResBoxes h4 {padding-left:10px;}
#techResDataBox{margin-top:20px;background: url(../images/brands/cablofil/brand-cablo-sidebar-bg.png) no-repeat 0 0;}
#listTechRes li{border-bottom: 1px solid #88a6b8;}
#listTechRes li.lastItem {border-bottom: 0;}
#listTechRes li a {
	padding-left: 18px;
	padding-top:5px;
	padding-bottom:5px;
	display: block;
	width: 180px;
	height: 100%;
	background: url(../images/brands/cablofil/cablo-crt.gif) no-repeat 8px 9px;
	font-weight: bold;
	font-size: 1em;
	color: #c8eaf0;
}
#listTechRes li:hover,
#listTechRes li a:hover,
#listTechRes li.active,
#listTechRes li a.active {background-color:#ffffff;color:#88a6b8;text-decoration: none;}
#listTechRes li:hover a,
#listTechRes li a:hover{background: url(../images/brands/cablofil/cablo-crt.gif) no-repeat 8px -21px;}
#listTechRes li.firstItem:hover {background: url(../images/brands/cablofil/brand-cablo-white-listItem.png) no-repeat 0 0;}
.lnkListTechRes {padding-left:10px;padding-right:10px;}

.cablofil .transparentBottom p{margin-left:0px;}
.cablofil #tech-tab p,.cablofil #online-tab p {width: 290px;}
body.small .cablofil #tech-tab p,.cablofil #online-tab p {width: 150px;}
.cablofil .view-btn {
	display: inline-block;
	background: url(../images/brands/cablofil/btn-cap-cablo.png) no-repeat 100% 0;
	height: 22px;
	padding-right: 15px;
	text-decoration: none;
	margin-top: .8em;
	white-space: nowrap;
	}
.cablofil .view-btn span {
	display: inline-block;
	color: #d9d9b0;
	height: 21px;
	padding-top: 1px;
	padding-left: 25px;
	background: url(../images/brands/cablofil/btn-arw-cablo.png) no-repeat 0 0;
	white-space: nowrap;
	}
.cablofil #onlineCablofilBox p { width: 100%; }
/* .cablofil #techResBox_Perf {height: 100%;padding-bottom: 15px;} */
.cablofil .techResBoxes {height:219px; }
.cablofil .rightList {padding: 10px 0 0 10px;float: left;}
.cablofil .rightList li a {
		display: block;
		font-size: 1em;
		line-height: 165%;
		color: #6490b3;
		font-weight: bold;
		padding: 2px 0 2px 8px;
		background: url(images/rightlist-crt.gif) no-repeat 0 8px;
		height: 100%;
}
.cablofil .tab-cont {width: 100%;height: 325px;position: relative;overflow: hidden;}

body.small .cablofil div#tech-tab div.leftTextBox p, body.small .cablofil div#tech-tab div.leftTextBox h3, body.small .cablofil div#tech-tab div.leftTextBox h4 { width:170px; }


/*ON-Q BRAND */

body.small #overview-tab .brand-img,
body.small #green-tab .brand-img,
body.small .ortro #sustainability-tab .brand-img,
body.small .ortro #netclear-tab .brand-img,
body.small .ortro #events-tab .brand-img {
	display:block;
	position:relative;
	right:-200px;
}


body.small .ortro #overview-tab .leftTextBox,
body.small .ortro #sustainability-tab .leftTextBox,
body.small .ortro #netclear-tab .leftTextBox,
body.small .pass #overview-tab .leftTextBox,
body.small .wiremold #overview-tab .leftTextBox,
body.small .wiremold #green-tab .leftTextBox,
body.small .onq #overview-tab .leftTextBox { position:absolute; }

.onq #overview-tab,.onq #solutions-tab,.onq #training-tab,.onq #tools-tab { background: #614051 url(../images/brands/onq/bg-onq-fade.jpg) no-repeat 0 0; }
.onq .tab-cont .leftTextBox h3,.onq .tab-cont .leftTextBox h4,.onq .tab-cont .leftTextBox p { width: 335px;}

body.small .onq #solutions-tab .leftTextBox h3,
body.small .onq #solutions-tab .leftTextBox h4,
body.small .onq #solutions-tab .leftTextBox p { width: 290px;}
body.small .onq #solutionsOnQBox { margin-left:10px;}
body.small .onq #solutionsOnQBox div {width:140px; }
body.small .onq #cellEnt, body.small .onq #cellCom, body.small .onq #cellComf { background-position: 50% 0; }
body.small .onq #solutionsOnQBox h5 { font-size:15px; }

.onq .tab-cont .leftTextBox  h4{color:#c5e2e7;}
.onq #tabs li{ background-color: #38252f; }
.onq #tabs li:hover ,.onq #tabs li.active,.onq #tabs li.active:hover { background-color: #5f4051; }
.onq #solutionsOnQBox {margin-top:20px;}
.onq .transparentBottom{background:url(../images/brands/onq/img_purple_bg.gif) no-repeat -1px 0;width:195px;height:125px;}
.onq #cellEnt{background:url(../images/brands/onq/img_Entertainment.png) no-repeat 0 0;width:195px;height:125px;}
.onq #cellCom{background:url(../images/brands/onq/img_Communications.png) no-repeat 0 0;width:195px;height:125px;}
.onq #cellComf{background:url(../images/brands/onq/img_Comfort.png) no-repeat 0 0;width:195px;height:125px;}
.onq #solutionsOnQBox h5,.onq #solutionsOnQBox ul{padding-top:10px;font-family:arial;width:180px;padding-left:10px;}
.onq #solutionsOnQBox h5{color:#fff;font-size:17px;font-weight:bold;}
.onq #solutionsOnQBox ul{font-size:11px;line-height:17px;}
.onq #solutionsOnQBox ul li a{color:#fde79c;font-weight:bold;padding-left:15px;}
.onq #solutionsOnQBox ul li{display: block;width: 100%;height: 100%;background: url(../images/brands/pass/pass-tabs-crt.gif) no-repeat 0px 5px;}
.onq #training-tab .sidebar{display:inline;margin-right:360px;padding:0px;width:205px;}
body.small .onq #training-tab .sidebar{display:inline;margin-right:100px;padding:0px;width:250px;}

.onq #training-tab .sidebar ul li{
	padding-top:5px;
	padding-bottom:5px;
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/pass-tabs-crt.gif) no-repeat 0px 5px;
}
.onq #training-tab .sidebar ul li a{
	color:#fde79c;
	font-weight:bold;
	padding-left:15px;
	font-size:11px;
}

body.small .onq #tools-tab .leftTextBox { position:absolute }
body.small .onq #tools-tab .leftTextBox h3,
body.small .onq #tools-tab .leftTextBox h4,
body.small .onq #tools-tab .leftTextBox p { width: 250px;}
body.small .onq #tools-tab .brand-img { display:inline; position:relative; right:-170px; }
body.small .onq #tools-tab .onqSeperator {display:none; }

body.small .onq #minitabs { position:absolute; right:108px; top:108px; }

.onq #minitabs{margin-top:20px;padding-left:15px;}
.onq #minitabs li{padding-left:3px;height:26px;}
.onq #minitabs li a {
	background: transparent url(../images/brands/onq/minitab-off.gif) no-repeat 0 0;
	width:99px;
	height:26px;
	display:block;
	float:left;
	position:relative;
	padding-top:5px;
	text-decoration:none;

}
.onq #minitabs li a:hover,
.onq #minitabs li a.active{
	background: #614051 url(../images/brands/onq/minitab-on.gif) no-repeat 0 0;
	width:99px;
	height:26px;
	display:block
	text-decoration:none;
	z-index:2;
	padding:0px;
}
.onq #minitabs li a span{padding-left:13px;font-weight:bold;color:#fde79e;font-size:11px;}
.onq #minitabs li a:hover span,
.onq #minitabs li a.active span{color:#fff;padding-top:5px;display:block;}


.onq .mini{
	clear:left;
	position:absolute;
	padding:0px;
	background-color:#855870;
	top:154px;
	width:565px;
	left:393px;
	z-index:1;
}

body.small .onq .mini {left:363px; width:400px;}
body.large .onq .mini { left:673px; }
body.large .onq #minitabs {position:absolute; right:279px; top:108px }



.onq .minitabsContent{height:80px;padding-top:10px;}
.onq .minitabsContent li{padding-right:1%;width:31%;}
.onq .minitabsContent li ul li{
	clear:left;
	width: 100%;
	height: 100%;
	background: url(images/pass-tabs-crt.gif) no-repeat 0px 3px;
	padding-bottom:5px;

}
.onq .minitabsContent li ul li.noBG{background: none;}
.onq .whiteText{color:#fff;font-weight:normal;}
.onq .purpleTxt{color:#614051;}
.onq .minitabsContent li ul li .miniContLnk{color:#FDE79E;padding-left:10px;font-weight:bold;font-size:11px;}
body.small .onq .minitabsContent li ul li .miniContLnk{padding-left:0;}
body.small .onq #tools-tab .txtOverImg { left:379px; }
body.large .onq #tools-tab .txtOverImg {left:690px;}
.miniTabContent{color:#FDE79E;padding-left:10px;font-weight:bold;font-size:11px;}

/* - WIREMOLD - */

.wiremold .tab-cont { background: #899e9d url(../images/brands/wiremold/brand-wiremold-bg.gif) no-repeat 0 0; }
.wiremold .tab-cont h4 { color: #d9d9b0; font-size: 2.2em; }
.wiremold .tab-cont p { font-size: 1.1em; }

.wiremold #overview-tab { background: #899e9d url(../images/brands/wiremold/brand-wiremold-bg.gif) no-repeat 0 0; }
/* .wiremold #green-tab, -- removed for new pix -- */
.wiremold #diy-tab,
.wiremold #tools-tab { background: #899e9d url(../images/brands/wiremold/brand-wiremold-bar-bg.gif) no-repeat 0 0; }

.wiremold #green-tab p,.wiremold #diy-tab p,.wiremold #tools-tab p { width: 310px; }

.wiremold .sidebar-top 	{ background: url(../images/brands/pass/brand-pass-sidebar-bg.png) no-repeat 0 0; }
.wiremold .sidebar-bot	{ background: url(../images/brands/pass/brand-pass-sidebar-bg.png) no-repeat 0 100%; min-height: 10px; }
.wiremold #tabs li 			{ background-color: #6e7f7e; }
.wiremold #tabs li:hover, .wiremold #tabs li.active,.wiremold #tabs li.active:hover { background-color: #899e9d; }

.wiremold #overview-tab .brand-img,.wiremold #green-tab .brand-img,.wiremold #diy-tab .brand-img,.wiremold #tools-tab .brand-img { margin-right: 10px; }
.wiremold #overview-tab .sidebar { display: none; }
body.small .wiremold #green-tab .sidebar { display:inline; margin-right:130px; padding:0; width:255px;}


.wiremold #green-tab .sidebar { width: 255px; margin-right: 300px; padding: 0; display: inline; }
.wiremold #green-tab .sidebar p { display: inline; margin-left: 0; padding-left: 0; }
.wiremold #diy-tab .sidebar { width: 150px; margin-right: 410px; padding: 0; display: inline; }
body.small .wiremold #diy-tab .sidebar { margin-right:240px; }


.wiremold #tools-tab .sidebar { width: 590px; top: 20px; }
.wiremold #tools-tab .sidebar div.cnr-left	{
	position: relative;
	background: url(../images/brands/wiremold/wm-tools-cnr-l.gif) no-repeat 0 0;
	width: 285px;
	height: 129px;
	float: left;
	}
body.small .wiremold #tools-tab .sidebar { width: 330px; top: 20px; right:30px; }
body.small .wiremold #tools-tab .sidebar div.cnr-left { width:160px;}
body.small .wiremold #tools-tab	.sidebar div img {display:none; }
	
.wiremold #tools-tab .sidebar div.cnr-right { position: absolute; top: 0; right: 0; width: 6px; height: 100%; background: url(/images/brands/wiremold/wm-tools-cnr-r.gif) no-repeat 0 0;  }
.wiremold #tools-tab .sidebar div.config1		{ background: #7994b7 url(/images/brands/wiremold/wm-tools-cnr-l-first.gif) no-repeat 0 0; margin: 0 10px 10px 0; }
.wiremold #tools-tab .sidebar div.config2		{ background-color: #7c6d79; margin: 0 0 10px 0; }
.wiremold #tools-tab .sidebar div.config3		{ background-color: #8cae93; margin: 0 10px 0 0; }
.wiremold #tools-tab .sidebar div.config4		{ background-color: #c0b79c; margin: 0; }

.wiremold #tools-tab .sidebar .config-img { position: absolute; top: 0; right: 0; }
.wiremold #tools-tab .sidebar .config-btn { position: absolute; bottom: 8px; left: 8px; }
.wiremold #tools-tab .sidebar h5 { display: block; position: relative; top: 11px; left: 11px; width: 140px; margin: 0; color: #fff; font-weight: bold; line-height: 150%; }
.wiremold #tools-tab .sidebar h5 a { color: #fff; }
.wiremold #tools-tab .sidebar h5 a:hover,
.wiremold #tools-tab .sidebar h5 a:hover span { text-decoration: none; border: 0; }

.wiremold #green-tab .sidebar h5,
.wiremold #diy-tab .sidebar h5 {
		font-size: 1.8em;
		line-height: 125%;
	}
.wiremold #green-tab .sidebar p { line-height: 125%; }
.wiremold #green-tab .sidebar ul { margin: .8em 0 1em 0; list-style-type: disc; padding-left: 1.5em; }
.wiremold #green-tab .sidebar li { font-weight: bold; font-size: 1.1em; color: #fff; }
.wiremold #green-tab .sidebar li a { color: #fff; }

.wiremold #green-tab img.green-logo {
	margin:5px 0;
	position:absolute;
	left:280px;
	top:210px;
}


/*
.wiremold #green-tab p.green-logo {
	display: block;
	background: url(../images/brands/wiremold/green-bldg-logo.gif) no-repeat 0 0;
	padding-left: 70px;
	padding-top: 1em;
	height: 75px;
	width: 230px;
	margin-left: 30px;
}
*/

.wiremold #diy-tab ul li {
	font-size: 1.1em;
	line-height: 175%;
	padding-left: 8px;
	background: url(../images/brands/wiremold/wm-green-crt.gif) no-repeat 0 50%;
}
.wiremold #diy-tab ul li a {
		font-weight: bold;
		color: #d8f6f2;
}
.wiremold .tab-cont .leftTextBox  p {
	color: #fff;
	font-size: 1.2em;
	line-height: 1.6em;
	padding-bottom:10px;
	margin-right:3px;
	width:335px;
	padding-left:31px;
}


/*ORTRONICS BRAND*/

.ortro #overview-tab,.ortro #sustainability-tab,.ortro #online-tab,.ortro #netclear-tab,.ortro #events-tab { background: #8c94b2 url(../images/brands/onq/bg-ortronics-fade.jpg) no-repeat 0 0; }
.ortro .tab-cont .leftTextBox h3,.ortro .tab-cont .leftTextBox h4,.ortro .tab-cont .leftTextBox p { width: 335px;}
.ortro .tab-cont .leftTextBox  h4 {color:#c5e2e7;}
.ortro #tabs li{ background-color: #52586d; }
.ortro #tabs li:hover,.ortro #tabs li.active,.ortro #tabs li.active:hover {background-color:#7f88a9;}
.ortro #tabs li{ background-color: #52586d; }
.ortro #tabs li:hover,.ortro #tabs li.active,.ortro #tabs li.active:hover {background-color:#7f88a9;}


.ortro .greenTxt{color:#5eaa3b;}
.ortro .whiteTxt{color:#fff;}
.ortro .overImg{z-index:2;top:80px;left:410px;position:absolute;}
body.large .ortro .overImg{ left:695px; }
body.large .ortro .btnOverImg { left:695px; }
.ortro .btnOverImg {left:415px; position:absolute; top:200px; z-index:2;}
.ortro .btnOverImg a span {font-family:arial;font-size:11px;font-weight:bold;color:#fff;}
.ortro #onlineOrtroBox{ position:absolute; top:50px; left:390px; width:580px; }


body.small .ortro #online-tab .leftTextBox h3,
body.small .ortro #online-tab .leftTextBox h4,
body.small .ortro #online-tab .leftTextBox p {width: 250px;}
body.small .ortro #onlineOrtroBox { left:290px; width:500px; top:10px;}
body.small .ortro #onlineOrtroBox h5,
body.small .ortro #onlineOrtroBox p { width:auto; }
body.small .ortro #onlineOrtroBox h5 { padding-bottom:0; }
body.large .ortro #onlineOrtroBox { left:680px; }
body.large .ortro #onlineOrtroBox p { width:auto; }

body.small .ortro #events-tab .brand-img {position:absolute;}

.ortro .onlineBoxes{ width:33%; height:250px; }
body.small .ortro .onlineBoxes{ width:31%; }

.ortro .rightBorder{
	border-right:1px solid #98a2c0;
}
ortro .noRightBorder{
	border-right:none;
}
.ortro .onlineBoxes h5{ padding-top:15px; font-size:1.6em; font-weight:bold; padding-left:10px; color:#fff; }
body.small .ortro .onlineBoxes h5, body.small .ortro .onlineBoxes p {padding-left:5px; }
.ortro .onlineBoxes p,.ortro .onlineBoxes ul li{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	font-family:arial;
	font-size:11px;
	list-style-type:disc;
	list-style-position:inside;
}
body.small .ortro .onlineBoxes ul {margin-left:15px;}
body.small .ortro .onlineBoxes ul li {list-style-position:outside; padding-left:0;}

.ortro .onlineBoxes ul li a{color:#f4f1a3;}
.ortro .boldTxt{font-weight:bold;}
.ortro .onlineBoxes .overview-btns{margin: 0 0 10px 10px}
.ortro #netclear-tab ul{position:absolute; top:80px; left:410px;}
body.large .ortro #netclear-tab ul{left:700px;}
.ortro #netclear-tab ul li {background:transparent url(../images/brands/pass/pass-tabs-crt.gif) no-repeat scroll 0 2px;padding-left:10px;padding-bottom:10px;}
.ortro #netclear-tab ul li a {text-decoration:underline; }
body.small .ortro #events-tab .leftTextBox {
	position:absolute;
}

body.large .ortro .txtOverImg{z-index:2;top:50px;left:687px;position:absolute;font-size: 2.2em;text-transform: uppercase;}

.ortro #events-tab #ortroEventBox p{ font-size:1.1em;}
.ortro #events-tab #ortroEventBox h5 { font-size:1.2em; }
.ortro #events-tab #ortroEventBox p,.ortro #events-tab #ortroEventBox h5 { color:#FFFFFF; }
.ortro #events-tab #ortroEventBox { position:absolute; top:120px; left:410px;}
.ortro #events-tab #ortroEventBox .ortroEventItem { margin:0 0 7px; padding:0 30px 0 0; }
body.large .ortro #events-tab #ortroEventBox { left:685px; position:absolute; top:120px; }
body.small .ortro #events-tab #ortroEventBox { left:400px; top:120px; padding-left:15px;  }

body.small .ortro #events-tab #ortroEventBox h5, body.small .ortro #events-tab #ortroEventBox p,{ width:100% }


/**ABOUT US**/
a.btn-rss span { background: url(../images/btn-rss-bg.png) no-repeat 0 0; }
a.btn-rss { background: url(../images/btn-cap.png) no-repeat 100% 0; }
.about a.btn-right span { background: url(../images/brands/about/btn-right-bg.png) no-repeat 0 0; }
.about a.btn-up span { background: url(../images/brands/about/btn-up-bg.png) no-repeat 0 0; }
.about a.btn-down span { background: url(../images/brands/about/btn-down-bg.png) no-repeat 0 0; }
.about a.btn-right,
.about a.btn-up,
.about a.btn-down { background: url(../images/brands/about/btn-cap.png) no-repeat 100% 0; }
.about a.btn-right span, .pass a.btn-up span, .pass a.btn-down span { color: #d9d9b0; }
.about a.btn-right:hover, .pass a.btn-up:hover, .pass a.btn-down:hover { background-position: 100% -30px; color: #fff; }
.about a.btn-right:hover span, .pass a.btn-up:hover span, .pass a.btn-down:hover span { background-position: 0 -30px; color: #fff; text-decoration: none; }