﻿body{padding: 0px;text-align: center;font-size: 12px; background-color: #e7e6e4; font-family: verdana, sans-serif;}
form{margin: 0px;padding: 0px;}
img{border: none;}
fieldset, form
{
	border: none;
	margin: 0px;
	padding: 0px;
}
h1{font-family: Helvetica, Arial, Sans-Serif; font-size:medium;color:#333;}
#wrapper
{
	width: 950px;
	margin: 0 auto;
	padding: 0;
	margin-top:8px;
	text-align: left;
	border: 1px solid #CCC;
	height:1200px;
}
#logoContainer2 {
	height:74px;
	margin-top:1px;
	margin-bottom:5px;
	margin-left: 0px;
	width:265px;
	clear:both;        
	z-index:1;
	float: left;
}
.logoLink {
	z-index:1;
	float: left;
}
#catalogViewer {
    position:relative;
    float:right;
    left:190px;
    margin-top:-85px;
    width:150px;
    text-align:center;
}
#header
{
	height: auto;
	width: 950px;
	line-height: 2em;
	float: left;
	background-color: #ffffff;
	
}
#headerright
{
	height: auto;
	width: 500px;
	float: right;
}

.media a:link, .media a:visited{
	color: #40B3B3;
	text-align: right;
}
.media a:hover {text-decoration:underline;}
/*Menu Elements*/

#headerWrapper {
	background-color:#E5E5E5;
	float:left;
	font-size:10px;
	font-weight:bold;
	list-style-type:none;
	margin:0;
	padding:0;
	width:950px;
}
#headerWrapper ul#menu1 {
	background-color:#E5E5E5;
	float:left;
	font-size:10px;
	font-weight:bold;
	list-style-type:none;
	margin:0;
	padding:0;
	width:950px;
}
#headerWrapper ul#menu1 li {
	float:left;
	height:28px;
	margin:0;
	padding:0;
}
#headerWrapper #menu1 a {
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-family:Helvetica,Verdana,sans-serif;
	font-size:14px;
	font-weight:bold;
	height:0 !important;
	overflow:hidden;
	padding:28px 0 0;
	text-align:center;
	text-decoration:none;
}
#headerWrapper #menu1 a:hover{
	height: 0 !important;
	overflow: hidden;
}
/*#headerWrapper ul#menu1 li#current a#mediaLink, #headerWrapper ul#menu1 li#current a#mediaLink:hover {
	background:#CCCCCC url(/images2/fullmenu.jpg) no-repeat scroll 0 -28px;
	width:167px;
} */

#headerWrapper ul#menu1 a#mediaLink {
	background:#CCCCCC url(/images2/fullmenu.jpg) no-repeat scroll -0px -28px;
	width: 226px;
}    
#headerWrapper #menu1 a#mediaLink:hover {
	background:#95B550 url(/images2/fullmenu.jpg) no-repeat scroll -0px -56px;
	width:226px;
}
#headerWrapper #menu1 a#mediaLink:active {
	background:#95B550 url(/images2/fullmenu.jpg) no-repeat scroll -0px 0px;
	width:226px;
}

#headerWrapper ul#menu1 li#current a#dupLink, #headerWrapper ul#menu1 li#current a#dupLink:hover {
	background:#CCCCCC url(/images2/fullmenu.jpg) no-repeat scroll -226px -0px;
	width:215px;
} 

#headerWrapper #menu1 a#wmLink {
	background:#5284A3 url(/images2/fullmenu.jpg) no-repeat scroll -441px -28px;
	width:158px;
}
#headerWrapper #menu1 a#wmLink:hover {
	background:#5284A3 url(/images2/fullmenu.jpg) no-repeat scroll -441px -56px;
	width:158px;
}
#headerWrapper #menu1 a#wmLink:active {
	background:#5284A3 url(/images2/fullmenu.jpg) no-repeat scroll -441px 0px;
	width:158px;
} 
#menu2 {
	background:#95B550 none repeat scroll 0 0;
	border-bottom:1px solid #CCCCCC;
	float:left;
	line-height:1.3em;
	margin-bottom:0;
	padding-left:4px;
	height: 28px;
	width:950px;
}
#menu2gr {
	background:#95B550 none repeat sroll 0 0;
	border-bottom:1px solid #CCCCCC;
	float: left;
	line-height: 1.3em;
	margin-bottom: 0;
	padding-left: 172px;
	width: 736px;
}
#menu2ea {
	background:#95B550 none repeat scroll 0 0;
	border-bottom:1px solid #CCCCCC;
	float:left;
	line-height:1.3em;
	margin-bottom:0;
	padding-left:131px;
	width:777px;
}
#menu2 ul{
	background: #FFFFFF none repeat scroll 0 0;
}
#menu2 li li {
	
	line-height:12px;
	padding-left:8px;
	padding-top:3px;
	text-align: left;
}
#menu2 li li a {
	border:0 solid #FFFFFF;
	color:#95B550;
	float:none;
	font-weight:normal;
	margin:0;
	padding:2px 0 2px 6px;
	text-decoration:none;
	width:220px;
	text-align: left;
}
#menu2 li ul {
	border-bottom:1px solid #738D3D;
	float:none;
	margin-top:6px;
	padding: 8px 5px 5px;
	position:absolute;
	top:-999em;
	width:250px;
	z-index:100;
}
#menu2 li ul.col1 {
	border-left:1px solid #738D3D;
}
#menu2 li ul.col1a {
	border-left:1px solid #738D3D;
	border-right:1px solid #738D3D;
}
#menu2 li ul.col2 {
	background:#FFFFFF url('/images2/dot_vert.gif') repeat-y scroll 0 50%;
	margin-left:170px;
}
#menu2 li ul.col2BC {
	
	margin-left:240px;
	background:#FFFFFF url('/images/dot_vert.gif') repeat-y scroll 0 50%;
}
#menu2 li ul.col3 {
	background:#FFFFFF url('/images2/dot_vert.gif') repeat-y scroll 0 50%;
	border-right:1px solid #738D3D;
	margin-left:370px;
}
#menu2 li ul.col4 {
	background:#FFFFFF url('/images2/dot_vert.gif') repeat-y scroll 0 50%;
	border-right:1px solid #738D3D;
	margin-left:540px;
}
#menu2 li ul.col5 {
	background:#FFFFFF url('/images/dot_vert.gif') repeat-y scroll 0 50%;
	border-right:1px solid #738D3D;
	margin-left:700px;
}
#menu2 li ul.col1_1 {
	border-left:1px solid #738D3D;
	
}
#menu2 li ul.col2_2 {
	background:#FFFFFF url('/images2/dot_vert.gif') repeat-y scroll 0 50%;
	margin-left:200px;
}
#menu2 li ul.col3_3 {
	background:#FFFFFF url('/images2/dot_vert.gif') repeat-y scroll 0 50%;
	border-right:1px solid #738D3D;
	margin-left:405px;
}
#menu2 li ul.col4_4 {
	background:#FFFFFF url('/images2/dot_vert.gif') repeat-y scroll 0 50%;
	border-right:1px solid #738D3D;
	margin-left:590px;
}
#menu2 li, #menu2gr li, #menu2ea li {
	
	border-left: 0 solid #738D3D;
	border-top: 0 solid #738D3D;
	float: left;
	text-align: left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position: relative;
	z-index: 10;
 }
#menu2 a, #menu2gr a, #menu2ea a {
	border-top:1px solid #738D3D;
	color:#FFFFFF;
	display:block;
	float:left;
	padding:7px 0 0;
	text-decoration:none;
	text-align:center;
}
#menu2 a:active, #menu2 a:focus, #menu2 a:visited, #menu2gr a:active, #menu2gr a:focus, #menu2gr a:visited, #menu2ea a:active, #menu2ea a:focus, #menu2ea a:visited {
	text-decoration:none;
}
#menu2 li:hover, #menu2 li.sfHover, #menu2 li:hover a.catList, #menu2 li.sfHover a.catList, #menu2 li a.catList:focus, #menu2 li a:hover, #menu2 li a:active {
	background:#FFFFFF none repeat scroll 0 0;
	color:#95B550;
	font-weight:bold;
}
#menu2, #menu2 *, #menu2gr, #menu2gr *, #menu2ea, #menu2ea * {
	font-size:11px;
	margin:0;
	padding:0;
}

#menu2 li li:hover > a, #menu2 li li.sfHover > a {
	color:#95B550;
	font-weight:normal;
	text-align: left;
	padding-bottom:2px;
	text-decoration:underline;
}
#menu2 li:hover ul, ul#menu2 li.sfHover ul {
	left:0;
	top:22px;
}
/* Change height value here to increase or decrease the menu height for the Blank Media secion */
#menu2 li:hover ul.mediaNav, ul#menu2 li.sfHover ul.mediaNav {
	height:150px;
	left: 0;
	margin-top: 6px;
	
}
/* Change height value here to increase or decrease the menu height for the Packaging secion */
#menu2 li:hover ul.packNav, ul#menu2 li.sfHover ul.packNav {
	height:350px;
	left: -80px;
	margin-top: 6px;
}
#menu2 li:hover ul.equipNav, ul#menu2 li.sfHover ul.equipNav {
	height:120px;
	left: -200px;
	margin-top: 6px;
}
#menu2 li:hover ul.BusCardNav, ul#menu2 li.sfHover ul.BusCardNav {
	height:180px;
	left: -1px;
	margin-top: 6px;
	border-right:1px solid #738D3D;
}
#menu2 li:hover ul.saleNav, ul#menu2 li.sfHover ul.saleNav {
	height:340px;
	left: -1px;
	margin-top: 6px;
	border-right:1px solid #738D3D;
}
#menu2 li:hover ul.templateNav, ul#menu2 li.sfHover ul.templateNav {
	height:50px;
	left: -1px;
	margin-top: 6px;
	border-right:1px solid #738D3D;
}
#menu2 li:hover ul.brandNav, ul#menu2 li.sfHover ul.brandNav {
	height:275px;
	left: -500px;
	margin-top: 6px;
	border-right:1px solid #738D3D;
}
#menu2 li:hover ul.allNav, ul#menu2 li.sfHover ul.allNav {
	height:340px;
	left: -659px;
	margin-top: 6px;
	border-right:1px solid #738D3D;
}
.catMedia {
	text-align:center;
	width:130px;
}
.catPack {
	text-align:center;
	width:150px;
}
.catEquip {
	text-align:center !important;
	width:92px;
}
.catBusCard {
	text-align:center;
	width:115px;
}
.catSigns {
	text-align:center;
	width:130px;
}
.catSale {
	text-align:center;
	width:100px;
}
.catRebate {
	text-align:center;
	width:140px;
}
.catBrand {
	text-align:center;
	width:80px;
}
.catAll {
	text-align:center;
	width:140px;
}
.catList {
	height:20px;
	text-decoration:none;
	border-left:1px solid #95B550;
	
}
.catSolo {
	height:23px;
	text-decoration:none;
	
}
/* --- Menu item has not sub items so it does not need to display sub menu. Keeping code around just in case I need to reactivate this.
#menu2 * a.catList:hover, a.catList:active
{
	border-left:1px solid #738D3D;
	color:#95B550;
	height: 28px;
	font-weight:bold;
	text-decoration:none;
	background-color:#FFFFFF;
}*/
#menu2 * a.catList:focus, #menu2 * a.catList:active {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}

#menu2 li:hover li ul, #menu2 li.sfHover li ul {
	top:-999em;
}
#menu2 li li:hover ul, ul#menu2 li li.sfHover ul {
	left:9.45em;
	top:-1px;
	width:9.45em;
}
.superfish li:hover ul, .superfish li li:hover ul {
	top:-999em;
}
#menu2 li li.subTitle {
	color:#333333;
	font-weight:bold;
	padding-bottom:5px;
	padding-left:15px;
	padding-top:5px;
 
}



/* Login Panel */
#top {
	/*background: url(images/login/login_top.jpg) repeat-x 0 0;*/
	height: 28px;
	width: 190px;
	float: left;
	margin-left: 120px;
	padding-top: 25px;
}

#top ul.login {
	display: block;
	float: right;
	clear: right;
	height: 19px;
	width: auto;
	margin: 0;
	right: 0;
	color: #333333;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	text-align: center;
	/*background: url(images/login/login_r.jpg) no-repeat right 0;*/
	margin-right: 15px;
	padding-right: 7px;
}

#top ul.login li.left {
	/*background: url(images/login/login_l.jpg) no-repeat left 0;*/
	height: 23px;
	width: 20px;
	/*background-color: #D02629;*/
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	
}
#top ul.login li.mid {
  
	height: 23px;
	width: 100px;
	/*background-color: #D02629;*/
	padding: 0;
	margin: 0;
	display: block;
	float: right;
	
}
 #top ul.login li.ac{
	height: 26px;
	width: 125px;
	background-image: url(images/acctcenter.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	margin:0;
	display: block;
	font-size: 13px;
	
	
}

#top ul.login li {
	text-align: left;
	
	display: block;
	padding-top: 5px;
	line-height: 25px;
	
	/*background: url(images/login/login_m.jpg) repeat-x 0 0;*/
	
}
#top ul.login li.btn {
  padding-top:0px;
}

#top ul.login li a {
	color:#333333;
}

#top ul.login li a:hover {
	color: #333333;
	text-decoration: underline;
}
#topInfoContainer{
	width: 350px;
	border-left: solid 1px #cccccc;
	float: right;
	margin: 0;
	padding: 0;
	height: 95px;
}
/*--- Styles--*/
.searchForm .formInput {
	float:right;
	padding-left:2.08em;
}
.searchForm .formInput input {
	font-size:1.15em;
	margin-top:0;
	padding-bottom:0.185em;
	width:22.3em;
}
.formBtn {
	float:left;
	margin-left:8px;
	margin-top: 10px;  
}
.formBtn img {
	height:8px;
	width:100px;
	border: 0;
}
.searchBox
{
	height: 28px;
	background-image: url(/images2/searchboxbgd.jpg);
	background-repeat: repeat-x;
	width: 295px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	float: left;
	font-size: 20px;
	line-height: 28px;
	margin-left: 10px; 
}
.searchBox
{
	height: 15px;
	background-image: url(/images2/searchboxbgd.jpg);
	background-repeat: repeat-x;
}

#searchForm{
height: 40px;
border-bottom: solid 1px #CCCCCC;
width: 100%;
padding-bottom: 10px;
}
.buttonContainer {
	display:inline;
	height:28px;
	left:0;
	width: 27px;
	position:relative;
	top:0;
}
.btn_search {
   
	background:transparent url('/images2/btn_search.jpg') no-repeat scroll left top;
	border:medium none;
	cursor:pointer;
	float:left;
	height:27px;
	width:28px;
   }
.topEmailContainer
{

	background-color:White;
	height: 27px;
	width: 349px;
	font-weight: normal;
	border-left: solid 1px #CCCCCC; 
	border-top: solid 1px #CCCCCC;
		 
}
.topEmailText {position: relative;font-family:Tahoma, Arial, Sans-Serif; font-weight:bold; font-size:x-small;margin-left:3px;margin-top:8px;float:left;}
.emailInputContainer{position:relative; width:80px;padding-left:5px;}
.topEmailBox{height: 15px;background-image: url('/images2/searchboxbgd.jpg');background-repeat: repeat-x;width: 130px;border: 1px solid #CCCCCC;font-family:tahoma, arial, sans-serif;color:#999999;font-size: 12px;margin-left: 4px; }
.topEmailButton{position:relative;top: 4px;background-color:White;}
.safeSubImage{position:relative; top:7px;width:105px;height:14px;margin-right:2px; border: none 0px white;}
.emailBox
 {
	height: 15px;
	background-image: url('images/searchboxbgd.jpg');
	background-repeat: repeat-x;
	width: 100px;
	border: 1px solid #CCCCCC;
   /* margin-top: 10px;*/
 /*   float: right; */
	font-size: 14px;
	line-height: 28px;
	/* margin-left: 10px;  */
}


/*----/Search Styles------*/
 #phoneContainer{
	height: 30px;
	width: 175px;
	float: left;
	font-weight: normal;
	padding: 10px 0 5px 10px;
	border-right: solid 1px #CCCCCC;
 }
 .phone{
 font-family: Verdana;
 color: #333333;
 margin-left: 0px; 
 font-size: 20px;
}
#liveChat{
	height: 29px;
	width: 100px;
	float: right;
	margin-top: 7px;
	margin-right: 30px;
}


#coreWrapper
{
	background:#FFFFFF url(/images2/bg_02.gif) repeat-y scroll 0 0;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:0 0px 0px;
	float:left;
	margin:0 0 0 0px;
	width:950px;
}






/*------Page Content Styles----------*/

#pageContent
{
	background: #FFFFFF none repeat scroll 0 0;
	float: right;
	margin: 0 0 0 0;
	width: 750px;
	padding:10px 10px 10px 0;
	
}
#pageContentNoMenu
{
	background: #FFFFFF none repeat scroll 0 0;
	float: right;
	margin: 0 0 0 0;
	width: 910px;
	padding: 10px 10px 20px 30px;
	
}

/*----------/Page Content Styles------------*/

/*----------Sidebar Styles------------*/

#sidebarWrapper
{
	float:left;
	text-align: left;
	width:180px;
	padding: 20px 5px 10px 5px;
	font-family:Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	color: #333333;
}
#sidebarWrapper a:link, #sidebarWrapper a:visited
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	color: #333333;
	text-decoration: none;
}
#sidebarWrapper a:hover
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	color: #40B3B3;
	text-decoration: underline;
}
#sidebarWrapper ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 20px 14px 19px;
	padding:0;
}
#sidebarWrapper .sbTitle {
	color:#333333;
	font-weight:bold;
}
#sidebarWrapper ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:2px 0 4px;
}

/*---------------/Sidebar Styles--------------*/

.bannerText {color: #222; font-size: 14px; }
 
/* Footer CSS Code */
#footerWrapper {
		 /* background:#95B550 none repeat scroll 0 0; */
	background:transparent url('/images/bgrndgradientTop.jpg') repeat-x scroll left top;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 0px 0px 1px;
	clear:both;
	font-family:verdana,sans-serif;
	height:150px;
	margin:0 0 0 -1px;
	padding:20px 0 15px 19px;
	width:931px;
	font-size: 11px;
}

.footerLinks a:link, .footerLinks a:visited, .footerLinks a:active
{
	  color: #333333;
}
.footerLinks a:hover
{
	text-decoration:underline;
	color:#333333;
}
#footerWrapper ul {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0 10px 0 0;
	
}
#footerWrapper .ftTitle {
	color:#333333;
	font-weight:bold;
}
#footerWrapper .ftTitle2 {
	color:#333333;
	font-weight:bold;
	padding-top:15px;
}
#footerWrapper ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:2px 0;
}
#footerWrapper ul.helpCol {
	background:transparent url('/images/dot_vert.gif') repeat-y scroll 166px 0;
	height:150px;
	width: 160px;
	padding-left: 10px;
}
#footerWrapper ul.infoCol {
	height:150px;
	width: 210px;
	padding-left: 20px;
}
#footerWrapper ul.brandCol {
	height:150px;
	width: 170px;
}
#footerWrapper .ftrForms {
		/*background:#transparent url('/images/dot_vert.gif') repeat-y scroll 179px 0;*/
	float:left;
	height:150px;
	width:180px;
	padding-left: 20px;
}
#footerWrapper .imgSignup {
	border:medium none;
	display:block;
	margin-top:5px;
}
#footerText{
	text-align: center;
	padding: 10px 0 20px 0;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:small;
	color:#222;
	background:transparent url('/images/bgrndgradientBottom2.jpg') repeat-x scroll left top; 
	/*background:#95B550 none repeat scroll 0 0; */
}
