/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Kibittz Stylesheet
Author : Darren Lynch / darren.lynch@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:11px arial, verdana, helvetica, sans-serif; line-height:20px; margin:0; padding:0; background:#ffffff; color:#000000; text-align:left; background:#ef3d24 url(../images/bodyBg.gif) top left repeat-x;}
td, textarea, input, select { font:12px arial, verdana, helvetica, sans-serif;}
.capitalize{text-transform:capitalize};

/* ----- HOME ----- */
#homeBody { padding-bottom:40px;}
#home { width:839px; background:#FFFFFF; margin: 40px auto 0 auto; background:#ffffff url(../images/homeBottom.gif) bottom left no-repeat; padding-bottom:8px;}
#homeTop { background:url(../images/homeTop.gif) top left no-repeat; display:block; width:839px; height:9px;}
#home #header { width:824px; height:220px; background:url(../images/homeHeaderBg.gif) top left no-repeat; margin: 0 0 0 8px; position:relative;}   
#header #logo-text { position:absolute; top:33px; left:10px; width:240px; height:113px; background-image:url('../images/new/bubble_havesay.png');background-position:top;font-size:23px;text-decoration:none;line-height:130%;text-align:center;font-weight:bold;padding:10px 0px 0px 0px;}


#home #header #btnAdvertise { position:absolute; top:2px; left:89px;}
#home #header #btnContact { position:absolute; top:2px; left:10px;}
#home #header #btnAccount { position:absolute; top:2px; right:70px;}
#home #header #btnLogin { position:absolute; top:2px; left:682px;}
#home #header #btnLogout {position:absolute; top:2px; right:8px;}
#home #header #btnSignup { position:absolute; top:2px; left:743px;}

#home #header #search #who { background:url(../images/inputBg.gif) top left repeat-x; width:130px; padding:3px; border:1px solid #000000; position:absolute; top:172px; left:64px;}
#home #header #search #what { background:url(../images/inputBg.gif) top left repeat-x; width:130px; padding:3px; border:1px solid #000000; position:absolute; top:172px; left:288px;}
#home #header #search #where{ background:url(../images/inputBg.gif) top left repeat-x; width:130px; padding:3px; border:1px solid #000000; position:absolute; top:172px; left:524px;}
#home #header #search #btnSearch { position:absolute; top:155px; left:700px;}

#home #popularSearches_brief { float:left; width:519px; margin: 8px 0 6px 8px;}
#home #popularSearches_brief .title { width:519px; height:24px; background:url(../images/titlePopularSearches.gif); text-align:right;}
#home #popularSearches_brief .title p{margin-right:5px; margin-top:2px}
#home #popularSearches_brief .content { border-right:1px solid #ff9900; border-left:1px solid #ff9900; border-bottom:1px solid #ff9900; min-height:244px;}

#home #popularSearches_full { float:left; width:519px; margin: 8px 0 6px 8px;}
#home #popularSearches_full .title { width:519px; height:24px; background:url(../images/titlePopularSearches.gif); text-align:right;}
#home #popularSearches_full .title p{margin-right:5px; margin-top:2px}
#home #popularSearches_full .content { border-right:1px solid #ff9900; border-left:1px solid #ff9900; border-bottom:1px solid #ff9900; min-height:244px;}

/*#home #popularSearches .content a { font-weight:normal; text-decoration:none;}
#home #popularSearches .content a:hover { text-decoration:underline;}
#home #popularSearches .content .padding { padding: 10px 0 10px 13px; line-height:18px;}
#home #popularSearches ul { margin:0; padding:0 11px 0 0; list-style:none; width:115px; float:left; line-height:24px}*/
#home #searchMap { float:left; display:inline; width:283px; margin: 8px 0 6px 21px;}
#home #searchMap .title { width:283px; height:24px;}
#home #searchMap .content { border-right:1px solid #ff9900; border-left:1px solid #ff9900; border-bottom:1px solid #ff9900; min-height:205px;}

#home #searchMap .content #clickMap { margin: 3px 0 0 4px;}
#homefooter { line-height:18px;  width:850px; height:22px; margin: 10px 0 0 8px; color:#FFFFFF;}
#homefooter a { color:#FFFFFF; font-weight:normal; text-decoration:none;}
#homefooter a:hover { text-decoration:underline;}
#homefooter #footerLinks { float:right; padding:1px 0 0 0;}
#homefooter #copyright { padding:1px 0 0 13px;}

#home #strap{position:absolute; top:60px; right:20px; color:#000000; text-align:right; font-size:20px; font-weight:bold}
/* ----- RESULTS ----- */
#internalBody { background:#ffffff url(../images/bodyBgInternal.gif) top left repeat-x; padding-bottom:30px;}
#internal { width:860px; margin: 0 auto;}
#internal #header { height:123px; background:url(../images/internalHeaderBg.gif) 260px 32px no-repeat; position:relative;}
#internal #header #logo { position:absolute; top:21px; left:0px;}

#internal #header #btnAdvertise { position:absolute; top:12px; left:350px;}
#internal #header #btnContact { position:absolute; top:12px; left:270px;}
#internal #header #btnSignup { position:absolute; top:12px; right:64px;}
#internal #header #btnLogin { position:absolute; top:12px; right:2px;}
#internal #header #btnLogout {position:absolute; top:12px; right:2px;}
#internal #header #btnPassword { position:absolute; top:12px; left:580px;}
#internal #header #btnAccount { position:absolute; top:12px; right:65px;}

#internal #header #welcome {position:absolute; top:10px; left:360px;color:#FFFFFF}
#internal #header #login {position:absolute; top:10px; left:570px;}
#internal #header #login input{width:100px}
#internal #header #login p{color:#FFFFFF}
#internal #header #login p a{color:#FFFFFF}
#internal #header #search #who { background:url(../images/inputBg.gif) top left repeat-x; width:125px; padding:3px; border:1px solid #000000; position:absolute; top:70px; left:269px;}
#internal #header #search #what { background:url(../images/inputBg.gif) top left repeat-x; width:125px; padding:3px; border:1px solid #000000; position:absolute; top:70px; left:439px;}
#internal #header #search #where { background:url(../images/inputBg.gif) top left repeat-x; width:125px; padding:3px; border:1px solid #000000; position:absolute; top:70px; left:608px;}
#internal #header #search #btnSearch { position:absolute; top:62px; left:778px;}
#internal #content { margin: 40px 0 40px 23px; width:827px;}
#internal #content #top { background:url(../images/internalContentTop.gif) top left no-repeat; width:827px; height:25px; display:block; position:relative; z-index:0;}
#internal #content #top .title { font-size:17px; font-weight:bold; padding: 2px 0 0 10px; float:left; height:20px}
#internal #content #top .larger { font-size:15px; font-weight:bold;}
#internal #content #top .results { font-size:13px; float:left; padding:1px 0 0 65px; height:20px;}
#internal #content #pageTop { font-size:12px; height:40px; position:relative;}
#internal #content #pageTop2 { font-size:12px; height:20px; position:relative;}
#internal #content #pageTop a { font-weight:normal; text-decoration:underline;}
#internal #content #pageTop a:hover { text-decoration:none;}
#internal #content #pageTop #breadcrumbs { padding:5px 0 0 12px;}
#internal #content #pageTop #showResults { padding: 0 0 0 20px;}
#internal #content #pageTop #saveSearch { position:absolute; top:5px; left:630px; padding-right:20px; background:url(../images/iconSave.gif) 73px 2px no-repeat;;}
#internal #content #pageTop #printResults { position:absolute; top:5px; left:730px; padding-right:20px; background:url(../images/iconPrint.gif) 74px 2px no-repeat;;}
#internal #content #leftCol { width:603px; float:left; font-size:12px;}
#internal #content #leftCol #results {}
#internal #content #leftCol #results a { color:#f15a24; font-weight:bold; text-decoration:none;}
#internal #content #leftCol #results a:hover { text-decoration:underline;}
/*#internal #content #leftCol #results .result { background: #EBEBEB; position:relative; margin-bottom:20px; border:1px solid #CCCCCC; min-height:105px;width:825px;} */
/* Temporary while google ads are missing to replace the above*/
#internal #content #leftCol #results .result { background: #EBEBEB; position:relative; margin-bottom:20px; border:1px solid #CCCCCC; min-height:105px;width:825px;}
#internal #content #leftCol #results .result .success {background: #E7FAE7; padding:10px; border: #009900 1px solid; margin-bottom:10px; color:#333333}
#internal #content #leftCol #results .result .error {background:#F9DDD5; padding:10px; border:#FF0000 1px solid; margin-bottom:10px; color:#333333}
#internal #content #leftCol #results .result .error ul{margin:0px 20px 0px 0px; padding:0}
#internal #content #leftCol #results .result .error li{color:#FF0000; list-style-type: none;  background:url(../images/error-list.gif) no-repeat; padding-left:20px; margin-bottom:10px}
#internal #content #leftCol #results .result .padding { padding:7px 10px;}
#internal #content #leftCol #results .result .address { line-height:15px; padding-bottom:20px; width:380px;}
#internal #content #leftCol #results .result .address .larger{ font-size:14px; font-weight:bold;}
#internal #content #leftCol #results .result .rating { position:absolute; top:0px; right:0px; width:150px; height:60px;}
.starRating { position:absolute; top:1px; right:10px; font-weight:bold; font-size:17px;}
.stars { position:absolute; top:4px; right:35px;}
.star { display:inline; width:18px; height:18px; float:left; margin-right:4px;}
.starFull { background:url(../images/starFull.gif) top left no-repeat;}
.starHalf { background:url(../images/starHalf.gif) top left no-repeat;}
.starEmpty { background:url(../images/starEmpty.gif) top left no-repeat;}
#internal #content #leftCol #results .result .rating .readReview { position:absolute; top:42px; right:10px;}
#internal #content #leftCol #results .result .rating .postReview { position:absolute; top:25px; right:10px;}
#internal #content #leftCol #results .result .classification { position:absolute; bottom:2px; right:10px;}
#internal #content #leftCol #results .result .links { position:absolute; bottom:2px; left:10px;}
#internal #content #leftCol #results .result .links .link { padding-right:12px;} 
#internal #content #rightCol { width:200px; float:right; margin-left:22px; margin-top:0px; background:#EEEEEE; min-height:350px;  border:1px solid #CCCCCC}
#internal #content #rightCol .padding { padding:5px 10px;}
#internal #content #rightCol .title { font-size:14px; font-weight:bold;}

#internal #content #rightCol #details { color:#FFFFFF; text-align:right; padding:2px 3px; font-size:12px;}
#internal #content #rightCol #details a { color:#FFFFFF; font-weight:normal; text-decoration:underline; }
#internal #content #rightCol #details a:hover { text-decoration:none;}
#internal #content #fullCol{ width:100%; font-size:12px}
#internal #content #bottom { background:url(../images/internalContentBottom.gif) top left no-repeat; text-align:center; position:relative; width:827px; height:25px; display:block; font-size:12px;}
#internal #content #bottom #pagination { font-weight:bold; padding: 2px 0 0 0; height:20px;}
#internal #content #bottom a { font-weight:normal; text-decoration:none;}
#internal #content #bottom a:hover { text-decoration:underline;}
#internal #content #bottom #previousPage { position:absolute; top:2px; left:12px;}
#internal #content #bottom #nextPage { position:absolute; top:2px; right:12px;}
#internal #footer { line-height:18px; background:url(../images/internalFooterBg.gif) top left no-repeat; width:860px; height:22px; margin: 0 0 0 8px; color:#FFFFFF;}
#internal #footer a { color:#FFFFFF; font-weight:normal; text-decoration:none;}
#internal #footer a:hover { text-decoration:underline;}
#internal #footer #footerLinks { float:right; padding:1px 15px 0 0;}
#internal #footer #copyright { padding:1px 0 0 13px;}

#faq h4{background-color: #FF6600; padding:5px; color: #FFFFFF}

#company_info{height:80px; background: url(../images/review_co_details_bg.jpg) no-repeat; margin-bottom:10px; border:1px solid #F7931E; padding:10px; font-size:12px; width:580px; float:left}
#company_info h1{margin:0; padding:0; font-size:14px}

#policy ul{margin:0px 25px}
#policy ul li{margin-bottom:10px}

#back-to-search{float:left; border:1px solid #F7931E; margin-left:20px}
.highlight{background-color:#f7931e !important; }
.highlight-grey{background-color:#b1b1b1 !important; }

/***** SIGN UP FORM *****/
#signup{width:760px; height:200px; background:url(../images/formbg.jpg) no-repeat; padding:20px; font-weight:bold; margin-bottom:20px}
#signup p{font-size:13px !important; color:#333333}
#signup .sign_up_input{margin-bottom:20px; height:20px; border:#000; font-size:14px !important; font-weight:bold}
#signup .imgbutton {float:right; padding-right:60px; padding-top:5px; height:67px!important; width:131px}
.radio_button{border:none; width:30px; height:20px}

/***** MY ACCOUNT *****/
#myAccount #my_menu ul{margin:0; padding:0; list-style:none}
#myAccount #my_menu ul li{background:#666666;width:230px; margin-bottom:1px; font-size:14px;}
#myAccount #my_menu ul li a{color:#FFFFFF; display:block; height:20px; text-decoration:none; padding:10px}
#myAccount #my_menu ul li a:hover{background:#7C7C7C}
#myAccount #contentcolumn{float:right; width:570px; padding:10px}

.addlisting{background:url(../images/signup-bg1.jpg) repeat; padding:10px 20px; margin-bottom:10px; border:1px solid #FB6A04; font-weight:bold}
.addlisting input{border:1px solid #666666}
.addlisting h2{font-size:16px; color: #000}
.addlisting .submit{float:right}

.addlisting .column{width:250px; float:left}



/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.columns-left{float:left; width:250px}
.success {background: #E7FAE7; padding:10px; border: #009900 1px solid; margin-bottom:10px; color:#333333}
.error {background:#F9DDD5; padding:10px; border:#FF0000 1px solid; margin-bottom:10px; color:#333333}
.error ul{margin:0px 20px 0px 0px; padding:0}
.error li{color:#FF0000; list-style-type: none;  background:url(../images/error-list.gif) no-repeat; padding-left:20px; margin-bottom:10px}

.listings_manage{float:left; margin-right:10px}
.list_error{color:#FF0000; margin:0 20px 10px 20px; font-size:12px}
.adsense { padding:4px 0 0 4px; text-align:center}
.welcometext{color:#FFFFFF; margin-left:8px}
.tacs{border:none; width:20px; margin-left:7px; margin-top:10px}
.orangetitle{color:#FF6600; font-size:16px}
.reviewstitle{width:542px; padding:2px 20px; background:#FB6A04; font-weight:bold; font-size:13px; color:#FFFFFF}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; font-size:12px}
address { font-style:normal;}
#pagepad{padding-left:12px}

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; font-size:12px}
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea, select { width:200px; font-size:11px !important; border:1px solid #999999}

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

/* ----- WHERE SELECT STYLES ----- */
#home #header .dhtmlselect { width: 135px; border: 1px solid black; position:absolute; top:172px; left:524px; text-indent: 3px; padding: 2px 3px; cursor: pointer; background:url(../images/inputBg.gif) top left repeat-x;}
#home #header .dhtmlselect .downimage { width:21px; height:20px; position: absolute; top: -1px; left: 142px !important; border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;}
#home #header .dhtmlselect .dropdown { position: absolute; top:20px !important; left: -1px; width: 163px; border: 1px solid black; border-bottom-width: 0; display: none; z-index: 5;font-weight: normal;}
#home #header .dhtmlselect .dropdown a { width: auto; display: block; background: #ffffff; border-bottom: 1px solid black; padding: 2px 0; text-indent: 5px; text-decoration: none; color: black;}
* html #home #header .dhtmlselect .dropdown a { width: 100%;}
#home #header .dhtmlselect .dropdown a:hover{ background: #fecc7e;}

#internal #header .dhtmlselect { width: 125px; border: 1px solid black; position:absolute; top:70px; left:608px; text-indent: 3px; padding: 2px 3px; cursor: pointer; background:url(../images/inputBg.gif) top left repeat-x;}
#internal #header .dhtmlselect .downimage { width:21px; height:20px; position: absolute; top: -1px; left: 132px !important; border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;}
#internal #header .dhtmlselect .dropdown { position: absolute; top:20px !important; left: -1px; width: 153px; border: 1px solid black; border-bottom-width: 0; display: none; z-index: 0;font-weight: normal;}
#internal #header .dhtmlselect .dropdown a { width: auto; display: block; background: #ffffff; border-bottom: 1px solid black; padding: 2px 0; text-indent: 5px; text-decoration: none; color: black;}
* html #internal #header .dhtmlselect .dropdown a { width: 100%;}
#internal #header .dhtmlselect .dropdown a:hover{ background: #fecc7e;}

/* ----- REVIEWS ----- */
.review {margin-bottom:10px;}
.review .padding{padding:7px 10px;}
.review textarea{width:500px; height:130px;}
.review ul{margin:0; padding:0}
.reviewdate{float:right;font-size:11px; text-align:right; height:85px}
.ratingstars{margin-top:15px}
.reviewtitle{font-size:15px}
.ratingleft{float:left; width:370px}
.ratingleft h2{padding-bottom:5px}

/* ----- TAG CLOUD ----- */
#tagcloud_brief {margin:0}
#tagcloud_brief ul{margin:10px 0; padding:0; text-align:center;}
#tagcloud_brief ul li{display: inline; padding:0px 10px; line-height:27px; }
#tagcloud_brief ul li a{text-decoration:none}
#tagcloud_brief ul li a:hover{ color:#FF9900; text-decoration:underline}

#tagcloud_full {margin:15px}
#tagcloud_full ul{margin:0 17px 0 0; float:left; padding:0}
#tagcloud_full ul li{list-style:none; font-size:10px}
#tagcloud_full ul li a{display:block}
#tagcloud_full ul li a:hover{ color:#FF9900; text-decoration:none}


/* ----- NEW HOMEPAGE ----- */

#internalBodyHOME { background:#000 url(../images/new/bg-mid.jpg) top left repeat-x; padding-bottom:30px;}
#newhomecontent{height:400px; width:839px; position:relative;}
#newhomecontent #biglogo{float:left; margin-top:50px; width:580px; margin-right:40px}
#newhomecontent #rightinfo{float:left; width:158px}
#newhomecontent #rightinfo #freebox{ background:url(../images/new/freebox.png) no-repeat; width:258px; height:189px; margin-top:10px}
#newhomecontent #rightinfo #freebox h3{color:#FFFFFF; font-size:15px; padding:80px 5px 0 5px; margin:0}
#newhomecontent #rightinfo #freebox p{font-size:12px; line-height:13px; margin:0; padding:0 5px}
#newhomecontent #rightinfo #freebox {margin:2px 0; padding:0 5px}
.signup{position:relative;top:35px;left:6px;}

#newhomecontent #rightinfo #popularbox{ background:url(../images/new/popularbox.png) no-repeat; width:259px; height:139px; margin-top:5px;}
#newhomecontent #rightinfo #popularbox .leftcol{float:left; width:120px; padding:0 0 0 5px; margin-top:20px}
#newhomecontent #rightinfo #popularbox .leftcol p{line-height:15px; font-size:11px; padding:0}
#newhomecontent #rightinfo #popularbox .leftcol a{font-weight:normal; text-decoration:none; display:block; padding:2px 3px}
#newhomecontent #rightinfo #popularbox .leftcol a:hover{background:#FFE9BB; }

#newhomecontent #silhouettes{clear:both; position:absolute; bottom:0px; left:-12px}

/* Now Removed as using a paragraph of text in the footer rather than columns of links...
.footerlinkcol{float:left; width:215px; margin-top:50px}
.footerlinkcol a{color:#999999!important; font-size:10px; text-decoration:none; font-weight:normal; padding:2px 3px; display: inline}
.footerlinkcol a:hover{color:#CCCCCC!important; background:#333333}
*/

.footerparagraph {color:#999999!important; font-size:10px; font-weight:normal; margin:20px 3px !important; text-align:justify !important;}
.kibittz{color:#f7931e;font-weight:bold;}
