/* --- 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;
	}

/*body.small .tab-cont { height: 250px; }*/

.tab-cont a { color: #e3e1c6; }

.tab-cont h3, .tab-cont h4 { width: 330px; }

body.large .tab-cont h3, body.large .tab-cont h4 { width: 630px; }
body.large .tab-cont p { width: 600px; }



/* left padding adjusted so text lines up on this specific setup, based upon 30px */

.tab-cont h3 {
	padding: 30px 0 0 28px;
	margin: 0;
	color: white;
	font-size: 4.6em;
	}

.cat-img { float: right; margin-top: 10px; }

/* Hide Home Systems image on body.small */
body.small .home-sys .tab-cont .cat-img {
	display:none
}

/* Now add it back in as a background */
/* and cover up the excess with .leftTextBlock */
body.small .home-sys .tab-cont {background:#A87957 url(../images/categories/cat-homesys-img.jpg) no-repeat 192px center;}
body.small .home-sys .leftTextBox {
	background:#A87957 url(../images/categories/cat-homesys-bg.gif) no-repeat scroll 0 0;
	float:left;
	height:100%;
	width:340px;
}



body.small .cat-img { display: none; }

body.small .tab-cont .cat-img { display:block; margin-right: -170px; }

#brand-nav { width: 100%; }

#brand-bottom {
background-color:white;
border-collapse:separate;
border-spacing:7px;
display:table;
table-layout:fixed;
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;
	}


.overview-btns { margin: 0 0 10px 30px; font-size: 1.1em; }
.overview-btns a.btn-right { margin-right: 10px; }
.overview-btns span { padding-top: 3px; }

.tab-cont .leftTextBox h3,.tab-cont .leftTextBox h4,.tab-cont .leftTextBox p {  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;
	}


.leftTextBox { float: left; width: 340px; }
body.large .leftTextBox { width: 650px; }




/* buttons */

a.btn-right {
	display: inline-block;
	height: 20px;
	padding-right: 13px;
	text-decoration: none;
	margin-top: .8em;
	white-space: nowrap;
}

a.btn-right span {
	display: inline-block;
	height: 20px;
	padding-left: 25px;
	white-space: nowrap;
	font-size: 1em;
	font-weight: bold;
}

/* Need Login link */

.tab-cont .leftTextBox a.loginReq {
	display:block;
	font-size:1em;
	margin:5px 0 0 26px;
}

/* CATEGORY SPECIFIC */

.home-sys .tab-cont { background: #a87957 url(../images/categories/cat-homesys-bg.gif) no-repeat 0 0; }
.home-sys .tab-cont h3 { padding-top: 40px; }
.home-sys .overview-btns { display: none; }
.home-sys .leftTextBox p { margin-top: 20px; }

.wiringdev .tab-cont { background: #54a1bd url(../images/categories/cat-wiringdev-bg.gif) no-repeat 0 0; }


.wirecable .tab-cont { background: #6baa91 url(../images/categories/cat-wirecable-bg.gif) no-repeat 0 0; }


.lighting .tab-cont { background: #ccaf3d url(../images/categories/cat-lighting-bg.gif) no-repeat 0 0; }


.datacom .tab-cont { background: #808c4f url(../images/categories/cat-datacom-bg.gif) no-repeat 0 0; }


.av .tab-cont { background: #688dbe url(../images/categories/cat-av-bg.gif) no-repeat 0 0; }
.av .leftTextBox h4 { color: #fde79c }





/* home systems buttons */

.home-sys a.btn-right span { background: url(../images/brands/pass/btn-right-bg.png) no-repeat 0 0; }
.home-sys a.btn-right { background: url(../images/brands/pass/btn-cap.png) no-repeat 100% 0; }
.home-sys a.btn-right span, .home-sys .tab-cont .leftTextBox a.loginReq { color: #d9d9b0; }
.home-sys a.btn-right:hover { background-position: 100% -30px; color: #fff; }
.home-sys a.btn-right:hover span { background-position: 0 -30px; color: #fff; text-decoration: none; }

.datacom a.btn-right span { background: url(../images/categories/btn-right-datacom.png) no-repeat 0 0; }
.datacom a.btn-right { background: url(../images/categories/btn-cap-datacom.png) no-repeat 100% 0; }
.datacom a.btn-right span, .datacom .tab-cont .leftTextBox a.loginReq { color: #fde79c; }
.datacom a.btn-right:hover { background-position: 100% -30px; color: #fff; }
.datacom a.btn-right:hover span { background-position: 0 -30px; color: #fff; text-decoration: none; }

.av a.btn-right span { background: url(../images/categories/btn-right-av.png) no-repeat 0 0; }
.av a.btn-right { background: url(../images/categories/btn-cap-av.png) no-repeat 100% 0; }
.av a.btn-right span, .av .tab-cont .leftTextBox a.loginReq { color: #fde79c; }
.av a.btn-right:hover { background-position: 100% -30px; color: #fff; }
.av a.btn-right:hover span { background-position: 0 -30px; color: #fff; text-decoration: none; }

.wirecable a.btn-right span { background: url(../images/categories/btn-right-wirecable.png) no-repeat 0 0; }
.wirecable a.btn-right { background: url(../images/categories/btn-cap-wirecable.png) no-repeat 100% 0; }
.wirecable a.btn-right span, .wirecable .tab-cont .leftTextBox a.loginReq { color: #fde79c; }
.wirecable a.btn-right:hover { background-position: 100% -30px; color: #fff; }
.wirecable a.btn-right:hover span { background-position: 0 -30px; color: #fff; text-decoration: none; }

.wiringdev a.btn-right span { background: url(../images/categories/btn-right-wiringdev.png) no-repeat 0 0; }
.wiringdev a.btn-right { background: url(../images/categories/btn-cap-wiringdev.png) no-repeat 100% 0; }
.wiringdev a.btn-right span, .wiringdev .tab-cont .leftTextBox a.loginReq { color: #fde79c; }
.wiringdev a.btn-right:hover { background-position: 100% -30px; color: #fff; }
.wiringdev a.btn-right:hover span { background-position: 0 -30px; color: #fff; text-decoration: none; }

.lighting a.btn-right span { background: url(../images/categories/btn-right-lighting.png) no-repeat 0 0; }
.lighting a.btn-right { background: url(../images/categories/btn-cap-lighting.png) no-repeat 100% 0; }
.lighting a.btn-right span, .lighting .tab-cont .leftTextBox a.loginReq { color: #fde79c; }
.lighting a.btn-right:hover { background-position: 100% -30px; color: #fff; }
.lighting a.btn-right:hover span { background-position: 0 -30px; color: #fff; text-decoration: none; }