/* COMMON
---------------------------------------------*/
body {
    background: #fbfbfb url(../images/bg_repeat.jpg) 0 0 repeat-x;
    color: #666;
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 12px;
    line-height: 150%;
}

label { display: block; font-size: 1.2em; line-height: 1.4em; white-space: nowrap; }
p { font-size: 12px; line-height: 20px; padding: 0 0 15px 0 ; }
.big { font-size: 14px; }
.small { font-size: 10px; }
.colored { color: #0888C3; }
.nowrap { white-space: nowrap; }
.clearfix { clear:both;height:0px;width:0px; }
.somespace { display: block; height: 5px; }
.midspace { display: block; height: 10px; }
.bigspace { display: block; height: 20px; }
.hugespace { display: block; height: 35px; }
.aright { text-align: right; }
.strong { font-weight: bold; } 
.fr { float: right; }
.centered { margin: 0 auto; text-align: center; }
.ital { font-style: italic; }
.red { color: #A62300; }
.error { color: #A62300; font-weight: bold; }


/* Using fake HR in order to fix IE problems */
div.hr { padding-top:1px; height:0; overflow:hidden; margin: 10px 0; line-height:0px; background-color:#4E4E4F; }

/* TEXT ELEMENTS
---------------------------------------------*/
ul { margin-bottom: 20px; padding: 0 0 0 25px; }
ul.tick { list-style-image: url(../images/tick.png); }
ul li { font-size: 12px; line-height: 20px; margin-bottom: 4px; vertical-align: middle; white-space: nowrap; }

/* FORMS 
---------------------------------------------*/
.label { color: #0888C3; font-weight: bold; margin: 10px 0 5px 0; }
.label.fixed { width: 290px; } 
.label img { padding: 2px; margin-bottom: -5px; }
select { background: #fff; border: 1px solid #BBBABA; font-size: 13px; outline: none; margin-right: 1px; }
#plzline { position: relative; vertical-align: top; width: 265px; }
#plzline div { top: 0; right: 0; position: absolute; }
#plzline div select { margin: 5px 0 0 0; }


/* HEADLINES
---------------------------------------------*/
h1, h2, h3, h4, h5 { font-family: 'Trebuchet MS', Arial, sans-serif; }

h1 { color: #066490; font-size: 2.0em; font-weight: bold; line-height: 38px; padding: 0 0 20px 0; }
h3 { color: #0888c3; font-size: 1.2em; font-weight: normal; line-height: 1.4em padding: 0 0 10px 0; }


/* TABLES
---------------------------------------------*/
table { padding: 0 10px; }
table th { background: #ccc; color: #111; padding: 0 5px; }
tr.odd { background: #f1f1f1; }
tr.even { background: #eee; }
tr { border-bottom: 1px solid #111; line-height: 20px; text-align: center;}
td { border-right: 1px solid #888; padding: 0 5px; text-align: left; white-space: nowrap; }

/* LINK STUFF
---------------------------------------------*/
a.linkbutton {
    background: url(../images/ui/btns.gif) top center no-repeat;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #0a5482;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    width: 85px;
}

a { font-size: 12px; text-decoration: none; }
a:hover { text-decoration: underline; }

/* LAYOUT 
---------------------------------------------*/
#wrapper { margin:0 auto; min-width: 960px; position: relative; width: 100%; }
#primary { float: left; width: 50%; }
#secondary { float: left; width: 50%; } 
.column_left, .column_right, .column_right_ad { display: inline; float: left; }
.column_left { width: 320px; }
.column_right { width: 235px; }

/* SELECT OVERVIEW 
---------------------------------------------*/
#more { padding: 20px 0 5px 0; }
#more a {
    background: no-repeat left center url(../images/icons/icon_search.png);
    display: block;
    height: 16px;
    font-weight: bold;
    padding: 0 0 0 20px;
}
.advno { display: none; }
.advno.yes { display: block; }

#submitarea { margin: 15px 0; }
#submitarea .linkbutton { clear: both; float: left; }

#call { height: 80px; width: 250px; }
#call div { float: left; width: 145px; }
#call img { float: left; margin: 0 20px 0 0; } 

/* MISC 
---------------------------------------------*/
.parseTime { font-size: 10px; margin: 0 auto; text-align: center; width: 120px; }
.copyright { margin: 0 auto 5px auto; text-align: center; width: 750px; }

/* ERROR 
---------------------------------------------*/
.errorBox {
    background-color: #FEEFB3;
    border: 1px solid;
    color: #9F6000;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    font-weight: bold;
    margin: 10px auto;
    max-width: 960px;
    padding: 5px;
}

/* PRICE 
---------------------------------------------*/
.price { clear: both; width: 280px; }
.right { float: right; }
.bordbot { border-bottom: 1px solid #ccc; }

/* EXAMPLE 
---------------------------------------------*/
#example, #searchResult { padding: 5px 0 5px 10px; }
#example table, #searchResult table { margin-right: 10px; }

/* addOrder
---------------------------------------------*/
#addOrder, #addProposal {
    background: #fff;
    display: none;
    left: 50%;
    margin-left: -450px;
    padding: 10px 5px 10px 5px;
    position: fixed;
    top: 16px;
    width: 900px;
    z-index: 999;

    -moz-border-radius: 5px;
    border-radius: 5px;
}

#addOrder h1, #addProposal h1 { padding-bottom: 0px; }

#addOrderInner { margin: 0 auto; position: relative; }
#addOrderInner .column_left { width: 310px; }
#addOrderInner .column_right { width: 305px; }
#addOrderInner .column_right_ad { width: 245px; }
#addOrderInner .price { width: 240px; }

.addOrder-close {
    background: transparent no-repeat center url(../images/ui/close.png);
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -26px;
    top: -28px;
    width: 30px;
    z-index: 10103;
}

/* RESTORE FORM 
---------------------------------------------*/
#restore input.text { float: left; width: 80px; }
#restore input.button { margin: 0 0 0 10px; }

/* INSTANT
---------------------------------------------*/
#results { color: #111; }
#results .result { clear: both; line-height: 24px; padding: 0 5px; }
#results .result.odd { background: #EFE; }
#results .result.even { background: #DFD; }
#results .odd:hover, #results .even:hover { background: #9DCCE2; } 
#results  span.highlight { font-weight: bold; }
#resultsHead { font-weight: bold; }
#resultsHead div { float: left; margin: 20px 0 0 0; }
#resultsHead .aCount, .aCount { float: right; text-align: right; width: 120px; }

/* AUTOCOMLETE
---------------------------------------------*/
.ui-menu-item a span { font-weight: bold; padding-left: 10px; float: right; }

/* ERROR Validation 
---------------------------------------------*/
#addProposal label.error, #addOrder label.error { color: #FF3D00; float: none; }

/* CONTACT FORM 
---------------------------------------------*/
#contact_us .smallf { float: left; } 
#contact_us input.button { border: solid 1px #0076a3; padding: 5px 10px; WIDTH: AUto; }
#contact_us { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
#contact_us .smallf label { display: block; font-size: 11.5px; }
#contact_us input, textarea { border: 1px solid #BBBABA; font-size: 13px; outline: none; padding: 4px; margin-right: 1px; }
#contact_us li input, #contact_us li textarea { width: 240px; }
#contact_us .smallf input, #contact_us .submit { width: 110px }
#contact_us textarea { height: 70px; }

/* OVERLAY 
---------------------------------------------*/
#theoverlay { display: none; position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#msgbox { 
    background-color: #fff; 
    height: 140px; 
    padding: 15px; 
    position: fixed; 
    width: 400px; 
    z-index: 91; 

    -moz-border-radius: 5px;
    border-radius: 5px;
}
#msgbox div { height: 100px; position: relative; width: 400px;}
#msgbox h1 { font-size: 15px; margin-bottom: 10px; padding: 0;}
div.contentWrap { height:600px; overflow-y:auto;}

.apple_overlay {
    background: #fff;
    border: 1px solid #ccc;
    color: #fff;
    display:none;
    font-size:11px;
    padding:35px;
    width:800px;        
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.apple_overlay .close {
    background-image:url(../images/icons/close.png);
    cursor:pointer;
    height:35px;
    position:absolute; 
    right: -15px; 
    top: -15px;
    width:35px;
}

/* BRANCHFORM 
---------------------------------------------*/
#branchForm input { font-size: 13px; padding: 2px; }

/* MISC 
---------------------------------------------*/
.logolink { display: block; position: absolute; right: 20px; top: 10px; }
#selectform label { cursor: pointer; }

/* COMMON TOOLS CSS
---------------------------------------------*/
.block .message {
    padding: 10px 15px 10px 15px;
    margin: 10px 0;
    font-weight: bold;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.block .message p { padding: 0; width: 93%; float: left; }
.block .message.desc { border: 1px solid #bbdbe0; color: #0888c3; }
#primary .message.desc { width: 80%; }

/* TOOLTIP
---------------------------------------------*/
.tooltip { display: none; left: 0; position: absolute; top: 0; z-index: 999; }
.ui-tooltip-content {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #FAA51A;
}

/* INPUT
---------------------------------------------*/
.row { height: 50px; padding: 0 0 10px 0; }