/* DEFAULT STYLING */
@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; margin-right:0px; margin-left:0px;}
.grid_4 {width: 220px;}
.grid_12 {width: 700px;}
.grid_13 {width:770px; margin-left:0px; margin-right:0px;}


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 {}

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

#wrapper {width: 960px; margin: 0px auto; padding: 0px; overflow:visible; position: relative; }

#subscribe-block
{
	background-color: #E9E7E8;
	margin: 18px 0px;
	width: 175px;
	padding: 0px 5px;
	float: left;
}

#submit
{
	background-image: url(/images/subscribe.png);
	background-repeat: no-repeat;
	width: 94px;
	height: 28px;
}

/*LOGO*/
#header{margin: 0 auto; background: #005983 url('../images/logo-aitken-legal.png') no-repeat left bottom; height: 135px;z-index: 999 ! important;}
#header h1 a{ display: block; text-indent: -999em; height:100px;}
#header form {float: right; margin: 50px 50px 0 0;}
/*TOP MENU*/
#topmenu {clear: both; background: #025278; height: 35px; /*margin-left: 189px;*/ width: 770px; float: right;}

/*Hold hero area in place*/
#hero{ margin: 0px auto; width:940px; background: transparent url('../images/bg-hero-wave.jpg') repeat-x left top; clear:left;}
/*Hold signup area in place*/
/*Hold signup area in place*/
#signup{ margin: 2em 0 1em 0; width: 160px; background-color:#e9e7e7; padding: 1em 0;}
#signup h2, #signup p, #signup input{ margin-left: 0.5em; margin-right: 0.5em;}
#signup p{ margin-bottom: 0.5em;}
#signup input{width: 135px; margin-bottom: 0.5em;}
/*Hold bvreadcumb area in place*/
#breadcrumb{ margin: 0 auto; width:940px; background-color:#eee; text-align:left; padding: 0.5em 0; font-size:90%;}

/*wrap content used in inner pages to hold 2 columns in place*/
#contentwrapper{background: transparent url('../images/bg-container.png') repeat-y -4px top; z-index: 5 ! important;}

/*LEFT COLUMN STYLES*/
#leftcol{background: transparent url('../images/bg-container-top.png') no-repeat -4px top;}
#leftcol ul{ padding-top: 25px; list-style:none; margin: 0; width: 160px;}
#leftcol ul li{border-bottom: 1px solid #c5c7c9; padding: 0.25em 0;}

/*CONTENT STYLES*/
#content { padding-bottom: 40px; position: static ! important;}
#content div.innertube{ margin:0 20px; z-index: 10 ! important;}




/*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{ margin: 0 auto; padding: 10px 0; background: #f1f1f1;}
#footer ul{width: 960px; margin: 10px auto 10px auto; list-style:none; text-align:center; border-bottom: 1px solid #c5c7c9; padding-bottom: 10px;}
#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{ }
#footer p{width: 960px; margin: 0 auto;  text-align:center;}


/*input
{
 	text-decoration: none;
 	color: #3C639A;
 	background: #FFFFFF;
 	border-top: 1px solid #000000;
 	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
 	border-bottom: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : normal;
 	padding-left : 0px;
}*/

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;
}

/* ----- menu styles ----- */
.menu
{
	
}

.menurow
{
	text-align: left;
	height: 20px;
}

.rootitem
{
	text-align: left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #888888;
	text-decoration: none;
}

a.activemenulink, a.activemenulink:link, a.activemenulink:visited, a.activemenulink:active
{
	font-weight: bold;
	line-height: 14px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	display: block;
	height: 100%;
	padding: 4px;
	text-decoration: none;
	font-size:11px;
}
a.activemenulink:hover
{
	font-weight: bold;
	text-decoration: underline;
	background-color: #ff0000;
}

.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;
}

.submenu, .rootmenulink, .menuitem, .menulink
{
	z-index: 99999 ! important;
}

#div337 div h2 table, #div337 div h2
{
	z-index: 5 ! important;
}

/* 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;
}


#div310 {clear: left;}