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

#aSetup {background: url(../images/setup_ico.png) no-repeat 0 2px; padding: 3px 0 0 20px; margin-left: 5px; color: #a836c2;}
#aProductFavorites {background: url(../images/view_fav.png) no-repeat 0 0px; padding: 3px 0 3px 20px; margin-left: 5px; color: #a836c2;}
#customerportal {background: url(../images/custportal_ico.png) no-repeat 0 2px; padding: 3px 0 0 20px; margin-left: 5px; color: #3399CC;}

.gs_head {position: absolute; width: 145px; top: 25px; right: 0px; background: #FFF; border: solid 1px #cfcfcf; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; padding: 5px 10px;}
.gs_head a {color: #1b6ab2; background: url(../images/gstarted.png) no-repeat 0 2px; padding: 3px 0 0 20px; font-weight: bold;}
.favvideotut_head { float:right; margin-right:5px; margin-top:-35px; width: 145px; top: 25px; right: 0px; background: #FFF; border: solid 1px #517CA8; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px;}
.favvideotut_head a {color: #1b6ab2; background: url(../images/gstarted.png) no-repeat 0 2px; padding: 3px 0 0 20px; font-weight: bold;}


.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: none;
	background-repeat: no-repeat;
	background-position: center 50%;
	background-color: #ffffff;
	height: 320px;
}
#propcent
{
	position: relative;
	width: 600px;
	height: 320px;
	margin: 50px auto;
}


a.propcat
{
	float: left;
	color: #333;
	display: block;
	width: 250px;
	text-decoration: none;
	font: bold 14px Tahoma, Verdana, Arial;
	padding: 52px 5px 5px 5px;
	text-align: center;
	background-image: url(../images/hp_newproject.png);
	background-repeat: no-repeat;
	background-position: center top;
	border-left: solid 1px #fff;
	margin: 15px 0px;
}
a.propcat:hover
{
	color: #888;
	background-image: url(../images/hp_newproject.png);
	background-repeat: no-repeat;
}
a.propquot
{
	float: left;
	color: #333;
	display: block;
	width: 250px;
	text-decoration: none;
	font: bold 14px Tahoma, Verdana, Arial;
	padding: 52px 5px 5px 5px;
	text-align: center;
	background-image: url(../images/hp_loadexisting.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 15px 0px;
}
a.propquot:hover
{
	color: #888;
	background-image: url(../images/hp_loadexisting.png);
	background-repeat: no-repeat;
}
a.propbulk
{
	float: left;
	color: #333;
	display: block;
	width: 250px;
	text-decoration: none;
	font: bold 14px Tahoma, Verdana, Arial;
	padding: 52px 5px 5px 5px;
	text-align: center;
	background-image: url(../images/hp_bulkvalidation.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 15px 0px;
}
a.propbulk:hover
{
	color: #888;
	background-image: url(../images/hp_bulkvalidation.png);
	background-repeat: no-repeat;
}
a.propsync
{
	float: left;
	color: #333;
	display: block;
	width: 250px;
	text-decoration: none;
	font: bold 14px Tahoma, Verdana, Arial;
	padding: 52px 5px 5px 5px;
	text-align: center;
	background-image: url(../images/hp_crossreference.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 15px 0px;
}
a.propsync:hover
{
	color: #888;
	background-image: url(../images/hp_crossreference.png);
	background-repeat: no-repeat;
}

a.bulletinboard
{
	float: left;
	color: #333;
	display: block;
	width: 250px;
	text-decoration: none;
	font: bold 14px Tahoma, Verdana, Arial;
	padding: 52px 5px 5px 5px;
	text-align: center;
	background-image: url(../images/hp_bulletinboard.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 15px 0px;
}
a.bulletinboard:hover
{
	color: #888;
	background-image: url(../images/hp_bulletinboard.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;
	-webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}



.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;
	-webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.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;
}
.addingprod {padding: 5px}
.addingprod ul {padding: 5px 10px;}
.addingprod li {margin: 5px 0; border-bottom: dashed 1px #777; list-style-type: none;}
.addingprod li a {font-weight: bold; font-size: 1.2em; display: block; padding: 5px 5px 5px 24px; background: #fff url(../images/addprodcont.png) no-repeat 2px;}
.addingprod li a:hover {background: #EFEFEF url(../images/addprodcont.png) no-repeat 2px;}

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

/* new design */

.lq_width {margin: 5px 1%;}
.rev_width {margin: 5px auto; overflow:auto; width:1250px; }
.lquotetable {font-family: "Trebuchet MS", Tahoma, Arial, Serif; border: 1px solid #AFAFAF; border-collapse: collapse; background: #fff; }
.lquotetable td, .lquotetable th {border: none; border: 1px solid #AFAFAF;}
.lquotetable td {padding: 2px 3px; color: #616161;}
.lquotetable th table, .lquotetable th table td {border-width: 0;}
.lquotetable th table td {color: #222;}
.lquotetable td a {color: #fe7201;}

.lquotetable th { color: #222; font-size: 1em;	font-weight: bold; background: #fff url(../images/nc_tblbgrnd.png) repeat-x bottom; padding: 3px; }
tr.quoteTableRow0 {background-color: #FFFFFF;}
tr.quoteTableRow1 {background-color: #fafafa;}

.filter {width: 27px; height: 83px; background-image: url(../images/quot/new_closed.png); background-repeat: no-repeat; display: block; text-decoration: none;}
.lg_pageing {padding: 5px}
.lg_pageing tbody tr td a {color: #fe7201;}
.lg_pageing tbody tr td strong {color: #222;}

.new_lqtab {padding: 4px 0;	margin: 0;	font: bold 12px Verdana; border-bottom: 1px solid #555;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
	position: relative;
}
.new_lq_frame .new_lqtab {padding: 3px 0;}
.new_lqtab li{	display: inline;margin: 0;	white-space: nowrap;}

.new_lqtab li a {text-decoration: none; color: #fe7201; padding: 2px 9px 4px 9px;margin-right: 3px; border: 1px solid #AFAFAF; border-bottom: none;	background: #DDDDDD url(../images/tab_bg.gif) repeat-x; white-space: nowrap;
    -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.new_lqtab li a:visited{color: #fe7201;}
.new_lqtab li a:hover{color: #555;}
.new_lqtab li a:active{color: #222;}

.new_lqtab li.new_selected a
{
	/*selected tab effect*/
	position: relative;
	top: 1px;
	padding-top: 4px;
	border: 1px solid #555;
	border-bottom: none;
	background-color: #FFFFFF;
	background-image: none;
	color: #555;
}
li.new_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;

}


/* ---- 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, .catfloat 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;
}
.pricem
{
	color: #003366;
}
.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: 94px;
	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;
	display: block; text-align: center; margin-top: 3px; width: 100px;
	-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: #DFDFDF;
	margin: 2px 5px 2px 2px;
	display: block;
	padding: 2px;
	cursor: pointer;
}
.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: 4px 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;
}
.lq_frame .lqtab {padding: 3px 0;}
.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;
	-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

.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;
	-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
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 ---- */

.pghead {border-bottom: solid 1px #666;}
.pghead th, .pgsubhead {color: #666; font-size: 16px; font-family: 'Trebuchet MS', Arial, Sans-Serif; font-weight: bold;}
/* 
.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 #fff;
	padding-left: 30px;
	vertical-align: top;
}
a.userlnk:link
{
	color: #336699;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 15px;
    background-image: url(../images/bbulit.png);
    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/bbulit.png);
    background-repeat: no-repeat;
    background-position: 2px;
}
a.userlnk:hover
{
	color: #888;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(../images/bbulit.png);
    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 1.6em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
}
.usersubtitle
{
	background-color: #fff;
	color: #555;
	font: bold 1.2em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
}
.userlist
{

}
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;
margin-top: 0;
padding-left: 0;
list-style: none;
}

.usermenu li 
{
  padding: 5px 3px;  
  border-bottom: solid 1px #ccc;
}
/* misc */

td.required
{
	background-color: #FFD700;
	text-align: right;
	font-weight: bold;
}

td.label2
{
	background-color: #EEEEEE;
	text-align: right;
	padding: 3px 5px;
}
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: #DFEFFF;
	padding-left: 0px;
}
.revrow
{
	padding-left: 0px;
	background-color: #fff;
}
.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: pointer;
}

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: 10px;
    border: 1px solid #555555;
	background-color: White;
}

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

.bslabelnew
{
	background-color: #EEEEEE;
	padding-right: 5px;
	text-align: right;
	font-weight: bold;
}

.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 -3.2em; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push
{
	height: 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 {margin: 5px; background: #fff url(../images/nc_bgrnd.png) repeat-x top; border: solid 1px #bfbfbf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.new_jq div {margin-bottom: 5px;}
.new_jq h3 {margin: 5px; text-align: left;}
.new_jq h4 {margin: 8px 5px; text-align: left; color: #222; font-size: 1em;}    

a.ncopen {outline: 0px; font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana; color:#f57000; background: transparent url(../images/nc_closed.png) no-repeat right; padding: 5px 20px 5px 5px;}  
a.ncopen:hover {color:#333;} 

a.ncclosed {outline: 0px; font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana; color:#02679A; background: transparent url(../images/nc_opened.png) no-repeat right; padding: 5px 20px 5px 5px;}  
a.ncclosed:hover {color:#f57000;} 

.new_jq table {font-family: "Trebuchet MS", Tahoma, Arial, Serif; border: 1px solid #AFAFAF; border-collapse: collapse; background: #fff;}
.new_jq table td {padding: 2px 5px; color: #616161;}
.new_jq table td a {color: #fe7201;}
.new_jq table td a:hover {color: #444;}
.new_jq table th {padding: 0; font-size: 1em;}
.new_jq table td, .new_jq table th {border: none; border: 1px solid #AFAFAF;}
.new_jq table th {font-weight: bold; color: #555; padding: 2px 5px;}
.new_jq table thead th {color: #222; font-size: 1em; background: #fff url(../images/nc_tblbgrnd.png) repeat-x bottom; padding: 4px 5px; border-bottom-width: 1px;}
.new_jq table th table, .new_jq table th table td, .new_jq table td table, .new_jq table td table td {border-width: 0;}
.new_jq h4 
{
    font: bold 1em 'Trebuchet MS',Arial,helvetica,Verdana;
}

.new_jq .no_border table, .new_jq .no_border td
{
    border-width: 0px;    
} 



.collab_title {font-family: "Trebuchet MS", Tahoma, Arial, Serif; color: #fe7201; font-size: 1.2em; padding-left: 20px;}

.nc_action {text-decoration:none; cursor: pointer; font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana; padding: 4px; text-align: center; border: solid 1px #a9a9a9; background: #eeeeee; color: #f57000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.nc_action {-webkit-box-shadow: 1px 1px 1px #545454; -moz-box-shadow: 1px 1px 1px #545454; box-shadow: 1px 1px 1px #545454;}
input.nc_action:hover {color: #333; -webkit-box-shadow: 1px 1px 1px #fff; -moz-box-shadow: 1px 1px 1px #fff; box-shadow: 1px 1px 1px #fff;}

.nc_haction {text-decoration:none; cursor: pointer; font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana; padding: 4px; text-align: center; border: solid 1px #a9a9a9; background: #f57000; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.nc_haction {-webkit-box-shadow: 1px 1px 1px #545454; -moz-box-shadow: 1px 1px 1px #545454; box-shadow: 1px 1px 1px #545454;}
.nc_haction:hover {color: #222;}

.nc_hide {outline: 0px; font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana; color:#f57000; background: transparent url(../images/nc_closed.png) no-repeat right; padding: 5px 20px 5px 5px;}  


input.itemaction {width: 18px; height: 20px; float: left; cursor:pointer; margin-left: 2px; border: none;}

#itemaction3 {background: #fff url(../images/itemcopy.png) no-repeat top;}
#itemaction4 {background: #fff url(../images/itemdelete.png) no-repeat top;}
#itemaction2 {background: #fff url(../images/itemedit.png) no-repeat top;}
#itemaction5 {background: #fff url(../images/itemrefresh.png) no-repeat top;}
#itemaction6 {background: #fff url(../images/itemcreatefav.png) no-repeat top;}
#itemaction7 {background: #fff url(../images/upgrade2small.png) no-repeat top;}
#itemactiondisabled6 {background: #fff url(../images/add_fav_off.png) no-repeat top;}
/* 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;}

.ncitemsplit {border-top: solid 1px #fe7201; height: 1px; margin: 0;}

.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; cursor: pointer; }
#buttons ul li a span {}
#buttons ul li a.compare {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FE7201; background: #ededed; margin: 2px 0;  padding: 1px 15px; text-align: center; text-decoration: none; border: 1px solid #cecece; font-weight: bold; }
#buttons ul li a.compare span {}
#buttons ul li a.addtoquote {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; background: #FE7201; margin: 2px 0;  padding: 1px 15px; text-align: center; text-decoration: none; border: 1px solid #CCCCCC; font-weight: bold; }
#buttons ul li a.addtoquote span {}
#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;}

.setup_table {font-family: "Trebuchet MS", Tahoma, Arial, Serif; margin-bottom: 5px;}
.setup_table table {	border: 1px solid #ccc;	border-collapse: collapse;}
.setup_table table td {padding: 2px 5px; color: #616161;}
.setup_table table td a {color: #fe7201; text-decoration: none;}
.setup_table table td a:hover {color: #444;}
.setup_table table th, .setup_table table.gridViewTable th {padding: 3px; font-size: 13px; color: #222; font-weight: bold; background: #fff url(../images/nc_tblbgrnd.png) repeat-x bottom; padding: 3px; vertical-align: top;}
.setup_table table.gridViewTable th {padding:0px;}
.setup_table table td, .setup_table table th {border: none; border: 1px solid #ccc;}
.setup_table table th table, .setup_table table th table td, .setup_table table th table thead th {border-width: 0;}
.setup_table table th table thead th {background: transparent url(none) repeat-x bottom;}
.setup_table table tr.alt td {background: #eee;}

.utitle {
color:#333333;
font:bold 1.4em 'Trebuchet MS',Arial,helvetica,Verdana;
margin:0;
padding:10px 0;
text-align:left;
}

a.nc_add { background: url(../images/ncadd.png) no-repeat 0 3px; color: #33a33e; padding: 0px 3px 3px 12px}
.nctotal {outline:#f57000 solid 1px;}

.notcomplete {color: Red;}

.po_frame {background-color: #FFFFE0; text-align: center; margin: 10% auto; border: solid 1px #ccc; width: 500px; padding: 5px; margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: "Trebuchet MS", Tahoma, Arial, Serif;}
.po_frame h2 {font: bold 1.2em 'Trebuchet MS',Arial, helvetica, Verdana; color:#333; border: none;}
.po_frame a {color:#f57000;}


.mh_table table {font-family: "Trebuchet MS", Tahoma, Arial, Serif; /*border: 1px solid #AFAFAF; */ border-collapse: collapse; background: none;}
.mh_table table td {padding: 2px 5px; color: #616161;}
.mh_table table td a {color: #fe7201;}
.mh_table table td a:hover {color: #444;}
.mh_table table th {padding: 0; font-size: 1em;}
.mh_table table td, .mh_table table th {border: none; border: 1px solid #AFAFAF;}
.mh_table table th {font-weight: bold; color: #555; padding: 2px 5px;}
.mh_table table th {color: #222; font-size: 1em; background: #fff url(../images/nc_tblbgrnd.png) repeat-x bottom; padding: 4px 5px; border-bottom-width: 1px;}
.mh_table table th table, .mh_table table th table td, .mh_table table td table, .mh_table table td table td {border-width: 0; border:none;}

.mh_table h3 {font: bold 1.4em 'Trebuchet MS',Arial, helvetica, Verdana; color:#333; padding: 10px 0; margin: 0; text-align: left;}
.popuptitle {}
.popuptitle h4 {font: bold 1.1em 'Trebuchet MS',Arial, helvetica, Verdana; color:#333; padding: 5px; margin: 0;}


.trialpropmain {width: 600px; margin: 20px auto; font-family: "Trebuchet MS", Tahoma, Arial, Serif;}
.trcontainer {border: solid 1px #efefef; background: #fff url(../images/trbg.png) repeat-x top; margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 15px;}
.trcontainer a {color: #1b6ab2; font-weight: bold; font-size: 1.2em; display: block; margin-bottom: 5px;}
.trcontainer a:hover {color: #ccc;}
.trcontainer span {color: #7a7a7a;}

#trgetstart {background: transparent url(../images/trgs.png) no-repeat 5px 3px; padding: 10px 5px 10px 70px;}
#trcat {background: transparent url(../images/trcat.png) no-repeat 5px 3px; padding: 10px 5px 10px 70px;}
#trexisting {background: transparent url(../images/trex.png) no-repeat 5px 3px; padding: 10px 5px 10px 70px;}
#trbulk {background: transparent url(../images/trbulk.png) no-repeat 5px 3px; padding: 10px 5px 10px 70px;}
#trcross {background: transparent url(../images/trcom.png) no-repeat 5px 3px; padding: 10px 5px 10px 70px;}
#trsetup {background: transparent url(../images/trsetup.png) no-repeat 5px 3px; padding: 10px 5px 10px 70px;}

#trcross strong, #trbulk strong {color: #777; font-weight: bold; font-size: 1.2em;}
#trcross i, #trbulk i {color: #802525; font-size: 1em;}

/* Customer Info */
h2.ci {font: bold 1.4em 'Trebuchet MS',Arial, helvetica, Verdana; color:#333; padding: 5px 0; margin: 0; text-align: left; border-bottom: none;}

.ci_title {font-family: "Trebuchet MS", Tahoma, Arial, Serif; margin: 5px;}
.ci_title h5 {margin: 0; font-size: 1.2em; color: #333; padding: 0;}
.ci_title a {color: #0045BF; outline: none;}
.new_ci {margin: 5px; padding: 5px; background: #fff url(../images/nc_bgrnd.png) repeat-x top; border: solid 1px #bfbfbf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.new_ci div {}
.new_ci h3 {margin: 5px; text-align: left;}
.new_ci h4 {margin: 8px 5px; text-align: left; color: #222; font-size: 1em;}    
.new_ci .ajaxtable table {border: 0px solid #fff;}

#ci_s {background: transparent url(../images/ci_search.png) no-repeat; padding-left: 24px;}
#ci_d {background: transparent url(../images/ci_details.png) no-repeat; padding-left: 24px;}

#ci_d1 {background: transparent url(../images/ci_billto.png) no-repeat; padding-left: 24px;}
#ci_d2 {background: transparent url(../images/ci_enduser.png) no-repeat; padding-left: 24px;}
#ci_d3 {background: transparent url(../images/ci_shipto.png) no-repeat; padding-left: 24px;}

.ci_toptitle {margin: 5px; text-align: left;}


.ajaxtable {padding: 5px;}

.ci_details {font-family: "Trebuchet MS", Tahoma, Arial, Serif;}
.ci_details table {	border: 1px solid #ccc;	border-collapse: collapse; width: 300px; margin-left: 5px;}
.ci_details table td {padding: 2px 5px; color: #222;}
.ci_details table th {padding: 0; font-size: 1.1em;}
.ci_details table td, .ci_details table th {border: none; border: 1px solid #ccc;}
.ci_details table th {color: #888; text-align: right; padding: 2px 5px;}

a.ci_action  { outline: none; line-height: 12px; font-family: "Trebuchet MS", Tahoma, Arial, Serif; display: block; width: 50px; float: left; margin-left: 5px; background-position: top center; background-repeat:no-repeat; padding-top: 25px; text-align: center; color: #333; text-decoration: none;}
a.ci_action:hover {color: #8F8F8F;}

a.ci_action_big  { outline: none; font-weight: bold; font-family: "Trebuchet MS", Tahoma, Arial, Serif; display: block; width: 80px; float: left; margin-left: 5px; background-position: top center; background-repeat:no-repeat; padding-top: 35px; text-align: center; color: #333; text-decoration: none;}
a.ci_action_big:hover {color: #8F8F8F;}




/* Document Generation Templates CSS - start*/
.noDescriptionQuoteRevision { font-style: italic; color: #666;}
.yesDescriptionQuoteRevision { color: #000;}
.new_jq_dgt {margin: 5px; background: #fff url(../images/nc_bgrnd.png) repeat-x top; border: solid 1px #bfbfbf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.new_jq_dgt div {margin-bottom: 5px;}
.new_jq_dgt h3 {margin: 5px; text-align: left;}
.new_jq_dgt h4 {margin: 8px 5px; text-align: left; color: #222; font-size: 1em;}    
.new_jq_dgt table {border: none;}
.new_jq_dgt table td, .new_jq_dgt table th {border: none;}
.new_jq_dgt table thead th {border: none;}

.setup_table {font-family: "Trebuchet MS", Tahoma, Arial, Serif; margin-bottom: 5px;}
.setup_table table {	border: 1px solid #ccc;	border-collapse: collapse;}
.setup_table table td {padding: 2px 5px; color: #616161;}
.setup_table table td a {color: #fe7201;}
.setup_table table td a:hover {color: #444;}
.setup_table table th {padding: 3px; font-size: 13px; color: #222; font-weight: bold; background: #fff url(../images/nc_tblbgrnd.png) repeat-x bottom; padding: 3px; vertical-align: top;}
.setup_table table td, .setup_table table th {border: none; border: 1px solid #ccc;}
.setup_table table th table, .setup_table table th table td, .setup_table table th table thead th {border-width: 0;}
.setup_table table th table thead th {background: transparent url(none) repeat-x bottom;}
.setup_table table tr.alt td {background: #eee;}

.generatingdoc {text-align: left;}
.generatingdoc ul {font-family: Helvetica, Arial, "Lucida Grande", sans-serif;}
.generatingdoc ul li {list-style-type: none; margin: 10px 0; padding-left: 22px;}
.generatingdoc ul li.finished {background: #fff url(../images/tick_gd.png) no-repeat; color: #333;}
.generatingdoc ul li.loading {background: #fff url(../images/loader.gif) no-repeat; color: #ff6600;}
.generatingdoc ul li.waiting {color: #bbb;}

#addNewTemplate {background: #fff url(../images/add.png) no-repeat 2px; color: #02679a; padding-left: 14px;}

#dgt_fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .30;
	z-index: 9999;
}
.dgt_popup_block{
   	display: none;
   	background: #fff;
   	padding: 20px; 	
   	border: 2px solid #CACACA;
   	float: left;
   	font-size: 1.2em;
   	position: absolute;
   	top: 50%; left: 50%;
   	z-index: 99999;
}
img.dgt_btn_close {
   	float: right; 
   	margin: -30px -30px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #dgt_fade {
	position: absolute;
}
*html .dgt_popup_block {
  	position: absolute;
}
ul.dgt_create_steps {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	float: left;
	list-style: none;
	height: 52px; /*--Set height of tabs--*/
	width: 800px;
}
ul.dgt_create_steps li {
	float: left;
	margin: 0;
	padding: 0;
	height: 23px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 23px; /*--Vertically aligns the text within the tab--*/
	overflow: hidden;
	position: relative;
}
ul.dgt_create_steps li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	outline: none;
	margin-top: 15px;
}
#dgt_choose_step {
	background:url(../images/toparrows_01.png) no-repeat left top;
	width: 220px;
	height: 52px;
}
#dgt_choose_step.selected {
	background:url(../images/toparrows_04.png) no-repeat left top;
}
#dgt_choose_step.selected a{
	color: #FF6500;
}
#dgt_customize_step_na {
	background:url(../images/toparrows_02.png) no-repeat left top;
	width: 212px;
	height: 52px;
}
#dgt_customize_step_na a {
	color: #999;
}
#dgt_customize_step {
	background:url(../images/toparrows_02.png) no-repeat left top;
	width: 212px;
	height: 52px;
}
#dgt_customize_step.selected {
	background:url(../images/toparrows_05.png) no-repeat left top;
}
#dgt_customize_step.selected a{
	color: #FF6500;
}
#dgt_download_step {
	background:url(../images/toparrows_03.png) no-repeat left top;
	width: 336px;
	height: 52px;
}
#dgt_download_step.selected {
	background:url(../images/toparrows_06.png) no-repeat left top;
}
#dgt_download_step.selected a{
	color: #FF6500;
}
ul.dgt_tabs {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	float: left;
	list-style: none;
	height: 24px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	width: 95%;
}
ul.dgt_tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 23px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 23px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	margin-right: 4px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #fff;
}
ul.dgt_tabs li a {
	text-decoration: none;
	color: #999;
	display: block;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.dgt_tabs li a:hover {
}
html ul.dgt_tabs li.active, html ul.dgt_tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	color: #000;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
html ul.dgt_tabs li.active a { /*--Makes sure that the active tab does not listen to the hover properties--*/
	color: #000;
}
.dgt_tab_container {
	border-top: none;
	clear: both;
	float: left; 
	width: 95%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.dgt_tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.dgt_tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.dgt_tab_content h3 a{
	color: #254588;
}

#template_tools_container {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #CACACA;
	background:url(../images/box_header_gradient.png) repeat-x left top;
	padding: 5px;
	width: 600px;
}
#template_tools_header {
	height: 25px; 
	width: 200px;
}
.dgt_tools_open {
outline: 0px; font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana; color:#f57000; background: transparent url(../images/nc_closed.png) no-repeat right; padding: 5px 20px 5px 5px;}
.dgt_centeredClass
{
    margin: 5px auto;
    font: normal 1em 'Trebuchet MS',Arial, helvetica, Verdana;
}
table.dgt_filerevisions
{
	border-collapse:collapse;
}
table.dgt_filerevisions, table.dgt_filerevisions td, table.dgt_filerevisions th
{
	border:1px solid #CACACA;
}
table.dgt_filerevisions td, table.dgt_filerevisions th
{
	padding: 5px;
	text-align: center;
}
#preview_progress
{
	width: 220px;
	margin-left: 200px;
	margin-top: 20px;
}
.dgt_permissionFieldset{
	width: 250px;
}
.templateRowLeft {
    width: 400px;
    text-align: left;
    float: left;
   
}
.templateRowRight {
    float: left;
    margin-top: -5px;
    text-align: right;
    width: 65px;
}
.templateRow {
    border-bottom: 1px dashed #989898;
    padding: 13px;
    color: #030303;
}
.tb_fade {display: none;background: #000;position: fixed; left: 0; top: 0;z-index: 10;width: 100%; height: 100%;opacity: .30;z-index: 9999;}
.tb_popup_block{display: none;background: #fff;padding: 20px;border: 2px solid #CACACA;	float: left;font-size: 1.2em; position: absolute; top: 50%; left: 50%;z-index: 99999;}
img.tb_btn_close {float: right; margin: -30px -30px 0 0;}
/*--Making IE6 Understand Fixed Positioning--*/
*html .tb_fade {position: absolute;}
*html .tb_popup_block {position: absolute;}
.tb_headingLabel1{
	color:#006699;
	font:bold 14px Arial;
	text-decoration:none;
}
.tb_headingLabel2{
	color:#3399CC;
	font:bold 14px Arial;
	text-decoration:none;
}
.tb_headingLabel4{
	color:#006699;
	font:bold 12px Arial;
	text-decoration:none;
}
.tb_headingLabel5, a.tb_product_data_section_column_row_delete,  a.tb_product_data_section_column_row_delete:visited, a.tb_product_data_section_remove, a.tb_product_data_section_remove:visited, a.tb_condition_remove, a.tb_condition_remove:visited {
	color:#CCCCCC;
	font:bold 14px Arial;
	text-decoration:none;
}
.tb_titleLabel{
	color:#000000;
	font:bold 14px Arial;
	text-decoration:none;
	margin-left: -5px; margin-top: -5px;
}
.tb_header_box{
	color:#006699;
	font:bold 12px Arial;
	text-decoration:underline;
	cursor: pointer;
}
a.addProductDataSectionLink, a.addProductDataSectionLink:visited, a.addProductDataGeneralLink, a.addProductDataGeneralLink:visited{
	color:#006699;
	font:bold 12px Arial;
	text-decoration:underline;
	cursor: pointer;
}
#tb_product_data_section_table, #tb_product_data_section_text {
	width: 80%;
	margin-left: 40px;
}
a.uploadLink {color:#006699; font-weight: bold;}

.setup_label {background:#EFEFEF; color: #333; text-align: right; padding: 0 5px;}

.setup_required {background:#EFEFEF; font-weight: bold; color: #000; text-align: right; padding: 0 5px;}
.setup_required b {font-size: 1.2em; color: #3399CC; line-height: 1em}

.setup_label_proposal {background:#EFEFEF; font-weight: bold; color: #000; text-align: right; padding: 0 5px;}

ul.proposal li {list-style-type: none; border-bottom: solid 1px #ccc; margin-right: 20px; padding: 10px 0}
ul.proposal li h5 {font-family: "Trebuchet MS", Tahoma, Arial, Serif; color: #333; font-size: 1.4em; margin: 5px 0; text-align: left;}
ul.proposal li p, ul.customizeprop li p {text-align: left; overflow: auto; margin: 0px;}
ul.proposal li p a, ul.customizeprop li p a {color: #FE7201; padding: 40px 5px 5px 5px; float: left; display: block; margin-right: 10px;}
ul.proposal li p a:hover {color: #888;}

ul.customizeprop li p label, ul.customizeprop li p input {float: left;}
ul.customizeprop li p label {display: block; width: 100px;}
ul.customizeprop li p input {display: block; width: 15px;}

ul.customizeprop li {list-style-type: none; border: solid 1px #ccc; position: relative; margin-right: 30px; margin-bottom: 15px; padding: 5px}
ul.customizeprop li label {font-family: "Trebuchet MS", Tahoma, Arial, Serif; color: #404040; font-size: 1.4em; padding-right: 15px;}
.sort {border: solid 1px #ccc; border-left-color: #fff; width: 25px; height: 40px; margin: 0; padding: 5px 0; position: absolute; top: -1px; right: -27px; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}
ul.customizeprop li .sort a {padding: 2px;}

a.wicon {background: #fff url(../images/word2_ico.png) no-repeat center top;}
a.picon {background: #fff url(../images/pdf2_ico.png) no-repeat center top;}
a.cicon {background: #fff url(../images/customize_ico.png) no-repeat center top;}
a.prewicon {background: #fff url(../images/preview2_ico.png) no-repeat center top;}
a.xicon {background: #fff url(../images/xls_ico.png) no-repeat center top;}
a.dicon {background: #fff url(../images/download_ico.png) no-repeat center top;}
a.deficon {background: #fff url(../images/default_ico.png) no-repeat center top;}

a.addtemplate {outline: 0px; font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana; color:#02679a; background: transparent url(../images/add_ico.png) no-repeat; padding: 1px 5px 1px 20px;}  
a.addtemplate:hover {color:#888;}

a.exptemplate {outline: 0px; font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana; color:#02679a;}  
a.exptemplate:hover {color:#888;} 

.createtemplate a {display: block; width: 120px; height: 50px; padding-top: 40px; margin: 0 15px; float: left; color: #FE7201; font: bold 16px "Trebuchet MS", Tahoma, Arial, Serif;}
.createtemplate2 a {display: block; width: 110px; padding-top: 40px; margin: 0 15px; color: #333; font-size: 1.2em; font-weight: bold;}
a.cr_excel {background: #fff url(../images/excel_ico.png) no-repeat center top;}
a.cr_word {background: #fff url(../images/word_ico.png) no-repeat center top;}
a.cr_pdf {background: #fff url(../images/pdf_ico.png) no-repeat center top;}
a.cr_preview {background: #fff url(../images/preview_ico.png) no-repeat center top;}

.floatnav {font-family: "Trebuchet MS", Tahoma, Arial, Serif; border: 1px solid #bfbfbf; padding: 10px 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.floatnav ul {padding: 0;}
.floatnav li {margin-bottom: 25px; list-style-type: none;}
.floatnav li a {font: bold 16px "Trebuchet MS", Tahoma, Arial, Serif; padding: 5px 5px 10px 40px; color: #FE7201;}
.floatnav li a:hover {color: #888;}
#floatingexcel {background: #fff url(../images/excel_ico.png) no-repeat;}
#floatingword {background: #fff url(../images/word_ico.png) no-repeat;}
#floatingpdf {background: #fff url(../images/pdf_ico.png) no-repeat;}
#floatingpreview {background: #fff url(../images/preview_ico.png) no-repeat;}
	
.savetemplate a { color: #333; font-size: 1em;}
.savetemplate2 a { color: #333; font-size: 1em;}

a.cp_nfo {
	position: relative; 
	z-index: 24;
	background-color: transparent;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

a.cp_nfo:hover
{
	z-index: 25;
	background-color: transparent;
}

a.cp_nfo span
{
	display: none;
}

a.cp_nfo:hover span
{
	display: block;
	position: absolute;
	font-size: 11px;
	top: 15px;
	left: 25px; width:250px;
	color: #000;
	text-align: left;
	padding: 5px;
	background: #fff9d5;
	border: solid 1px #dfce6e;
}

/* Document Generation Templates CSS - end */


/* autocomplete products */
.ac_header 
{
    width:100%;
    background: #6699CC;
    color: white;
	font-weight: bold;
	font-size: 12px;
	padding-left: 3px;
}
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:3000px;
	height:3000px;
}

.ac_results li 
{
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
    
}

.ac_loading {
	background : Window url(../images/loader.gif) right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}
/* autocomplete products - end*/

.tv_container li{list-style-type:none; padding-top:5px;}
.tv_container ul{padding-left:21px;}
a.tv_closed, a.tv_opened {display: block; width: 18px; height: 16px; text-decoration: none; float: left; margin-right: 3px;}
a.tv_closed {background: #fff url(../images/collapsed.gif) no-repeat 0 2px;}
a.tv_opened {background: #fff url(../images/expanded.gif) no-repeat 0 2px;}
a.tv_selected { background: #369; color:#FFF;}
.tv_noChildren {padding-left:21px;}


/*.topcartaction { height: 25px; margin: 5px;  padding: 25px 5px 5px 5px; height:50px;  font-size: 9px; font-weight: bold; color: #333; text-decoration: none; border-left: solid 1px #ccc; cursor:pointer; border-width: 0 0 0 1px;} */
.topcartaction { display:block; width:50px; float:left; margin: 5px;  padding: 34px 5px 5px 5px; font-size: 0.9em; font-weight: bold; color: #333; text-decoration: none; border-left: solid 1px #ccc; cursor:pointer; border-width: 0 0 0 1px;}
.topcartaction:hover { color: #888;}
.topcartaction:first-child {border-left: solid 2px #fff;}


a.showactions {color: #F47420; background: #fff url(../images/showactions.png) no-repeat; padding: 0px 3px 5px 20px;}
a.showactions:hover {color: #ccc;}

a.hideactions {color: #F47420; background: #fff url(../images/hideactions.png) no-repeat; padding: 0px 3px 5px 20px;}
a.hideactions:hover {color: #ccc;}

.topcartaction2 {background: #fff url(../images/action5.png) no-repeat top; width: 50px; height: 25px; margin: 5px; float: left; padding: 34px 5px 5px 5px;  font-size: 9px; font-weight: bold; color: #333; text-decoration: none; border-left: solid 1px #ccc; cursor:pointer;}
.topcartaction2:hover { color: #888;}

.prod_loading
{
    text-align: left;
    margin-bottom: 10px;
    margin-left: 70px;
}

.prod_loading div img
{
    margin-right: 5px;    
}

.favnote
{
    color:#0099CC;
}

.psw_jq {margin-bottom: 10px;  background: #fff url(../images/nc_bgrnd.png) repeat-x top; border: solid 1px #bfbfbf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.psw_jq h3 {margin: 5px; text-align: left; color: #777;}

.modal
{
    background-color: white;
    border: solid 1px #bfbfbf; 
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1000;
    width: 600px;
    height: 330px;
    padding: 0px;
}