body{margin:0;padding:0;max-width:none;min-width:none;background:none repeat scroll 0 0 #C5C5C5;}
div#header{position:relative;margin:0px auto;padding:5px;}
div#page{background:none repeat scroll 0 0 #FFFFFF;margin:0 auto;padding:5px 0 10px;position:relative;width:960px;min-height:600px;}
div#main{margin:0px auto;padding:0;font-size:12pt;float:none;border:none;overflow:hidden;margin-bottom:12px;}
div#right{padding:0px;}

div#content{margin:0px auto;padding:0;font-size:12pt;float:none;border:none;}
div#content > div > table td{padding-bottom:2px;}
div#content > div > table th,div#content > div > table td{font-weight:normal;text-align:left;padding-right:4px;}

/* override screen.css */
div#main-navigation {left:auto;margin-left:10px;width:760px;}
div#header .wrapper {width:960px;position:relative;margin-right:0;background-size:auto;}

.sep{border-bottom:1px solid #e00;}
.underme{text-decoration:underline;}
.pagination{padding:2px 0px;margin:1px;}
.linked_page{background-color:#fff;text-decoration:none;}
.linked_page:hover{color:#000;text-decoration:underline;}
.unlinked_page{font-size:12pt;font-style:oblique;background-color:#ddd;}

div#logome{position:absolute;top:10px;right:80px;height:60px;}
div#outlogo{font-size:10px;border:none;margin-left:5px;}
div#outlogo a{margin:0;padding:0;}
div#outlogo div.logout{margin:0;font-family:arial,sans-serif;border:none;padding-right:10px;}

span#my_orders_lnk {font-size:10pt;float:right;padding-right:10px;}

div.title-header {
 font-weight: bold;
 text-transform: uppercase;
 position:absolute;
 top:10px;
 font-size: 24pt;
 color: #251b8a;
 left: 50%;
 margin-right: -50%;
 transform: translate(-50%, 0%);
}

div#title-mm {
 color: #251B8A;
 font: 18px Arial,Helvetica,sans-serif;
 letter-spacing: 0.5px;
 padding: 10px 0;
 text-align: left;
 text-transform: uppercase;
}
div.modal_title{background-color:#aaa;font-size:14pt;margin:-12px -15px 20px;padding:2px;text-align:center;font-weight:bold;}
.modal_notify{font-size:14pt;color:blue;font-weight:bold;}

/**********************************************/
/*  Button style for submit and links         */
/**********************************************/
.nav_btn{background:none repeat scroll 0 0 #ffffff;font-size:12px;font-weight:700;line-height:16px;text-transform:capitalize;padding:6px 8px;}
.nav_btn,.nav_btn:active{cursor:pointer;}
.nav_btn:hover{text-decoration:underline;}

/**** Generic btn style *****/
.btn{text-decoration:none;font-size:15px;color:#ffffff;font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-transform:capitalize;padding:1px 7px;}
.btn:active{cursor:pointer;}
.btn:hover{text-decoration:underline;}

.red{background:none repeat scroll 0 0 red;}
.green{background:none repeat scroll 0 0 green;}
div.clear{clear:both;}
div.clearall{margin:0;padding:0;clear:both;font-size:2px;}

/* style for submit buttons */
.blue_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0050a6), color-stop(1, #003369) );
	background:-moz-linear-gradient( center top, #0050a6 5%, #003369 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0050a6', endColorstr='#003369');
	background-color:#093D8D;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border:2px solid #2762b3;
	display:inline-block;
	color:#ffffff!important;
	font-family:arial;
	font-size:8pt;
	font-weight:bold;
	padding:4px 8px 4px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1570cd;
}
.blue_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003369), color-stop(1, #0050a6) );
	background:-moz-linear-gradient( center top, #003369 5%, #0050a6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#003369', endColorstr='#0050a6');
	background-color:#4370A3;cursor:pointer;
}
.blue_btn:active{cursor:pointer;position:relative;top:1px;}

.ship_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0d9648), color-stop(1, #057937) );
	background:-moz-linear-gradient( center top, #0d9648 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d9648', endColorstr='#057937');
	background-color:#0d9648;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:0px solid #83c41a;
  display:inline-block;
	color:#ffffff!important;
	font-size:8pt;
  font-weight:400;
  letter-spacing:.5px;
  font-style:normal;
	padding:3px 6px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
margin:2px;
line-height:10px;
}
.ship_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #129744), color-stop(1, #14b952) );
	background:-moz-linear-gradient( center top, #129744 5%, #14b952 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#129744', endColorstr='#14b952');
	background-color:#129744;
}
.ship_btn:active{position:relative;top:1px;}
.ship_btn:focus{outline:none;}

/*** category style ***/
.classname {
width:80%;
height:37px;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #dcdcdc;
display:inline-block;
padding:3px 20px;
color:#777777;
font-size:14px;
text-transform:uppercase;
font-style:normal;
font-weight:400;
line-height:17px;
text-decoration:none;
text-align:center;
margin:0px 10px 10px 0px;
letter-spacing:.5px;
display: table;
float: left;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.classname:active {position:relative;top:1px;}

a.classname.icon span{padding-left:5px;padding-top:3px;padding-bottom:3px;display:table-cell;vertical-align:middle;}
a.classname.icon.product span{background-position:0px -1334px;}
a.classname.icon.gallery span{background-position:0px -1514px;}
a.classname.icon.architect span{background-position:0px -938px;}
a.classname.icon.cad span{background-position:0px -2665px;}
a.classname.icon.coned span{background-position:0px -1476px;}
a.classname.icon.literature span{background-position:0px -1260px;}
a.classname.icon.rep span{background-position:0px -721px;}
a.classname.icon.casestudies span{background-position:0px -3200px;}
a.classname.icon.binder span{background-position:0px -2593px;}
a.classname.icon.catalog span{background-position:0px -2950px;}
a.classname.icon.spotlight span{background-position:0px -1225px;}
a.classname.icon.lunch span{background-position:0px -510px;}
a.classname.icon.color span{background-position:0px -2120px;}
a.classname.icon.home span{background-position:0px -795px;}
a.classname.icon.video span{background-position:0px -1515px;}
a.classname.icon.wrench span{background-position:0px -903px;}
a.classname.icon.globe span{background-position:0px -325px;}
a.classname.icon.installation span{background-position:0px -75px;}
a.classname.icon.contact span{background-position:0px -1116px;}


/*** Header Top of the page***/
div#site-header {position:relative;padding:5px;margin:0;vertical-align:baseline;height:40px;}
div#site-header div#outlogo {float:right;}
div#site-header div#outlogo span.lctr {padding-left:20px;font-weight:bold;}
div#site-header span#logo_image {float:left;}
div#site-header h2{font-family:Verdana;font-size:28pt;float:right;padding:10px 0 0 50px;margin:0;}
div#site-header div#cart{position:absolute;bottom:5px;right:80px;margin:0;padding:0;}
div#site-header div#cart div#cart-image {position:relative;z-index:1000;}
div#site-header div#cart div.cart-text {margin:0;position:absolute;top:50%;color: #F40;text-decoration: none;font-weight:bold;font-size:12pt;left:20px;transform: translate(-50%, -50%);
  text-align:center;
  border:0px solid #D60;
  border-radius: 12px;
  height:24px;width:24px;
  line-height:24px;
  background-color: rgba(0, 0, 0, 0.2);
  }

div#site-header div#cart span {font-size:8pt;line-height:10px;}

/* leftNav cart */
#leftNav {font-size:12px;float:left;padding:5px 0px;width:160px;margin-top:30px;}
#leftNav ul{list-style-type:none;padding:10px 0px 0px 0px;margin:0;}
#leftNav ul p a{color:#000;font:normal 16px Arial,Helvetica,sans-serif;text-decoration:none;}
#leftNav li{padding:0px 0px 3px 10px;font:normal 15px Arial,Helvetica,sans-serif;}
#leftNav ul li a.all_link {position:absolute;left:170px;width:16px;background-image:none;}
#leftNav li a{color:#000;text-decoration:none;}
#leftNav #side-cart{float:left;}
#leftNav #side-cart table{width:100%;}
#leftNav #side-cart table caption {font-size:10pt;}
#leftNav #side-cart table tr.headr th{border-top:1px solid black;border-bottom:1px solid black;font-size:10pt;}
#leftNav #side-cart table td{padding:4px;line-height:15px;border:none;font-size:8pt;}
#leftNav #side-cart table td.center{text-align:center;}
#leftNav ul li ul {border:none;}
#leftNav #side-cart .cart_qty {text-align:center;}
#leftNav #side-cart table tr.cart_headr th{border-top:1px solid black;border-bottom:1px solid black;font-size:10pt;}

/*content-footer*/
div#content-footer {margin:0;padding:0;line-height:0;text-align: center;font-size:11px;}
div#content-footer div#footer-nav {margin: 30px 25%;width:300px;}

/**********************************************/
/* Credits: Dynamic Drive CSS Library         */
/*  URL: http://www.dynamicdrive.com/style/   */
/*  css for table paging links                */
/**********************************************/
.pagination{padding:10px;margin-left:30%;}
.pagination ul{margin: 0;font-size: 12px;text-align: left; /*Set to "right" to right align pagination interface*/ }
.pagination li{list-style-type:none;display:inline;padding-bottom:1px;}
.pagination a,.pagination a:visited{padding:0 5px;border:1px solid #9aafe5;text-decoration:none;color:#2e6ab1;}
.pagination a:hover,.pagination a:active{border:1px solid #2b66a5;color:#000;background-color:#FFFF80;}
.pagination .currentpage{padding:0 5px;border:1px solid #9aafe5;background-color:#2e6ab1;color:#FFF !important;border-color:#2b66a5;font-weight:bold;cursor:default;}
.pagination .disablelink{padding:0 5px;background-color:white;cursor:default;color:#929292;border:1px solid #929292;font-weight:normal !important;}
.pagination .prevnext{font-weight:bold;}

/*********************************************/
/* Calendar Button http://calendarview.org/
/********************************************/
div.calendarDiv{padding:5px 2px; float: left;}
span.calendarButton{padding:5px 14px;background:#fff url('../images/calendar_icon.png') no-repeat center center;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
span.calendarButton:hover {background-color: #cde;cursor: pointer;}

span.nowrap{white-space:nowrap;}

/* Sorting using a css sprite for sorting images instead of 3 individule images */
div.sort_direction{white-space:nowrap;font-size:10px!important;}
div.sort_direction a{border:none;text-decoration:none;}
div.sort_direction .unsorted{background:url('../images/sort.png') no-repeat 1px 0;width:8px;height:11px;}
div.sort_direction .ascending{background:url('../images/sort.png') no-repeat -9px 0;width:9px;height:11px;}
div.sort_direction .descending{background:url('../images/sort.png') no-repeat -20px 0;width:9px;height:11px;}

.classnamerep {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0d9648), color-stop(1, #057937) );
	background:-moz-linear-gradient( center top, #0d9648 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d9648', endColorstr='#057937');
	background-color:#0d9648;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	text-indent:0;
	border:0px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-size:17px;
	font-weight:400;
	letter-spacing:.5px;
	font-style:normal;
	padding:10px 20px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
color:#ffffff;
}
.classnamerep:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #129744), color-stop(1, #14b952) );
	background:-moz-linear-gradient( center top, #129744 5%, #14b952 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#129744', endColorstr='#14b952');
	background-color:#129744;
}.classnamerep:active {position:relative;top:1px;}

.classnamenew {
background-color:#0057b8;
text-indent:0;
-moz-box-shadow:inset 0px 1px 0px 0px #054893;
-webkit-box-shadow:inset 0px 1px 0px 0px #054893;
box-shadow:inset 0px 1px 0px 0px #054893;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
display:inline-block;
padding:10px 20px;
color:#FFFFFF;
font-size:14px;
text-transform:uppercase;
font-style:normal;
font-weight:400;
line-height:17px;
text-decoration:none;
text-align:center;
margin:10px 0px;
letter-spacing:.5px;
}
.classnamenew:hover {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');background-color:#054893;color:#FFFFFF;}
.classnamenew:active {position:relative;top:1px;}

/*BLOCKS LEVEL SPACE* (as class)/
/*********************/
div.row_spacer {margin: 0px 0px 2px 0px;}
div.block_row_spacer {margin: 0px 0px 15px 0px;}
div.big_block_row_spacer {margin: 0px 0px 25px 0px;}
div.out_sized_block_row_spacer {margin: 0px 0px 45px 0px;}
div.indented_block {margin: 0px 0px 15px 20px;}

/*ROW LEVEL PADDING*/
/*********************/
div.label-row-pad{padding-bottom:10px;}
div.text-field-row-pad{padding-bottom:6.9px;}
div.big-row-pad{padding-bottom:20px;}
div.end-block-pad{padding-bottom:30px;}

/*SPAN LEVEL PADDING*/
/*********************/
span.left-pad {margin: 0px 0px 0px 4px;}
span.big-left-pad {margin: 0px 0px 0px 6px;}
span.double-left-pad {margin: 0px 0px 0px 8px;}
span.extended-left-pad {margin: 0px 0px 0px 24px;}

span.right-pad {margin: 0px 4px 0px 0px;}
span.big-right-pad {margin: 0px 6px 0px 0px;}
span.double-right-pad {margin: 0px 8px 0px 0px;}
span.extended-right-pad {margin: 0px 20px 0px 0px;}