@charset "utf-8";
/* CSS Document */

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0;
																	  padding: 0;	border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }
/* END RESET */

em { font-style: italic; }
strong { font-weight: bold; }

body { background-color: #2289b4; color: #6C6C6C; text-align:center; font-family: "lucida-grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; border: 0; margin: 0; }
body a, body a:link, body a:active, body a:visited { color: #2575A4; text-decoration: none; }
body a:hover { text-decoration: underline; }


hr { margin: 15px 0; border: none; border-top: 1px solid #DDD; }


body a:hover {
    text-decoration: underline;
}

p {
    margin: 10px 0;
}

ul.breathingSpace li, ol.breathingSpace li {
    margin-bottom: 8px;
}


#mainContent .businessTopBar ul li { width: 90px !important; background-color: #898989; }
#mainContent .businessTopBar ul li a { width: 90px !important; }

#topheader a:hover {
    text-decoration: underline;
}

#mainContent {
    min-height: 700px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 975px;
    padding: 0 25px;
    background-image: url(/images/v2/background-shadows.jpg);
    background-repeat: repeat-y;
    background-position: center;
    overflow: hidden;
    text-align: left;
    position: relative;
}

#mainContent #topBar {
    height: 50px;
    display: block;
    float: left;
    width: 975px;
    background-color: #000;
    background-image: url(/images/index/header_topleft.jpg);
    background-repeat: no-repeat;
    background-position: left;
}

#mainContent #topBar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    margin: 17px 0 0 220px;
}

#mainContent #topBar ul li {
    margin: 0;
    display: block;
    float: left;
    width: 190px;
    font-weight: bold;
    color: #FFF;
    font-size: 10px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    margin-right: 2px;
}

#mainContent #topBar ul li#customerTab {
    background-color: #1C6D98;
}

#mainContent #topBar ul li#businessTab {
    background-color: #554538;
}

#mainContent #topBar ul li#jobsTab {
    background-color: #E9B901;
}

#mainContent #topBar ul li a {
    width: 190px;
    height: 33px;
    display: block;
    float: left;
    color: #FFF;
    text-decoration: none;
}

#mainContent #topBar ul li a:hover {
    text-decoration: underline;
}

#mainContent .businessTopBar ul li {
    width: 90px !important;
    background-color: #898989;
}

#mainContent .businessTopBar ul li a {
    width: 90px !important;
}

#mainContent #leftColumn {
    display: block;
    float: left;
    width: 209px;
    font-size: 11px;
}

#mainContent #leftColumn #logo {
    display: block;
    float: left;
    width: 209px;
    margin-bottom: 5px;
}

#mainContent #leftColumn #menu {
    display: block;
    float: left;
    width: 179px;
    margin: 0 15px 25px;
}

#mainContent #leftColumn #menu h3 {
    font-weight: bold;
    color: #999;
    font-size: 11px;
    width: 100%;
    display: block;
    float: left;
    border-bottom: 1px solid #e6e6e6;
    padding: 8px 0 2px;
	margin: 5px 0 8px;
}

#mainContent #leftColumn #menu ul {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0 0 0 10px;
    padding: 0;
    width: 179px;
}

#mainContent #leftColumn #menu ul li {
    display: block;
    float: left;
    width: 100%;
}

.li_subdiv {
    display: block;
    width: 20px;
    height: 30px;
    float: left;
}

.menu_promotion {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #1A6E9C;
    font-weight: 800;
    text-align: center;
}

#mainContent #leftColumn #leftColumnSearch {
    width: 170px;
}

#mainContent #leftColumn input.button {
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 25px;
    padding: 5px 3px;
    width: 110px;
    font-size: 11px;
    margin-top: 5px;
}

#mainContent #content {
    display: block;
    float: left;
    width: 706px;
    padding: 10px 15px 45px;
	position: relative;
}

#mainContent #content #badges { position: absolute; right: 15px; top: 37px; height: 26px;
		background: url('/images/v2/business/badge-background.png') no-repeat left center; 
		padding: 4px 0 0 80px; }

#mainContent #content #breadcrumb {
    display: block;
    float: left;
    width: 706px;
    font-size: 10px;
    color: #777;
}

#mainContent #content #breadcrumb a, #mainContent #content #breadcrumb a:link,
#mainContent #content #breadcrumb a:active, #mainContent #content #breadcrumb a:visited {
    color: #777;
    text-decoration: underline;
}

#mainContent #content #breadcrumb a:hover {
    color: #777;
    text-decoration: none;
}

#footer {
    display: block;
    margin: 0 auto;
    padding: 25px 50px 0;
    width: 925px;
    background-image: url(/images/v2/background-footer.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 100px;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    color: #999;
    text-align: center;
}

#footer hr {
    border: none;
    border-top: 1px solid #DDD;
	margin-bottom: -4px;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited {
    color: #999;
    text-decoration: underline;
}

#footer a:hover {
    text-decoration: none;
}

#footer ul {
    margin: 10px auto 37px;
    display: block;
    width: 470px;
}

#footer li {
    display: inline;
    float: left;
    margin-right: 15px;
    line-height: 23px;
}

#footer li img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
    border: none;
}

h1 {
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: block;
    float: left;
    width: 100%;
    margin: 9px 0;
    line-height: 30px;
}

h2 {
    font-size: 16px;
    font-weight: normal;
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0;
    color: #2575A4;
    padding: 0;
	line-height: 22px;
}

h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.centerAlign {
    text-align: center;
}

.highlight {
    color: #2575A4;
}

blockquote {
    padding: 10px;
    background-color: #F5F5F5;
    width: 250px;
}

input.submitButton {
    border: 1px solid #CCCCCC;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 25px;
    height: 27px;
    padding: 3px 4px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}

table.nocowboys {
    font-size: 12px;
    width: 682px;
}

table.nocowboys th {
    padding: 8px 5px;
    background-color: #EEE;
    text-align: left;
}

table.nocowboys td {
    padding: 8px 5px;
}


ul.ui-autocomplete {
    width: 700px;
}

ul.ui-autocomplete li {
    text-align: left;
    width: 700px;
    border-bottom: 1px solid #EEE;
}

ul.ui-autocomplete .ui-menu-item {
    padding: 0 0;
}

ul.ui-autocomplete li.highlight {
    background-color: #EEE;
}

.ui-menu .ui-menu-item a {
    padding: .6em .4em !important;
    color: #222;
}

.clear {
    clear: both;
}

#ratingCount {
    font-size: 25px;
    color: #E6BA01;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    float: right;
    display: block;
    right: 40px;
    position: relative;
    top: -7px;
    text-align: center;
}

#ratingCount #key {
    color: #FFF;
    font-size: 11px;
}

#ratingCount #key a {
    color: #FFF;
}


/* RATING COLOURS */
.colour100 {
    color: #009933 !important;
}

.colour90 {
    color: #009933 !important;
}

.colour80 {
    color: #339933 !important;
}

.colour70 {
    color: #339933 !important;
}

.colour60 {
    color: #669933 !important;
}

.colour50 {
    color: #669933 !important;
}

.colour40 {
    color: #999933 !important;
}

.colour30 {
    color: #cc9933 !important;
}

.colour20 {
    color: #cc9933 !important;
}

.colour10 {
    color: #ff9933 !important;
}

.colour0 {
    color: #ff9933 !important;
}


/* ERROR MESSAGES */
.userMessage {
    display: block;
    float: left;
    padding: 12px;
    width: 682px;
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 15px;
}

.userMessage .icon {
	display: none;
}

.userMessage a { color: #444 !important; text-decoration: underline !important; }
.userMessage a:hover { text-decoration: none !important; }

#messageError {
    background-color: #FAC9BA;
    border: 1px solid #DDA392;
}

#messageSuccess {
    background-color: #E7F3D9;
    border: 1px solid #B2CAB7;
}

#messageWarning {
    background-color: #DAEBF3;
    border: 1px solid #9AC5DF;
}


/* FORMS */
.nocowboysForm {
    width: 100%;
    display: block;
    float: left;
}

.nocowboysForm dt {
    width: 150px;
    float: left;
    display: block;
    line-height: 30px;
    height: 30px;
    border-bottom: 1px solid #FFF;
    padding: 2px 0;
    clear: left;
}
.nocowboysForm #rememberMe-element p { width: 250px; }

.nocowboysForm dt label {
    width: 150px;
    float: left;
    display: block;
    line-height: 18px;
    padding-top: 2px;
    height: 30px;
}

.nocowboysForm dd {
    border-bottom: 1px solid #FFF;
    padding: 2px 0;
    float: left;
    display: block;
    margin: 0;
    width: 450px;
}

.nocowboysForm dd input {
    border: 1px solid #CCCCCC;
    height: 30px;
    padding: 5px 3px;
    font-family: Arial, Helvetica, sans-serif;
    width: 200px;
    display: block;
    float: left;
}

.nocowboysForm dd ul.errors {
    float: left;
    display: block;
    width: 200px;
    list-style-type: none;
    padding: 0 0 0 15px;
    font-size: 10px;
    color: #d74141;
    line-height: 12px;
    margin: 0;
}

.nocowboysForm p {
    display: block;
    float: left;
    width: 100%;
}

.nocowboysForm .hint {
    display: block;
    float: left;
    width: 100%;
    padding: 15px;
    background-color: #ffe8e8;
    border: solid 1px #ea8c8c;
    color: #d74141;
    margin: 0 0 15px 0;
}

.nocowboysForm .button {
    height: 32px;
    width: 120px;
}

.nocowboysForm select {
    width: 200px;
    height: 25px;
    line-height: 28px;
    border: 1px solid #CCCCCC;
}

.nocowboysForm .checkbox {
    width: 15px;
    margin-left: 0px;
    border: 0px;
}

.nocowboysForm textarea {
    width: 300px;
    height: 200px;
    display: block;
    float: left;
	font-family: Arial, Helvetica, sans-serif;
}

.nocowboysForm textarea.smsTextArea {
    height: 100px;
}

.nocowboysForm textarea.smsPreview {
    font-family: Courier New
}

.smsCharacterCount .hint {
	background-color: transparent;
	color: #888;
	border: none;
	padding: 0;
}

.nocowboysForm .readonly {
    border: none;
    color: #999;
    margin-left: 0;
    padding-left: 0;
}

.required {
    color: #CA8700;
    font-weight: bold;
}

.nocowboysForm #captcha-input-label {
    display: block;
    float: left;
    margin: 25px 0;
}

.nocowboysForm #captcha-element {
    display: block;
    float: left;
    margin: 25px 0;
}

.nocowboysForm #captcha-element img {
    display: block;
    float: left;
    clear: both;
    margin: 5px 0;
}

.nocowboysForm #captcha-element #captcha-input {
    clear: both;
    display: block;
    float: left;
}

.nocowboysFormGrouped dt {
    display: none;
}

.nocowboysFormGrouped dd {
    clear: left;
}

.nocowboysFormGrouped dd dt, .gamesFormGrouped dd dt label {
    display: block;
    width: 210px;
}

.nocowboysFormGrouped dd dd {
    clear: none;
}

.nocowboysFormGrouped fieldset {
    border: none;
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
}

.nocowboysFormGrouped fieldset legend {
    font-size: 14px;
    width: 100%;
    border-bottom: 1px solid #DDD;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* BUSINESS RATING PAGE */
#businessRatingArea {
    display: block;
    float: left;
    width: 540px;
}

#businessRatingArea #rateThisBusiness {
    display: block;
    float: left;
    width: 525px;
    height: 25px;
    background-color: #666;
    color: #FFF;
    line-height: 25px;
    padding-left: 15px;
}

#businessRatingArea #rateThisBusiness h2 {
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    margin: 0;
    padding: 0;
}

#businessRatingArea .category {
    display: block;
    float: left;
    width: 540px;
    border-bottom: 1px solid #CCC;
    margin: 25px 0 0 0;
    padding-bottom: 10px;
}

#businessRatingArea .radioButtons {
    display: block;
    float: left;
    width: 540px;
    height: 30px;
    margin: 10px 0 00px 0;
}

#businessRatingArea .description {
    display: block;
    float: left;
    width: 70px;
    text-align: right;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 14px;
    padding-right: 20px;
}

#businessRatingArea .descriptionRight {
    padding-right: 0;
    padding-left: 20px;
    text-align: left;
}

#businessRatingArea .radioButton {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

#businessRatingArea .radioLabels {
    display: block;
    float: left;
    width: 540px;
    height: 25px;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
}

#businessRatingArea .radioLabels .radioButton {
    height: 15px;
    line-height: 15px;
}

#businessRatingArea #justLeaveComment {
    display: block;
    float: left;
    width: 510px;
    padding: 15px;
    background-color: #EEE;
    margin-top: 10px;
}

#businessRatingArea #comments {
    display: block;
    float: left;
    width: 540px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 15px;
}

#businessRatingArea #captcha {
    display: block;
    float: left;
    width: 540px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 15px;
}


/* PAYMENT FORM */
.creditCardExpiryDropdown {
    width: 80px !important;
}

.creditCardExpiryYearDropdown {
    display: block;
    float: left;
    margin: 2px 0 0 4px;
}

table.paymentSummary tr.item td {
    border-bottom: 1px solid #DDD;
}

#expiryDateMonth-element, #expiryDateYear, #expiryDateMonth-element {
    width: 80px;
}

.red {
    color: #FF0000;
}


/* REGISTER YOUR BUSINESS: STEP 1 PAGE */
table.registerReceiveWork { height: 340px; margin-top: 20px; width: 104%; border-right: 1px #f2f2f2 solid; border-left: 1px #f2f2f2 solid; 
							clear: both; font-family: "lucida-grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#6C6C6C; line-height: 18px; }
.registerReceiveWork th { background-color: #1C6D98; color: #FFF; font-size: 16px; font-weight: normal; text-align: left; padding-left: 10px; }

.registerReceiveWork td {
    border-bottom: 1px solid #f2f2f2;
    padding: 10px;
}

.registerReceiveWork td.logo {
    vertical-align: middle;
    text-align: center;
} 


/* BUSINESS LISTS */
.paginationControl { clear: both; background-color: #F5F5F5; border-top: 1px dotted #DDD; border-bottom: 1px dotted #DDD; 
					 padding: 10px; margin: 0 0 10px; display: block; float: left; width: 686px; }
.paginationControl .pageCount { float: right; }
.paginationControl .active { font-weight: bold; }

.paginationControl .pageCount {
    float: right;
}

.paginationControl .active {
    font-weight: bold;
}

#businessListAreas, #businessListCategories {
    display: block;
    float: left;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    width: 656px;
    background-color: #F5F5F5;
    padding: 20px 25px;
    margin-bottom: 10px;
}

#businessListAreas h2, #businessListCategories h2 {
    display: block;
    float: left;
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    color: #666;
}

#businessListAreas ul, #businessListCategories ul {
    list-style: none;
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    width: 198px;
    margin-right: 30px;
}

#businessListAreas ul#noMargin, #businessListCategories ul#noMargin {
    margin: 0;
}

#businessListAreas ul li, #businessListCategories ul li {
    margin: 0;
    line-height: 15px;
}

#businessListAreas {
    background-color: #EFF8FC;
}

.noSubAreasCategories p {
    margin: 0;
}

.searchNoBusiness {
    display: block;
    float: left;
    width: 96%;
    padding: 2%;
    background-color: #fff1c5;
    color: #666;
    margin-bottom: 10px;
}

.searchNoBusiness a, .searchNoBusiness a:link, .searchNoBusiness a:active, .searchNoBusiness a:visited {
    color: #666;
    text-decoration: underline;
}

.searchNoBusiness a:hover {
    text-decoration: none;
}

.searchDescription {
    font-size: 16px;
    font-weight: normal;
    display: block;
    float: left;
    width: 100%;
    margin: 2px 0 15px;
    color: #2575A4;
    padding: 0;
    line-height: 22px;
}


/* INDEX */
.infoCell { display: block; float: left; width: 232px; height: 103px; margin-right: 5px;
			padding-top: 67px; text-align: center; background-repeat: no-repeat; background-position: top center; line-height: 16px;
			margin-bottom: 10px; }
.infoCell h3 { margin: 8px 0 5px; line-height: 18px; }
.infoCell.noRightMargin { margin-right: 0; }
.infoCell ul { text-align: left; margin-bottom: 4px; list-style: disc; margin: 10px 0 4px 40px; }
.infoCell ul li { line-height: 16px; list-style: disc; }
.infoCell a, .infoCell a:link, .infoCell a:active, .infoCell a:visited { color: #6C6C6C; text-decoration: underline; }
.infoCell a:hover { text-decoration: none; }
.infoCell#facebook { background-image: url(../images/v2/index/facebook.jpg); padding-top: 70px; height: 100px; }
.infoCell#facebook .fb-like { margin: 8px 0 0 18px; }
.infoCell#jobs { background-image: url(../images/v2/index/jobs.jpg); }
.infoCell#nocowboys { background-image: url(../images/v2/index/nocowboys.jpg); }

.infoCell h3 {
    margin: 8px 0 5px;
    line-height: 18px;
}

.infoCell.noRightMargin {
    margin-right: 0;
}

.infoCell ul {
    text-align: left;
    margin-bottom: 4px;
}

.infoCell ul li {
    line-height: 16px;
}

.infoCell a, .infoCell a:link, .infoCell a:active, .infoCell a:visited {
    color: #6C6C6C;
    text-decoration: underline;
}

.infoCell a:hover {
    text-decoration: none;
}

.infoCell#facebook {
    background-image: url(../images/v2/index/facebook.jpg);
    padding-top: 70px;
    height: 100px;
}

.infoCell#facebook .fb-like {
    margin: 8px 0 0 18px;
}

.infoCell#jobs {
    background-image: url(../images/v2/index/jobs.jpg);
}

.infoCell#nocowboys {
    background-image: url(../images/v2/index/nocowboys.jpg);
}

#recentRatings {
    display: block;
    float: left;
    width: 469px;
    margin-right: 5px;
    color: #444;
}

#recentRatings li, #recentRatings ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#recentRatings li {
    display: block;
    float: left;
    border-bottom: 1px solid #EEE;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#recentRatings li .ratingPercentage {
    width: 100px;
    display: inline;
    float: left;
    font-size: 32px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    clear: both;
    color: #999;
    height: 40px;
    line-height: 40px;
}

#ratingsPanel #recentRatings { width: 706px; }
#ratingsPanel #recentRatings li .comment { width: 516px; }
#ratingsPanel #recentRatings li .ratingPercentage { width: 140px; }

#ratingsPanel #recentRatings li .ratingBreakdown { font-size: 10px; line-height: 12px;
		color: #999; display: block; float: left; width: 100%; }

#ratingsPanel  #recentRatings { margin-right: 0; }

#recentRatings li .comment { float: left; display: inline; width: 362px; }
#recentRatings li .comment .ratingMeta { font-family: Arial, Helvetica, sans-serif; color: #999; line-height: 14px; margin-top: 5px; font-size: 10px; }
#recentRatings li .comment .ratingMeta .ratingMetaColumn { display: block; float: left; width: 250px; 
		font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

#recentRatings li .comment .reply { display: block; float: left; width: 516px; margin-top: 10px; }
#recentRatings li .comment .replyTitle { font-size: 14px; margin-bottom: 4px; }

#recentRatings li .comment .ratingMeta a, #recentRatings li .comment .ratingMeta a:link, 
#recentRatings li .comment .ratingMeta a:active, #recentRatings li .comment .ratingMeta a:visited { color: #777; }

#popularCategories { width: 232px; display: block; float: left; }
#popularCategories ul { clear: both; padding-left: 15px; list-style: disc; }

#popularCategories ul {
    clear: both;
    padding-left: 15px;
}

#getStarted {
    display: block;
    float: left;
    width: 469px;
    margin-right: 5px;
    height: 250px;
    background-image: url(/images/v2/index/get-started.jpg);
    margin-bottom: 0;
    position: relative;
}

#upsell {
    display: block;
    float: left;
    width: 232px;
    height: 250px;
    margin-bottom: 0;
}

#upsell .upsellDiv {
    width: 98%;
    height: 95%;
    border: 2px solid #f2f2f2;
    margin-top: 3px;
}

#getStarted input.searchString {
    height: 32px;
    line-height: 24px;
    font-size: 16px;
    border: 1px solid #CCC;
    position: absolute;
    left: 23px;
    top: 140px;
    width: 414px;
    padding: 4px;
}

#getStarted #go {
    height: 32px;
    line-height: 24px;
    font-size: 16px;
    position: absolute;
    width: 80px;
    margin-top: 150px;
    margin-left: 400px;
}

#searchString {
    color: #999;
}



/* BUSINESS PAGES */
#viewBusiness { position: relative; display: block; float: left; }
#viewBusiness #actions, #viewBusiness #competitors { display: block; float: left; background-color: #f5f5f5; width: 676px; padding: 15px;
													 color: #000; line-height: 26px; margin-bottom: 15px; }

#viewBusiness #competitors { height: auto; padding-top: 8px; }
#viewBusiness #competitors h2, #viewBusiness.non-registered #belongToYou h2 { margin: 0 0 7px 0; font-size: 11px; font-weight: bold; color: #666; }
#viewBusiness #competitors .competitor { display: block; float: left; width: 210px; text-align: center; }
#viewBusiness #competitors .competitor h3 { margin: 0; }
#viewBusiness #competitors .competitor a, #viewBusiness.non-registered #belongToYou a { color: #1A6E9C; } 
#viewBusiness #competitors .competitor .rating { color: #E6BA01; font-size: 15px; font-weight: bold; }

#viewBusiness #actions #phoneNumber { float: left; display: block; font-family: Verdana, Geneva, sans-serif; font-size: 16px; 
									  font-weight: bold; }
#viewBusiness #actions #contactOptions { float: right; display: block; width: 380px; color: #999; text-align: right; }
#viewBusiness #actions #phoneNumber img { vertical-align: middle; margin-right: 8px; }
#viewBusiness #actions #rateThisBusinessImage { vertical-align: middle; display: block; float: right; margin-left: 15px; }
#viewBusiness.non-registered h2 { color: #666; }
#viewBusiness.non-registered a { color: #222; }

#viewBusiness #videoWrapper { width: 100%; display: block; float: left; text-align: center; margin-bottom: 10px; }

#viewBusiness.non-registered #belongToYou { background-color: #fcf5d9; width: 676px; padding: 15px; margin-bottom: 10px;
		display: block; float: left; clear: both; }

#viewBusiness #imagePreview { display: block; float: left; text-align: center; width: 706px; position: relative; }
#viewBusiness #imagePreview a.businessImages { height: 0; line-height: 0; font-size: 0; }
#viewBusiness #imagePreview a img { margin: 0px 10px 20px 0; }
#viewBusiness #imagePreview a#photoCountLink { color: #888; text-decoration: none; }
#viewBusiness #imagePreview a#photoCountLink #imageCount { display: inline; padding: 2px 5px; background-color: #EEE; 
		border: 1px solid #CCC; font-size: 10px; position: absolute; bottom: 25px; }
#viewBusiness #ratings { display: block; float: left; width: 506px; margin-bottom: 20px; }
#viewBusiness.non-registered #ratings { margin-bottom: 0; }
#viewBusiness #businessLogo { display: block; float:left; width: 200px; margin-bottom: 20px; text-align: right; }

ul.tabList { height: 34px; margin: 0; padding: 0 0 0 15px; list-style: none; display: block; float: left; 
			 background-image: url(/images/v2/business/tabs-background.jpg); background-repeat: repeat-x; width: 691px;
			 margin: 10px 0 10px; }
ul.tabList li { list-style-image: none; list-style-position: outside; list-style-type: none; display: inline; color: #000;
				float: left; height: 32px; margin-right: 3px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 12px; }
ul.tabList li a { display: inline; float: left; border: 1px solid #b3b3b3; height: 32px; padding: 0 20px; color: #000;
				  background-color: white; background-repeat: repeat-x; font-weight: bold; text-align: center; line-height: 32px;
				  text-decoration: none; background-image: url(/images/v2/business/tab-background.jpg); background-repeat: repeat-x; }
ul.tabList li.active a, ul.tabList li a:hover { background-image: none; border-bottom: 1px solid white; }

.noLongerTrading { color: #E6BA01; }

.tabPanel { color: #222; }
#viewBusiness #detailsPanel { width: 706px; display: block; float: left; position: relative; }
#viewBusiness #detailsPanel span.title { color: #999; font-weight: bold; }
#viewBusiness #detailsPanel .column { width: 440px; display: inline; float: left; }
#viewBusiness #detailsPanel .columnLeft { width: 240px; display: inline; float: left; 
										  margin-right: 26px; }

#viewBusiness #detailsPanel #socialNetworks { position: absolute; width: 440px; top: 10px; 
											  right: 0; height: 40px; }
#viewBusiness #detailsPanel #socialNetworks .socialNetwork { display: block; float: left; }
#viewBusiness #detailsPanel #socialNetworks #facebookLike { margin-right: 12px; }

#viewBusiness #ratings #approvalRate { font-size: 15px; font-weight: bold; color: #777; clear: both;
									   margin: 10px 0 0; line-height: 20px; height: 20px; }
#viewBusiness #ratings #approvalRate #ratingCountString { font-size: 10px; color: #888; font-weight: normal; }
#viewBusiness .tabPanel { display: none !important; float: left; }
#viewBusiness .tabPanel.active { display: block !important; }

#viewBusiness #businessSeoCopy { clear: both; }

ul.tabList li a {
    display: inline;
    float: left;
    border: 1px solid #b3b3b3;
    height: 32px;
    padding: 0 20px;
    color: #000;
    background-color: white;
    background-repeat: repeat-x;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
    background-image: url(/images/v2/business/tab-background.jpg);
    background-repeat: repeat-x;
}

#ratePanel h3 { display: inline; color: #c99832; font-weight: bold; font-size: 12px; }
#ratePanel .category { float: left; }
#ratePanel .radioButtons { display: block; float: left; width: 540px; height: 30px; margin: 10px 0 0 0; width: 706px; }
#ratePanel .description { display: block; float: left; width: 70px; text-align: right; font-size: 10px; font-family: Verdana, Geneva, sans-serif; line-height: 14px; padding-right: 20px; }
#ratePanel .descriptionRight { padding-right: 0; padding-left: 20px; text-align: left;  }
#ratePanel .radioButton { display: block; float: left; width: 30px; height: 30px; text-align: center; line-height: 12px; color: #999; }
#ratePanel #didYouUse { display: block; float: left; width: 676px; background-color: whitesmoke; padding: 12px 15px 15px; margin: 5px 0 20px; }
#ratePanel #didYouUse strong { margin-bottom: 4px; display: block; }
#ratePanel #didYouUse .useRadioButton { clear: both; display: block; float: left; width: 676px; text-align: left; }
#ratePanel .nocowboysForm { }
#ratePanel #ratingRadioButtons { display: block; float: left; margin: 20px 0 20px; border-top: 1px solid #DDD; border-bottom: 
									 1px solid #DDD; padding: 15px 0 10px; }

.nocowboysForm select.jobDateDropdown { width: 100px; }
.nocowboysForm dd#jobDateMonth-element { width: 110px; }
.nocowboysForm dd.jobDateYearWrapper { float: left; width: 110px; }

#viewBusiness #businessDetailsPanel {
    width: 706px;
    display: block;
    float: left;
}

#viewBusiness #businessDetailsPanel span.title {
    color: #999;
    font-weight: bold;
}

#viewBusiness #businessDetailsPanel .column {
    width: 440px;
    display: inline;
    float: left;
}

#viewBusiness #businessDetailsPanel .columnLeft {
    width: 240px;
    display: inline;
    float: left;
    margin-right: 26px;
}

#viewBusiness #ratings #approvalRate {
    font-size: 15px;
    font-weight: bold;
    color: #777;
    clear: both;
    margin: 10px 0 20px;
    line-height: 20px;
    height: 20px;
}

#viewBusiness #ratings #approvalRate #ratingCountString {
    font-size: 10px;
    color: #888;
    font-weight: normal;
}

#viewBusiness .tabPanel {
    display: none !important;
}

#viewBusiness .tabPanel.active {
    display: block !important;
}

#businessRatingsPanel #recentRatings {
    width: 706px;
    margin: 0;
}

#businessRatingsPanel #recentRatings li {
    border: none;
}

#businessRatingsPanel #recentRatings li .ratingPercentage {
    margin-right: 20px;
}

#businessRatingsPanel #recentRatings li .comment {
    width: 500px;
}

#businessRatePanel h3 {
    display: inline;
    color: #c99832;
    font-weight: bold;
    font-size: 12px;
}

#businessRatePanel .category {
    float: left;
}

#businessRatePanel .radioButtons {
    display: block;
    float: left;
    width: 540px;
    height: 30px;
    margin: 10px 0 0 0;
    width: 706px;
}

#businessRatePanel .description {
    display: block;
    float: left;
    width: 70px;
    text-align: right;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 14px;
    padding-right: 20px;
}

#businessRatePanel .descriptionRight {
    padding-right: 0;
    padding-left: 20px;
    text-align: left;
}

#businessRatePanel .radioButton {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 12px;
    color: #999;
}

#businessRatePanel #didYouUse {
    display: block;
    float: left;
    width: 676px;
    background-color: whitesmoke;
    padding: 12px 15px 15px;
    margin-bottom: 15px;
}

#businessRatePanel #didYouUse strong {
    margin-bottom: 4px;
    display: block;
}

#businessRatePanel #didYouUse .useRadioButton {
    clear: both;
    display: block;
    float: left;
    width: 676px;
    text-align: left;
}

#businessRatePanel .nocowboysForm {
}

#businessRatePanel #ratingRadioButtons {
    display: block;
    float: left;
    margin: 20px 0 20px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 20px 0 10px;
}

.nocowboysForm select.jobDateDropdown { width: 100px; }
.nocowboysForm dd#jobDateMonth-element { width: 110px; }
.nocowboysForm dd.jobDateYearWrapper { float: left; width: 110px; }

#didntUseWrapper { display: block; float: left; width: 100%; height: 20px; line-height: 20px; margin-bottom: 15px; }

.nocowboysForm .formElementWrapper { width: 450px; padding: 2px 0; font-size: 11px; 
									 line-height: 30px; display: block; float: left; margin-left: 150px; height: 30px; }

#businessMapCanvas { display: block; float: left; width: 706px; height: 400px; position: relative; }
#businessMapCanvasSet { display: block; float: left; width: 706px; height: 450px; position: relative; }

#photosPanel img { margin: 10px 10px 0 0; }

.businessHiddenAnchor { position: absolute; top: 150px; left: 0; line-height: 0; font-size: 0; }

#maintenance { width: 100%; text-align: center; color: #FFF; }
#maintenance h1, #maintenance h2 { color: #FFF; }


/* Business of the month */
#businessesOfTheMonth { display: inline; float: left; width: 450px; margin-right: 25px; }
#businessesOfTheMonth .business { display: block; float: left; width: 100%; margin-bottom: 8px; 
		border-top: 1px solid #EEE; padding-top: 8px; }
#businessesOfTheMonth .business h2 { margin-top: 5px; }
#businessesOfTheMonth .business .logo { display: inline-block; float: left; min-height: 100px; width: 130px;
		background-color: #F6F6F6; margin-right: 15px; text-align: center; padding: 10px; }
#businessesOfTheMonth .business .logo img { max-width: 130px; height: auto; margin: 0 auto; }
#businessesOfTheMonth .business .meta { display: inline-block; float: left; height: 100%; width: 285px; }

#businessOfTheMonthIntro { width: 540px; }
#businessOfTheMonthIntro blockquote { width: 520px; margin-top: 10px; background-color: #fff9d2;
		font-size: 15px; line-height: 20px; }

.businessOfTheYearImage { margin: 15px 0; }

#contenders { width: 230px; display: inline; float: left; }
#contenders h2 { margin: 15px 0 15px; }
#contenders br { margin-bottom: 3px; }