/* DEFAULT STYLING */
@import url("reset.css");
@import url("typography.css");
@import url("clearfix.css");
@import url("forms.css");


/*GRID SYSTEM*/
/*960 grid layout system - 12 col layout*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
display:inline; float:left; margin-left:10px; margin-right:10px;}
.grid_3 {width:190px;}
.grid_4 {width: 220px;}
.grid_5 {width: 280px; margin-right:0px;}
.grid_8 {width: 460px;}
.grid_12 {width: 700px;}
.grid_13 {width:760px; margin-left:0px;}
.grid_16 {width: 980px; margin-left:0px; margin-right:0px;}
.push_3 {margin-left:200px;}

html, body {
        height:auto !important; /* FF and compliant browsers should automatically size the body/html */
        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
        min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
body { background-color:#e7ebed;}

img, table{border: none;}
*html li {height: 1%;}
/*END DEFAULT STYLING */

/*hold site centered & style backgrounds*/
#wraphead { background-color:#fff; position: relative; z-index:200;}
#contentwrapper {width: 980px; margin: 0px auto; position: relative; background: #fff url('../images/bg-columns-inner.gif') repeat-y left top; border-top: 10px solid #fff; z-index:100;}
body.home div#contentwrapper {background: #fff url('../images/bg-columns.gif') repeat-y left top;}


/*LOGO*/
#header{width: 980px; margin: 0px auto; background: transparent url('../images/bg-header.gif') no-repeat right 50px;}
#header h1 a{ display: block; text-indent: -999em; width:408px; height:153px; background: transparent url('../images/logo-munrothompson.jpg') no-repeat left top;}
#header form {float: right; margin: 50px 50px 0 0;}
/*TOP MENU*/
#topmenu {clear: left; background: #1180b4 url('../images/bg-top-nav.jpg') repeat-y right top; position: relative; z-index:300;}


/*LEFT COLUMN STYLES*/
#leftcol{background:#dfeff7;}
#leftcol ul{ list-style:none; margin: 0;}
#leftcol ul li{border-bottom: 1px solid #fff; padding: 0.25em 0;}
#leftcol ul li a{ padding:0 0.5em;}
#leftcol h2{background: transparent url('../images/bg-left-h2.gif') no-repeat left top;}

/*CONTENT STYLES*/
#content { padding-bottom: 0px;}
/*#content div.innertube{ margin:0; padding: 0;}
#content div.innertube div#padder{ margin:0px 20px 20px 20px; padding: 0;}*/

#content div.innertube{ margin:0px 20px 20px 20px; padding: 0;}
#content div.innertube div#padder{ margin:0px; padding: 0;}

/*Hold breadcumb area in place*/
#breadcrumb{ margin: 0 auto; width:940px; background-color:#eee; text-align:left; padding: 0.5em 0; font-size:90%;}

/*LEADS*/
#leads {border-top: 10px solid #fff; margin:0px -20px; list-style:none; background: transparent url('../images/bg-leads.gif') no-repeat left top; padding-bottom:20px;}
#leads li{ float: left; width: 24%; margin-right:1%; background: transparent url('../images/sprite_leads.jpg') no-repeat 0 46px; display: block;}
#leads li.fourth {width: 25%; margin-right:0%; background-position: -570px 46px;}
#leads li.second {background-position: -190px 46px;}
#leads li.third {background-position: -380px 46px;}
#leads h3 span{display: block;}
#leads p{ margin-top: 120px; padding:0 10px;}


/*TEAM*/
.team-left{ float: left; width: 59%; margin-right:1%;  padding-bottom: 20px;}
.team-right{ float: right; width: 40%; margin-right:-20px; background-color:#DFEFF7; margin-top:1px; padding-bottom: 20px; min-height: 500px;}

.team-left h1,
.team-left h2,
.team-left h3,
.team-left h4,
.team-left p,
.team-left address,
.team-right h1,
.team-right h2,
.team-right h3,
.team-right h4,
.team-right p,
.team-right address
{ padding-left: 20px; padding-right: 20px;}

/*BUTTONS*/
a#button, input#button{
	background-color: transparent;
    background-image: url('../images/button_sprite.png');
	background-repeat:no-repeat;
    display: block;
    text-decoration: none;
	text-indent:-9999px;
	padding:0px;
}
a.back {
    background-position: 0px 0px;
	width: 81px;   
    height: 27px;
	float: left;
	padding: 0;
	margin-top:5px;
	margin-right:5px;
}
a.back:hover {
    background-position: 0px -27px;
    outline: none; /* hide dotted outline in Firefox */
}

/*FOOTERS*/
#footer{ clear:left; margin:0px; margin-left:10px; margin-right:10px; padding: 10px 0; background: #edf0f1; border: 10px solid #fff; border-left: none; border-right: none;}
#footer p span{ padding-top: 10px;}
#footer ul{ list-style:none; margin:0; text-align:right;}
#footer ul li{display:inline; padding: 0 0.5em;}
#footer ul li a{ }
#footer ul li:first-child a{ }
#footer ul li:last-child a{ }

form
{
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.tableborder {
border: 1px solid #cccccc;
margin-bottom: 0px;
padding-bottom: 0px;
}
.tablebordershadow {
border: 1px solid #cccccc; box-shadow: 0.4em 0.4em #eeeeee;
}
.tableborderleft {
border-left: 1px solid #cccccc;
color: #ffffff
}
.tableborderright {
border-right: 1px solid #cccccc;
}
.tablebordertopright {
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.tablebordertop {
border-top: 1px solid #cccccc;
}
.tableborderbottom {
border-bottom: 1px solid #cccccc;
}
.tablebordertopbottom {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.tableborderbottomright {
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
margin-bottom: 0px;
padding-bottom: 0px;
}
.tableborderbottomleft {
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
margin-bottom: 0px;
padding-bottom: 0px;
}
.tablebordertopbottomright {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.tablebordertopbottomleft {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.tableborderbottomleftright {
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.tableborderleftright {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.admPanelText
{
	color: #000000;
}

.dataTypeMsg
{
	background-color: #ffffff;
	width: 300px;
	border: solid 2px #cccccc;
	position: absolute;
	left: 35%;
	top: 50%;
	z-index: 10;
}

.TextMenu
{
	text-align: center;
	color: Red;
}
.TextMenu:visited
{
	color: Red;
}
.TextMenu:hover
{
	color: Blue;
}
.TextMenu:link
{
	color: Purple;
}

.admlink
{
	margin-left: 24px;
}
.admlink a
{
	margin-left: 6px;
	margin-right: 6px;
}
.admtoolbox tr td
{
	height: 40px;
	background-repeat: no-repeat;
	background-position-x: 3px; 
	background-position-y: 3px;
	padding-left: 42px;
}

/* ERP */
.products
{
	text-align: center;
}
.prodTable
{
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: hide;
}

.categories
{
	text-align: center;
}
.ctgTable
{
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: hide;
}

a.CategoryNode, a.CategoryNode:link, a.CategoryNode:visited, a.CategoryNode:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
	text-decoration: none;
}

a.CategoryNodeHover:hover
{
	color: #666666;
	text-decoration: underline;
}

a.CategoryNodeParent, a.CategoryNodeParent:link, a.CategoryNodeParent:visited, a.CategoryNodeParent:active
{
}

a.CategoryNodeSelected, a.CategoryNodeSelected:link, a.CategoryNodeSelected:visited, a.CategoryNodeSelected:active
{
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}

a.prodLink, a.prodLink:link, a.prodLink:visited, a.prodLink:active
{
	color: #444444;
	font-weight: bold;
}

.prodCtgMenu
{
	background-color: #0A3C79;
	width: 140px;
}

.prodCtgRow
{
	height:20px;
	background-color: #EEEEEE;
}

.rootProdCtgRow
{
	height: 24px;
	padding-left: 6px;
	background-color: white;
	border: solid 1px #0A3C79;
}

.productsGrid
{
	width: 100%;
}

.rootActiveProdCtgRow
{
	height: 24px;
	padding-left: 6px;
	background-color: #A1CE1B;
}

.rootProdCtgItem
{
	border: solid 1px #EEEEEE;
}

.activeProdCtgRow
{
	height:20px;
	background-color: #A1CE1B;
}

a.rootProdCtgLink, a.rootProdCtgLink:link, a.rootProdCtgLink:visited, a.rootProdCtgLink:active
{
	font-size: 10px;
	font-weight: bold;
	color: #555555;
}

a.prodCtgLink, a.prodCtgLink:link, a.prodCtgLink:visited, a.prodCtgLink:active
{
	font-size: 10px;
	font-weight: bold;
	color: #555555;
}

a.activeProdCtgLink, a.activeProdCtgLink:link, a.activeProdCtgLink:visited, a.activeProdCtgLink:active
{
	font-size: 10px;
	font-weight: bold;
	color: #555555;	
}

a.rootActiveProdCtgLink, a.rootActiveProdCtgLink:link, a.rootActiveProdCtgLink:visited, a.rootActiveProdCtgLink:active
{
	font-size: 10px;
	font-weight: bold;
	color: #555555;	
}

.categorytitle
{
	font-weight: bold;
	color: #A1CE1B;
	font-size: 16px;
}

.categorylongdesc p
{
	padding:6px;
}

a.subcategorylink, a.subcategorylink:link, a.subcategorylink:visited, a.subcategorylink:active
{
	color: #555555;
	text-decoration: underline;
}

.ctgCell
{
	padding-right: 20px;
	vertical-align: top;
}

.categories
{
	text-align: left;
	margin-left: 4px;
}

.prodCell
{
	vertical-align: top;
}

.productlink
{
	color: #666666;
}

a.productlink, a.productlink:link, a.productlink:visited, a.productlink:active
{
	color: #666666;
}

/* products */
.ProductShort_Title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #3D3C3C;
}
.ProductShort_Text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5D5C5B;
}
.ProductShort_Units
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #99775C;
}
.ProductFull_Title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3D3C3C;
}
.ProductFull_Count
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #986E4E;
}
.ProductFull_Price
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #62615F;
}

.ViewCart_Table
{
}
.ViewCart_Table tr th
{
    background: #AA9E95;
	height: 21px;
}
.ViewCart_ItemTop
{
	height: 25px;
	vertical-align: middle;
}
.ViewCart_ItemMiddle
{
}
.ViewCart_ItemBottom
{
    background: #C4BCB6;
	height: 21px;
}
.ViewCart_Quantity
{
	background: #C4BCB6;
}
.ViewCart_Checkout_Button
{
    background: #C4BCB6;
}
.Add_to_cart_button
{
	border: none;
	background-color:#C4BCB6;
}
/* new buttons */
.newbuttons
{
	background-color: #bbbbbb;
	border: 0px;
	color: #555555;
}
/* end new buttons */

/* admin menu */

.adminmenucontainer
{
	width: 100%;
	background-color: #eeeeee;
}

.adminmenu
{
	width: 770px;
}

.adminmenurow
{
	text-align: center;
	height: 24px;
}

.adminrootheading
{
	line-height: 14px;
	display: block;
	color: #000000;
	padding: 6px;
	font-weight: bold;
	font-size: 13px;
}

.adminrootitem
{
	text-align: center;
	background-color: #eeeeee;
	color: #000000;
	text-decoration: none;
	width: 20%;
	text-indent: 30px;
}

a.adminrootmenulink
{
	line-height: 14px;
	display: block;
	color: #000000;
	padding: 6px;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

.adminsubmenu
{
	line-height: 14px;
	width: 180px;
	display: none;
	position: absolute;
	background-color: #eeeeee;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
	z-index: 1000;
}

.adminmenuitem
{
	height: 24px;
	padding: 3px;
}

a.adminmenulink
{
	line-height: 14px;
	display: block;
	color: #000000;
	padding: 6px;
	text-align:left;	
	text-decoration: none;
	font-size: 12px;
	text-indent: 10px;
}

/* end admin menu */

/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/wmsimages/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/wmsimages/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* End Lightbox */

/*checkout*/
h1.checkout
{
	text-align: center;
}

td.checkouttableheading
{
	vertical-align: top;
	font-weight: bold;
	font-size: 12px;
	padding: 10px 5px 10px 5px;
}

td.checkouttablelabel
{
	padding: 0px 5px 0px 10px;
}

td.checkouttablefield
{
	padding: 2px;
}

hr.checkout
{
	margin-top: 10px;
}
/*endcheckout*/



/*viewcart*/

table.ViewCart
{
	margin: 0px auto;
}

td.ViewCart_Header_Left
{
	background: #808080;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 10px;
	text-align: left;
}

td.ViewCart_Header_Right
{
	background: #808080;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 10px;
	text-align: right;
}

td.ViewCart_Product_Left
{
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
}

td.ViewCart_Product_Right
{
	padding: 5px 10px;
	text-align: right;
	vertical-align: top;
}

hr.ViewCart_Separator
{
	background: #C0C0C0;
	border: none;
	color: #808080;
	height: 1px;
}

td.ViewCart_Price_Left
{
	font-weight: bold;
	padding: 5px 10px;
	text-align: right;
	vertical-align: middle;
}

div.ViewCart_Price_Left
{
	font-weight: bold;
	position: relative;
	text-align: right;
}

td.ViewCart_Price_Right
{
	padding: 5px 10px;
	text-align: right;
	vertical-align: top;
}

td.ViewCart_Footer_Left
{
	font-weight: bold;
	padding: 5px 10px;
	text-align: left;
}

td.ViewCart_Footer_Right
{
	font-weight: bold;
	padding: 5px 10px;
	text-align: right;
}

td.ViewCart_Freight
{
	padding: 5px 10px;
	vertical-align: middle;
}

div.ViewCart_Freight_Good, div.ViewCart_Freight_Bad
{
	color: #000000;
	font-weight: normal;
	height: 34px;
	margin: 0px 0px 0px auto;
	padding: 16px 30px 10px 10px;
	position: absolute;
	right: 100px;
	text-align: left;
	width: 200px;
}

div.ViewCart_Freight_Good
{
	background: URL('/wmsimages/freight_good.png');
}

div.ViewCart_Freight_Bad
{
	background: URL('/wmsimages/freight_bad.png');
}

/*endviewcart*/

table.EventsCalendar
{
}

td.EventsCalendar_Left
{
	font-weight: bold;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
}

td.EventsCalendar_Right
{
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
}

div.Events
{
	background: #808080;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 10px;
}

.cke_button_Kook_Templates .cke_icon,
.cke_button_Kook_Forms .cke_icon,
.cke_button_Kook_Slideshows .cke_icon,
.cke_button_Kook_Embed .cke_icon
{
	display: none !important;
}

.cke_button_Kook_Templates .cke_label,
.cke_button_Kook_Forms .cke_label,
.cke_button_Kook_Slideshows .cke_label,
.cke_button_Kook_Embed .cke_label
{
	display: inline !important;
}