@charset "utf-8";
/* CSS Document */

body {
	color: #262222;
	background: #9f9970 url(../../images/template/content_bg_fill.jpg) repeat-y center center;
	padding: 0;
	margin: 0;
}

table { border: 0px; background: none transparent;}

table.noStyle { margin-left: -4px; }

.module_row  .mod_double img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

a.headerLogo{
	background: url(../../images/template/mayco_logo.jpg);
	height: 95px;
	width: 273px;
	margin-top: 10px;
	margin-bottom: 5px;
	z-index: 500;
}

a:hover {
	color: #537080;
}

a { color: #537080; font-weight: 700; }

#content {
	background: url(none) repeat-y center center;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	
}

#content .heroShot { background: #aaa; } 

#leftColumn {
}

#content #rightColumn .hero_shot { 	background: #aaa; height: 185px; }

#categories_header {
	margin: 5px;
	padding: 5px;
}

#categories_header h2 {
	color: #3f4346;
}

#categories_header h2 { margin-right: 200px; }
#categories_header h3 { color: #3f4346; }


.category_breadcrumb {
	background:url(../../images/template/graphics/cat_hdr_fill.jpg) repeat-x left center;
	color: white;
	height: 33px;
	padding-top: 15px;
}

button.categories_search {
	background: url(../../images/template/buttons/btn_light_blue_no_gloss.png) transparent bottom;
	color: #576270;
}

.categories img {
	border: 1px solid #3f61ca;
}

.categories a {
	color: #677983;
}


.dropdown_top_level {
	background: url(../../images/template/main_nav/main_nav_arrow.png) right center no-repeat;
}

.mod_quick_links h2,.mod_quick_links h3 {
}


.mod_quick_links #quick_links_nav { position: absolute; right: 70px; top: 5px; }

/** Background style of the top row of home page modules */
.style1 {
	background: #7c90be;
}


/** Background style of the 2nd row of home page modules */
.style2 {
	background: #5d81a5;
}

.style3 {
	background: #455c8f;
}



p.bdr {
	border: 1px #6c78c3 solid;
}


a.learn_more {
	background: url(../../images/template/icons/learn_more.png) no-repeat left center;

}


a.button, button {
	background: transparent url(../../images/template/buttons/btn_blue.png);
	color: white;
} 

a.button:hover {
	color: white;
}

a.yellow_button, .hero_shot a {
	background: url(../../images/template/icons/yellow_button.png) no-repeat center center;
	display: block;
	width: 143px;
	height: 31px;
	z-index: 10;
	position: relative;
	float: none;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	padding-top: 10px;
}


.mod_single {
}

.mod_single.style2 {
}

.mod_single.style1 p.description {
	/*background: #7c90be;*/
}

.mod_single.style1 img {
}


.mod_double {


}



.mod_triple {
}

.mod_quick_links ul li ul li {
	border-right: 1px dotted #e2eaed;
	margin-bottom: 5px;
}

#quick_links li li { margin-bottom: 0.3em; }

.mod_quick_links li a {
	color: #537080;
	font-size: 9pt;
	font-weight: 100;
}

.mod_login
{
	background: #20396F url(../../images/template/modules/login_bg.jpg) no-repeat center top;
}

button.submit {
	background: url(../../images/template/buttons/btn_submit.jpg);
}

.mod_login .inner a{
	color: white;
}





#top_nav {
	background: url(../../images/template/top_nav/top_nav_bg_fill.jpg) repeat-x top center;
}

#top_nav ul {
}

#top_nav ul li {
}
#top_nav input {
}
#top_nav ul #top_nav_search_box button {
	background: url(../../images/template/top_nav/top_nav_submit_button.jpg);
}
#top_nav ul #top_nav_search_box {
	background: url(../../images/template/top_nav/top_nav_search.jpg) top left;
}


#main_nav {
}


#main_nav li {

}

#main_nav_left_cap {
	background:url(../../images/template/main_nav/main_nav_left_cap.jpg) no-repeat right bottom;
	height: 40px;
	width: 60px;
}



#btn_product_catalog {
	background: url(../../images/template/main_nav/main_nav_product_catalog.jpg);
	height: 40px;
	width: 153px;
}


#btn_project_library {
	background: url(../../images/template/main_nav/main_nav_project_library.jpg);
	height: 40px;
	width: 137px;
}


#btn_events_calendar {
	background: url(../../images/template/main_nav/main_nav_event_calendar.jpg);
	height: 40px;
	width: 147px;
}


#btn_reference_and_eductation {
	background: url(../../images/template/main_nav/main_nav_reference_and_education.jpg);
	height: 40px;
	width: 196px;
}

#btn_communities {
	background: url(../../images/template/main_nav/main_nav_mayco_communities.jpg);
	height: 40px;
	width: 206px;
}

#main_nav_right_cap {
	background:url(../../images/template/main_nav/main_nav_right_cap.jpg);
	height: 40px;
	width: 21px;
}

#btn_product_catalog,#btn_project_library,#btn_events_calendar,#btn_reference_and_eductation,#btn_communities
{
	background-position:bottom;
}

#btn_product_catalog:hover,#btn_project_library:hover,#btn_events_calendar:hover,#btn_reference_and_eductation:hover,#btn_communities:hover
{
	background-position:top;
}



#main_nav li ul {
	background: #6990cd url(../../images/template/main_nav/main_nav_dropdown_bg_fill.jpg) repeat-x left bottom;
	border: 1px solid #9f9970;
	border-top: 0px none;
}

#main_nav li ul li {
}

#main_nav li ul  a {
	color: #55523b;
	border-bottom: 1px solid #9f9970;
}
.mayco #wrapper #main_nav .dropdown ul li .dropdown_top_level {
	background: url(../../images/template/main_nav/main_nav_arrow.png) no-repeat right center;
}


#main_nav li ul li a:hover {
	background-color: #fbfaf1;
	color: #55523b;
	border-bottom: 1px solid #55523b;
}
#main_nav li ul li:hover {
	background-color: #f8f4d9;
}

#main_nav li ul ul { /* third-and-above-level lists */
	background: top left url(../../images/template/main_nav/main_nav_dropdown_t2__bg_fill.jpg);
}


#main_nav li:hover ul ul, #main_nav li:hover ul ul ul, #main_nav li.iehover ul ul, #main_nav li.iehover ul ul ul {

}

#main_nav li:hover ul, #main_nav li li:hover ul, #main_nav li li li:hover ul, #main_nav li.iehover ul, #main_nav li li.iehover ul, #main_nav li li li.iehover ul {

}

#main_nav li ul li ul li ul
{
	background:#f8f4d9 url(none);
}


#left_menu {

}

#left_menu h3 {
	text-transform: uppercase;
	font-style: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #222021;
}

#left_menu ul {
}

#left_menu ul li {
}

#left_menu ul li a {
	color: #657886;
	border-bottom: 1px dotted #657886;
	font-family:Arial,Helvetica,sans-serif !important;
}

#left_menu ul li a:hover {
	background: #e7e7e7;
	color: #657886;
}
#left_menu ul li ul {
	
}

#left_menu ul li ul li {
}

#left_menu ul li ul li a {
	color: #8e8963;
	border-bottom:1px dotted #8e8963;
}

#left_menu ul li ul li a:hover {
	background: #e7e7e7;
	color: #8e8963;
}

#homeBtn {
	background: url(../../images/template/top_nav/top_nav_home_button.jpg) top;
}

#homeBtn:hover {
	background: url(../../images/template/top_nav/top_nav_home_button.jpg) bottom;
}


#productSearchBtn {
	background: url(../../images/template/top_nav/top_nav_product_search.jpg) top;
}

#productSearchBtn:hover {
	background: url(../../images/template/top_nav/top_nav_product_search.jpg) bottom;
}


#buyMaycoBtn {
	background: url(../../images/template/top_nav/top_nav_buy_mayco_btn.jpg) top;
}

#buyMaycoBtn:hover {
	background: url(../../images/template/top_nav/top_nav_buy_mayco_btn.jpg) bottom;
}


#contactBtn {
	background: url(../../images/template/top_nav/top_nav_contact_us_btn.jpg) top;
}

#contactBtn:hover {
	background: url(../../images/template/top_nav/top_nav_contact_us_btn.jpg) bottom;
}





p.legal {
	color: #787878;
}

.tooltip {
	background: url(../../images/graphics/tooltip_bg.png) repeat-x left bottom;
}

ul {
}

.noBorder { }


.hide {
}

#rightColumn .inner {

}

#rightColumn .inner p { padding: 5px; }


#rightColumn h2 {
}


#rightColumn p {
	
}

h3, #rightColumn h2+h2 {
	color: #7a7c83;
}



#rightColumn blockquote {
	border: 1px dashed #757575;
/*	background:url(../../images/template/graphics/grf_quote.png) #f7f8fc top left no-repeat; */
}


blockquote.quote { background:url(../../images/template/graphics/grf_quote.png) #f7f8fc top left no-repeat; }
hr {
	border-bottom: 1px solid #757575;
}




p.description {
	color: #5e5c66;
	width: 48%;
	margin: 0px 0px 0px 49%;
	padding: 0px 0px 0px 10px;
}

a.mod_link {
	color: #5e5c66;
}

a.mod_link:hover {
	color: #5e5c66;
	text-decoration: underline;

}

.mod_single h2,.mod_double h2,.mod_triple h2 {
	/*background: url(../../images/template/mod_header_fill.jpg); */

	
}

.accordion a { display: block; padding: inherit; }


.downArrow { background:url(../../images/template/icons/up_arrow.png) right center no-repeat; padding-right: 11px; }

.upArrow { background:url(../../images/template/icons/down_arrow.png) right center no-repeat; padding-right: 11px; }

blockquote { border-color: #3d4c79; background: #efefef;}

strong, em, h4 { font-weight: 900; }
.category_breadcrumb, .category_breadcrumb strong,.category_breadcrumb td {
	color: white;
	position: relative;
}

.itemCategory { color: #ed4346; font-family:Arial, Helvetica, sans-serif;  font-size: 0.8em; font-weight: inherit;}

a.previous_page {
	display: block;
	background: url(../../images/template/icons/previous_page.png) no-repeat left center;
	width: 100px;
	padding-left: 20px;
	color: #ccedfe;
	text-align: left;
	text-decoration: underline;
}
a.next_page {
	width: 100px;
	background: url(../../images/template/icons/next_page.png) no-repeat right center;
	text-align: right;
	padding-right: 20px;
	color: #ccedfe;
	text-decoration: underline;
}

#categories_header_search,#categories_header_search strong { color: #939393; }

.search_result h4 a.learn_more { color: #980000;}

h3.search_header { border-bottom: 1px solid #6f7ad0 ; color: #6f7ad0 }
h2.search_header { border-bottom: 1px solid #6f7ad0 ; color: #6f7ad0 ; text-align:left !important;}
h3.search_header .search_keywords { color: #3d2aa7; font-style:italic; font-weight: 100; }

#categories_header_search h2, #rightColumn .product_details h3 {
	background: url(../../images/template/icons/information_icon.jpg) no-repeat left center;
	background-position-x: 10px;
	display: block;
	padding-left: 34px;
	height: 21px;
	color: #504b30;
	padding-top: 0.3em;
	font-size: 0.8em;
	position: relative;
}

#rightColumn .product_details h3 { margin-left: 10px; margin-top: 10px;}

.tab_content { background: white; border: 1px solid #504b30; position: relative; padding: 1px;}



ul.tabs { background: #346ab0;} 
.tabs li a { display: block; background: #eae6cb; color: #504b30;  	padding: 2px;} 
.tabs li.ui-tabs-selected a { background: white; color: #504b30;border: 1px solid #504b30; border-bottom: 0px; height: 88%;}
.tabs li.ui-tabs-selected { background: white; } 
.tabs li a { color: #504b30; height: 90%; } 

.tab_holder { background: #eae6cb; }

.tab_content li { padding: 5px; background: #f1edd5; margin: 5px;vertical-align:top;}
.product_detail_label {display: block; font-weight: 900; text-align: left; width: 48%; height: 100%; float: left;}
.product_detail { display: inline-block; text-align: left; width: 48%;}
h4 {font-size: 1.1em; }

table#calendar td.day { border: 1px solid #d3d3d3; background: white;}

th { font-size: 0.8em; }

table#calendar  .calendar_wrapper td { padding: 3px 1px; }

table#calendar {background: #e8e8e8; }

table#calendar .today { border: 1px solid #3b3b3b; background: white; } 

#rightColumn .calendar_wrapper .month { color: #171717; font-size: 1em;font-weight: bolder; }
#rightColumn .calendar_wrapper th  { color: #171717; font-size: 1em; font-weight: bolder; }
#rightColumn .calendar_wrapper .year  {
	color: #565656; font-size: 1em;font-weight: bolder; 
}
table#calendar .inactiveday { background: #a5a5a5;border: 1px solid #d3d3d3;} 
table#calendar td.calendarDate { font-weight: 900; }
#calendar_previous {
	background: url(../../images/template/icons/calendar_previous.jpg);
	display: block;
	height: 15px;
	width: 25px;
}

#calendar_next{
	background: url(../../images/template/icons/calendar_next.jpg);
	display: block;
	height: 15px;
	width: 25px;
}

.calendar_wrapper {  background: #e9e5ce; margin: 0 auto;  padding: 10px; margin: 1em; border: 1px solid #cdcdcd; font-size: 1em; width: 200px;}

#rightColumn .tab_content .inner { min-height: 0; height: auto; margin: 0;}

table td.styled {
	background: #eeeeee;
	border: 1px solid #4f4f4f;
	padding: 0.5em;
}

table th.styled {
	
	background: #4f4f4f;
	border: 1px solid #4f4f4f;
	color: white;
	font-size: 1.1em;
	padding: 0.5em;
	
}

table.noStyle td,table.noStyle th,#searchResults td, .category_breadcrumb td {
	background: none transparent;
	border: 0px;
	padding:0;
	margin: 0;
}



#searchResults tr.odd { background: white; }
#searchResults tr.even { background: transparent; }

#left_menu ul li.thisSection a {
	background:url(../../images/template/icons/selected_menu_link.jpg) no-repeat center left;
}

#rightColumn .search_result h4 { margin: 0; padding:0; margin-bottom: 2px; }
#rightColumn .search_result p { margin-top: 2px;margin-bottom: 2px; border-bottom: 1px solid #dadce1;}
#rightColumn .search_result { margin-bottom:20px; }
#rightColumn .search_result h4 a.learn_more { padding-left: 20px; padding-top:1px; height: 20px; font-size: 1.2em;}

.category_breadcrumb a { color: white;}

#searchResults td { padding: 10px; }#rightColumn .inner .eventListItem {
	padding: 5px;
	margin-bottom: 20px;
	background: #f9fafe;
	border: 1px solid #b4baca;
}

input, select {
background-color:#ffffff;
border:1px solid #858585;
border-top: 2px solid #858585;
border-right: 2px solid #858585;
color: #333333;
}
.mod_single h2,.mod_double h2,.mod_triple h2, #rightColumn .mod_single h2, #rightColumn .mod_double h2, #rightColumn .mod_triple h2 { color: #262222; font-family:Georgia, "Times New Roman", Times, serif;}
#left_menu ul li ul li {
}

#rightColumn .product_images blockquote { margin-right: 32px; }

.tab_content .inner { background: white !important; }
#wrapper #header {
	padding-left: 60px;
	padding-right: 60px;
	margin: 0;

}
#wrapper {
	background: url(../../images/template/top_bg.jpg) no-repeat left top;
	width: 985px;
	padding-top: 1px;
}

#quick_links h2 { border-bottom: 1px solid #262222 !important; }

#quick_links li { border-right:2px dotted #666666; }

#quick_links li ul { list-style: none; }

#quick_links h3 { color: #262222 !important; font-size: 12pt; font-weight: 900;}

#quick_links li ul { padding-left: 20px; }

.module_row { border-bottom: 1px solid #757575; margin-bottom: 5px; }

.module_row .mod_triple, .module_row .mod_login {
	height: 209px;
}

#quick_links_nav a { background:url(../../images/template/icons/learn_more.png) no-repeat left center; padding-left: 20px; padding-top: 5px;padding-bottom: 1px; color: #980000; text-decoration: underline;}
#content .hero_shot {
	margin-bottom: 5px;
	border: 1px solid #FFF;
}
.category_breadcrumb .left {
	height: 48px;
	width: 7px;
	background: url(../../images/template/graphics/cat_hdr_left_cap.jpg);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}

.category_breadcrumb .right {
	height: 48px;
	width: 7px;
	background: url(../../images/template/graphics/cat_hdr_right_cap.jpg);
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 100;
}

#categories_header input { margin-top: 10px; margin-right: 0; }

#categories_header form { background: url(../../images/template/icons/search_icon.jpg) no-repeat left 8px; 
float:right;
height:38px;
padding-left:30px;
padding-top: 0px;
position:relative;
width:auto;

}

#login_box {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 1000;
}
#login_box .content {
	position: relative;
	background: #cf353f;
	z-index: 500;
	text-align: center;
	zoom:1;

}

#login_box .content .pad { padding: 2px; z-index: 500; text-align: center; width: auto; margin: 0 auto; width: 900px; }

#login_box .tab_container { 
	width: 100%;
	background: url(../../images/template/buttons/login_tab_border.png) top left repeat-x; 
	position: relative;
	z-index: 500; 
	text-align: center; 
	height: auto; 
}


#login_box .tab {
	width: 300px;
	height: 38px;
	position: relative;
	z-index: 500;
	background:url(../../images/template/buttons/login_button.png) no-repeat right;
	cursor: pointer;
	float: right;
	margin-top: 0;
	margin-right: 100px;
	margin-bottom: 0;
}


#login_box .hdr { cursor:pointer; position: relative; float: left; width: 168px; height: 100%; background:url(images/template/buttons/mayco_communities_login_header.jpg) no-repeat; margin-right: 40px; }
#login_box .content .pad img { float: left; }
#login_box .content .pad a { display: block; padding: 6px; padding-top: 13px; float: left; font-size: 0.9em; color: white; text-decoration:underline;}
#login_box form { padding-top: 9px; float: left;}
#login_box label { font-size: 0.8em; margin-right: 5px; }
#login_box input {font-size: 0.8em; margin-right: 5px;  }
#login_box  button { background:url(../../images/template/buttons/btn_login_go.jpg) no-repeat center;  width: 38px; height: 31px; margin: 0; padding: 0px; overflow: hidden; text-indent: -99999px; position: static;}

form.cssform { position: relative; display: block; }
.cssform p { display: block; position: relative; }
.cssform label { margin-left: 0px !important; }

.moduleContainerBox { margin: 0 auto; background: #e7e3c1; padding: 1em; border: 1px solid #9d9870; width: 300px; }

@media screen and (-webkit-min-device-pixel-ratio:0){
	#wrapper { background-position: left top; padding-right: 10px; width: 973px; }

#top_nav ul #top_nav_search_box {
	background: url(../../images/template/top_nav/top_nav_search.jpg) left top;
}


#top_nav {
	background: url(../../images/template/top_nav/top_nav_bg_fill.jpg) repeat-x top center;
}
}

.hide { display: none; }
.rotator {
left:0px;
position:absolute;
width: 100%;
height: 100%;
top: 0px;
}	

.module_row a { text-decoration: none; color: #5e5c66;font-weight: normal;  }
.module_row a:hover { text-decoration:underline; color: #5e5c66; font-weight: normal; }
