*{margin: 0; padding: 0;}
body {font: 13px 'Lucida Sans Unicode';}
a {text-decoration: none; color: #555;}
.clr {clear: both}
.advHidden {display: none;}
a img {border: none;}

.col-12 {float: left; width: 47%}
.col-22 {float: left; width: 47%}

.col-13 {float: left; width: 33%}
.col-23 {float: left; width: 33%}
.col-33 {float: left; width: 33%}

.col-content {padding: 0 1.5em}
.col-content ul {padding: 0 1.5em;}
.col-content p {padding: .5em 0;}

.file {margin: .15em 0;}
a.select_all {color: #888; display: block; margin-left: 6px; padding: 3px 0 0px 45px; margin-bottom: 10px; width: 150px; background: url(../images/select_all.gif) no-repeat top left}

#next-ann-btn {background: url(../images/next-ann-btn.jpg) no-repeat !important;}
#pay-ann-btn {background: url(../images/pay-ann-btn.jpg) no-repeat !important;}
#invoice-btn {background: url(../images/invoice-btn.jpg) no-repeat !important;}

#pageContainer {width: 950px; margin: 0 auto; padding-bottom: 1em; position: relative}
#systemMsg {display: none; width: 471px; text-align: center;
	position: absolute; z-index: 10000; right: 250px; top:0; border-top: none;}
#systemMsg .bkg {width: 100%; height: 103px; position: absolute; top: 0; left: 0;
	background: url(../images/sysMsg-bkg.png) no-repeat; z-index: 0}
#systemMsg h2 {padding: 1.75em .5em; position: relative; z-index: 1000;color: white;}
#header {height: 153px; position: relative; padding-top: 30px;}
#header .logo {width: 496px; height: 111px; background: url(../images/logo.png) no-repeat;}
#header .logo a {display: block; height: 100%;}
#header #userPanel {width: 281px; height: 161px; background: url(../images/user-panel.jpg) no-repeat;
  position: absolute; top: 5px; right: 0; color: #fff; font: 13px 'Lucida Sans Unicode', sans-serif}
#header #userPanel .container {padding: 1.5em;}
#userPanel .text {width: 97%; padding: .25em; border: none; margin: 0 auto;
    font: 13px 'Lucida Sans Unicode', sans-serif;}
#userPanel .button {border: none; background: none; cursor: pointer;
    font: 13px 'Lucida Sans Unicode', sans-serif; color: #fff}
#userPanel div {padding: .25em 0;}
#userPanel a {color: #fff;}
#userPanel a:hover {color: #ff958a}
#userPanel .right {position: absolute; bottom: 15px; right: 15px}
#userPanel .left {position: absolute; bottom: 15px; left: 15px}
#userPanel ul {list-style: none;}

#userPanel .price {text-align: center; font-size: 3em; letter-spacing: -3px; line-height: 1.2em}
#userPanel .price strong {font-size: 1.5em; font-weight: normal;}

#leftColumn {width: 671px; float: left;}
#rightColumn {width: 270px; float: left; margin-left: 9px;}

#rightColumn #company-icon {width: 266px; height: 150px; background: url(../images/companies_main.jpg) no-repeat;}
#rightColumn #company-icon a {display: block; width: 100%; height: 100%}

#navTabs {position: relative; bottom: -1px;}
#navTabs li {float: left; width: 152px; height: 33px; list-style: none; text-align: center; margin-left: 8px;}
#navTabs li.selected {float: left; width: 154px; height: 34px;}
#navTabs a {display: block; width: 100%; height: 100%; background: url(../images/menu-bkg.gif) no-repeat;
    font-weight: bold; color: #0054a6; padding-top: 10px;}
#navTabs li.selected a {background: url(../images/menu-selected-bkg.gif) no-repeat;}

#roundContainer {clear: left; background-color: #fcfcfc; border: 1px solid #bcbcbc; border-bottom: none; color: #444;}
#roundContainerBot {height: 11px; background: url(../images/accountBot-bkg.gif) no-repeat;}

#searchContainer form {padding: 1em 2em; padding-top: 2em}
#searchContainer .col1,
#searchContainer .col2,
#searchContainer .col3 {width: 165px; float: left; padding-top: 2em;}
#searchContainer .col2 {margin: 0 60px;}
#searchContainer label {display: block; color: #626262; text-align: left}
#searchContainer div {padding: .5em 0; text-align: center}
#searchContainer div.clr {padding: 0;}
#searchContainer .text {padding: .25em; font: 13px 'Lucida Sans Unicode', sans-serif; border: 1px solid #b2b2b2;
	background-color: #ebebeb; width: 150px}
#searchContainer .small {width: 45px;}
#regForm .small {width: 45px !important;}
#regForm .medium {width: 150px !important;}
#regForm ul {padding: 0 1.5em; }
#regForm .button,
#roundContainer .button {border: none; background: url(../images/search-btn.gif) no-repeat; cursor: pointer;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #FFF; width: 115px; height: 53px; white-space: normal}
#roundContainer label.checkbox {width: 140px; float: left; margin-right: 1em; padding: .5em 0;}
#regForm label.checkbox {width: 120px; color: #b2b2b2}
#regForm .clr label.checkbox {width: 220px; padding: .15em 0;}
#searchContainer label#radioForklifts,
#searchContainer label#radioWarehouse {display: inline; font-weight: bold}
#searchContainer label#radioForklifts {margin-right: 100px;}

#searchRoundedBot {height: 11px; background: url(../images/searchBot-bkg.gif) no-repeat;}

#roundContainer .text {padding: .25em; font: 13px 'Lucida Sans Unicode', sans-serif; border: 1px solid #b2b2b2;
	background-color: #ebebeb; margin-left: .5em;}

#regForm label {display:block; color: #626262; width: 300px;}
#regForm .text {padding: .25em; font: 13px 'Lucida Sans Unicode', sans-serif; border: 1px solid #b2b2b2;
	background-color: #ebebeb; width: 300px; margin-left: .5em;}
#regForm div {padding: .5em 1em;}
#regForm h2 {background: #9e0020; color: white; font-weight: normal; padding: .25em 1em; margin: .5em 0;}
#regForm #hint,
#regForm #hint2 {width: 170px; float: right; border: 2px solid #4d4a00; background: #fff568; display: none;
	margin-right: 3em; margin-top: 1.5em; color: #000}
#regForm .inline {display: inline;}

#regForm .photos p {position: relative; float: left;}
#regForm .photos p a {display: block; position: absolute; top: 1px; right: 1px; background-color: #fff; padding: .25em .5em}
#regForm .photos p.file {clear: both; width: 100%}


.accountForm div { padding: .5em 1em; }
.accountForm label {display: block; color:#626262;}
.accountForm .text {padding: .25em; font: 13px 'Lucida Sans Unicode', sans-serif; border: 1px solid #b2b2b2;
	background-color: #ebebeb; width: 240px; margin-left: .5em;}		
#accountInside {padding: 1em;}
#accountInside h2 {color: #333; border-bottom: 1px solid #000; padding: .1em 0; margin: .5em 0; font-weight: normal}
#accountInside h3 {color: #333; border-bottom: 1px solid #000; padding: .1em 0; margin: .5em 0; font-weight: normal}
#accountInside table {width: 100%}
#accountInside table td {padding: .25em; color: #666}
#accountInside table tr.odd td {background: #eee;}
#accountInside table tr.expired td {background: #ff9393; color: #fff;}
#accountInside table tr.not-paid td {background: #ffffd0; color: #000;}
#accountInside table th.type {padding: .5em 0; background: #ddd; color: #000}
#accountInside table a {color: #666;}
#announcementList {padding: 8px; border: 1px solid #dbdbdb; background: #fcfcfc; margin-top: 50px; margin-bottom: 10px;}
#announcementList h1 {color: #0054a6; border-bottom: 2px solid #a60025; font-size: 13px; margin-bottom: 1em; padding: 3px 0;}

#announcementList .announcement {border-bottom: 1px solid #d4d4d4; height: 101px; color: #626262; 
	position: relative; background: #fff; overflow: hidden}
#announcementList .announcement a img {border: none;}
#announcementList .announcement h1 {font-weigh: bold; font-size: 13px; padding: .25em 0; border: none; margin: 0 110px}
#announcementList .announcement h1 a {text-decoration: none; color: #626262;}
#announcementList .announcement p {font-size: 11px; margin: .5em 110px; color: #767676;}
#announcementList .announcement .photo {width: 101px; height: 101px; float: left;}
#announcementList .announcement .logo {width: 150px; float: left; margin-right: 10px;}
#announcementList .announcement .price {position: absolute; top: 2px; right: 2px;}
#announcementList .announcement .county {position: absolute; bottom: 2px; right: 2px; color: #9e9e9e}
#announcementList .premium {background: url(../images/ann_premium-bkg.jpg) repeat-x; border: 1px solid #c4c4c4;}
#announcementList .company p {clear: left; margin: 0;}
#announcementList .company {min-height: 101px; height: auto; padding-bottom: 1.5em;}
#announcementList .company .logo {min-height: 50px; min-width: 150px; padding-bottom: 1.5em; border: 1px solid #eaeaea;
	margin-left: 10px; margin-top: 10px; padding: 5px}

#announcementList .bold {background: #ffffd0}
hr.spacer {margin: 1.5em 0; background: #ddd; border: none;}

#announcementDetails {padding: 1em; text-align: left; position: relative;}
#announcementDetails h1 {font: normal 'Trebuchet MS', 'Lucida Sans Unicode', sans-serif; letter-spacing: -2px; color: #666666;
	border-bottom: 2px solid #003399; padding-bottom: 3px; margin-right: 150px}
#announcementDetails h2 {font: normal 15px Arial; color: #000}
#announcementDetails h2 strong {color:#993300;}
#announcementDetails h3 {padding-top: 1em; color: #111; font-weight: normal;}
#announcementDetails label {display: block; float: left; width: 250px;}
#announcementDetails ul {padding: .5em 1.5em;}
#announcementDetails .description div {clear: left; padding: .25em; border-bottom: 1px dotted #CCCCCC;
	margin-right: 150px; background: #FFF}
#announcementDetails .photo {position: absolute; right:1em; top:1em; padding: 1em;
	border: 1px solid #CCCCCC; background: #f0f0f0}
#announcementDetails .photo img {border: 1px solid #e0e0e0;}
#announcementDetails .description div.contact,
#announcementDetails .description div.additionalDescr {border: none; background: none; overflow: hidden}

.company-details #announcementDetails .description div {margin-right: 10px;}
.company-details #announcementDetails h1 {margin-right: 10px;}

.contact div {width: 370px;}
.contact form .text {width: 350px;}
.contact form textarea.text {height: 150px;}

#footer {height: 40px; border-top: 2px solid #a60025; font: 9px Arial, sans-serif;
	color: #888; margin-top: 2em; position: relative; clear: both}
#footer li {list-style: none; float: left; padding-right: 3em; padding-top: 10px;}
#footer #copyright {position: absolute; right: 0; top: 10px; text-align: right}
#footer #copyright a {color: #000;}
#footer #copyright a:hover {color: #ccc;}
#footer a {color: #888} 
#footer #seo {position: absolute; bottom: 0; left: 0;}

#debug {margin: 20px auto; width: 90%; padding: 2em; background: #fefefe; border: 1px dotted #aaa;}

#formWarehouse {display: none;}

#content {padding: 1.5em; color: #444; line-height: 1.7em}
#content h2 {font-weight: normal; border-bottom: 2px solid #ccc; padding: .15em 0; margin-bottom: .5em}
#content .intro {padding: .5em 0; font-size: 1.1em;}
#content .info {margin-top: .5em; font-size: .7em; line-height: 1.2em; padding: 1em; border: 1px dashed #d0d0d0; background: white;}
#content .info label {font-weight: bold;}

#searchContainer h1,
#content h1 {color: #000; padding-bottom: 1em; font-weight: normal; letter-spacing: -1px}

#searchContainer h1 {padding: 0;}

.textBanner {padding: 2em !important; margin: 1em auto !important; width: 90%; text-align: center; border: 1px solid #eaeaea !important;}


#ClientValidationSummary {background: #fff; padding: 1em; color: #000; margin: 1em 0; border: 1px solid #aeaeae;}
#ClientValidationSummary ul {padding: .5em 1.5em;}

.legend {width: 200px; float: right; line-height: 22px;}
.red_block {width: 30px; height: 18px; background: #FF9393; float: left; margin-right: .5em; border: 1px solid #aaa;}
.yellow_block {width: 30px; height: 18px; background: #FFFFD0; float: left; margin-right: .5em; border: 1px solid #aaa}

.catList li {list-style: none; padding: 1em; background: #fff; border: 1px dashed #eee}
.catList a {color: #999}
.catList a:hover {border-bottom: 1px dashed #333;}
.catList h3 {font-size: 1em; border-bottom: 2px solid #eee}
.catList .parent {background: none; border: none; }
.catList a.read_on {font-size: 9px; color: #000;}
.catList p.read_on {text-align: right;}

.intro ul,
.full ul {padding: .5em 1.5em;}

#advSearch {display: block; color: #000; padding-top: 1cm;}

.info { width: 70%; margin: 10px auto; padding: 5em 1em; background: #ffffa5; border: 1px dashed #000}
.info h1 {text-align: center; color: #000; font: 36px Arial, sans-serif; letter-spacing: -2px}

#roundContainer .text option {width: 350px;}

.asyncUploader {display: block; margin: .25em 0}
.asyncUploader DIV.ProgressBar { width: 100px; padding: 0 !important; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
.asyncUploader DIV.ProgressBar DIV { background-color: #ccc; font-size: 1pt; height:100%; float:left; padding: 0 !important}
.asyncUploader SPAN.asyncUploader OBJECT { position: relative; top: 5px; left: 10px; }