/* NAVIGATION */

/* top nav */
#topNav {
	font-size:10px;
	font-weight:bold;
	color:#3b3b3b;
	line-height:13px;
	position:relative;
	height:42px;
	z-index:9999;
}
#topNav .box-floatLeft {
	float:left;
}
#topNav .box-floatRight {
	float:right;
}
#topNav .box-account {
	text-align:right;
}
#topNav .box-account a,
#topNav .box-account span {
	display:block;
	float:left;
}
#topNav a {
	text-decoration:underline;
	color:#3b3b3b;
}
#topNav a:hover {
	text-decoration:none;
}
#topNav .topLeft {
	width:154px;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
#topNav .topLeft-on {
	/*background:url(/skin/frontend/mayerjohnson/default/img/nav/bg_regionDropdownList.png) 0 bottom no-repeat;	*/
}
#topNav .topLeft img {
	position:absolute;
	top:0;
	left:0;
}
#topNav #regionSelector {	
	width:127px;
	min-height:28px;
	line-height:13px;
	font-size:10px;
	position:absolute;
	top:0;
	right:0;
	z-index:300;
	color:#3b3b3b;
}
#topNav #regionSelector .dropdown {
	font-size:12px;
	font-weight:normal;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 9999;
	top: 100%;
	width:127px;
	display: none;
	right: 0;
	padding: 10px 0;
	background:#fff;
	overflow:hidden;
	border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
	box-shadow:0px 1px 2px 0 #bbb;
	-moz-box-shadow:0px 1px 2px 0 #bbb;
	-webkit-box-shadow:0px 1px 2px 0 #bbb;
	behavior:url(/skin/frontend/mayerjohnson/default/plugins/css3pie/PIE.php);	
}

#topNav .rs_currentCountry {
	display:block;
	width:127px;
	height:28px;
	background-position:100px 10px;
	background-repeat:no-repeat;	
}
#topNav .rs_currentCountry span {
	display: block;
    padding: 9px 32px 0 0;
    text-align: right;
	font-size:12px;
	font-weight:normal;
}
#topNav .rs_currentCountry.down {
	background-color:#fff;
}



#topNav #regionSelector .dropdown li {
	padding:2px 0;
}
#topNav #regionSelector .dropdown li a {
	display:block;	
	padding:3px 32px 3px 0;
	height:14px;
	font-size:12px;
	text-align:right;
	text-decoration:none;
}
#topNav #regionSelector .dropdown li a.us {
	background:url(/skin/frontend/mayerjohnson/default/img/ico/ico_us.png) 100px 3px no-repeat;
}
#topNav #regionSelector .dropdown li a.ca {
	background:url(/skin/frontend/mayerjohnson/default/img/ico/ico_ca.png) 100px 3px no-repeat;
}
#topNav #regionSelector .dropdown li a.uk {
	background:url(/skin/frontend/mayerjohnson/default/img/ico/ico_uk.png) 100px 3px no-repeat;
}
#topNav #regionSelector .dropdown li a.au {
	background:url(/skin/frontend/mayerjohnson/default/img/ico/ico_au.png) 100px 3px no-repeat;
}
#topNav #regionSelector .dropdown li a.nz {
	background:url(/skin/frontend/mayerjohnson/default/img/ico/ico_nz.png) 100px 3px no-repeat;
}
#topNav #regionSelector .dropdownul li a span {
	display:block;
	margin:0 2px 0 0px;
	padding:1px 0 1px 4px;
}
#topNav #regionSelector .dropdown li a:hover {
	background-color:#ccc;
}
#topNav .topLeft .dd-on {
	display:block;	
}
#topNav .quickNav {
	padding-top:9px;	
	font-size:12px;
	color:#282828;
	font-weight:normal;
	width:829px;
}
#topNav .quickNav a {
	margin:0 10px;
}
#topNav .quickNav a.first {
	margin-left:0;
}
#topNav .quickNav a.last {
	margin-right:0;
}
#topNav .quickCart {
	/*background:url(/skin/frontend/mayerjohnson/default/img/nav/bg_quickCart.png) 0 bottom no-repeat;*/
	/*background:#fff;*/
	padding-top:3px;
	width:230px;
	min-height:35px;
	line-height:13px;
	font-size:10px;
	position:absolute;
	top:0;
	right:0;
	z-index:300;
	color:#3b3b3b;
}
#topNav .quickCart .qc-content {
	display:block;
	height:28px;
	padding:7px 0 0 36px;
}
.quickCart .cart-button .qc-content {
	background:url(/skin/frontend/mayerjohnson/default/img/nav/bg_quickCart-button.png) 0 0 no-repeat;
}
.hasProducts .cart-button:hover .qc-content,
.hasProducts .cart-button .on {
	background:url(/skin/frontend/mayerjohnson/default/img/nav/bg_quickCart-button-on.png) 0 0 no-repeat;
}


/* tabs */

#mainMenu ul.tabs {
    display: table;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

#mainMenu ul.tabs li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
}
#mainMenu ul.tabs a {
	position: relative;
	display: block;
}

#mainMenu {
	margin-top:12px;
	top: 0;
	left: 0;
	width: 960px;
	height: 40px;
	line-height: 40px;
	background:url(/media/new_MJ_logo_assets/bg_menu.gif) 0 0 repeat-x;
	text-align:left;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow: 0 1px 2px 0 #777;
	-moz-box-shadow: 0 1px 2px 0 #777;
	-webkit-box-shadow: 0 1px 2px 0 #777;
	behavior:url(/skin/frontend/mayerjohnson/default/plugins/css3pie/PIE.php);	
}
#mainMenu ul {
	margin:0;
}
/* 2px gaps between tabs */
#mainMenu ul li.tab-div-sale, #mainMenu ul li.tab-div-my-cart, #mainMenu ul li.tab-div {
	width:2px;
	height:40px;
}
#mainMenu ul li.tab-div {
	background:url(/media/new_MJ_logo_assets/bg_menu.gif) 0 -240px repeat-x;
}
#mainMenu ul li.tab-div-sale {
	background:url(/media/new_MJ_logo_assets/bg_menu.gif) 0 -280px repeat-x;
}
#mainMenu ul li.tab-div-my-cart {
	background:url(/media/new_MJ_logo_assets/bg_menu.gif) 0 -320px repeat-x;
}
/* tab with dropdown */
#mainMenu ul li.hasmore {
/*background:#ffdd83;*/	
}
#mainMenu ul li a {
	color: #fff;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
	height:40px;
	text-shadow: 0px 1px 1px #333;
	text-decoration:none;
}
/* specific tab widths */
#mainMenu ul li.categories {
	width:197px;
}
#mainMenu ul li.boardmaker {
	width:207px;
}
#mainMenu ul li.boardmaker-uk {
	width:169px;
}
#mainMenu ul li.software-trials {
	width:181px;
}
#mainMenu ul li.best-sellers {
	width:123px;
}
#mainMenu ul li.new {
	width:78px;
}
#mainMenu ul li.sale {
	width:97px;
}
#mainMenu ul li.my-cart {
	width:145px;
}
#mainMenu ul li.my-cart-uk {
	width:169px;
}

#mainMenu ul li.software-trials-uk,
#mainMenu ul li.solutions,
#mainMenu ul li.support,
#mainMenu ul li.community {
	width:153px;
}

/* categories and my cart tabs */
#mainMenu ul li.categories, 
#mainMenu ul li.categories a,
#mainMenu ul li.solutions,
#mainMenu ul li.solutions a {
	border-radius:6px 0 0 6px;
	-moz-border-radius:6px 0 0 6px;
	-webkit-border-radius:6px 0 0 6px;
	behavior:url(/skin/frontend/mayerjohnson/default/plugins/css3pie/PIE.php);	
}
#mainMenu ul li.my-cart, 
#mainMenu ul li.my-cart a {
	border-radius:0 6px 6px 0;
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-radius:0 6px 6px 0;
	behavior:url(/skin/frontend/mayerjohnson/default/plugins/css3pie/PIE.php);	
}
/* sale and cart tabs */
#mainMenu ul li.sale a {
	background:url(/media/new_MJ_logo_assets/bg_menu.gif) 0 -80px repeat-x;
}
#mainMenu ul li.my-cart a {
	background:url(/media/new_MJ_logo_assets/bg_menu.gif) 0 -160px no-repeat;
	padding-top:8px;
	height:32px;
	text-align:left;
	padding-left:45px;
	line-height:13px;
}
#mainMenu ul li.my-cart a span span.price {
	display:inline;
	font-weight:normal;
}
#mainMenu ul li.my-cart .items {
	font-size:11px;
	text-transform:none;
	font-weight:normal;
}
/* menu tab rollovers */
#mainMenu ul li a.down, 
#mainMenu ul li a:hover {
	background:url(/media/new_MJ_logo_assets/bg_menu.gif) 0 -40px repeat-x;
}
#mainMenu ul li.sale a:hover {
	background:url(/media/new_MJ_logo_assets/bg_menu.gif) 0 -120px repeat-x;
}
#mainMenu ul li.my-cart a.down,
#mainMenu ul li.my-cart a:hover {
	background:url(/media/new_MJ_logo_assets/bg_menu.gif) 0 -200px no-repeat;
}
/* menu tab text wrapper */
#mainMenu ul li a span {
	display: block;
}
/* change text alignment for dropdown arrow */
#mainMenu ul li.hasmore a {
	text-align:left;
	padding-left:37px;
}
#mainMenu ul li.hasmore span {
	background:url(/media/new_MJ_logo_assets/bg_menu.gif) right -360px no-repeat;
}
#mainMenu ul li.hasmore a.down span, 
#mainMenu ul li.hasmore a:hover span {
	background:url(/media/new_MJ_logo_assets/bg_menu.gif) right -400px no-repeat;
}

/* uk solutions alignment */
#mainMenu ul li.solutions a {
	padding:0;
	padding-left:45px;
	text-align:left;
}
#mainMenu ul li.boardmaker-uk a {
	padding:0;
	padding-left:45px;
	text-align:left;
} 
#mainMenu ul li.solutions a span {
	background-position:-126px -360px;
}
#mainMenu ul li.solutions a.down span,
#mainMenu ul li.solutions a:hover span {
	background-position:-126px -400px;
}


/* dropdown */
#mainMenu div.dropdown {
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	z-index: 4500;
	top: 100%;
	width:694px;
	left: 0;
	background:#585858;
	overflow:hidden;
	border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
	box-shadow: 0 1px 2px 0 #777;
	-moz-box-shadow: 0 1px 2px 0 #777;
	-webkit-box-shadow: 0 1px 2px 0 #777;
	behavior:url(/skin/frontend/mayerjohnson/default/plugins/css3pie/PIE.php);	
	
}
#mainMenu div.dropdown .inner-dropdown {
	padding: 10px 0;
	border-radius: 0 0 6px 6px;	
	-moz-border-radius: 0 0 6px 6px;	
	-webkit-border-radius: 0 0 6px 6px;	
	box-shadow:0 2px 2px -2px #252525 inset;	
	-moz-box-shadow:0 2px 2px -2px #252525 inset;	
	-webkit-box-shadow:0 2px 2px -2px #252525 inset;	
	behavior:url(/skin/frontend/mayerjohnson/default/plugins/css3pie/PIE.php);	
}
#mainMenu div.dropdown.top {
	z-index:9950;
}
#mainMenu div.dropdown li {
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
	list-style: none;
	display: block;
}
#mainMenu div.dropdown .dropdown-col {
	float:left;
	padding:0 5px;
	border-right:1px solid #515151;
	border-left:1px solid #7b7b7b;
	width:165px;
}
#mainMenu div.dropdown .dropdown-col.first {
	border-left:none;
}
#mainMenu div.dropdown .dropdown-col.last {
	border-right:none;
}
/* position dropdowns */
#mainMenu ul li.categories .dropdown,
#mainMenu ul li.solutions .dropdown {
	left:5px;
}
#mainMenu div.dropdown div a,
#mainMenu div.dropdown li a {
	display:block;
	text-transform:none;
	font-weight:normal;
	overflow: hidden;
	height:auto;
	padding:5px 10px;
	line-height:14px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	text-shadow:none;
	behavior:url(/skin/frontend/mayerjohnson/default/plugins/css3pie/PIE.php);	
}

#mainMenu div.dropdown li.last a {
	border-bottom-width: 0;
}
#mainMenu div.dropdown li a:hover {
	background:#686868;
}
#mainMenu ul li.f-right,
#mainMenu .dropdown .f-right {
	float:right;
}
#mainMenu ul li.f-left,
#mainMenu .dropdown .f-left {
	float:left;
}

#mainMenu #qc_dropdown .dropdown {
	width:230px;
	right:5px;
	left:auto;
}
#mainMenu #qc_dropdown .dropdown a {	
	display:inline;
	background:none;
	height:auto;
}
#mainMenu #qc_dropdown .dropdown a:hover {
	background:none;
}
#mainMenu #qc_dropdown .dropdown span {
	display:inline;
}
#mainMenu #qc_dropdown ul { 
	margin:0;
	padding:0;
}
	#mainMenu #qc_dropdown ul li {
       /* margin: 0 10px;*/
        /*padding: 10px 0;*/
		color:#fff;
		font-size:12px;
		line-height:14px;
    }
	#mainMenu #qc_dropdown ul li div {
		margin:0 10px;
		padding:12px 0px 0px 0px;
        border-bottom: 1px solid #4b4b4b;
		border-top:1px solid #787878;
		vertical-align:bottom;
    }
	#mainMenu #qc_dropdown ul li div.first {
		border-top:none;
	}
    #mainMenu #qc_dropdown ul li .qc-product-image {
   		margin: 0 6px 0 0;
    }
    #mainMenu #qc_dropdown ul li img {
   	 	float: left;
    }
    #mainMenu #qc_dropdown ul li p {
        float: right;
        width: 135px;
		margin:0;
		padding:0;
    }
    #mainMenu #qc_dropdown a.remove-item {
		padding:0;
		margin:6px 0;
		display:block;
	}
	
	#mainMenu #qc_dropdown .remove-item span {
        font-size: 10px;
        line-height: 18px;	
    }
    #mainMenu #qc_dropdown ul li img {
	    float: left;
    }
	#mainMenu #qc_dropdown .free-shipping-callout {
		height:30px;
		line-height:30px;
		color:#fff;
		background:#ffc118;
		font-size:11px;
		text-align:center;
		margin:0;
		padding:0;
		border:0;
		/*box-shadow:0 10px 10px -10px #222 inset;*/
		box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.7) inset;
		
	}
	#mainMenu #qc_dropdown .cart-item.over {
		background:#686868;	
	}
	#mainMenu #qc_dropdown .link-to-cart {
		padding:40px 0 10px 10px;
		border-top:1px solid #787878;
		border-bottom:0;
	}
	#mainMenu #qc_dropdown .link-to-cart div {
		border:0;
		margin:0; 
		padding:0;
	}

.searchHolder {
	float:right;
	margin-right:0;
	padding-top:12px;
	/*margin-left:5px;*/
}
.nxt-ac-searchbox-holder {
	background:#fff;
	padding:2px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(/skin/frontend/mayerjohnson/default/plugins/css3pie/PIE.php);	
}
.searchHolder input.text {
	background:#fff;
	border:1px solid #e5e5e5;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(/skin/frontend/mayerjohnson/default/plugins/css3pie/PIE.php);	
	width:305px;
	height:28px;
	outline:none;
	margin:0;
	padding:0;	
	color:#646464;
	font-size:12px;
	line-height:33px;
	padding-left:10px;
}
#search_btn {
	cursor:pointer;
	position:absolute;
	top:14px;
	right:2px;
	border-radius:0 6px 6px 0;
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-radius:0 6px 6px 0;
	behavior:url(/skin/frontend/mayerjohnson/default/plugins/css3pie/PIE.php);	
}

/* footer menu */
#footerHolder .row1{
	padding-top:20px;
}
#footerHolder .row2{
	padding-top:65px;	
}

.f_menu {
	float:left;
}
.f_menu ul {
	margin:0;
	padding:0;	
	width:138px;
}
#footerHolder .row1 .last ul {	
	width:168px;
}
.row2 .f_menu ul {
	width:183px;
}
.f_menu ul a:hover {
	text-decoration:underline;
}
.f_menu ul li {
	padding:0 0 10px 10px;	
	font-size:11px;
	color:#fff;
	margin:0;
}
.f_menu ul li a {
	color:#fff;
	text-decoration:none;
}
.f_menu ul li.header {	
	color:#fdd157;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:9px;
	height:11px;	
	font-size:12px;
}
.f_menu ul li.header a {
	color:#fdd157;
}
.f_menu ul li.subheader {
	font-size:12px;
	font-style:italic;
	font-weight:bold;	
}
.f_menu ul li.topSpace {
	background:none;
	margin-top:12px;
	padding-bottom:10px;	
	margin-bottom:0;
}

/* breadcrumb */
#breadcrumb {
	padding:0 10px 10px 10px;
	font-size:10px;
	color:#282828;
	font-weight:bold;
}
#breadcrumb a {
	color:#282828;
	text-decoration:underline;
}
#breadcrumb a:hover {
	text-decoration:none;
}

#mainMenu {
	z-index:5000;
}
#mainPageContent {
	z-index:0;
}