@charset "utf-8";
/* CSS Document */

/*********************************
**********BASE STRUCTURE *********
**********************************/
*{
	margin:0;
	padding:0;
	}

body{
	background:url(../images/body_bg.jpg) repeat-x #fff;
	font-family:Arial, Helvetica, sans-serif;
	color:#3E3E3E;
	font-size:12px;
	margin:0;
	}

#container{
	width:980px;
	margin:auto;
	min-height:600px;
	height:auto !important;
	height:600px;
	}


/*** Header */
#header{
	position:relative;
	height:155px;
	}

/* Logo */
#header #logo{
	position:absolute;
	left:0;
	top:27px;
	}

#header #logo a{
	display:block;
	width:235px;
	height:67px;
	text-indent:-10000px;
	background:url(../images/all-lite-logo.gif) no-repeat;
	}

/* Navigation */
#header #navbar{
	position:absolute;
	background:url(../images/header_bg.jpg) no-repeat;
	width:625px;
	height:100px;
	right:0;
	top:28px;
	padding-top:30px;
	padding-left:10px;
	text-align:center;
	}

#header #navbar ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}

#header #navbar ul li{
	float:left;
	margin-right:5px;
	}

	
#header #navbar ul li a{
	color:#3e3e3e;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	}

#header #navbar ul li a span{
	display:block;
	margin-right:10px;
	padding-left:12px;
	height:24px;
	line-height:24px;
	cursor:pointer;
	}
	
#header #navbar ul li  a:hover, #header #navbar ul li  a.active{
	background:url(../images/navhover_bg.jpg) no-repeat right;
	display:block;
	}

#header #navbar ul li a:hover span, #header #navbar ul li a.active span{
	background:url(../images/navhover_bg.jpg) no-repeat left;
	display:block;
	}

#Footer{
	background:#F6F6F6;
	padding:5px;
	text-transform:uppercase;
	}

#Footer .innerFooter{
	width:950px;
	margin:auto;
	padding:10px;
	color:#666;
	}
/*********************************
**********HOME STYLES *********
**********************************/

#flashheader{
	margin-bottom:10px;
	}

#homecontents{
	background:url(../images/vline.jpg) repeat-y 490px 0;
	margin-bottom:10px;
	}

#homecontents h3{
	margin-top:2px;
	font-size:13px;
	color:#0167B3;
	}
	
#homecontents .fltleft{
	margin-right:25px;
	margin-bottom:15px;
	}
	
.homeleftcolumn{
	width:460px;
	float:left;
	padding:5px;
	}

.mapleftcolumn{
	width:390px;
	float:left;
	padding:5px;
	}

.homeleftcolumn p, .homerightcolumn p{
	line-height:17px;
	}
	
.homerightcolumn{
	width:460px;
	float:right;
	padding:5px;
	}

.maprightcolumn{
	width:530px;
	float:right;
	padding:5px;
	padding-top:40px;
	}

.maprightcolumn img{
	outline:none;
	border:0;
	}

.maprightcolumn map area{
	outline:none;
	border:0;
	}
	
#homecontents .graybox, .roundbox{
	background:url(../images/home_round_corners_bg.jpg) no-repeat left top;
	padding-top:5px;
	}

#homecontents .graybox{
	position:relative;
	}

#homecontents .graybox .year5{
	position:absolute;
	right:10px;
	bottom:10px;
	border:0;
	}
#homecontents .graybox ul{
	margin-left:7px;
	padding-left:7px;
	line-height:18px;
	font-size:11px;
	list-style-image:url(../images/marker.gif);
	}

#homecontents .graybox .blacklink{
	color:#000;
	}
	
#homecontents .graybox div, .roundbox div{
	background:url(../images/home_round_corners_bg.jpg) no-repeat left bottom;
	padding:5px;
	font-size:11px;
	}

#homecontents .bigtext ul{
	font-size:12px;
	color:#333;
	line-height:20px;
	padding-top:5px;
	margin-bottom:10px;
	
	}
#homecontents .graybox div h3 a{
	font-size:12px;
	}

#homecontents .graybox p{
	line-height:16px;
	}

.tblReference{
	width:960px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #ccc;
	border-collapse:collapse;
	}

.tblReference th{
	border:1px solid #ccc;
	padding:1px;
	background:#999;
	color:#fff;
	}

.tblReference th small{
	display:block;
	font-weight:normal;
	font-size:9px;
	}

.tblReference td{
	border:1px solid #ccc;
	padding:1px;
	text-align:center;
	height:30px;
	}

.tblReference tr:hover{
	background:#B9E9FF;
	}
/*********************************
********CATALOG PAGE STYLES ******
**********************************/
.outer {
	padding-left:200px; 
	}

* html .outer {
	/*** No need for hacking IE on this layout ***/
	}

.inner {
	width: 775px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
	}

* html .inner {
	width: 100%;
	}

.float-wrap {
	float: left;
	width: 980px;
	margin-left: -200px; /*** Same length as .outer padding-left but with negative value ***/
	}

* html .float-wrap {
	/*** No need for hacking IE on this layout ***/
	}

#catalogcontents{
	float: right;
	width: 770px;
	}

* html #catalogcontents{
position: relative; /*** IE needs this  ***/
}

.contentWrap {
	padding: 5px;
	}

/* BreadCrumb */
.breadCrumb{
	font-size:11px;
	color:#999;
	border-bottom:1px solid #E4E4E4;
	padding:3px;
	}

/* Product Details */
.productDetails{
	padding:8px;
	}
	
.productDetails h2{
	font-size:20px;
	font-weight:normal;
	padding-bottom:5px;
	color:#0080C0;
	border-bottom:1px solid #E4E4E4;
	}

.productDetails h2 small{
	display:block;
	font-size:13px;
	font-style:italic;
	color:#666;
	}

.productDetails .roundbox{
	margin-top:10px;
	}

.productDetails .roundbox fieldset{
	border:0;
	padding-left:110px;
	background:url(../images/documents_bg.gif) no-repeat 5px 5px;
	}
	
.productDetails .roundbox h4{
	font-size:12px;
	}
	
.productDetails .productDescription{
	float:left;
	width:460px;
	line-height:20px;
	}

.productDetails .productDescription2 ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
.productDetails .productDescription h3{
	font-size:13px;
	color:#333;
	text-transform:uppercase;
	}
	
.productDetails .productImage{
	float:right;
	margin-right:15px;
	}

.productDetails .productImage img{
	border:1px solid #ccc;
	}
/**************************
Catalog Side Bar
**************************/
#catalogleft{
	float: left;
	width: 200px;
	}

* html #catalogleft{
	position: relative; /*** IE needs this  ***/
	}

/**** Menu ***/
.catalogmenu{
	margin-bottom:15px;
	}
	
.catalogmenu ul{
	list-style: none;
	margin:0;
	padding:0;
	}


.catalogmenu ul ul{
     padding: 0;
     margin:0;
     list-style: none;
     z-index:99;
     position:absolute;
     overflow:visible;
	}

.catalogmenu ul li {
     margin:0;
     position: relative;
	 background:#0080C0;
	 border-bottom:1px dotted #ccc;
     display:block;
	 float:left;
	 color:#fff;
	}

.catalogmenu ul li:last-child{

	}

.catalogmenu ul a {
     text-decoration:none;
     display:block;
	 width:190px;
	 padding:0 5px;
	 color:#fff;
	 line-height:22px;
	}

.catalogmenu ul a:hover,.catalogmenu ul li:hover{
     background-color:#009FEC;
}
.catalogmenu ul ul li:hover, .catalogmenu ul ul li a:hover{
     background-color:#009FEC;

}

.catalogmenu ul ul, .catalogmenu ul ul ul, .catalogmenu ul ul ul ul{
     display:none;
     position:absolute;
     top:0;
     left:200px;
}

/* non-IE browsers see this */
.catalogmenu ul ul li>ul, .catalogmenu ul ul ul li>ul{
     
}

/* .catalogmenu ul li:hover ul ul, .catalogmenu ul li:hover ul ul ul, .catalogmenu ul li:hover ul ul ul ul, .catalogmenu ul li:hover ul ul ul ul ul{
     display:none;
}

.catalogmenu ul li:hover ul, .catalogmenu ul ul li:hover ul, .catalogmenu ul ul ul li:hover ul, .catalogmenu ul ul ul ul li:hover ul, .catalogmenu ul ul ul ul ul li:hover ul{
     display:block;
	} */

li>ul {
     top: auto;
     left: auto;
}
/* Win IE only \*/
* html .catalogmenu ul li{
	float:left;
	margin:0;
	}
/* end holly hack */ 

.catalogmenu .submenu{
	background:url(../images/submenu_arrow.gif) #0080C0 no-repeat 190px 8px ;
	}

.catalogmenu .submenu:hover{
	background:url(../images/submenu_arrow.gif) #009FEC no-repeat 190px 8px ;
	}


#searchForm{
	margin:10px 0;
	border-top:1px solid #DEDEDE;
	}

#searchForm h3{
	font-size:13px;
	text-transform:uppercase;
	}
	
#searchForm p{
	position:relative;
	}
	
#searchForm .text{
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:196px;
	text-transform:uppercase;
	padding:3px 2px;
	}

#searchForm .btnSearch{
	border:0px;
	background:#3981B3;
	color:#fff;
	position:absolute;
	right:-1px;
	top:1px;
	cursor:pointer;
	padding:3px 3px;
	padding-bottom:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}

#searchForm .btnSearch:hover{
	background:#333;
	}
	
.autoSuggestList{
	background:#FBFBFB;
	border:1px solid #ccc;
	border-top:0;
	}

.autoSuggestList ul{
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:20px;
	}

.autoSuggestList ul li{
	padding:0 5px;
	cursor:pointer;
	}

.autoSuggestList ul li:hover{
	color:#3981B3;
	}

.documentCart{
	padding:5px;
	position:relative;
	border-top:1px solid #DEDEDE;
	}

.documentCart h3{
	margin:0;
	font-size:13px;
	text-transform:uppercase;
	margin-bottom:10px;
	}
	
.documentCart #docCart{
	color:#999;
	font-size:10px;
	padding:4px;
	height:100px;
	overflow:auto;
	position:relative;
	border:1px dotted #DEDEDE;
	background:#F5F5F5;
	}

.documentCart #docCart ol{
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:18px;
	font-size:12px;
	}
	
.documentCart #infoIcon{
	position:absolute;
	right:5px;
	top:5px;
	}

a.infoico{
	background:url(../images/info_icon.gif) no-repeat 0 0;
	width:16px;
	height:14px;
	display:block;
	cursor:pointer;
	}
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}

a.tooltip:hover span{display:inline; width:200px; font-size:10px; line-height:20px;position:absolute; left:5px; top:0; background:#FFC; border:1px solid #FC9; color:#4a4a4a;}

.documentCart #indicator{
	}

.documentCart #indicator ul{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:10px;
	}

.documentCart #indicator ul li{
	float:left;
	}

.documentCart #indicator ul a{
	display:block;
	float:left;
	width:32px;
	height:32px;
	margin:7px;
	cursor:pointer;
	text-decoration:none;
	}

.documentCart #indicator ul li.zipBin a{
	background:url(../images/cart-sprite.gif) no-repeat -50px 0;
	}

.documentCart #indicator ul li.zipBin a:hover{
	background:url(../images/cart-sprite.gif) no-repeat 0 0;
	}

.documentCart #indicator ul li.emailBin a{
	background:url(../images/cart-sprite.gif) no-repeat -50px -42px;
	}

.documentCart #indicator ul li.emailBin a:hover{
	background:url(../images/cart-sprite.gif) no-repeat 0px -42px;
	}

.documentCart #indicator ul li.wasteBin a{
	background:url(../images/cart-sprite.gif) no-repeat -50px -84px;
	}

.documentCart #indicator ul li.wasteBin a:hover{
	background:url(../images/cart-sprite.gif) no-repeat 0px -84px;
	}

.documentCart #indicator ul li.clearBin a{
	background:url(../images/cart-sprite.gif) no-repeat -50px -122px;
	}

.documentCart #indicator ul li.clearBin a:hover{
	background:url(../images/cart-sprite.gif) no-repeat 0px -122px;
	}

.documentCart #indicator p{
	display:inline;
	}	
/*********************************
**********COMMON STYLES *********
**********************************/

a{
	outline:none;
	color:#0167B3;
	text-decoration:underline;
	}

a:hover{
	text-decoration:none;
	}

.brclear{
	clear:both;
	}

.fltleft{
	float:left;
	margin:0 10px 10px 0;
	}

.alignright{
	text-align:right;
	}

h1, h2, h3{
	margin:8px 0;
	}

h1{
	font-size:26px;
	}

h2{
	font-size:22px;
	}

h3{
	font-size:16px;
	}

p{
	margin:8px 0;
	line-height:19px;
	}

a img{
	border:0;
	}

.notice{
	background: url(../images/notice_bg.gif) no-repeat 5px 4px #FFF6BF;
	border:1px solid #FFD324;
	padding:7px;
	color:#514721;
	font-weight:bold;
	padding-left:40px;
	}

.notice p{
	margin:5px 0;
	}

/********************************
+++++++++ IBOX Style ++++++++++++
*********************************/
#ibox_content { background: #fff; border-color: #333; color: #333; border-width:1px; }
#ibox_wrapper { background: #222; border-color:#0080C0; }
#ibox_footer_wrapper { left: 0; right: 0; top: 0; padding: 4px 12px; height:44px; }
#ibox_footer_wrapper, #ibox_footer_wrapper a { color:#fff; font-weight:normal; font-family:Verdana, Geneva, sans-serif; background: #0080C0; padding-bottom:5px; }
#ibox_footer_wrapper a { color:#FC0; font-weight: bold; font-size:14px; text-decoration: none; padding-bottm:5px; }
#ibox_content { padding: 10px; }
#ibox_content a {color:#FC0;}
#ibox_wrapper { padding: 25px 0 0 0; }
#ibox_content h3{ color:#4B6178; font-size:14px; margin:0; margin-bottom:10px;}
#ibox_content .label{color:#fc0; font-weight:bold; margin-right:10px;}

#divContext ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}

#divContext ul li a{
	display:block;
	width:90px;
	height:17px;
	padding-left:24px;
	padding-top:5px;
	background: url(../images/del_icon.gif) no-repeat 3px 3px #FFC; 
	border:1px solid #FC9;
	color:#800000;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	}

#repAddress{
	height:470px;
	overflow:auto;
	}
#repAddress .address{
	
	float:left;
	padding:3px;
	margin-right:0px;
	margin-bottom:15px;
	width:175px;
	}

#repAddress .address p{
	margin:0;
	font-size:11px;
	line-height:16px;
	}

#repAddress .address p strong{
	font-size:13px;
	}

#repAddress .address p span{
	color:#0080C0;
	font-weight:bold;
	}

#homecontents h2{
	font-size:22px;
	margin:0;
	padding:8px 0;
	color:#0080C0;
	}

#catalogcontents h2{
	font-size:20px;
	margin:0;
	padding:0 0 8px 0;
	margin-bottom:10px;
	color:#0080C0;
	}
#homecontents .notice{
	margin-bottom:20px;
	}

/********************************
************* SLIDESHOW *********
*********************************/

/* Sample 2*/
.slideshowcontainer{
	position:relative;
	}
	
#slideshow{
	position:absolute;
	}

#slideshow span{
	display:block;
	width:352px;
	height:262px;
	float:left;
	}

.mask{
	position:relative;
	width:350px;
	height:260px;
	overflow:hidden;
	margin:auto;
	border:3px double #ccc;
	}

p.buttons{
	text-align:center;
	}

p.buttons span{
	cursor:pointer;
	margin:0 5px;
	}


/************************************
************ Rep Connect ************
*************************************/
.loginBox{
	width:460px;
	margin:45px auto;
	}

.loginBox h3{
	font-size:15px;
	color:#0080C0;
	}

.loginBox table{
	width:100%;
	}

.loginBox table td{
	padding:4px;
	font-size:12px;
	}

.loginBox table .label{
	width:110px;
	}

.loginBox table .text{
	border:1px solid #ccc;
	padding:2px 3px;
	width:240px;
	}

.loginBox table .button{
	border:1px solid #ccc;
	padding:2px 8px;
	background:#0080C0;
	color:#fff;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}

/* Rep Connect Pages */
.repConnect h2{
	font-size:20px;
	padding:0 5px;
	margin:0;
	margin-bottom:10px;
	color:#0080C0;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	}

.repConnect h2 small{
	display:block;
	font-size:15px;
	font-weight:normal;
	color:#333;
	padding:3px 0;
	font-style:italic;
	}

.repConnect .tblOrderGrid{
	width:100%;
	border-collapse:collapse;
	border:1px solid #ccc;
	}

.repConnect .tblOrderGrid th{
	text-align:left;
	background:#333;
	color:#fff;
	cursor:pointer;
	padding:5px;
	border:1px solid #ccc;
	}

.repConnect .tblOrderGrid td{
	border:1px solid #ccc;
	padding:5px;
	vertical-align:top;
	}

.repConnect .tblOrderGrid td ul{
	font-size:11px;
	margin-left:15px;
	padding-left:15px;
	list-style-type:none;
	line-height:18px;
	}

.repConnect .tblOrderGrid td h4{
	font-size:13px;
	color:#0080C0;
	}

.repConnect .tblOrderGrid .alternate{
	background:#F0F0F0;
	}
	
.repConnect .dateRange{
	float:right;
	position:relative;
	padding-right:70px;
	}

.repConnect .dateRange .button{
	position:absolute;
	right:0;
	bottom:2px;
	background:#333;
	border:0;
	color:#fff;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding:2px 6px;
	}
/**************************
Calendar Styles
**************************/


.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: url(../images/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	height: 20px;
	width: 20px;
	position:absolute;
	right:0;
	bottom:1px;
}

button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(../images/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(../images/calendar-prev.gif);
		left: 0;
		border:1px solid #333;
		z-index:99999999;
	}
	div.calendar caption a.next {
		background-image: url(../images/calendar-next.gif);
		right: 0;
		border:1px solid #333;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color:#0080C0;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(../images/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(../images/calendar-valid.gif);
		color:#0080C0;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(../images/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(../images/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(../images/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}

.inputdate{
	position:absolute;
	display:block;
	width:160px;
	margin-right:5px;
	right:230px;
	top:0;
	}

.inputdate .txtdate{
	border:1px solid #ccc;
	width:160px;
	padding:2px 0;
	}

.txtRed{
	color:#F00;
	}

.imagecenter{
	text-align:center;
	margin-bottom:10px;
	}

#scrollIt{
	height:400px;
	overflow:auto;
	}

.error{
	color:#F00;
	font-weight:bold;
	}

.scrollAble{
	height:400px;
	width:980px;
	overflow:auto;
	}

.sortable th{
	cursor:pointer;
	}
	
/* Catalog Form Validation */

.error {
    /* font: normal 10px arial; */
    padding: 2px;
    margin-right: 3px;
    background-color: #ffc;
    border: 1px solid #c00;
	font-weight:normal;
}

.req{
	color:#FF0000;
	margin-left:5px;
	font-weight:bold;
}

.catalog td{
	padding: 3px;
	margin: 5px;
}

.catalog .text{
	padding: 3px;
	width:200px;
}

.catalog select{
	padding: 3px;
	width:210px;
}

.catalog textarea{
	width:300px;
	height:100px;
}

.loading {
	float:right; 
	background:url(../images/ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}

.done {
	background:url(../images/iconIdea.gif) no-repeat 2px; 
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none
}