/* © Copyright 2008 Eware Europe AB, Comptrade Electronics AB */
/* Html */
    a:link { color: #5F6F3E; }
    a:hover { color: #5F6F3E; }
    a:visited {	color: #5F6F3E; }
    body { font-family: Arial; font-size: 12px;	color: #4A4A4A;	background-color: white; margin:0px;}
    table { font-family: Arial, Helvetica, sans-serif;	font-size: 10px; border: 0px solid black; padding: 0px;	margin: 0px; }
    img { border-width: 0px; }
    input, textarea { font-family: Arial; font-size: 12px;	color: #000; }
    p { margin-top: 4px; font-family: Arial; font-size: 14px; line-height: 160%; }
    p a { text-transform:none; }
    h1,h2,h3 { color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
    h1 { font-size: 18px; color: #5F6F3E;}
    .green { color: #5F6F3E; }
    .lightgreen { color: #99CC33; }
    h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; padding-top: 5px; margin-top: 5px; margin-bottom: 2px; color: black; }
    h2 .strong { font-weight: bold; }
    h2.link { background: url(../Images/port1.gif) no-repeat; width: 170px; height: 33px; color: white; padding-top: 10px; padding-left: 26px; }
    h2.link a:link, h2.link a:visited, h2.link a:hover { color: white; text-decoration: none; }
    .clear { clear: both; }
    .icon { position: relative; top: 3px; }
    /*input,select,textarea { background-color: #EFF3F0; }*/
/* Validator */
    .validator { display: none; }
    .ajax__validatorcallout_popup_table { width: 250px; line-height: 140%; color: #333; }
    .validatorcallout td, .validatorcallout div { background-color: #E4EAC7; }
    
/* Master */
    .topbar { color: #333; position: absolute; left: 0px; top:0px; margin:0px;width:100%; height: 23px; text-align: right;}
    .topbar .wrapper { padding:5px;}
    .topbar img { padding-right:3px; padding-top:3px;}
    body { background-color: white; font-family: Arial, Helvetica, sans-serif; font-size:12px; background-image: url(../Images/bg.png); background-repeat: repeat-x; background-position: center top; }
    
    table.result { width: 100%; margin-bottom: 15px; text-transform: uppercase; }
    table.result td, th { padding: 6px; font-size: 10px; border-bottom: solid 1px #ccc; }
    table.result tr.alt td { background-color: #F3F6D9; border-bottom: solid 1px #ccc; background-image: url(../Images/td-alt-bg.gif);}
    table.result tr.altOver td { background-color: #eee; border-bottom: solid 1px #ccc; background-image: none; }
    table.result tr.over td { background-color: #eee; border-bottom: solid 1px #ccc; background-image: none; }
    table.result th { text-align: left; font-weight: normal; color: #999; font-size:12px; text-align: left; border-bottom: solid 1px #aaa; }
    table.result tr.head th { background-image: url(../Images/th_bg.png); background-position: center top;}
    table.result tr.head th.left { background-position: left top;}
    table.result tr.head th.right { background-position: right top;}
    
    .page { text-align: center; }
    .content { width: 844px; text-align: left; margin-left: auto; margin-right: auto; }
    .top { margin-top: 150px; }
    
    .links { border-top: solid 1px #C5E29F; margin-bottom: 60px; font-weight: normal; margin-top: 45px; padding-top: 5px; text-align: center;  font-size: 7pt; color: #5F6F3E; }
    .links a { font-weight: normal; color: #999;}
    .links ul { margin: 0px; margin-top: 7px; padding:0px; list-style-type: none; }
    .links ul li { margin: 0px; padding: 0px; list-style-type: none; margin-bottom: 5px;}
    .center { text-align: center; }
    label { text-transform: none; width: 152px; float: left; } 
    .menu { text-align: left; margin-left: 10px; }
    ul.menu { margin: 0px; margin-left: 10px; padding:0px; list-style-type: none; }
    .menu li { margin: 0px; padding: 0px; list-style-type: none; line-height: 160%; font-size: 14px; }
    .menu li a { text-transform: none; }
    .menu table { width:auto; }
    .menu tr { border: none; }
    .menu td { text-align: left; padding: 0px;margin:0px;border: none; }
    
/* SearchBoxControl */
    .searchbox { text-transform: uppercase; background: transparent url(../Images/search_box_bg.png) no-repeat; height: 170px; position: relative; margin-bottom: 15px;}
    .searchbox { width: 844px; }
    .searchbox #searchcomponent { color: #99CC33; margin-bottom: 15px; font-size: 17px; }
    .searchbox input.text { text-transform: uppercase; border: solid 1px white;  float: left; border: none; background: transparent url(../Images/search_input.gif) no-repeat; width:294px; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; font-size: 12px; font-family: arial; margin-bottom: 0px;}
    .searchbox .wrapper { margin-left: 20px; margin-top: 30px; }
    .searchbox .searchboxleft { height: 145px; width: 165px; margin-top: 10px; float: left; }
    .searchbox .searchboxright { height: 145px; margin-left: 10px; margin-top: 10px; float: left; }
    .searchbox .example {clear: both; color: white; text-transform: uppercase; font-size: 10px; margin-top: 5px; }
    
    .searchboxsmall { text-transform: uppercase; background: transparent url(../Images/search_box_small_bg.png) no-repeat; height: 105px; position: relative; margin-bottom: 15px; margin-top:45px;}
    .searchboxsmall { width: 844px; }
    .searchboxsmall #searchcomponent { color: #99CC33; margin-bottom: 15px; font-size: 17px; }
    .searchboxsmall input.text { text-transform: uppercase; border: solid 1px white;  float: left; border: none; background: transparent url(../Images/search_input.gif) no-repeat; width:294px; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; font-size: 12px; font-family: arial; margin-bottom: 0px;}
    .searchboxsmall .wrapper { margin-left: 20px; margin-top:5px; }
    .searchboxsmall .searchboxleft { height: 45px; width: 165px; margin-top: 10px; float: left; }
    .searchboxsmall .searchboxright { height: 45px; margin-left: 10px; margin-top: 5px; float: left; }
    .searchboxsmall .example { clear: both; color: white; text-transform: uppercase; font-size: 10px; margin-top:5px; }
     
    .searchbox .ictrac, .searchboxsmall .ictrac { position: absolute; left: 634px; width: 200px; text-align:right; top: 141px; color: #888; font-size: 11px; text-transform: none; } 
    .searchboxsmall .ictrac { top: 77px; }
    .searchbox .ictrac h2, .searchboxsmall .ictrac  h2 { color: #888; font-size: 11px; text-transform: none; margin:0; padding: 0; }
    .searchbox .ictrac a, .searchboxsmall .ictrac a { color: #888; text-decoration: none; }    
    .searchbox .ictrac a:hover, .searchboxsmall .ictrac a:hover { color: #888; text-decoration: underline; }    
    
    .searchboxsmall
    
    .searchboxsmall .ictrac {}
    
    #main { margin-top: 10px; width: 669px; float:right; clear: right;}
    #main .results { text-align: right; margin-bottom: 5px;}
    #resultSet { width: 669px; float:right; clear: right;}
    #resultSet table { text-transform: uppercase; }
    .leftcontent { width: 165px; margin-right: 10px; float: left; }
    .submitbutton {  border: none; }
    .contact { position: absolute; top: -15px; left: 638px; width: 196px; }
    .contact #personalservice { margin-top: 26px; padding-left: 0px; color: #99CC33; font-size: 13px; }
    .contact .status { color: #999; font-size: 11px;}
    .contact .person { color: #fff; font-size: 10px; margin-bottom: 2px; }
    .contact img { position: absolute; top: 3px; left: 123px; }
    .contact .method { border-top: solid 1px #5F6F3E; padding-top: 3px; font-size: 10px; text-align: center; }
    .contact .method a, .contact .method span { color: #fff; padding-top:2px; padding-bottom: 3px; padding-left: 19px; background-repeat: no-repeat; background-position: center left;}
    .contact .method a:hover { color: #99CC33; }
    .contact .method .chat { background-image: url(/Images/icons/chat.png); }
    .contact .method .email { background-image: url(/Images/icons/email.png); }
    .contact .method .telephone { background-image: url(/Images/icons/telephone.png); }
    .contact .method span.chat, .contact .method span.telephone { color: #999; }
    
/* SearchResult */
    table.result {}
    table.result a { color: Black; }
    
    #welcome 
    {
        margin-top: 30px;
        margin-bottom: 150px;
        padding-right: 180px;
        padding-top: 15px;
        font-style: italic;
        padding-left: 50px;
        background-image: url(/Images/quote.gif);
        background-repeat:no-repeat;
    }
    
    #welcome a 
    {
        text-transform: none;
    }
    
/* Quote */
    h2 .small { font-size: 11px; color: #999; }
    #quoteform { margin-top: 10px; }
    #quoteinfo { width: 230px; float: right; }
    #quoteinfo ul { margin-top: 0px; margin-left: 0px; padding-left: 26px; margin-bottom: 5px; }
    #quoteinfo ul li { font-size: 12px; margin-bottom: 5px;  }
    .icons { margin-left: 1px; margin-bottom: 3px;}
    .icons img { margin-right: 6px; height: 26px; width: 26px;}
    
    #quoteform table.quotetable { width: 100%; font-size: 12px; }
    #quoteform table.quotetable td, #quoteform table.quotetable th{ padding: 3px;  font-size: 12px;background-color: inherit; background-image: none; border: none;}
    #quoteform table.quotetable input { margin-bottom: 7px; }
    #quoteform table.quotetable th.partno { width: 100px; }
    #quoteform .mfg { width: 97px; }
    #quoteform .quantity { width: 50px; margin-left: 7px; }
    #quoteform .targetprice { width: 70px; margin-left: 7px; }
    
    #quoteform .minimumorder { color: White; margin-bottom: 5px; }
    .leftcol { width: 418px; float: left; }
    .centerbox {background-color: #000; background-image: url(/Images/center_box-bottom.png); background-repeat: no-repeat; background-position: center bottom; }
    .centerbox .wrapper { background-image: url(/Images/center_box-top.png); background-repeat: no-repeat; background-position: center top; padding: 10px 10px 25px 13px; color:#999;}
    .centerbox textarea { width: 222px; }
    .centerbox h2 { margin-left: 5px; color: #99CC33; clear: both; }
    .centerbox p { margin-left: 5px; margin-right: 5px; }
    
    .centerbox label { padding-top: 3px; font-size: 14px; }
    /*.centerbox input.text { font-size: 14px; float: left; border: none; background: transparent url(/Images/input-std.gif) no-repeat; width:219px; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; font-family: arial; margin-bottom: 15px;}*/
    .centerbox input.text { font-size: 14px; float: left; width:219px; padding: 4px; font-family: arial; margin-bottom: 15px;}
    .centerbox select { font-size: 14px; float: left; width:170px; height:25px; padding-left: 4px; font-family: arial; margin-bottom: 15px;}
    /*.centerbox .selected input.text { float: left; border: none; background: transparent url(/Images/input-std-selected.gif) no-repeat; width:219px; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; font-family: arial; margin-bottom: 15px;}*/
    .centerbox div.selected { height: 46px; padding-top: 7px; padding-left: 7px; background: transparent url(/Images/input_selected_row.gif) no-repeat; }
    .centerbox div.selected label { width: 150px; padding-top: 7px; }
    .centerbox input.button { margin-left: 300px;}
    
    input.button { background: black url(/Images/button_bg.png) no-repeat top; color: #fff; height: 31px; width: 86px; border: none; text-transform: none; font-size: 16px;}
    input.button2 { background: black url(/Images/button_bg_w.png) no-repeat top; color: #fff; height: 31px; width: 86px; border: none; text-transform: none; font-size: 16px;}

/* Popup */
    .popuproot { position: absolute; top: 0px; left: 0px; background: #000; opacity: 0.60; filter: alpha(opacity = 60);}
    .popupwindow { width:520px; height: 400px; background-image: url(/Images/popupbox.png); position: absolute; background-repeat: no-repeat;}
    .popupwindow .wrapper { padding:25px; padding-left: 30px; padding-right: 30px;position:relative;color: white; }
    .popupwindow h1 { text-transform: uppercase; color: #99CC33; margin-top: 10px; margin-bottom: 10px; font-size: 14px; }
    .popupwindow h2 { color: #fff; }
    .popupwindow, .popupwindow p { font-size: 13px; }
    #closewin { color: #ccc; position: absolute; top: 20px; text-align: right; width: 465px; font-size: 9px; text-transform: uppercase;}
    #closewin a { color: #fff; border: solid 1px #888; border-top-color: #ccc; border-left-color: #ccc; padding-left: 3px;padding-right: 3px;  text-decoration: none;}
    span.telephone { font-weight: bold; color: #fff; padding-top:2px; padding-bottom: 3px; padding-left: 19px; background-repeat: no-repeat; background-position: center left; background-image: url(/Images/icons/telephone.png); }
    
    .popupwindow .leftcol { width: 220px; float: left; }
    .popupwindow .rightcol { width: 220px; float: right; }
    .popupwindow div.row { margin-bottom: 8px; }
    .popupwindow .row input { width:130px; margin:0}
    .popupwindow .row label { float:left; width:80px; margin:0;padding:0;}
    
    .popupwindow .lastrow { margin-bottom: 5px; }
    .popupwindow .head h1 { margin-top: 9px; }
    
    /* chatwin */
    .popupwindow .chatwin img.onlineperson { position: absolute; top: -8px;  width: 109px; height: 102px; }
    .popupwindow .chatwin .head { padding-left: 120px; border-bottom: solid 1px #5F6F3E; margin-bottom: 0px; }
    .popupwindow .chatwin .head img.skype { float: right; margin-top: 10px;} 
    .popupwindow .chatwin .onlinestatus { color: #999; text-transform: uppercase; }
    .popupwindow .chatwin .openinghours { text-transform: uppercase;font-size: 10px; margin-bottom: 5px;}
    .popupwindow .chatwin #chat p { background-image: url(/Images/icons/chat-user.gif); background-position: 3px left; background-repeat: no-repeat; padding-left: 26px; margin-bottom: 8px;}
    .popupwindow .chatwin #chat p.system { background-image: url(/Images/icons/chat-hex.gif); text-transform: uppercase; color: #5F6F3E; font-weight: bold;}
    .popupwindow .chatwin #chat p.sales { background-image: url(/Images/icons/chat-hex.gif); color: #5F6F3E; font-weight: bold;}
    .popupwindow .chatwin #chatEnter { position: absolute; top:335px; left: 400px; }
    .popupwindow .chatwin #chatInput { font-size: 13px; width: 360px; margin-right: 8px; margin-top: 8px; height: 65px; float: left; }
     
    /* callwin */
    .popupwindow .callwin img.onlineperson { position: absolute; top: -8px; width: 109px; height: 102px; }
    .popupwindow .callwin .head { padding-left: 120px; border-bottom: solid 1px #5F6F3E; margin-bottom: 25px; }
    .popupwindow .callwin .head img.skype { float: right; margin-top: 10px;} 
    .popupwindow .callwin .onlinestatus { color: #999; text-transform: uppercase; }
    .popupwindow .callwin .openinghours { text-transform: uppercase;font-size: 10px; margin-bottom: 5px;}
    .popupwindow .callwin .skypebottom { position: absolute; top: 342px; left: 420px;}
    .popupwindow .callwin img.skypecall {float: right; margin-top: 10px;}
    .popupwindow .callwin p.callustext { margin-bottom: 25px; }
    
    
    /* mailwin */
    .popupwindow .mailwin .head { border-bottom: solid 1px #5F6F3E; margin-bottom: 15px; }
    .popupwindow .mailwin .mailwinsent { padding-top: 50px; }
    
    
    .form  input.text, .form textarea { width: 300px; }
    .form label { width: 200px; font-weight: bold; }
    .form .button2 { margin-left: 418px;}