html, html body, #normal, #wide {
    height: 100%;
}
body {
    background: #fff url(/img/site/lcolumn_bg.gif) repeat-y 0 131px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
div.spacer {
    clear: both;
}
#hdBG {
	width: 100%;
	height: 106px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: url(../../img/site/header_bg_red.gif);
	background-repeat: repeat-x;
}
#normal {
	width: 980px;
	margin-left: 0;
    position: absolute;
    z-index: 2;
}
#hd {
    font-size: 11px;
	height: 106px;
	position: relative;
}


#logoBG_tp {
	height: 79px;
	width: 272px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background-image: url(../../img/site/logo_bg_tp.png);
	background-color: transparent;
	background-repeat: no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=none src='img/site/logo_bg_tp.png');
}

#logoBG_bt {
	height: 27px;
	width: 229px;
	position: absolute;
	z-index: 2;
	top: 80;
	left: 0;
	_margin-top: -2px;
	/*added following margin-top for all browsers to correct shift caused by change from strict to transitional */
	margin-top: 0px;
	/* end add */
	padding: 0;
	background-image: url(../../img/site/logo_bg_bt.png);
	background-color: transparent;
	background-repeat: no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=none src='img/site/logo_bg_bt.png');
}
#logo {
    position: absolute;
    z-index: 3;
}
#spot {
	width: 275px;
	height: 79px;
	margin-left: 215px;
	background: url(/img/site/spot_ad_business.jpg) no-repeat;
}
#spot img {
    width: 275px;
    height: 79px;
    background: transparent url(../../img/site/spot_cover.png) no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=none src='img/site/spot_cover.png');
}
#globalNav {
	position: absolute;
	top: 10px;
	right: 30px;
	color: #000;
	margin: 0;
	padding: 0;
}
#globalNav a {
	text-decoration: none;
	color: #000;
}
#globalNav a:hover {
	text-decoration: underline;
}
#globalNav a:hover, #globalNav a.active {
	color: #CC0000;
}
#searchForm {
    font-size: 12px;
	position: absolute;
	right: 25px;
	top: 45px;
	height: 30px;
}
#searchForm #search {
    width: 150px;
}
#searchForm label {
	font-size: 11px;
	color: #CC0000;
	font-weight: bold;
}
#searchForm label, #searchForm input, #searchForm select {
    vertical-align: middle;
}
#searchForm .searchButton {
    width: 30px;
    height: 30px;
	background: url(../../img/site/arrow.png);
	margin-bottom: -2px;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=none src='img/site/arrow.png');
}
#primaryNav {
	position: absolute;
	left: 159px;
	height: 27px;
	bottom: 0;
	margin: 0;
}
#primaryNav li {
    display: block;
    float: left;
    list-style: none;
    overflow: hidden;
    height: 27px;
    margin-left: -16px;
}
#primaryNav a {
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../../img/site/nav_red.gif);
	background-position: 0 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	padding: 0 0 0 21px;
	margin: 0;
	line-height: 27px;
	vertical-align: middle;
    ~padding-top: 3px;
	_padding-top: 7px;
}
#primaryNav .first a {
    margin: 0;
    padding: 0 0 0 80px;
    ~padding-top: 3px;
    _padding-top: 7px;
}
#primaryNav a .cap {
	width: 21px;
	height: 27px;
	background-repeat: no-repeat;
	background-image: url(../../img/site/nav_red.gif);
	background-position: 0 -54px;
	margin: 0 0 0 5px;
	vertical-align: bottom;
	~margin-top: -6px;
	_margin-top: -7px;
}
#primaryNav .endCap {
	background-repeat: no-repeat;
	background-image: url(../../img/site/nav_red.gif);
	background-position: 0 0;
	width: 21px;
	height: 27px;
	vertical-align: bottom;
}
#primaryNav a:hover, #primaryNav a.active {
	color: #CC0000;
	background-repeat: repeat;
	background-image: url(../../img/site/nav_red.gif);
	background-position: 0 -27px;
}
#primaryNav a:hover .cap, #primaryNav a.active .cap {
	background-repeat: no-repeat;
	background-image: url(../../img/site/nav_green.gif);
	background-position: -21px -54px;
}
#lcolumn {
	width: 185px;
	float: left;
	text-align: left;
}
#region {
	height: 20px;
	padding: 3px 15px;
	~padding-top: 5px;
	background-image: url(../../img/site/region_bg.gif);
	background-repeat: repeat-x;
}
#region a {
	font-weight: bold;
	font-size: 9px;
	color: #fff;
	text-decoration: none;
}
a #co_solutions {
	margin: 10px 0 10px 15px;
	margin-bottom: 0px;
	width: 153px;
	height: 24px;
	background-image: url(../../img/site/co_solutions.gif);
	background-position: 0 -24px;
}
/* IE only hack for image rollovers */
a.hover:hover {    
    _height: 1%;    
}
a:hover #co_solutions {
	background-position: 0 0;
	background-image: url(../../img/site/co_solutions.gif);
}
.secnav {
    text-align: left;
    border: dotted 1px #666;
    border-left: 0;
    border-right: 0;
	margin: 10px 15px;
	padding: 0;
	width: 153px;
	font-size: 11px;
}
.secnav li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.secnav li a {
    text-decoration: none;
    color: #000;
}
.secnav .top {
    padding: 5px 0 5px 8px;
    font-weight: bold;
}
.secnav li.dropDown {
	border-top: dotted 1px #666;
	background-image: url(../../img/site/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 9px;
}
.secnav .first {
    border-top: none !important;
}
.secnav li.dropDownactive {
	border-top: dotted 1px #666;
	background-image: url(../../img/site/nav_arrow_active.gif);
	background-repeat: no-repeat;
	background-position: 0 11px;
}
.secnav a:hover, .secnav a.active {
	color: #CC0000;
}
.secnav a:hover {
    text-decoration: underline;
}
.secnav ul {
    margin: -5px 0 5px 0;
    ~margin-top: 0;
    padding: 0;
}
.secnav ul li {
    padding: 3px 0 0 8px;
    ~padding-left: 0;
    font-weight: normal;
}
.secnav li ul {
    ~margin: -20px 0 5px 8px;
}
.callout {
    width: 153px;
    margin: 0 auto;
    text-align: left;
}
.callout .hd {
    background: url(/img/site/callout/callout_hd_bg.gif) no-repeat;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    padding: 7px 10px;
    height: 10px;
}
.callout .bd {
    background: url(/img/site/callout/callout_bg.gif) repeat-y;
    padding: 7px;
}
.callout .ft {
    height: 23px;
    background: url(/img/site/callout/callout_ft_bg.png) no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=none src='/img/site/callout/callout_ft_bg.png');
}
#content_photo {
	float: left;
	width: 320px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
}
#content_lg_photo {
	float: left;
	width: 750px;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content {
	float: left;
	width: 420px;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content a, #content h1, #content h2, #content h3, #content a:active {
    color: #cc0000;
}
#content a:visited {
    color: #666666;
	text-decoration: none;
}
.box {
   border: solid 1px #ccc;
   width: 400px;
}
.box .hd h2 {
    padding: 4px 10px;
    margin: 0;
    height: 25px;
    color: #fff !important;
    font-weight: bold;
    font-size: 108%;
    background-image: url(/img/site/header_bg_red.gif);
    background-position: 0 -79px;
    background-repeat: repeat-x;
}
.box .bd {
    padding: 10px;
}
.box form label {
    font-weight: bold;
}

#ft {
	color: #333333;
	padding: 0 25px 10px 210px;
	line-height: 18px;
	font-size: 11px;
}
#ft a {
	color: #333333;
	text-decoration: none;
}
#ft a:hover {
    text-decoration: underline;
}
#ft a:hover, #ft a.active, #ft a:active {
	color: #CC0000;
}
#ft a:visited {
    color: #666666;
	text-decoration: none;
}

/* wide width code, swap the id=normal with: wide */
#wide {
    width: 1024px;
}
#wide #content {
	width: 789px;
}
#wide #primaryNav {
	width: 824px;
}

/* Avery Corp - Silver */
#corp #hdBG {
    background: url(/img/site/header_bg_silver.gif) repeat-x;
}
#corp #spot {
	background: url(/img/site/spot_corp.jpg) no-repeat;
}
#corp #primaryNav a, #corp #primaryNav a .cap, #corp #primaryNav .endCap, #corp #primaryNav a:hover, #corp #primaryNav a.active, #corp #primaryNav a:hover .cap, #corp #primaryNav a.active .cap {
    background-image: url(/img/site/nav_silver.gif);
}

/* Avery Graphics - Default Red */
#avery_graphics #spot {
	background: url(/img/site/spot_avery_graphics.jpg) no-repeat;
}

/* Avery - Dark Blue */
#avery #hdBG {
    background: url(/img/site/header_bg_blue.gif) repeat-x;
}
#avery #spot {
	background: url(/img/site/spot_avery.jpg) no-repeat;
}
#avery #primaryNav a, #avery #primaryNav a .cap, #avery #primaryNav .endCap, #avery #primaryNav a:hover, #avery #primaryNav a.active, #avery  #avery #primaryNav a:hover .cap, #avery #primaryNav a.active .cap {
    background-image: url(/img/site/nav_blue.gif);
}
#avery #globalNav a:hover, #avery #globalNav a.active, #avery #searchForm label, #avery #primaryNav a:hover, #avery #primaryNav a.active, #avery .secnav a:hover, #avery .secnav a.active, #avery #content a, #avery #content h1, #avery #content h2, #avery #content h3, #avery #ft a:hover, #avery #ft a.active, #avery #ft a:active, #avery #content a:active {
    color: #000099;
}
#avery .box .hd h2 {
    background-image: url(/img/site/header_bg_blue.gif);
}


/* Fasson - Light Blue */
#fasson #hdBG {
    background: url(/img/site/header_bg_ltblue.gif) repeat-x;
}
#fasson #spot {
	background: url(/img/site/spot_fasson.jpg) no-repeat;
}
#fasson #primaryNav a, #fasson #primaryNav a .cap, #fasson #primaryNav .endCap, #fasson #primaryNav a:hover, #fasson #primaryNav a.active, #fasson #primaryNav a:hover .cap, #fasson #primaryNav a.active .cap {
    background-image: url(/img/site/nav_ltblue.gif);
}
#fasson #globalNav a:hover, #fasson #globalNav a.active, #fasson #searchForm label, #fasson #primaryNav a:hover, #fasson #primaryNav a.active, #fasson .secnav a:hover, #fasson .secnav a.active, #fasson #content a, #fasson #content h1, #fasson #content h2, #fasson #content h3, #fasson #ft a:hover, #fasson #ft a.active, #fasson #ft a:active, #fason #content a:active {
    color: #3366CC;
}
#fasson .box .hd h2 {
    background-image: url(/img/site/header_bg_ltblue.gif);
}
a  #net_locator {
	margin: 10px 0 10px 15px;
	margin-bottom: 0px;
	width: 153px;
	height: 24px;
	background-image: url(../../img/site/network_locator.jpg);
	background-position: 0 -24px;
}
a:hover  #net_locator {
	background-position: 0 0;
	background-image: url(../../img/site/network_locator.jpg);
}
a  #install_video {
	margin: 10px 0 10px 15px;
	margin-bottom: 0px;
	width: 153px;
	height: 24px;
	background-image: url(../../img/site/install_video.jpg);
	background-position: 0 -24px;
}
a:hover  #install_video {
	background-position: 0 0;
	background-image: url(../../img/site/install_video.jpg);
}
a #buy_now {
	margin: 10px 0 10px 15px;
	margin-bottom: 0px;
	width: 153px;
	height: 24px;
	background-image: url(../../img/site/buy_now.jpg);
	background-position: 0 -24px;
}
a:hover #buy_now {
	background-position: 0 0;
	background-image: url(../../img/site/buy_now.jpg);
}
.spacer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.bodyV {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.headV {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #CC0000;
}