/* general styles */
html
{
	height: 100%;
}
BODY
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: White;
	padding: 0;
	margin: 0;
	height: 100%;
}

a img
{
	border-width: 0;
}

H1
{
	font: bold small Arial, Helvetica, sans-serif;
	display: inline;
	color: White;
	background-color: #006699;
	width: 100%;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
}
H2
{
	font-size: 12px;
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px #336699 solid;
}


/* top */


.header
{
	background-color: #002B54;
	background-image: url(../images/bg_top.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding-bottom: 5px;
	height: 70px; /* height is equal to logo image height */
}
.toplnks
{
	padding-top: 2px;
	margin: 0;
	height: 22px;
}
html > body .toplnks
{
	padding-top: 3px;
}
.qsearch
{
	background-color: #ffffff;
	border-top: solid 1px #ffffff;
}
A.lnk
{
	text-decoration: none;
	background-color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #336699;
	padding: 3px 6px 3px 6px;
}
A:hover.lnk
{
	color: #ffffff;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #002B54;
}
html > body A.lnk
{
	margin-top: 10px;
}
.effdate
{
	font-weight: bold;
	margin-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	color: #990000;
}

.topline
{
	border-top: 2px #E6E9F0 solid;
	padding-top: 0px;
	margin-top: 0px;
}

.bottomline
{
	border-bottom: 2px #E6E9F0 solid;
	padding-top: 0px;
	margin-top: 0px;
}

/* --- PropMain --- */

a.propmainButton
{
	border: 1px solid #006699;
	background: #FFFFFF;
	color: #006699;
	font: bold 11px Arial, Tahoma;
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 3px 8px;
	margin: 5px 2px;
	line-height: 10px;
	width: 120px;
	line-height: 13px;
}
a.propmainButton:hover
{
	border: 1px solid #3399CC;
	background-color: #006699;
	color: White;
}
#propmain
{
	text-align: center;
	width: 100%;
	background-image: url(../images/propmain.png);
	background-repeat: no-repeat;
	background-position: center 50%;
	background-color: #ffffff;
	height: 320px;
}
#propcent
{
	position: relative;
	width: 625px;
	height: 320px;
	margin: 0 auto;
}
a.propcat
{
	position: absolute;
	color: #006699;
	text-decoration: none;
	font: bold 16px Tahoma, Verdana, Arial;
	top: 80px;
	left: 144px;
	padding: 3px 2px 8px 38px;
	background-image: url(../images/prop_off.png);
	background-repeat: no-repeat;
}
a.propcat:hover
{
	color: #3399CC;
	background-image: url(../images/prop_on.png);
	background-repeat: no-repeat;
}
a.propquot
{
	position: absolute;
	color: #006699;
	text-decoration: none;
	font: bold 16px Tahoma, Verdana, Arial;
	top: 110px;
	left: 168px;
	padding: 3px 2px 6px 38px;
	background-image: url(../images/prop_off.png);
	background-repeat: no-repeat;
}
a.propquot:hover
{
	color: #3399CC;
	background-image: url(../images/prop_on.png);
	background-repeat: no-repeat;
}
a.propbulk
{
	position: absolute;
	color: #006699;
	text-decoration: none;
	font: bold 16px Tahoma, Verdana, Arial;
	top: 140px;
	left: 189px;
	padding: 3px 2px 6px 37px;
	background-image: url(../images/prop_off.png);
	background-repeat: no-repeat;
}
a.propbulk:hover
{
	color: #3399CC;
	background-image: url(../images/prop_on.png);
	background-repeat: no-repeat;
}
a.propsync
{
	position: absolute;
	color: #006699;
	text-decoration: none;
	font: bold 16px Tahoma, Verdana, Arial;
	top: 170px;
	left: 208px;
	padding: 3px 2px 6px 37px;
	background-image: url(../images/prop_off.png);
	background-repeat: no-repeat;
}
a.propsync:hover
{
	color: #3399CC;
	background-image: url(../images/prop_on.png);
	background-repeat: no-repeat;
}

a.bulletinboard
{
	position: absolute;
	color: #006699;
	text-decoration: none;
	font: bold 16px Tahoma, Verdana, Arial;
	top: 200px;
	left: 228px;
	padding: 3px 2px 6px 37px;
	background-image: url(../images/prop_off.png);
	background-repeat: no-repeat;
}
a.bulletinboard:hover
{
	color: #3399CC;
	background-image: url(../images/prop_on.png);
	background-repeat: no-repeat;
}




/* ---- breadcrumbs ---- */

A.bcrumblnk
{
	color: #336699;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

A:hover.bcrumblnk
{
	color: #FF3300;
}
.bcrumb
{
	color: #336699;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding-left: 3px;
	padding-right: 3px;
}


/* ---- configurator ---- */

.wcfgtitle
{
	color: #4B59AA;
	font: bold 13px Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin-top: 8px;
	padding-left: 5px;
}

.configurator
{
	border: 1px solid #336699;
	border-width: 0 1px 1px 1px;
	padding: 0 5px; /*border-top : 4px solid #E5E5E5;*/
}
.responder
{
	border: 0px solid #336699;
	padding: 0 0 0 5px; /*border-top : 4px solid #E5E5E5;*/
}
.absResponder
{
	width: 200px;
	border: solid 1px #336699;
}
table.absgrid
{
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table.absgrid td, table.absgrid th
{
	border: none;
	border: 1px solid #ccc;
	padding: 2px;
}
table.absgrid th
{
	font-size: 80%;
	font-weight: bold;
	color: #777;
}

table.attrtable
{
	margin-top: 5px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table.attrtable td, table.attrtable th
{
	border: none;
	border: 1px solid #ccc;
	padding: 2px 5px;
}
table.attrtable th
{
	background: #F5F5F5;
	font-weight: bold;
}
/* ---- configurator tabs ---- */

.configTabsDiv
{
	padding: 0;
	margin: 0;
}
.cf_frame
{
	text-align: left; /*height: 30px;*/
	padding: 0;
	margin: 0;
}
.cftab
{
	padding: 3px 0;
	margin: 0;
	font: bold 12px Verdana;
	border-bottom: 1px solid #336699; /*same color as configurator border*/
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.cftab li
{
	display: inline;
	margin: 0;
}
html > body .cftab li
{
	display: inline;
	position: relative;
	top: 0px;
}
.cftab li a
{
	text-decoration: none;
	padding: 2px 9px 3px 9px;
	margin-right: 3px;
	border: 1px solid #C0C0C0;
	border-bottom: none;
	background-color: #DDDDDD;
	color: #4B4B4B;
	background-image: url(../images/tab_bg.gif);
	background-repeat: repeat-x;
	white-space: nowrap;
}



.cftab li a:hover
{
	color: #6699CC;
}

.cftab li a:active
{
	color: #006699;
}

.cftab li.selected a
{
	/*selected tab*/
	position: relative;
	top: 1px;
	padding-top: 4px;
	border: 1px solid #336699; /*same color as configurator border*/
	border-bottom: none;
	background-color: #FFFFFF;
	background-image: none;
	color: #006699;
}
.cftab li.cfdef
{
	/*default tab selection*/
	position: relative;
	top: -23px;
	padding-top: 0px;
	border: 0px solid #fff;
	border-bottom: none;
	background-color: transparent;
	background-image: none;
	color: #006699;
	float: right;
	font: normal 11px Verdana;
}

/* ---- configurator middle area ---- */

.inputlabela
{
	color: #000000;
	background-color: #E6E6E6;
	padding-left: 4px;
}
.inputborder
{
	border: solid 1px #E6E6E6;
	border-width: 0 1px 1px 1px;
}
.inputforma
{
	border: 1px solid #003366;
}
.radiolabela
{
	color: #336699;
	background-color: #F3F3F3;
}
.radioinput
{
	border: 1px solid #003366;
}
.optionlabela
{
	color: #003366;
	background-color: #F3F3F3;
}
.optionselect
{
	color: #CC3300;
	background-color: #F3F3F3;
}

/* ---- responder ---- */

.respframe
{
	border: 1px solid #5497B9;
}
.resptitlebg
{
	background: #5497B9;
}
.resptitle
{
	color: white;
	font-weight: bolder;
	background: #6699CC;
	padding-left: 3px;
}
.resptitleNot
{
	color: white;
	font-weight: bolder;
	background: #ff3300;
	padding-left: 3px;
	border: 1px #FFFFFF solid;
}
.resptotal 
{
    background-color: #003366; 
    color: White; 
    padding: 4px; 
    text-align: left;
}
.respbordert
{
	border-top: 1px solid #5497B9;
}
.respborderb
{
	border-bottom: 1px solid #5497B9;
}
.respselect
{
	border-top: 1px dashed #7E7E7E;
	padding-top: 5px;
	margin-top: 5px;
}
.respcell
{
	border: 1px solid #ffffff;
	text-align: left;
	padding: 3px 2px;
}
.r1
{
	font-weight: bold;
	border-bottom: dashed 1px #D1D1D1;
	padding: 1px;
}
.r2
{
	float: right;
	border-bottom: dashed 1px #D1D1D1;
	padding: 1px;
	text-align: right;
}

a.configAButton
{
	border: 1px solid #ccc;
	background: #FE7201;
	color: #fff;
	font: bold 11px Arial, Tahoma;
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 5px;
	margin: 5px 2px;
	line-height: 10px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
a.configAButton:hover
{
	color: #444;
}
a#lnkBtnCompare {background: #EDEDED; color: #FE7201;}
a#lnkBtnCompare:hover {color: #444;}
a.step
{
	border: 1px solid #DDDDDD;
	background: #3399CC;
	color: #FFFFFF;
	font: bold 11px Arial, Tahoma;
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 3px;
	margin: 5px 2px;
	line-height: 10px;
}
a.step:hover
{
	border: 1px solid #3399CC;
	background-color: #fff;
	color: #3399CC;
}

.subprodconf
{
	padding: 3px;
	border: solid 1px #CCCCCC;
	background-color: #FBFBDC;
	margin: 0 2px;
}

td.incomplete
{
	background-color: #ff6600;
	color: #ffffff;
	padding: 4px 2px;
	font-weight: bold;
}
td.incomplete a
{
	color: #ffffff;
}
.cftab li a.incomplete
{
	color: #ff6600;
}
.incompleteBorder
{
	border: solid 1px #ff6600;
}
.complete
{
	background-color: #003366;
	color: White;
	font-weight: bold;
	padding: 3px;
	text-align: center;
}
/* ---- loadquot ---- */

INPUT.button
{
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #ccc;
	background-color: #FE7201;
	color: #fff;
	text-align: center;
	padding: 2px 5px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.quotetable
{
	border-bottom: 1px #004785 solid;
}
.quotheader
{
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 5px;
}
TR.quoteTableHeader
{
	background: #336699;
}
TR.quoteTableRow
{
	background: #EEEEEE;
}
TR.quoteTableRow0
{
	background-color: #FAFAFA;
}
TR.quoteTableRow1
{
	background-color: #ECECEC;
}
.quotheader_b
{
	color: #6689C2;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px #6689C2 solid;
}
.quotecell_b
{
	font-size: 11px;
	background: #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	border-left: 1px #cbcbcb dashed;
}

A.srchlnk
{
	font: normal x-small Arial, Helvetica, sans-serif;
	padding: 0px 4px 2px 4px;
	color: #003399;
	text-decoration: underline;
}
A:hover.srchlnk
{
	color: #9D0F20;
}

.searchTablediv
{
	width: 240px;
	height: 350px;
	background-color: #FFFFFF;
	overflow: auto;
	position: absolute;
	right: 100px;
	left: 100px;
	top: 190px;
	border-top: 1px #FFFFFF solid;
}
.searchTable
{
	border: 1px #004785 solid;
}
.searchdrag
{
	color: #FFFFFF;
}
.searchHeader
{
	color: #FFFFFF;
	background-color: #336699;
}
.searchRow
{
	background-color: #DEE2E8;
	border-bottom: 1px #ffffff solid;
}
.iks
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	margin: 2px;
	border: 1px #ffffff solid;
	padding-left: 2px;
	padding-right: 2px;
}

.filterclosed
{
    width: 27px;
    height: 83px;   
    background-image: url(../images/quot/closed.gif);
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
}
.filteropened
{
    width: 27px;
    height: 83px;   
    background-image: url(../images/quot/open.gif);
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
}

/* ---- product catalog ---- */

/* - tree nav - */
.tree
{
}

.tree a
{
	color: #336699;
	font-weight: bold;
}
.tree a.selected
{
	background-color: #336699;
	color: #ffffff;
	font-weight: bold;
}
.scrolldiv
{
	overflow: hidden;
	height: 570px;
	border-right: solid 1px #eee;
}

.resizingImage
{
	padding: 0px;
	border-style: solid;
	border-width: 3px;
	border-color: #B4D35D;
}

.handleImage
{
	width: 15px;
	height: 16px;
	background-image: url(../images/HandleHand.png);
	overflow: hidden;
	cursor: se-resize;
}

a.scrllnk
{
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	background-color: #eeeeee;
	color: #333;
	border-right: solid 1px #eee;
}
/* - left slider - */
.catfloat
{
	padding: 0;
}
.catfloat table {background: #fff; font-family: "Trebuchet MS", Tahoma, Arial, Serif; border: 1px solid #ccc; border-collapse: collapse;}
.catfloat table td {padding: 2px 5px; color: #616161; text-align: center;}
.catfloat table th a {color: #fe7201;}
.catfloat table th a:hover {color: #444;}
.catfloat table th {color: #fe7201; padding: 5px; text-align: center;}
.catfloat table th h3 {color: #fe7201;font-size: 1.1em; text-align: center; margin: 3px 0}
.catfloat table td, .list_table table th {border: none; border: 1px solid #ccc;}
.catfloat table th {font-weight: bold;}
.catfloat table th table, .catfloat table th table td {border-width: 0;}

table.pageview
{
	border: solid 1px #ccc;
	font-weight: bold;
	width: 130px;
	background-color: #fff;
}
table.pageview td
{
	padding: 3px;
}
table.pageview th
{
	background: #ccc;
	color: #fff;
	text-align: left;
	font-weight: bold;
}

/* --- category --- */

A.cat
{
	color: #003366;
	font: normal bold 12px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A:hover.cat
{
	color: #777;
}
.catbg
{
	background-color: #EDEDED;
	padding: 2px 4px 2px 6px;
}
.catborder
{
	border: 1px solid #EDEDED;
}
.catdesc
{
	font: normal x-small Arial, Helvetica, sans-serif;
	padding-left: 10px;
	color: #333333;
}

a.subcattitle:link, a.subcattitle:visited
{
	color: #336699;
	font: normal bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 90%;
}
a.subcattitle:hover
{
	color: #FF3300;
}
.subcatdesc
{
	color: #003366;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.subcatframe
{
	/*background-color : #F5F5F5;*/
	border: 1px solid #FFFFFF;
	padding: 5px 5px 5px 5px;
}


/* --- product --- */

table.catgrid, td.catgrid
{
	border: 1px solid #e9e9e9;
	border-collapse: collapse;
}
table.catgrid
{
	border: none;
	border: 1px solid #e9e9e9;
}

td.catgrid
{
	padding: 5px;
}
.catgridlast
{
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #fff;
}

a.prodtitle:link, a.prodtitle:visited, .prodtitle
{
	color: #336699;
	font: normal bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.prodtitle:hover
{
	color: #3399cc;
}

.proddesc1
{
	color: #030303;
	font-size: 11px;
}
.proddesc2
{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000000;
}

.prodsplit
{
	border-bottom: dashed 1px #ccc;
}

.prodframe
{
	background-color: #FFFFFF;
	padding: 5px;
	border: solid 1px #ccc;
}

td.price
{
	width: 50%;
}
.price table
{
	border: solid 1px #e9e9e9;
	font-weight: bold;
	text-align: center;
	width: 90%;
}
.price table td
{
	padding: 3px;
}
.price table th
{
	background: #e9e9e9;
	color: #003366;
}
.pricec
{
	color: #009933;
}
.pricei
{
	color: #ff3300;
}

td.add
{
	width: 50%;
}
.add div
{
	padding: 3px 0;
}

.addlnk
{
	font: bold 11px arial,helvetica,sans-serif;
	text-decoration: none;
	padding-bottom: 3px;
}

.adddark
{
	color: #003366;
}
.addlight
{
	color: #006699;
}

a.disabledlink
{
	color: #888;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}
a:hover.disabledlink
{
	color: #888;
}

a.prodlnk:link, a.prodlnk:visited
{
	color: #336699;
	font: bold 11px arial,helvetica,sans-serif;
	text-decoration: none;
}
a.prodlnk:hover
{
	color: #3399cc;
}

td.view
{
	text-align: left;
	height: 27px;
	vertical-align: top;
}

a.customize
{
	width: 70px;
	height: 25px;
	color: #003366;
	background: #fff url(../images/customize.gif) no-repeat;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	display: block;
	font-weight: bold;
	margin: 0 auto;
	font-size: 12px;
}
a:hover.customize
{
	color: #3399cc;
}

a.disablecustomize
{
	width: 70px;
	height: 25px;
	color: #888;
	background: #fff url(../images/customize.gif) no-repeat;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	display: block;
	font-weight: bold;
	margin: 0 auto;
	font-size: 12px;
	cursor: default;
}
a:hover.disablecustomize
{
	color: #888;
}

a.listcustomize
{
	width: 74px;
	height: 20px;
	color: #003366;
	background: transparent url(../images/listcustomize.png) no-repeat;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	display: block;
	font-weight: normal;
	margin: 0 auto;
	font-size: 11px;
}
a:hover.listcustomize
{
	color: #3399cc;
}

#compareTable table
{
	border-bottom: solid 1px #E8E8E8;
}

#compareTable table td
{
	border-right: dashed 1px #E8E8E8;
}
#compareTable table th
{
	background-color: #E8E8E8;
	text-align: left;
	font-weight: normal;
	padding: 2px;
}

#compareTable td.attr
{
	border-top: solid 1px #E8E8E8;
}

.cmxform label
{
	float: left;
	margin-right: 5px;
	width: 85px;
	padding-top: 3px;
}

.cmxform ol
{
	margin: 0;
	padding: 0;
}

.cmxform li
{
	list-style: none;
	padding: 2px;
	margin: 0;
}




/* ---- comparison ---- */

#comparison table
{
	border-collapse: collapse;
}

/* ---- shopping cart ---- */

.cqlnk
{
	border: 1px solid #9D0F20;
	background: #FFFFFF;
	color: #9D0F20;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
}
a.cqlnk
{
	text-decoration: none;
	padding: 1px 4px;
	display: block;
	width: 70px;
}

a.cartBulkAction
{
	border: 1px solid #333366;
	background: #FFFFFF;
	color: #333366;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	text-decoration: none;
	padding: 2px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.cartfont
{
	background: #003366;
	color: white;
	font-weight: bold;
	font-size: 13px;
	padding-left: 3px;
}
.cartfontEditable
{
	background: #004477;
	color: white;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
}
.cart_row {background: #eeeeee;}
.cartfont1
{
	color: white;
	font-weight: bold;
	font-size: 12px;
	padding-left: 3px;
}
.cartfont2
{
	background: #EEEEEE;
	font-weight: normal;
	font-size: 12px;
	padding-left: 3px;
}
.cartfont2editable
{
	background: #C0C0C0;
	font-weight: normal;
	font-size: 12px;
	padding-left: 3px;
	cursor: pointer;
}
.cartfont2hover:hover
{
	background: #DDDDDD;
	font-weight: bold;
	font-size: 12px;
	padding-left: 3px;
}
.cartHeaderbg
{
	background: #6699CC;
}
.cartsubhead
{
	background-color: #E0E0E0;
	font-weight: bold;
}
.cartTable
{
	border: 1px #003366 solid;
}
.cartTotalbg
{
	background: #003366;
}
.cartInnerborder
{
	border: 1px solid #6699CC;
}
a.cartlnk:link, a.cartlnk:visited
{
	color: #336699;
	font: bold 11px arial,helvetica,sans-serif;
	text-decoration: underline;
}
a.cartlnk:hover
{
	color: #FF3300;
}
.carttype
{
	font: bold 12px arial,helvetica,sans-serif;
	color: #000000;
	text-align: center;
}

.cartsplit
{
	border-top: 1px #6699CC solid;
}

.systemsplit
{
	width: 3px;
	background: #336699;
}

.sc0
{
	background: #90F;
}
.sc1
{
	background: #F0F;
}
.sc2
{
	background: #C6F;
}
.sc3
{
	background: #F9F;
}

.itemsplit
{
	border-bottom: dashed 1px #DEDEDE;
}
.cartedit
{
	border-right: solid 1px #7f7f7f;
	border-bottom: solid 1px #7f7f7f;
	border-top: solid 1px #FFF;
	border-left: solid 1px #FFF;
	background-color: #e8e8e8;
	margin: 2px 5px 2px 2px;
	display: block;
	padding: 2px;
}
.cart_hide
{
	padding: 0 2px;
	border: solid 1px #dbe5ee;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}
.cart_hide2
{
	padding: 0 2px;
	border: solid 1px #000;
	font-size: 10px;
	color: #000;
	text-decoration: none;
}

/* SCParams */

.scTopMessage {width: 700px; background-color: #fff0f0; color: #CC0000; padding: 10px; border: solid 1px #666666; margin: 10px}
.scTable {width: 650px; margin: 0 auto;}
.scLabel {padding-right: 15px; font-weight: bold; background-color: #EEEEEE; text-align: right;}
.scField {text-align: left;}
.scField select {width: 325px;}


/* --------- tabs ------- */

/*loadquot + cart tabs*/

.lq_frame
{
	width: 100%;
	text-align: left;
	height: 30px;
	padding: 0;
}

.cart_frame
{
	width: 99%;
	text-align: left;
	height: 30px;
	padding: 0;
	margin: 0 auto;
}

.lqtab
{
	padding: 3px 0;
	margin: 0;
	font: bold 12px Verdana;
	border-bottom: 1px solid #4B4B4B;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
	position: relative;
}

.lqtab li
{
	display: inline;
	margin: 0;
	white-space: nowrap;
}

.lqtab li a
{
	text-decoration: none;
	padding: 2px 9px 4px 9px;
	margin-right: 3px;
	border: 1px solid #C0C0C0;
	border-bottom: none;
	background-color: #DDDDDD;
	color: #4B4B4B;
	background-image: url(../images/tab_bg.gif);
	background-repeat: repeat-x;
	white-space: nowrap;
}

.lqtab li a:visited
{
	color: #4B4B4B;
}

.lqtab li a:hover
{
	color: #6699CC;
}

.lqtab li a:active
{
	color: black;
}

.lqtab li.selected a
{
	/*selected tab effect*/
	position: relative;
	top: 1px;
	padding-top: 4px;
	border: 1px solid #4B4B4B;
	border-bottom: none;
	background-color: #FFFFFF;
	background-image: none;
	color: #006699;
}
li.lqdef
{
	/*default tab selection*/
	padding-top: 0px;
	border: 0px solid #fff;
	border-bottom: none;
	background-color: transparent;
	background-image: none;
	color: #666;
	position: relative;
	right: 0;
	font: normal 11px Verdana;

}



/* ---- user page ---- */


/* 
.userlnk {
color : #336699;
font : x-small Arial;
text-decoration : none;
}
*/

.userdate
{
	background-color: #FFFFFF;
	color: #6699CC;
	padding-left: 10px;
	padding-top: 5px;
}
.userborder
{
	border-left: 1px dashed #336699;
	padding-left: 10px;
}
a.userlnk:link
{
	color: #336699;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 15px;
    background-image: url(../images/ubulit.gif);
    background-repeat: no-repeat;
    background-position: 2px;
}
a.userlnk:visited
{
	color: #336699;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(../images/ubulit.gif);
    background-repeat: no-repeat;
    background-position: 2px;
}
a.userlnk:hover
{
	color: #FF3300;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(../images/ubulit.gif);
    background-repeat: no-repeat;
    background-position: 2px;
}
.user
{
	text-align: left;
	margin-left: 40%;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
}

.usertitle
{
	background-color: #fff;
	color: #336699;
	font: bold 16px Arial, Helvetica, sans-serif;
	border-bottom: solid 1px #336699;
	padding: 5px;
}

.userlist
{
	color: #0066CC;
}
a.u:link
{
	color: #0066CC;
}
a.u:hover
{
	color: #FF3300;
}

.dateformat
{
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	width: 300px;
}
.passlabela
{
	color: #003366;
	background-color: #FFFFCC;
}

.usermenu 
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.usermenu li 
{
    
}
/* misc */

td.required
{
	background-color: #FFD700;
	text-align: right;
	font-weight: bold;
}

td.label2
{
	background-color: #EEEEEE;
	text-align: right;
}
td.label
{
	background-color: #EEEEEE;
}

td.requiredLeft
{
	background-color: #FFD700;
	text-align: left;
	font-weight: bold;
}

.HeadTitle
{
	font: bold small Arial, Helvetica, sans-serif;
	color: White;
	background-color: #006699;
	width: 100%;
	padding: 3px;
	text-align: left;
}
.revheader
{
	color: White;
	background-color: #006699;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding-left: 3px;
}

.revactive
{
	background-color: #c2d5e9;
	padding-left: 0px;
}
.revrow
{
	padding-left: 0px;
	background-color: #ededed;
}
.bottomBorder
{
	border-bottom-width: 1px;
	border-bottom-color: black;
	border-bottom-style: solid;
}

.shiptitle
{
	background-color: #336699;
	color: #FFFFFF;
	padding-left: 8px;
	font-weight: bold;
}

.shipselect
{
	background-color: #e7e7e7;
	padding-left: 5px;
	padding-right: 5px;
}
.shipcopy
{
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	background-image: url(../mt/default/images/orange_bulit.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
.logintxt
{
	color: #006699;
}
.logintable
{
	border: 1px solid #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #CCCCCC;
}

.logintable TD
{
	border-top: 1px solid #FFFFFF;
}
.logincol
{
	background-color: #E0E0E0;
}

.btn
{
	background-color: #003366;
	color: White;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #E1E1E1;
	cursor: pointer;
}

.select
{
	color: #6685A3;
	font: bold 11px Arial, Helvetica, sans-serif; /*border-bottom : 1px dashed #7D7D7D;*/
}
.note
{
	background-color: #FFFFCE;
	padding-left: 5px;
	padding-right: 5px;
}
.reqgif
{
	background-color: #FFD700;
	border: 1px #000000 solid;
	margin-top: 3px;
}

/* --- messages --- */
.message
{
	display: block;
	text-align: center;
	border: 1px solid #FFEEAC;
	font-weight: normal;
	padding: 5px;
	margin: 0;
	background-color: #FFFFE0;
	color: #242424;
}

.message ul li
{
	text-align:left;
}

.message_error
{
	color: #FF0033;
	display: block;
	border: 1px solid #FFEEAC;
	font-weight: bold;
	padding: 5px;
	background-color: #FFFFE0;
	text-align: center;
}

.errror_psw
{
	text-align: left;
}

.error_psw ul
{
	text-align: left;
	margin: 0;
	padding: 0;
}

.modalBackground
{
	background-color: #777777;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalBackgroundTransparent
{
	background-color: #777777;
	filter: alpha(opacity=0);
	opacity: 0;
}

table.grid
{
	font-family: Arial, Helvetica;
	font-size: 11px;
	width: 100%;
	border: solid 1px #FFFFFF;
	border-collapse: collapse;
	cursor: default;
}
table.grid td.grid
{
	background-color: #E5E5E5;
	padding: 2px 3px;
}
table.grid tr.alt td.grid
{
	background-color: #F0F0F0;
	padding: 2px 3px;
}
.gridhdr
{
	background-color: #3399cc;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: top right;
	font-weight: bold;
	padding: 3px;
}
.gridsubhdr
{
	padding: 2px;
	height: 24px;
}
.hidden
{
	visibility: hidden;
}


.pinkObjFilter
{
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
table.pinkObj
{
	font-family: Lucida Grande, Verdana;
	font-size: 0.8em;
	border: solid 1px #FFFFFF;
	border-collapse: collapse;
	cursor: default;
}
table.pinkObj td, table.pinkObj th
{
	padding: 2px;
	font-weight: normal;
	border: solid 2px white;
}
table.pinkObj tbody tr td
{
	background-color: #E5E5E5;
}
table.pinkObj tbody tr.alt td
{
	background-color: #F0F0F0;
}
table.pinkObj tbody tr.selected td
{
	background-color: #cccccc;
}
        table.pinkObj thead td, table.pinkObj thead th {
	        background-color:#3399cc;
	        color: #ffffff;
	        background-repeat:no-repeat;
	        background-position:top right;
	        font-weight: bold;
        }
        table.pinkObj thead td.selectedUp, table.pinkObj thead th.selectedUp {
	        background-image:url(../images/tblhead_up.gif);
        }
        table.pinkObj thead td.selectedDown, table.pinkObj thead th.selectedDown {
	        background-image:url(../images/tblhead_down.gif);
        }

div.pinkObjPager
{
	margin-top: 5px;
	border-top: dashed 1px #cccccc;
	padding-top: 5px;
	text-align: right;
}
div.pinkObjPager a img.goImg
{
	margin-bottom: -3px;
}
div.pinkObjPager a.pageLink, div.pinkObjPager a.pageLink:visited
{
	color: blue;
	font-weight: bold;
}
div.pinkObjPager a.pageLinkCurrent, div.pinkObjPager a.pageLinkCurrent:visited
{
	text-decoration: none;
	color: gray;
	font-weight: bold;
}

/* tooltip */

a.info
{
	position: relative; /*this is the key*/
	z-index: 24;
	background-color: transparent;
	color: #000;
	text-decoration: none;
	cursor: help;
}

a.info:hover
{
	z-index: 25;
	background-color: transparent;
}

a.info span
{
	display: none;
}

a.info:hover span
{
	display: block;
	position: absolute;
	font-size: 11px;
	top: 15px;
	left: 15px; /*width:250px;*/
	color: #000;
	text-align: left;
	padding: 5px;
}

/* ---- billing info ---- */
.bsheader
{
	color: #FFFFFF;
	background-color: #003366;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 5px;
	display: block;
	margin: 0;
}
.bslabel
{
	background-color: #EEEEEE;
	padding-left: 5px;
	text-align: left;
}

.bsinput
{
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
}
.sort
{
	width: 10px;
	height: 20px;
	float: right;
	margin: 0;
	padding: 0;
	white-space: normal;
}

.resultGrid_TH /*customer lookup page gridView*/
{
	padding-left: 5px;
	background-color: #3399CC;
	color: #FFFFFF;
	text-align: left;
}
.resultGrid_TH
{
	border: solid 1px #FFF;
}
/* -- intelisence control  -- */

div[type="elementDiv"] div.item
{
	background-color: White;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	height: 16px;
	padding-left: 2px;
}
div[type="elementDiv"] div.selected
{
	background-color: Blue;
	color: White;
}

/* --- ORDER SUMMARY --- */

.osheader
{
	color: #FFFFFF;
	background-color: #003366;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 5px;
}
.ostotal
{
	font-weight: bold;
	font-size: 14px;
}

td.oshead
{
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #eeeeee;
}

.headerLinks
{
	color: #003366;
	margin-left: 3px;
	margin-right: 3px;
}

/* new user registration */
#tr table
{
	border-collapse: collapse;
	font: normal 80%/140% verdana, arial, helvetica, sans-serif;
	color: #333;
	background: #ffffff;
	margin: 2px auto;
	width: 600px;
}

#tr td, #tr th
{
	border: 1px solid #fff;
	padding: .3em;
}

#tr thead th, #tr tfoot th
{
	border: 1px solid #fff;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	color: #396C9E;
	background: #F2F2F2;
}

a.submit
{
	font: bold 12px Arial, Tahoma, sans-serf;
	background-color: #396C9E;
	border: 1px #f3f3f3 solid;
	color: #FFF;
	padding: 3px 10px;
	text-transform: uppercase;
	text-decoration: none;
}

a.submit:hover
{
	background-color: #fff;
	border: 1px #fff solid;
	color: #396C9E;
}

/* ---- sticky footer ---- */

html > body .prc
{
	height: 99.9%;
}

.wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -2.2em; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push
{
	height: 2.2em; /* .push must be the same height as .footer */
}
.footer
{
	text-align: center;
	background-color: #ffffff;
}
.footer p, .footer a
{
	color: #002B54;
	font-size: 11px;
}
.footer p
{
	padding-top: 3px;
}


/*Drag and drop*/

.DefaultElementStyle
{
	padding: 3px;
}

.CustomTabStyle .ajax__tab_header
{
	background: url(../images/tab-line.png) repeat-x bottom;
	display: block;
}

.CustomTabStyle .ajax__tab_header .ajax__tab_outer
{
	background: url(../images/tab.png) no-repeat left top;
	border-color: #222;
	color: #222;
	padding-left: 10px;
	margin-right: 3px;
}

.CustomTabStyle .ajax__tab_header .ajax__tab_inner
{
	background: url(../images/tab.png) no-repeat right top;
	border-color: #666;
	color: #666;
	padding: 3px 10px 2px 0px;
}

.CustomTabStyle .ajax__tab_hover .ajax__tab_inner
{
	color: #000;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_outer
{
	background: url(../images/tab.png) no-repeat 0pt -40px;
	border-bottom-color: #ffffff;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_inner
{
	background: url(../images/tab.png) no-repeat right -40px;
	color: #000;
	border-color: #333;
}

.CustomTabStyle .ajax__tab_body
{
	background-color: #fff;
	border: solid 1px #d7d7d7;
	border-top-width: 0;
}

/*Drag and drop*/
.loginlnk
{
	background-color: #FFFFE0;
	border: 1px solid #FFEEAC;
	border-top: none;
	margin-right: 10px;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #336699;
	padding: 3px 6px 3px 6px;
}


#easyscrollnav, #easyscrollnav li
{
	margin: 0;
	padding: 0;
}
#easyscrollnav
{
	float: right; /*margin: 1em 0; 	padding: 0 10px 0 5px;*/
	width: 20px;
}
#easyscrollnav li
{
	color: #404A50;
	cursor: pointer;
	float: left;
	height: 18px;
	margin: 5px 0;
	padding: 0;
	text-indent: -9000px;
	width: 18px;
	list-style-type: none;
}
#easyscrollnav li.over
{
	color: #ED1E6B;
}
#easyscrollnav #btnUp
{
	background-image: url(../images/navigate_up.png) !important;
}
#easyscrollnav #btnDown
{
	background-image: url(none);
	margin-top: 50px;
}
#easyscrollnav #btnReset
{
	background-image: url(../images/navigate_down.png) !important;
}

.handleImage
{
	width: 15px;
	height: 16px;
	background-image: url(../images/HandleGrip.png);
	overflow: hidden;
	cursor: se-resize;
}
.MyClass
{
}
#categoriesUp
{
	position: absolute;
	top: 0px;
	width: 300px;
	height: 16px;
	text-align: center;
	text-decoration: none;
	background-color: #eeeeee;
	color: #333;
	border-right: solid 1px #eee;
}
#categoriesDown
{
	position: absolute;
	top: 600px;
	width: 300px;
	height: 16px;
	text-align: center;
	text-decoration: none;
	background-color: #eeeeee;
	color: #333;
	border-right: solid 1px #eee;
}
#categories
{
	padding-top: 15px;
	margin-bottom: 12px;
	height: 600px;
	overflow: hidden;
}

.AdminHeader
{
	background-image: url(../images/AdminHeaderBack.png);
	background-repeat: repeat-x;
	height: 30px;
	padding-left: 5px;
}
.AdminButton
{
	background-image: url(../images/AdminButtonBack.png);
	background-repeat: repeat-x;
	height: 22px;
	text-align: center;
	text-decoration: none;
	color: White;
	font-weight: bold;
	vertical-align: middle !important;
	padding: 5px;
}

.AdminButton:hover
{
	background-image: url(../images/AdminButtonBackHover.png);
	background-repeat: repeat-x;
	height: 22px;
	text-align: center;
	text-decoration: none;
	color: #43449E;
	font-weight: bold;
	vertical-align: middle !important;
	padding: 5px;
}

.GridHeader
{
	background-image: url(../images/tab_bg.gif);
	background-repeat: repeat-x;
	padding-left: 10px;
}
.RowItem
{
	padding-left: 5px;
	color: #215282;
	border-bottom: dashed 1px #6F95D5;
}

.ProgressPanel
{
	border: solid 1px #999999;
	background-color: White;
	vertical-align: middle;
	height: 50px;
	width: 50px;
	padding-top: 9px;
	text-align: center;
	color: #EA8906;
	font-weight: bold;
}
.ProgressDiv
{
	z-index: 10000;
	background-image: url(../images/simple.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
}
.ProgressModalBackground
{
	background-color: gray;
	filter: alpha(opacity=10);
	opacity: 0.1;
}
.MainContentBack
{
	border: solid 2px #7b84af;
	width: 150px;
	height: 200px;
	padding: 2px;
}

/* CCCalendar START */
.ccMonthNav 
{
	position: relative;
}
.ccPrevious 
{
	width: 20px;
	position: absolute;
	left: 10px;
	border: solid 1px #999999;
}
.ccNext 
{
	width: 20px;
	position: absolute;
	right: 10px;
	text-align: right;
	border: solid 1px #999999;
}
.ccPrevious A, .ccNext A
{
	text-decoration: none;
	padding: 0px 6px;
	color: #999999;
	font-weight: bold;
}
.ccPrevious A:hover 
{
	background-color: #dddddd;
	border-right: solid 1px #dddddd;
}
.ccNext A:hover
{
	background-color: #dddddd;
	border-left: solid 1px #dddddd;
}
.ccMonth 
{
	margin: 0 4px;
}
.ccCell {
    text-align: center;
    border: solid 1px #dddddd;
}
.ccDOW 
{
    text-align: center;
    border: solid 1px #dddddd;
    background-color: #ddddee;
}
.ccOutOfMonth 
{
	background-color: #bbbbbb;
	color: #666666;
}
.ccSelected 
{
	background-color: #ccccff;
}
.ccCell DIV
{
	text-decoration: none;
	cursor: pointer;
	padding: 1px;
}
.ccNow 
{
	color: #6666bb;
	font-weight: bold;
}
DIV.ccDisabled
{
	color: #666666;
	background-color: #dddddd;
	cursor: default;
	padding: 1px;
}
TD.ccButtons 
{
	padding: 10px;
}

/* CCCalendar END */

.DefaultHeaderClass
{
	font-weight: bolder;
}

.DefaultLabelClass
{
	font-weight: bold;
	margin-right: 3px;
}
.promo 
{
}
.promo h2 
{
	font-size: 15px; 
	font-weight: bold;
	padding: 5px 0;
	margin: 0px;
	color: #003366;
	border: none 0px;
}
.promoContent 
{
	padding-left: 20px;
}
.promoContent p 
{
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
table.qtybreak 
{
	border: solid 1px #cccccc;
	border-collapse: collapse;
}
table.qtybreak td 
{
	border: solid 1px #cccccc;
	border-collapse: collapse;
}
table.qtybreak th
{
	border: solid 1px #cccccc;
	border-collapse: collapse;
	font-weight: bold;
}
.promoConditions ul
{
	padding: 5px 20px;
	margin: 0px;
}
.promoConditions ul li
{
	list-style-type: none;
	margin: 2px 0;
}
.promoAction
{
	border-bottom: dashed 1px #cccccc;
	margin: 3px 0;
}

/* Container START */
TR.cntrHeader 
{
	background-color: #6699cc;
}
TR.cntrHeader TD 
{
	color: White;
	font-weight: bold;
}
TR.cntrRow TD
{
	background-color: #eeeeee;
}
TR.cntrFooter
{
	background-color: #6699cc;
}
TR.cntrFooter TD
{
	color: White;
	font-weight: bold;
}
TR.cntrTotal
{
	background-color: #003366;
}
TR.cntrTotal TD
{
	color: White;
	font-weight: bold;
}
/* Container END */


/* customer portal */

.cpborder {border: solid 1px #ccc; padding: 0; width: 250px; text-align:left;}

.cpborder span {margin-right: 5px;}

.cpborder h2 
{
    background: url(../images/cpimage.png) no-repeat top left; 
    padding: 5px 5px 8px 34px;
    margin: 2px 0 0 0; 
    font-weight: bold; 
    color: #012d56; 
    border-bottom: solid 1px #ccc;}
    
 .cpborder p 
{

    padding: 0 8px;
    color: #777;
    font-size: 90%;
}   

.cpborder ul {padding-left: 20px; text-align:left; margin-left: 0;}
.cpborder li {list-style-image: url(../images/cpbulit.png);}
.cpborder li a {color: #018afb; text-decoration: none; font-weight: bold;}
.cpborder li a:hover {color: #bbb;}
.cpborder a {text-decoration: none;}

#cp1 {background-position: 0 0;}
#cp2 {background-position: 0 -75px;}
#cp3 {background-position: 0 -150px;}
#cp4 {background-position: 0 -225px;}

.cpmessage 
{
background:#F8FAFC;
border-bottom:2px solid #B5D4FE;
border-top:2px solid #B5D4FE;
padding:5px;
text-align:left;
display: block;
margin: 3px 0;
}
.cptitle 
{
width: 530px; 
color: #555; 
text-align:left;
background: url(../images/planet.png) no-repeat top left; 
padding: 5px 5px 5px 60px;
margin-left: 10px;
}
.cptitle strong
{
font-family: Tahoma, Trebuchet MS, Verdana;
font-size: 1.2em; 
color: #012d56; 
}
.tg_h 
{
	display: none;
}

.askexpert {text-decoration: none; background: transparent url(../images/askicon.png) no-repeat;  padding-left: 30px; color: #8bb2d8; font-size: 16px; font-weight: bold; padding-bottom: 5px; display: block;}
.DragableTitle {text-decoration: none; background: transparent url(../images/askicon.png) no-repeat;  padding-left: 30px; color: #8bb2d8; margin: 0; padding-top: 0; font-size: 16px; font-weight: bold;  height: 25px;  }

/* new style cart */

.new_jq {border: solid 1px red; margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  
  
/* new style category */ 
  
.cat_bar {border: solid 1px #ccc; width: 1000px; padding: 0 5px; margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: "Trebuchet MS", Tahoma, Arial, Serif;}   
.cat_bar table {margin: 0; width: 99%;}  
.cat_bar table td {padding: 0 10px;} 
.cat_bar table td table td {padding: 0;}   
.cb_border {border-right: solid 1px #ccc;}
.hmc_class { text-align: center; }
.hmc_class a {color: #fe7201; font-weight: bold; font-size: 1.2em;}
.hmc_class a:hover {color: #444;}

.hmc_panel {border: solid 1px #ccc; width: 200px; -webkit-box-shadow: 2px 2px 3px #333333; -moz-box-shadow: 2px 2px 3px #333333; box-shadow: 2px 2px 3px #333333; background: #fff; display: none; position: absolute; margin-top: 5px;}
.hmc_panel a {color: #fe7201;}
.hmc_panel a:hover {color: #444;}
.hmc_panel ul {padding: 5px; margin: 0 0 5px 5px;}
.hmc_panel li {text-align: left; padding: 5px 0; list-style-type: none;}


.icons a {height: 22px; width: 22px; margin: 2px 5px 2px 0;}
.icons td{padding-top: 4px; text-align: center;}

#buttons ul { padding: 2px 0 0 0; margin: 2px 0 0 0; list-style: none; float: right;}
#buttons ul li {float: right; display: inline; margin: 0 10px; }
#buttons ul li a { text-decoration: none; float:left; cursor: pointer; }
#buttons ul li a span {	margin: 0 10px 0 -10px; padding: 1px 8px 5px 18px; position: relative; float:left; font-weight: bold; line-height: 22px; }
#buttons ul li a.compare { background: url(../images/cat_button.png) no-repeat top right; color: #fe7201;}
#buttons ul li a.compare span {	background: url(../images/cat_button.png) no-repeat top left;}
#buttons ul li a.addtoquote {background: url(../images/cat_button_1.png) no-repeat top right; color: #fff;}
#buttons ul li a.addtoquote span {background: url(../images/cat_button_1.png) no-repeat top left;}
#buttons ul li a.compare:hover, #buttons ul li a.addtoquote:hover {	color: #333;}

.select {color: #8f8f8f;}
.list_table {font-family: "Trebuchet MS", Tahoma, Arial, Serif;}
.list_table table {	border: 1px solid #ccc;	border-collapse: collapse;}
.list_table table td {padding: 2px 5px; color: #616161;}
.list_table table td a {color: #fe7201;}
.list_table table td a:hover {color: #444;}
.list_table table th {padding: 0; font-size: 1.1em;}
.list_table table td, .list_table table th {border: none; border: 1px solid #ccc;}
.list_table table th {font-weight: bold; color: #616161; border-bottom-width: 2px;}
.list_table table th table, .list_table table th table td {border-width: 0;}

