/* blue=185395 / 99b3d2*/

html { font-size: 100%; /* IE hack */ }
body { margin: 0px; padding: 0px; background: white;font: 0.8em/1.2em Arial, Helvetica, sans-serif; }
h1{color:#185395;font-size:1.1em;font-weight:normal;margin:10px 0 0 0;}
h2{color:#185395;font-size:0.85em;font-weight:bold;margin:10px 0 0 0;}
p{font-size:0.85em;color:#333333;margin:10px 0 0 0;}
li{font-size:0.85em;}
img {border:0px solid #185395;}
hr {border:0px solid transparent;border-top:1px solid #99b3d2;line-height:1px;height:1px;}
a, a:link, a:visited{color:#185395;text-decoration:none; color: #009394; }
a:hover{color:#444444; text-decoration: underline; }
form {padding:0px;margin:0px;}
a.reset { color: #185395; }
a.reset:hover { color: #444444; }

#container {width:960px;margin:0px auto;position:relative;}
#logo {position:absolute;top:30px;left:0px; z-index:100; background:transparent; }
#printlogo{display:none;}

#basket{width:190px;font-size:0.85em;color:#888888;}
#basket caption {text-align:left;color:#444444;}
#basket caption img {margin-left:10px;}
#basket th{text-align:left;}
#basket td{padding:1px 2px 0px 0px;}

#clientlogin{position:relative;clear:both;}
#duoLogin{height:50px;}
#loginMessage{margin-top:20px;font-size:11px;color:red;}
#clientlogin label{font-size:0.85em;color:#444444;}
#duoPasswordent, #editor_name,#searchinput,#stocksearch { font-size:0.8em;background:url(/images/site_bits/inputback.gif) repeat-x bottom left; border:1px solid #cccccc; padding:2px 5px; width:167px;color:#444444;} 
#duoPasswordent,#searchinput{width:145px;}
#duoPasswordent{position:absolute;top:52px;left:0px;}
#editor_name{position:absolute;top:33px;left:0px;}
#clientLoginButton{position:absolute;top:48px;right:3px;left:158px;}
#clientLoginButton, #searchButton,#stockSearchButton{font-size:0.8em;padding:0px 3px;border:1px solid #cccccc;margin:4px 0 0 0;height:19px; }

#searchbox {margin-top:20px;}
#searchButton, #stockSearchButton {background:url(/images/site_bits/maginfying.gif) no-repeat center center; width:20px;}
#searchbox a{font-size:0.8em;}
#stockSearchButton{height:17px;width:17px;}

#navbar{position:absolute; left:0px; top:55px; height:35px; width:960px;z-index:3;}
#navbackground{ position:absolute; left:0px; top:55px; height:35px; width:960px;z-index:2;background:white;filter:alpha(opacity=75);opacity:0.75;}

#navbar hr{border:0px solid transparent;border-top:1px solid #99b3d2;width:960px;margin-top:0px;float:left;line-height:1px;height:1px;}
.nav{padding:0px;margin:0px;float:right;list-style:none;text-align:right;margin-bottom:-3px;}
.nav li {margin:5px 0px 0px 20px;float:left;list-style:none;}
.nav a,.nav a:link,.nav a:visited{color:#444444;text-decoration:none;font-weight:bold;}
.nav a:hover{color:#444444;}
.nav .active a,.nav .active a:link,.nav .active a:visited{color:#185395;display:block;padding:0px 0px;}
.nav .active {border-bottom:3px solid #185395;}


#sideMenu,#sideMenu li,#sideMenu ul{margin:0px;padding:0px;list-style:none;font-size:0.95em;}
#sideMenu a,#sideMenu a:link,#sideMenu a:visited{text-decoration:none;display:block;padding:5px 0 1px 15px; color:#185395;}
* html #sideMenu a,* html #sideMenu a:link,* html #sideMenu a:visited{width:165px; color:#185395; }
#sideMenu a:hover{color:#555555;}
#sideMenu .active a{background:url(/images/site_bits/menu-cog.gif) no-repeat 2px 8px;} 
#sideMenu li li a,#sideMenu li li a:link,#sideMenu li li a:visited{background:#dddddd;color:#666666;font-size:1.1em;}
#sideMenu li li a:hover{color:#000000;background:#eaeaea;}
#sideMenu .active ul .active a,#sideMenu .active ul .active a:link,#sideMenu .active ul .active a:visited{color:#444444;}
* html #sideMenu li li a,* html #sideMenu li li a:link,* html #sideMenu li li a:visited{width:165px;}
#sideMenu .active ul .active ul li a,#sideMenu .active ul .active ul li a:link,#sideMenu .active ul .active ul li a:visited{color:#185395; font-size:1.2em;padding:0 0 0 30px;}
#sideMenu .active ul .active ul li a:hover{color:black;}
* html #sideMenu .active ul .active ul li a,* html #sideMenu .active ul .active ul li a:link,* html #sideMenu .active ul .active ul li a:visited{width:150px;}
#sideMenu .active ul .active ul .active a,#sideMenu .active ul .active ul .active a:link,#sideMenu .active ul .active ul .active a:visited{color:#000000;background:#cccccc;}
#sideMenu .active ul .active ul .active a:hover{background:#eeeeee;}
#sideMenu .active ul .active ul .active ul li a{padding-left:50px;}
#sideMenu .active ul .active ul .active ul .active a,#sideMenu .active ul .active ul .active ul .active a:link,#sideMenu .active ul .active ul .active ul .active a:visited{color:#000000;background:#bbbbbb;}
#sideMenu{margin-top:5px;}


#picbox{margin-left:212px;width:750px;min-height:800px;}
* html #picbox{height:800px;}
#picbox object{display:block;}

#overlay{position:absolute;top:300px;left:0px;width:960px;}
#subnavbar{ border-right:1px dotted #99b3d2;width:182px;min-height:500px;float:left; margin-top:-210px;padding-right:10px; }
* html #subnavbar{ height:500px;padding-right:5px; ;}
#textblock,#textblockfull,#textblock2{float:right;width:745px;padding:10px 0px 0px 8px; position:relative;margin-top:10px;}

#subnavbar a { color:#185395; }
#subnavbar a:hover { color: #444444; }

#textblock2{top:-300px;}

#textblockbackground{width:780px;position:absolute;top:0px;left:195px;height:200px;background:white;filter:alpha(opacity=75);opacity:0.75;}
* html #textblockbackground{left:200px;}

#textblock2{margin-top:90px;}

#textblockfull{top:80px;margin:10px 0 200px 0px;left:0px;float:none;clear:both;}

.halfcol {width:498px;margin-right:12px;float:left;}
.halfcol .buybutton {font-size:0.85em;}
* html .halfcol{margin-right:6px;}
.qtrcol {width:210px; float:left;padding-left:10px;}
* html .qtrcol{margin-right:0px;}
.fpsubcol{width:140px;border:0px solid #cccccc;float:left;padding:0px 12px;}
.fpsubcol h2 {margin:0px;}

#footer{clear:both;width:960px;border-top:1px solid #99b3d2;margin-top:10px;position:relative;font-size:0.75em;}
#copylink {position:absolute;top:0px;left:0px;}
#duolinks{position:absolute;right:10px;top:0px;}

.buybutton a,.buybutton a:link,.buybutton a:visited{background:url(/images/site_bits/buy.gif);display:block;width:61px;height:20px;text-align:center;padding:1px 0 0 0;}
.buybutton a:hover{background-position:0 -30px;}

/*Dynamic list styles*/


.dl_default {padding:0px;margin:0px;}
.dl_default li {		padding:0px;list-style: none;margin:0px;display:block; clear:both;}
.dl_default {			width:500px; }
.dl_default img{		float:left;margin:0px 10px 10px 0px;border:1px solid #185395;clear:right;display:block;}
.dl_default p{        margin:0px;}
.dl_default h3{		font-size:1em;margin:0px;padding:0px;}

.dl_product { margin: 0; padding: 0; width: 500px; }
.dl_product li {			width:100px;height:200px;padding:0 20px 10px 0px;float:left;display:block;position:relative;}
.dl_product img{		margin:0px;border:1px solid #cccccc;display:block;}
.dl_product p{        margin:0px;}
.dl_product h3{		font-size:1em;margin:0px;padding:0px;}  
.dl_product .buybutton{position:absolute;bottom:20px;width:100px;padding-top:5px;border-top:1px dotted #99b3d2;}


/*tables and form styles*/

.tabledefault{ border-collapse: collapse;font-size:85%;border:1px solid #aaaaaa;margin:10px;}
.tabledefault td {border:1px solid #aaaaaa;padding:5px;}
.tabledefault th {border:1px solid #aaaaaa;background:#eeeeee;padding:5px;color:black;text-align:left; }
.tabledefault p {font-size:100%;margin:0px;}
/*
.formdefault input{font-size:90%;}
.formdefault dt{ float:left;width:70px;font-size:85%;padding:3px 1px;height:20px;}
.formdefault  dd{height:26px;margin:0px;padding:1px;width:155px;}
.formdefault dd input , .formdefault dt input ,.formdefault dd select , .formdefault dt select ,.formdefault dd textarea , .formdefault dt textarea
{width:150px;font-family:sans-serif;margin-left:0px;font-size:70%;}
.formdefault dd textarea , .formstyle1 dt textarea {height:60px;margin-left:0px;}
*/ 

.formdefault {/*width:550px*/;font-size:11px;}
.formdefault label { float:left;width:150px;padding:5px 1px 0px 0px;display:block; clear:both;}
.formdefault input , .formdefault select , .formdefault textarea {width:170px;font-family:sans-serif;margin:2px 0px;font-size:11px;}
.formdefault textarea{height:60px;}
.formdefault .checkbox {width:15px;margin:0px;}
.formdefault .button {width:auto;}
.formdefault select{width:175px;}
.formdefault .submit { width: auto; }

.cleaner, .clearfloat{
					clear:both;
					height:1px;
					line-height:1px;
					font-size:1px;
					border:none;
					margin:0px; padding:0px;
					background:transparent;
					}

/*optitable stuff*/
#ordertable, #stocktable, #yourorders,#orderdetails{width:740px;height:300px;border:1px solid #ccc;position:relative;margin-top:5px;}
#ordertable {height:100px;}
#ordertable .opticol0, #stocktable .opticol0 {width:160px;}
#ordertable .opticol1, #stocktable .opticol1 {width:350px;}
#ordertable .opticol2, #stocktable .opticol2 {width:80px;}
#ordertable .opticol3, #stocktable .opticol3 {width:80px;}

#yourorders {height:200px;}
#yourorders .opticol0 {width:160px;}
#yourorders .opticol1 {width:120px;}
#yourorders .opticol2 {width:120px;}

#orderdetails .opticol0 {width:55px;}
#orderdetails .opticol1 {width:170px;}
#orderdetails .opticol2 {width:220px;}
#orderdetails .opticol3 {width:20px;}
#orderdetails .opticol4 {width:53px;}
#orderdetails .opticol5 {width:53px;}
#orderdetails .opticol6 {width:53px;}
#orderdetails .opticol7 {width:48px;}

#orderDetailsBlock{display:none;}
#bm_messageBox{padding:5px 0px;color:red;}
#ordertable .opticol2 input{width:40px;}
#orderstock{font-size:11px;}
#requestQuote{font-size:11px;}

.headerBar{font-size:11px;line-height:16px;background:url(/duocms-resources/usermanagement/mac_dataGrid_Header_UP.png) 0px -1px repeat-x;position:absolute;top:0px;left:0px;right:0px;height:16px;text-align:center;overflow:hidden;white-space: nowrap;cursor:default;}
.headerBar div{float:left;padding:0px 11px;border:1px solid #999;border-top:0px solid #999;margin-right:-1px;}
.headerBar .selected{background:url(/duocms-resources/usermanagement/mac_dataGrid_Header_SELECTED.png) 0px -1px repeat-x;border-bottom:1px solid #3875d7;}
.filterBar {background:#bbb url(/duocms-resources/usermanagement/grad.png) top left;height:20px;line-height:20px;padding:0px 10px;position:absolute;top:16px;left:0px;right:0px;border-bottom:1px solid #999;}
.filterBar .close{background:url(/duocms-resources/usermanagement/close-dark.png);width:13px;height:13px;position:absolute;top:3px;right:5px;}


.optiline{font-size:11px;line-height:18px;padding:2px 2px 0px 2px;height:18px;overflow:hidden;position:absolute;left:0px;right:0px;
user-select: none;-moz-user-select: none;-khtml-user-select:none;}

.headerBar .selected .orderUp{background:url(/duocms-resources/file-icons/order-up.png) right center no-repeat;display:block;margin-right:5px;}
.headerBar .selected .orderDown{background:url(/duocms-resources/file-icons/order-down.png) right center no-repeat;display:block;margin-right:5px;}

.optiline:nth-child(2n) {background:#F1F4F9;}
.optiline:hover{background:#bbd6e8;}
.optitableArea{position:absolute;top:18px;left:0px;right:0px;bottom:0px;overflow:auto;}
.optitableArea .active{background:#85b8d7;}

.headerBar span, .optiline span{width:100px;padding-left:5px;display:block;float:left;text-align:left;}
.optiblock{position:absolute;left:0px;right:0px;}
.orderqty{font-size:10px;padding:0 2px;}
#quotecomments{width:400px;height:200px;font-family: sans-serif;font-size:12px;}

.tabedit { border: 1px solid #c00; padding: 10px; margin-bottom: 10px; }
.tabedit h2 { background: #ddd; padding: 5px; }

a.duocmsfile_pdf{background: url(/duocms-resources/icons/pdf.gif) center left no-repeat;padding:7px 25px;}