/*----------------------/ CSS Reset /-----------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	border: 0;
	padding: 0px;
	font-size: 100%;
	font-style: inherit;
	font-weight: normal;
	font-family: inherit;
}

html, body, form, #wrap
{
	height: 100%;
}


*:focus
{
	outline: 0px;
}

*
{
	margin: 0;
}

a
{
	outline: none;
	text-decoration: none;
}
/*----------------------------------------------------------*/

body
{
	font-family: Verdana;
	height: 100%;
}



.logintxt
{
	font-size: 9px;
	color: #b4b3b3;
}

.greytxt
{
	color: #cbcaca;
	font-size: 9px;
	text-decoration: none;
}
.greytxt:hover
{
	color: #68c02c;
	font-size: 9px;
	text-decoration: none;
}

.fp
{
	color: #767676;
	font-size: 9px;
	text-decoration: none;
}
.fp:hover
{
	color: #68c02c;
	font-size: 9px;
	text-decoration: none;
}
.greentxt
{
	font-size: 9px;
	color: #68c02c;
	text-decoration: none;
}

.pnltxt
{
	color: #767676;
	font-size: 11px;
}
.pnlbold
{
	font-weight: bold;
	font-size: 12px;
}


.botlink
{
	color: #767676;
	font-size: 9px;
	text-decoration: none;
	vertical-align: top;
}
.botlink:hover
{
	color: #68c02c;
	font-size: 9px;
	text-decoration: none;
	vertical-align: top;
}
.divider
{
	color: #767676;
	font-size: 9px;
}

.copytxt
{
	color: #a0a0a0;
	font-size: 9px;
}

.txt
{
	font-size: 10px;
	color: #767676;
}

.inputtext
{
	font-size: 10px;
}

.cattxt
{
	font-size: 11px;
	color: #767676;
	text-decoration: none;
}
.cattxt:hover
{
	font-size: 11px;
	color: #68c02c;
	text-decoration: none;
}


.links
{
	color: #5d5a5a;
	text-decoration: none;
}
.links:hover
{
	color: #68c02c;
	text-decoration: underline;
}
input.TextBox
{
	width: 200px;
	height: 20px;
	font-size: 10px;
	border: solid 1px #d9d9d9;
}

.billtxt
{
	font-size: 11px;
	color: #767676;
	text-decoration: none;
	border-bottom: solid 1px #d9d9d9;
	border-top: solid 1px #d9d9d9;
	border-right: solid 1px #d9d9d9;
	padding: 3px 0px 3px 3px;
}

.bordertxt
{
	font-size: 11px;
	color: #767676;
	text-decoration: none;
	border-bottom: solid 1px #d9d9d9;
	border-right: solid 1px #d9d9d9;
	padding: 3px 0px 3px 3px;
}
.promoPanel
{
	position: absolute;
	margin-top: -5px;
	margin-left: -5px;
}

/*--------------------/ Layout /---------------------*/
.wrap
{
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px;
	position: relative;
}

#main-footer
{
	color: #000000;
	clear: both;
	height: 120px;
	font-size: 10px;
	position: relative;
	z-index: 10;
	width: 960px;
	margin: 0 auto;
	margin-top: 15px;
}

.mainContent
{
	/*width: 710px;*/
	width:960px;
	float: right;
}

.footerblok
{
	width: 960px;
	height: 53px;
	background-image: url(../images/footerblok.gif);
	background-repeat: no-repeat;
}

.footerblok div
{
	margin: 5px;
}

.push
{
	clear: both;
	height: 120px;
}

/*-----------------------------------------*/

/*----------------------/ Navigation /----------------------*/
#nav
{
	float: left;
	width: 960px;
	height: 43px;
	list-style: none;
	padding: 0 0 0 5px;
	background: url(../images/nav-bar.gif) no-repeat;
	margin-bottom: 14px;
}

#nav li
{
	float: left;
	display: inline;
}

#nav a
{
	float: left;
	height: 27px;
	display: block;
	margin: 8px 0 0;
	padding: 0 18px;
	font-weight: bold;
	color: #243881;
	font-size: 11px;
	text-decoration: none;
	line-height: 28px;
	background: url(../images/divider.gif) no-repeat right;
}

#nav a:hover
{
	color: #767676;
}

#search
{
	float: right;
	margin: 11px 11px 0 0;
}

.search-box
{
	border: 0;
	color: #999999;
	float: left;
	width: 160px;
	height: 16px;
	font-size: 13px;
	border: 1px solid #d9d9d9;
	background: #f3f3f3;
}

.search-button
{
	float: left;
	margin: 0 0 0 -2px;
}
/*----------------------------------------------------------*/

.logo
{
	float: left;
	width: 246px;
	height: 50px;
	margin-top: 10px;
}

.compactLogin
{
	float: right;
	width: 168px;
	height: 100px;
	margin-top: 15px;
}

.compactLogin div
{
	width: 168px;
	height: 15px;
}

.compactProfile
{
	float: right;
	color: #767676;
	font-size: 10px;
	font-weight: bold;
	margin-top: 5px;
}

.checkoutButton
{
	float: right;
	width: 70px;
	margin-top: 6px;
}

.compactCart
{
	margin-bottom: 17px;
	width: 223px;
	height: 87px;
	background-image: url(../images/cartBg.gif);
	background-repeat: no-repeat;
}

.compactCartValues
{
	float: left;
	width: 140px;
	margin: 30px 0px 0px 10px;
}

.compactCartValues div
{
	color: #767676;
	font-size: 11px;
	margin-left: 3px;
}

.compactCartValues div span
{
	font-weight: bold;
	font-size: 12px;
}

.loginBox
{
	border: 1px solid #cccccc;
	width: 103px;
	height: 15px;
	font-size: 10px;
}

.sideSection
{
	width: 220px;
	margin-left: 4px;
	float: left;
}

.productBox
{
	width: 205px;
	height: 290px;
	float: left;
	margin: 10px 10px 0px 0px;
}

.productBoxTop
{
	width: 205px;
	height: 5px;
	background-image: url(../images/productTop.gif);
	background-repeat: no-repeat;
}

.productBoxContent
{
	width: 205px;
	background-image: url(../images/productRep.gif);
	background-repeat: repeat-y;
}

.productBoxBottom
{
	width: 205px;
	height: 5px;
	background-image: url(../images/productBottom.gif);
	background-repeat: no-repeat;
}

.productName
{
	margin-left: 15px;
	margin-right: 5px;
	margin-top: 3px;
	height: 41px;
	overflow: hidden;
}

.productName span
{
	color: #243881;
	font-size: 11px;
	font-weight: bold;
}

.productCode
{
	color: #767676;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.price
{
	font-size: 12px;
	color: #767676;
	font-weight: bold;
}

.productDetailPrice
{
	font-size: 12px;
	color: #767676;
}

.CatalogHeading
{
	width: 710px;
	vertical-align: top;
	border-bottom: dotted 1px #CCCCCC;
	clear: both;
}

.CatalogHeading h1 span
{
	color: #335a26;
	font-size: 16px;
	font-weight: bold;
}

/*-------------------------/ Paging /-----------------------*/
.paging
{
	position: relative;
	text-align: center;
	width: 600px;
}

.paging ul
{
	color: #767676;
	height: 19px;
	width: 225px;
	font-size: 10px;
	list-style: none;
	margin: 10px auto;
}

.paging li
{
	height: 18px;
	display: inline;
}

/*----------------------------------------------------------*/

.productDetailName
{
	width: 710px;
	height: 20px;
	border-bottom: dotted 1px #CCCCCC;
}

.productDetailName span
{
	color: #243881;
	font-size: 12px;
	font-weight: bold;
}

/*---------------------------/ Form /-----------------------*/
fieldset
{
	color: #767676;
	font-size: 12px;
	margin: 20px 0 22px 30px;
}

fieldset label
{
	top: 15px;
	float: left;
	width: 250px;
	/*margin-top:10px;*/
}

fieldset label.register
{
	top: 15px;
	width: 140px;
	position: relative;
}

fieldset input
{
	width: 200px;
	height: 17px;
	display: block;
	margin: 7px 0 0;
	border: solid 1px #b8b8b8;
	padding: 3px 3px 4px 3px;
}

fieldset textarea
{
	width: 200px;
	display: block;
	margin: 7px 0 0;
	border: solid 1px #b8b8b8;
	padding: 3px 3px 4px 3px;
}

fieldset select
{
	width: 208px;
	height: 26px;
	display: block;
	border: solid 1px #b8b8b8;
	margin: 7px 0 0;
	padding: 3px 3px 4px 3px;
}

fieldset .multi
{
	width: 200px;
	height: 77px;
	margin: 7px 0 0;
	overflow: hidden;
	padding: 3px 3px 4px 3px;
	border: solid 1px #b8b8b8;
	font-family: Arial, Verdana, Sans-Serif;
}

fieldset .button
{
	border: none;
	width: 65px;
	height: 17px;
	margin: 20px 0 0 50px;
}

fieldset .button2
{
	border: none;
	width: 81px;
	height: 26px;
	margin: 20px 0 0 50px;
}

fieldset .fielddivs
{
	width: 200px;
	height: 17px;
	display: block;
	margin: 7px 0 0;
	border: solid 1px #b8b8b8;
	padding: 3px 3px 4px 3px;
	float: left;
	vertical-align: middle;
}

fieldset .fielddivs input
{
	height: 13px;
	width: 13px;
	display: block;
	border: none;
	margin: 0 0 6px 0;
}
/*----------------------------------------------------------*/


/*--------------------/ Shopping Cart /---------------------*/

.ShoppingCart
{
	table-layout: fixed;
	width: 100%;
	font-family: Arial;
	font-size: 12px;
	margin-top: 20px;
	color: #767676;
}

.CartColumnHeading
{
	border: solid 1px #bdb9b6;
	border-right-style: none;
	font-size: 12px;
	padding: 0 0 0 5px;
	vertical-align: middle;
	height: 25px;
	font-weight: bold;
	color: #444444;
}


.CartColumnHeadingLast
{
	border: solid 1px #bdb9b6;
	font-size: 12px;
	padding: 0 0 0 5px;
	vertical-align: middle;
	height: 25px;
	font-weight: bold;
	color: #444444;
}

.CartColumnCell
{
	border-bottom: solid 1px #bdb9b6;
	border-left: solid 1px #bdb9b6;
	padding: 0 5px 0 5px;
	vertical-align: middle;
	font-size: 11px;
	color: #767676;
	width:150px;
}

.CartColumnCellLast
{
	border-bottom: solid 1px #bdb9b6;
	border-left: solid 1px #bdb9b6;
	border-right: solid 1px #bdb9b6;
	padding: 0px 1px 0px 1px;
	vertical-align: middle;
	font-size: 11px;
	color: #767676;
}

.CartColumnCellLast img
{
	cursor:hand;
}

.cartTotalHed
{
	height: 20px;
	font-weight: bold;
	color: #444444;
}

.cartTotalCell
{
	color: #767676;
}

/*----------------------------------------------------------*/

.fieldGroups
{
	margin: 20px 50px 5px 5px;
}

.fieldGroups h4
{
	font-size: 12px;
	font-weight: bold;
	color: #767676;
}


.templateFields
{
	font-size: 11px;
	color: #767676;
	margin-top: 5px;
}


.priceLogin
{
	font-size: 11px;
	color: #767676;
	font-weight: bold;
	text-align: center;
}

.priceLogin:hover
{
	color: #6fbc3f;
}

.smalLink
{
	color: #0f2575;
	font-size: 11px;
	text-decoration: underline;
}

.smalLink:hover
{
	color: #6fbc3f;
}

/*------------------------CRM----------------------------------*/

.section2
{
	float: left;
}

.heading1
{
	color: #6fbc3f;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	background: url(../images/border-double.gif) repeat-x bottom;
}

.dashHed
{
	font-weight: bold;
	font-size: 12px;
	color: #3b3835;
}

.dashLink
{
	font-size: 12px;
	color: #335a26;
	text-decoration: underline;
}

.dashLink:hover
{
	font-size: 12px;
	color: #0e1745;
	text-decoration: underline;
}

.bside
{
	float: left;
	width: 315px;
	background-image: url(../images/bsideRep.gif);
	background-repeat: repeat-y;
}

.yourAccountRow
{
	width: 303px;
	height: 28px;
	background-color: #cecece;
	border: 1px solid #a5a5a5;
	border-bottom: 0px;
}

.yourAccountRow span
{
	font-size: 11px;
	color: #000000;
}

.accountRowHed
{
	font-weight: bold;
	margin-left: 12px;
}

.accountRowLabel
{
	font-weight: normal;
	margin-left: 0px;
}

.yourAccountRowLight
{
	width: 303px;
	height: 28px;
	background-color: #eaeaea;
	border: 1px solid #a5a5a5;
	border-bottom: 0px;
}

.yourAccountRowLight span
{
	font-size: 11px;
	font-weight: bold;
	margin-left: 12px;
}

.accountRowLabelOrng
{
	color: #ce630b;
	font-weight: bold;
}

.accountRowLabelBlue
{
	color: #0f2575;
	font-weight: bold;
}

.openSalesQuotes
{
	font-size: 11px;
	color: #211e1b;
	border: 1px solid #a5a5a5;
	border-bottom: 0px;
	border-right: 0px;
}

.openSalesQuotes td
{
	height: 28px;
	border-bottom: 1px solid #a5a5a5;
	border-right: 1px solid #a5a5a5;
}

.openSalesQuotes td span
{
	margin-left: 5px;
}

.orderHed
{
	height: 26px;
	font-weight: bold;
	font-size: 11px;
	background-color: #cecece;
	color: #211e1b;
	border-right: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
	padding: 0px 3px 0px 3px;
}

.orderRow
{
	height: 26px;
	font-weight: normal;
	font-size: 11px;
	background-color: #eaeaea;
	color: #211e1b;
	border-right: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
	padding: 0px 3px 0px 3px;
}

.orderRow div
{
	float: left;
}

.plusMinus
{
	float: left;
	height: 27px;
}

.plusMinus img
{
	margin: 3px;
}

.ViewAllDiv
{
	float: right;
}

.ViewAllDiv span
{
	margin-right: 5px;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
}

.orderListTable
{
	border: 1px solid #a5a5a5;
	border-bottom: 0px;
	border-right: 0px;
}

.listHedDiv
{
	width: 960px;
	height: 27px;
	background-image: url(../images/sectionBg.gif);
	background-repeat: repeat;
}

.addAccount
{
	float: right;
	margin: 4px 5px 0px 0px;
}

.ddlView
{
	background-color: #0e1745;
	color: #ffffff;
	font-size: 11px;
	margin-top: 3px;
}

.orderSearch
{
	margin-top: 36px;
	width: 960px;
	height: 75px;
	border: 1px solid #0f2575;
	background-color: #dcdef9;
}


.orderSearchHed
{
	font-size: 10px;
	color: #0f2575;
}

.orderSearchBox
{
	width: 125px;
	font-size: 11px;
	border: 1px solid #0f2575;
}

.refineSearchBtn
{
	float: right;
	margin: 20px 5px 0px 5px;
}

.accountSummary
{
	width: 960px;
	height: 27px;
	background-image: url(../images/accountSummary.gif);
	background-repeat: no-repeat;
}


/*----------------------------------------------------------*/

#pageHed
{
	height: 23px;
	clear: both;
}

.headText
{
	font-size: 20px;
	color: #335a26;
	font-weight: bold;
	float: left;
	height: 23px;
}

.linesRep
{
	float: right;
	background-image: url(../images/linesRep.gif);
	background-repeat: repeat-x;
	height: 23px;
	margin: 3px 0px 0px 0px;
}

/*--------------------------------------------------*/

.newsBoxTop
{
	width: 638px;
	height: 5px;
	background-image: url(../images/newsBoxTop.gif);
	background-repeat: no-repeat;
}

.newsBoxRep
{
	width: 638px;
	background-image: url(../images/newsBoxRep.gif);
	background-repeat: repeat-y;
	padding: 10px;
}

.newsBoxBottom
{
	width: 638px;
	height: 5px;
	background-image: url(../images/newsBoxBottom.gif);
	background-repeat: no-repeat;
}

.newsItems
{
	margin-top: 20px;
}

.newsItems h6
{
	font-weight: bold;
}

.newsItems p
{
	margin: 10px 5px 10px 0px;
}

.newsItems a
{
	color: Red;
}

.newsHeading
{
	color: #335a26;
	font-size: 14px;
	font-weight: bold;
	float: left;
}

.newsArticle p
{
	margin: 10px 5px 10px 0px;
	clear: both;
	color: #767676;
	font-size: 11px;
}

.newsPosted
{
	margin: 10px 0px 10px 0;
	font-size: 10px;
	float: left;
	color: #0f2575;
}

/*--------------------------------------------*/

.checkbox
{
	border: solid 0px white;
}

.searchResultsCategory
{
	font-weight: bold;
	color: #243881;
	font-size: 11px;
	text-decoration: none;
}

/*---------- BoxOver styles ----------*/
.InfoBody
{
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	font-size: 11px;
	padding: 2px;
}
.InfoHeaderBlue
{
	padding: 2px;
	background-color: #bcdee9;
	font-size: 11px;
	color: White;
}

.productListTable
{
	width: 670px;
	border: 1px solid #D1D1D1;
	margin-bottom: 12px;
	border-right: 0px;
}

.productListTable td
{
	border-right: 1px solid #D1D1D1;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	color: #767676;
	height: 30px;
}

.productListTable td span
{
	font-size: 11px;
	color: #767676;
}


/*------------------- Dashboard Styles -----------*/
.dashBlock { width:310px; height:206px; border:1px solid #243881; margin:20px 8px 0px 0px; float:left; }

.dashIcon { float:left; width:92px; height:91px; }

.dashHed { width:210px; height:91px; float:right; }

.dashTitle { font-size:20px; color:#243881; margin-top:22px; font-weight:bold; }

.dashcription { font-size:12px; color:#243881; margin-top:8px; }

.dashTop { width:308px; height:91px; }

.dashControls { clear:both; width:308px; height:115px; margin-top:20px; }

.viewButton { height:23px; width:62px; margin:5px 15px auto; float:right; }

.calControl { width:294px; height:30px; margin-left:14px; }

.calControl div { float:left; margin-right:5px; }

.dashLinks { margin-left:16px; line-height:20px; }

.dashLinks a { font-size:12px; color:#3d3d3d; text-decoration:underline; }

.dashLinks a:hover { color:#000000; }


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/*JQuery UI MultiSelect plugin styles*/
.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }