* { font-size:100.01% }
#page html { font-size:62.5%; height:100%; }
#page body { font:1.2em Arial, Helvetica, sans-serif; background:#d0d4d7; color:#000; height:100%; }
#page img { border:none; }
#page form, #page object, #page embed { padding:0; margin:0; }
#page .f-right { float:right !important; }
#page a { text-decoration:none; color:#6d6e70; }
#page a:hover { text-decoration:underline; }
#page .header:after, #page .service-title:after, #page .latest-cnt:after, #page .latest:after, #page .charts:after, #page .thought-cnt:after { content:" "; display:block; width:100%; overflow:hidden; height:0; clear:both; }
/*page*/
#page { background: url("http://www.feefo.com/feefo/resources/images/background.png") repeat scroll left top rgba(0, 0, 0, 0); margin: 0 auto; overflow: hidden; position: fixed; top: -1px; left:0; width: 100%; z-index: 13000; color:#5F6062; height:100%; display:none; }
/* thought page */

/* thought box start*/
#page .thought { height:1%; overflow:hidden; padding:0 0 35px; }
#page .thought-txt { float:left; width:698px; padding:18px 0 0; }
/* thought title */
#page .thought-title { height:1%; overflow:hidden; padding:0 0 7px; background:url(../images/dotted03.gif) repeat-x 0 100%; }
#page .thought-title p { float:left; width:238px; font:22px Arial, Helvetica, sans-serif; margin:0; }
#page .thought-title p span { height:24px; overflow:hidden; display:block; }
#page .thought-title h1 { float:left; margin:0; font:bold 1.9em/1em Georgia, "Times New Roman", Times, serif; }
#page .thought-cnt { height:1%; padding:15px 0 0; }
/* thought column */
#page .thought-col { float:left; width:224px; }
/*.thought-col img {
	display:block;
	border:1px solid #a7a9ac;
       border:0px;
}
*/
#page .thought-col .supplier { margin:12px 30px 15px 0; }
#page ul.detail-list { height:1%; overflow:hidden; padding:0; margin:0; list-style:none; background:#e7e7e8; }
#page ul.detail-list li { height:1%; overflow:hidden; line-height:1.4em; padding:0 0 0 3px; vertical-align:top; border-bottom:1px solid #fff; }
#page ul.detail-list li.detail-title { background:#bcbdc0; }
#page ul.detail-list li.detail-txt { background:#fff; }
#page ul.detail-list li.detail-link { background:#ffde00; }
#page ul.detail-list li p { margin:12px 0; line-height:1.1em; }
#page ul.detail-list li.detail-link a { display:block; color:#000; font-weight:bold; text-decoration:none !important; background:url(../images/arrow.gif) no-repeat 210px .2em; }
#page ul.detail-list li.detail-link a:hover { color:#939598; background-image:url(../images/arrow2.gif); }
/* thought info */
#page .thought-info { float:right; width:460px; }
#page .shows { height:1%; overflow:hidden; padding:0 0 40px; }
#page .shows p { margin:0 0 3px; line-height:1em; }
#page .shows-cnt { height:1%; overflow:hidden; }
#page .shows-cnt label { float:left; width:40px; font:bold 1em/1.6em Arial, Helvetica, sans-serif; }
/* Added to make ALL a coloured link  */

#page .shows-cnt label a { color:#000; }
/* End Added to make ALL a coloured link  */


#page .shows-cnt select { float:left; font:1em Arial, Helvetica, sans-serif; width:203px; }
/* thought cookie trail */

#page .shows-cky { height:1%; overflow:hidden; }
#page .shows-cky label { float:left; width:240px; font:bold 1em/1.6em Arial, Helvetica, sans-serif; }
#page .shows-cky select { float:left; font:1em Arial, Helvetica, sans-serif; width:203px; }
/* sacha modified code */
#page ul.category-nav { padding:0; margin:0 0 13px; list-style:none; overflow:hidden; height:1%; }
#page ul.category-nav li { float:left; padding:0 8px 0 0; }
#page ul.category-nav li.active { font-weight:bold; }
#page ul.category-nav li a { color:#000; }
/* end sacha modified code */


/* END thought cookie trail */

/* INSERTED BY BILL 07/07/09 */
#page .alsobought { color:#808080; }
/* END BILL STUFF */




#page .charts { height:1%; }
#page .charts-box { float:left; width:224px; padding:0 0 10px; }
#page .guide { height:1%; overflow:hidden; }
#page .guide p { margin:0 0 3px; }
#page .guide dl { width:200px; overflow:hidden; padding:0; margin:0; list-style:none; line-height:1.6em; }
#page .guide dl dt { float:left; width:57px; color:#1aa54c; }
#page .guide dl dt.bad { color:#ef4030; }
#page .guide dl dd { margin:0 0 0 57px; }
#page .guide dl img { vertical-align:top; margin:0 2px 0 0; }
* #page html .guide dl img { vertical-align:baseline; }
/* comments box start*/
#page .comments { background: none repeat scroll 0 0 #FFFFFF; height: 560px; margin: 30px auto; overflow-y: scroll; padding: 20px; width: 940px; -moz-box-shadow: 5px 5px 25px #666; -webkit-box-shadow: 5px 5px 25px #666; box-shadow: 5px 5px 25px #666; border: 5px solid #333333; position:fixed; text-align:left;}
#page .comments-title { background:url(../images/dotted02.gif) repeat-x 0 100%; height:1%; padding:0 0 6px; margin:0 0 20px; overflow:hidden; }
#page .comments-title h2 { float:left; margin:0 23px 0 0; font:bold 1.5em Arial, Helvetica, sans-serif; }
#page ul.sort-list { float:left; padding:5px 0 0; margin:0; list-style:none; }
#page ul.sort-list li { float:left; padding:0 11px 0 0; }
#page ul.sort-list li a, .comm-table h3 a { color:#000; font-weight:bold; text-decoration:none !important; }
#page ul.sort-list li a:hover, .comm-table h3 a:hover { color:#939598; }
#page ul.page-nav { float:right; padding:6px 0 0; margin:0; list-style:none; }
#page ul.page-nav li { float:left; padding:0 0 0 3px; }
#page ul.page-nav li a { color:#333; font-size:1.084em; text-decoration:none !important; }
#page ul.page-nav li a:hover { color:#000; }
#page .comm-table { width:100%; border-collapse:collapse; }
#page .comm-table th { background: none repeat scroll 0 0 #BCBDC0; border-bottom: 1px solid #FFFFFF; height: 20px; padding: 16px; text-align: left; }
#page .comm-table td { vertical-align:top; padding:14px; border-bottom:1px solid #fff; background:#ffffff; }
#page .comm-table .row td { background:#ffec95; }
#page .comm-table h3 { font:bold 1em Arial, Helvetica, sans-serif; margin:0; }
#page .comm-table ul { padding:0; margin:0; height:1%; overflow:hidden; }
#page .comm-table ul li { height:1%; }
#page .comm-table p { margin:0; }
#page .comm-table a { font-weight:normal; }
#page .comm-table a, #page .comm-table a span { color:#5F6062; text-decoration:underline; }
#page .comm-table a:hover { color:#939598; text-decoration:none; }
#page .comm-rating { overflow:hidden; padding:0 0 8px; }
#page .comm-rating em { display:block; font-style:normal; }
#page .comm-rating img { vertical-align:middle; }
#page .show-nav { height:1%; padding:2px 0 0; overflow:hidden; }
#page ul.show-list { float:left; padding:0; margin:0; list-style:none; }
#page ul.show-list li { float:left; padding:0 3px 0 0; }
#page ul.show-list li.active { font-weight:bold; }
#page ul.show-list li a { color:#000; }
#page .show-nav ul.page-nav { padding-top:0; }
#page .feefo_header { background: none repeat scroll 0 0 #EBEAEA; border-bottom: 1px solid #D2D2D2; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; padding: 10px 20px 9px 14px; }
#page .feefo_close { background: url("http://www.feefo.com/feefo/resources/images/closeBt.png") no-repeat scroll left top rgba(0, 0, 0, 0); display: block; height: 37px; position: fixed; right: 6px; top: 6px; width: 37px; z-index: 1110; }
/* comments box end*/
/* thought box end*/

/* These are standard sIFR styles... do not modify */
#page .sIFR-flash { visibility: visible !important; margin: 0; }
#page .sIFR-replaced { visibility: visible !important; }
#page span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
#page .sIFR-flash + div[adblocktab=true] { display: none !important; }
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
#page #negativeFeed { display:none; }


 @media (max-width: 550px) {/*MOBILE*/
 #page .comments td p {font-size: 12px !important; text-align:left;}
#page .comments {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #333333;
    box-shadow: 5px 5px 25px #666666;
    height: 560px;
    margin: 30px auto;
    overflow-y: scroll;
    padding: 6px;
    position: fixed;
    width: 940px;
    
}
.comm-rating {font-size: 12px !important;}
#page .comm-table td {font-size: 12px !important;}
 }