/* 
   Rate My Band : Master Stylesheet
   =======================================
      
   RESET DEFAULT STYLING + FOUNDATIONS                             RESET DEFAULT STYLING + FOUNDATIONS ::
--------------------------------------------------------------------------------------------------------- */

@import url("reset.css");

body
{
  background: #1A1B1F url(/assets/images/twitterdesign01.jpg) repeat left -250px;
  font:             normal 62.5% "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  color:            #333;
  text-align:       center;
  }
div#wrapper
{
  width:            990px;
  margin:           0 auto;
  text-align:       left;
  }
div.frame
{
  float:            left;
  position:         relative;
  width:            990px;
  background:       #FFF url("../img/frame_bg.jpg") repeat-y 0 0;
  }

a.skiplink, .tabs-hide { display: none; }

a
{
  text-decoration: none;
  color:           #990000;
  }
a:hover
{
  color:           #333;
  }

/* MASTHEAD                                                                                   MASTHEAD ::
--------------------------------------------------------------------------------------------------------- */
div#masthead
{
  position:         absolute;
  top:              0;
  }
div#masthead ul
{
  float:            left;
  width:            990px;
  w\idth:           975px;
  padding:          8px 0 11px 15px;
  background:       transparent url("../img/masthead_foot_bg.jpg") no-repeat 0 bottom;
  }
div#masthead li
{
  float:            left;
  padding-right:    11px;
  }
div#masthead li img
{
  display:          block;
  }

/* HEADER                                                                                       HEADER ::
--------------------------------------------------------------------------------------------------------- */
div#header
{
  /*margin-top:       119px;*/
  height:160px;
  }
  
  div#header h2 {height:120px;}
div#header h2 a
{
  position:         absolute;
  top:              16px;
  left:             23px;
/*
  width:            370px;
  height:           80px;
  background:       #FFF url("../img/ratemyband_logo.jpg") no-repeat 0 0;
*/
/*
  width:            410px;
  height:           86px;
  background:       #FFF url("../img/ratemyband_logo1.jpg") no-repeat 0 0;
*/

/*
  width:            275px;
  height:           144px;
  background:       #FFF url("../img/ratemyband_logo2.jpg") no-repeat 0 0;
*/


  width:            360px;
  height:           108px;
  background:       #FFF url("../img/ratemyband_logo3.jpg") no-repeat 0 0;


/*
  width:            257px;
  height:           90px;
  background:       #FFF url("../img/ratemyband_logo4.jpg") no-repeat 0 0;
*/

  text-indent:      -9999px;
}
body#cameraSection div#header h2 a
{
  width:            455px;
  background-image: url("../img/wdc-logo.jpg");
  }
div#searchBox
{
  float:            right;
  position:         relative;
  width:            325px;
  height:           104px;
  }
div#header div.form, div#header fieldset
{
  width:            302px;
  }
div#header div.form
{
  position:         absolute;
  top:              53px;
  right:            21px;
  }
div#header fieldset
{
  float:            left;
  }
div#header label
{
  display:          none;
  }
div#header input
{
  float:            left;
  width:            230px;
  w\idth:           220px;
  padding:          4px 4px 5px;
  border:           1px solid #B2B2B2;
  }
div#header input.button
{
  float:            right;
  width:            67px;
  height:           24px;
  padding:          0;
  border-width:     0;
  text-indent:      -9999px;
  cursor:           pointer;
  }
div#header dl
{
  position:         absolute;
  top:              15px;
  right:            23px;
  width:            302px;
  }
div#header dt, div#header dd
{
  float:            left;
  width:            302px;
  font-weight:      bold;
  font-size:        1.1em;
  }
div#header dt
{
  color:            #2C2C2C;
  }
div#header dd
{
  margin:           2px 0 0 -2px;
  color:            #990000;
  }
div#header dd a
{
  padding:          0 2px;
  color:            #990000;
  }
div#header dd a:hover
{
  color:            #2C2C2C;
  }
div#header a.rss
{
  position:         absolute;
  top:              18px;
  right:            23px;
  width:            34px;
  background:       #FFF url("../img/rss_icon.jpg") no-repeat right top;
  line-height:      1em;
  letter-spacing:   -1px;
  font-weight:      bold;
  color:            #DA4300;
  }
div#header a.banner
{
  display: none; /* temporary measure */
  position:         absolute;
  top:              15px;
  left:             345px;
  }
body#cameraSection div#header a.banner
{
  display:          none;
  }

/* NAVIGATION                                                                               NAVIGATION ::
--------------------------------------------------------------------------------------------------------- */
ul#nav
{
  float:            left;
  display:          inline;
  width:            981px;
  height:           34px;
  margin:           0 5px 0;
  background:       #000000 url(/assets/images/navtop.gif) repeat-x; 
  padding-top: 5px;
  font-family: Georgia, Times New Roman;
  }
ul#nav li {    margin:         10px 0 10px 39px;
  font-size:15px;}
ul#nav li, ul#nav li a
{
  float:            left;
  color: #fff;
  }
ul#nav li a:hover {text-decoration:underline;}



/* CONTENT                                                                                     CONTENT ::
--------------------------------------------------------------------------------------------------------- */
div#content
{
  padding:          14px 0;
  }
div#content p
{
  /*clear:            left;
  float:            left !important;
  float:            none;*/
  font-size:        1.2em;
  line-height:      1.5em;
  margin:           1.1em 0 0;
  }
div#content p.strapline
{
  margin-top:       12px;
  font-weight:      bold;
  }
div#content p.strapline strong
{
  color:            #990000;
  }
div#content p.nomargin
{
  margin-top:       .4em;
  }
div#content p.right
{
  width:            463px;
  text-align:       right;
  }
div#content p.sort
{
  font-size:        1.1em;
  }
div#content p.sort a
{
  margin:           0 3px;
  color:            #333;
  }
div#content p.sort a.active
{
  text-decoration:  underline;
  color:            #CC0000
  } 
div#content p.sort a:hover
{
  color:            #990000;
  }
div#content p.sort a.btn
{
  float:            left;
  position:         relative;
  top:              -5px;
  left:             0;
  margin:           0;
  padding:          4px 5px;
  background-color: #7DA700;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #FFF;
  }
div#content p.alert
{
  width:            460px;
  border:           1px solid #CCC;
  border-width:     1px 0;
  padding:          10px 0;
  color:            #990000;
  }

/* PRIMARY                                                                                     PRIMARY ::
--------------------------------------------------------------------------------------------------------- */
div#primary
{
  float:            left;
  display:          inline;
  width:            620px;
  margin-left:      25px;
  }
div.fullPanel
{
  float:            left;
  width:            620px;
  padding:          0 0 30px;
  }
div.article
{
  float:            left;
  display:          inline;
  width:            460px;
  margin-left:      160px;
  margin-right:     -3px;
  padding:          0 0 30px;
  }
div#primary div.skyscraper, div#primary div.sidepanel
{
  float:            left;
  display:          inline;
  width:            140px;
  w\idth:           120px;
  margin-left:      -620px;
  padding:          10px;
  background-color: #E9E9E9;
  }
div#primary div.sidepanel div.skyscraper
{
  margin-left:      0;
  }
div#primary div.sidepanel
{
  padding:          0;
  background-color: #FFF;
  }
div.article div.advert
{
  float:            left;
  width:            460px;
  background-color: #E9E9E9;
  /*
  width:            458px;
  w\idth:           444px;
  padding:          7px;
  border:           1px solid #CCC;
  */
  }
div.skyscraper img, div.article div.advert img
{
  float:            left;
  }
div.subnav, div.subnav ul, div.subnav li
{
  float:            left;
  width:            140px;
  border-top:       3px solid #990000;
  }
div.subnav
{
  padding:          0 0 20px;
  }
div.subnav h3
{
  margin:           10px 0 0 10px;
  font-size:        1.5em;
  font-weight:      normal;
  color:            #990000;
  }
div.subnav ul
{
  margin:           10px 0 0;
  border-width:     0;
  }
div.subnav li
{
  w\idth:           120px;
  padding:          10px;
  border-top:       1px solid #CCC;
  }
div.subnav li.current
{
  background-color: #fccccc;
  }
div.subnav li a
{
  font-size:        1.3em;
  color:            #333;
  text-transform: uppercase;
  }
div.subnav li a em
{
  font-style:       normal;
  color:            #888;
  }
div.subnav li a:hover, div.subnav li a:hover em
{
  color:            #990000;
  }

/* JCAROUSEL CSS                                                                         JCAROUSEL CSS ::
--------------------------------------------------------------------------------------------------------- */
div#primary div.article div.carouselContainer
{
  float:            left;
  width:            460px;
  height:           49px;
  margin:           15px 0 0;
  /*background:       #FFF url("../img/imageCarousel_bg.gif") no-repeat 0 0;*/
  }
div#primary div.article ul#imageCarousel
{
  float:            left;
  display:          inline;
  width:            440px;
  margin:           0 0 5px 20px;
  padding:          0;
  }
div#primary div.article ul#imageCarousel li
{
  float:            left;
  width:            auto;
  margin:           0 10px 0 0;
  border-width:     0;
  font-size:        1em;
  background:       none;
  padding:          0;
  }
div#primary div.article ul#imageCarousel li a
{
  float:            left;
  width:            76px;
  }
div#primary div.article div.jcarousel-container ul#imageCarousel li a
{
  float:            none;
  width:            auto;
  }
div#primary div.article div.jcarousel-container
{
  float:            left;
  width:            460px;
  position:         relative;
  }
div#primary div.article div.jcarousel-clip, div#primary div.article div.jcarousel-clip-horizontal
{
  position:         relative;
  width:            440px;
  margin:           15px 0 0;
  overflow:         hidden;
  }
div#primary div.article ul.jcarousel-list
{
  margin:           0;
  position:         relative;
  }
div#primary div.article div.jcarousel-next-horizontal, div#primary div.article div.jcarousel-prev-horizontal
{
  position:         absolute;
  z-index:          100;
  top:              15px;
  right:            0;
  width:            10px;
  height:           49px;
  cursor:           pointer;
  background:       transparent url("../img/carousel_right.jpg") no-repeat 0 0;
  }
div#primary div.article div.jcarousel-prev-horizontal
{
  left:             0;
  background-image: url("../img/carousel_left.jpg");
  }

div#primary div.article div.jcarousel-next-horizontal:hover,
div#primary div.article div.jcarousel-prev-horizontal:hover
{
  background-position: -10px 0;
  }
div#primary div.article div.jcarousel-next-horizontal:active,
div#primary div.article div.jcarousel-prev-horizontal:active
{
  background-position: -20px 0;
  }

div#primary div.article div.jcarousel-next-disabled-horizontal,
div#primary div.article div.jcarousel-next-disabled-horizontal:hover,
div#primary div.article div.jcarousel-next-disabled-horizontal:active,
div#primary div.article div.jcarousel-prev-disabled-horizontal,
div#primary div.article div.jcarousel-prev-disabled-horizontal:hover,
div#primary div.article div.jcarousel-prev-disabled-horizontal:active
{
  cursor:              default;
  background-position: -30px 0;
  }

div.article h1, div.article h2, div.article h3
{
/*  float:            left;*/
  width:            460px;
  margin:           10px 0;
  padding:          10px 0;
  border-top:       1px solid #CCC;
  border-bottom:    2px solid #666;
  font-family:      georgia;
  font-size:        2.6em;
  font-weight:      normal;
  text-transform:   uppercase;
  }
body#newsReviews div.article h1,
body#tipsTechniques div.article h1,
body#gallery div.article h1,
body#locations div.article h1,
body#magazine div.article h1,
body#forum div.article h1,
body#directory div.article h1,
body#competitions div.article h1,
body#contact div.article h1,
body#registration div.article h1,
body#profile div.article h1,
body#noline div.article h1
{
  border-top:       none;
  margin:           -11px 0 10px;
  clear: left;
  }
div.article h1.nobaseline
{
  border-bottom:    none;
  }
div.article h1 ins
{
  display:          block;
  width:            460px;
  margin:           5px 0 0;
  color:            #666;
  font-size:        .8em;
  line-height:      .7em;
  }
div.article h6
{
  display:          block;
  width:            460px;
  margin:           5px 0 0;
  color:            #666;
  font-size:        1.7em;
  }
div.article h1 span
{
  clear:            left;
  display:          block;
  color:            #990000;
  font-size:        .9em;
  }
div.article h1.noborder
{
  border-width:     0;
  padding:          15px 0 0;
  }
div.article h2
{
  border-width:     0;
  margin:           25px 0 10px;
  padding:          0;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.4em;
  color:            #990000;
  }
div.article div.form h2
{
  display:          inline;
  width:            445px;
  margin:           0 0 0 15px;
  }
div.article h2.black
{
  margin:           15px 0 0;
  font-weight:      bold;
  color:            #333;
  }
div.article h2.grey
{
  margin:           0;
  font-family:      new-roman;
  font-size:        2em;
  color:            #666;
  }
div.article h3
{
  border-top:       0;
  border-bottom:    1px solid #CCC;
  margin:           20px -3px 0 0;
  padding:          0 0 4px;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.4em;
  color:            #990000;
  }
div.article h3.noborder
{
  border-width:     0;
  }
div.article h4
{
  float:            left;
  margin:           10px 0 0;
  font-size:        1.1em;
  }
div.article h4.sifr
{
  width:            460px;
  border-bottom:    3px solid #990000;
  }
div.article h5
{
  margin:           4px 0 0;
  font-size:        1.1em;
  font-weight:      normal;
  color:            #888;
  }
div.imageFrame
{
  float:            left;
  width:            460px;
  margin:           15px 0 0;
  border-top:       3px solid #990000;
  /*background:       url("../img/gallery_image_bg.jpg") repeat-x 0 0;*/
  }
div.imageFrame img, div.imageFrame a
{
  float:            left;
  /*border-top:       13px solid #FFF;*/
  }
div.article img.main, div.article a.main img, .googlemap
{
  float:            left;
  margin:           10px 0 0;
  border:           1px solid #CCC;
  }
div.article a.main
{
  float:            left;
  width:            460px;
  margin:           10px 0 0;
  /*background-color: #E9E9E9;*/
  }
div.article a.main img
{
  float:            none;
  display:          block;
  margin:           0;
  }
div.article img.border
{
  float:            left;
  border:           8px solid #CCC;
  margin:           8px 0 0;
  }
div.article dl
{
  float:            left;
  width:            460px;
  border-top:       1px solid #CCC;
  margin:           15px 0 0;
  padding:          15px 0 0;
  }
div.article dl.profile, div.article dl.profileDetails
{
  border-width:     0;
  margin:           10px 0 0;
  padding:          0;
  }
div.article dl.profile
{
  border-bottom:    1px solid #CCC;
  padding:          0 0 10px;
  }
div.article dl.profileDetails
{
  margin:           5px 0 0;
  border-bottom:    1px solid #CCC;
  padding:          0 0 10px;
  }
div.article dl.contactDetails
{
  border-width:     0;
  margin:           0 -3px 0 0;
  padding:          5px 0 0;
  }
div.article dl.baseline
{
  border-bottom:    1px solid #CCC;
  }
div.article dl dt
{
  float:            left;
  position:         relative;
  width:            200px;
  height:           59px;
  font-size:        1.1em;
  }
div.article dl.profile dt
{
  width:            160px;
  height:           auto;
  }
div.article dl.profileDetails dt
{
  clear:            left;
  width:            158px;
  height:           auto;
  padding:          5px 0 0;
  font-weight:      bold;
  }
div.article dl dt span
{
  position:         absolute;
  top:              50%;
  height:           10px;
  margin-top:       -5px;
  }
div.article dl.contactDetails dt
{
  width:            460px;
  height:           auto;
  border-top:       1px solid #CCC;
  padding:          5px 0 0;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #888;
  }
div.article dl dt.viceversa
{
  font-size:        1.2em;
  color:            #333;
  }
div.article dl dd
{
  float:            left;
  width:            260px;
  }
div.article dl.profile dd, div.article dl.profileDetails dd
{
  width:            300px;
  }
div.article dl.profileDetails dd
{
  padding:          5px 0 0;
  font-size:        1.2em;
  }
div#content div.article dl.profile dd p.nomargin
{
  margin:           -2px 0 0;
  font-size:        1.2em;
  }
div#content div.article dl.profile dd p.nomargin span
{
  font-size:        120%;
  color:            #990000;
  }
div#content div.article dl.profile dd p
{
  width:            300px;
  margin:           0.5em 0 0;
  }
div.article dl.contactDetails dd
{
  width:            460px;
  padding:          0 0 5px;
  font-size:        1.2em;
  font-weight:      bold;
  }
div.article dl dd.viceversa
{
  font-size:        1.1em;
  font-weight:      normal;
  color:            #888;
  }
div.article dl.contactDetails dd a
{
  color:            #333;
  }
div.article dl.contactDetails dd a:hover
{
  color:            #990000;
  }
div.article ul.imageDetails
{
  padding:0;
  margin:           11px 0 0;
  border-width:     0;
  }
div.article ul.imageDetails li
{
  margin:           4px 0 0;
  font-size:        1.2em;
  }
div.expandable
{
  float:            left;
  width:            460px;
  border:           1px solid #CCC;
  border-width:     1px 0;
  margin:           10px 0 0;
  padding:          10px 0;
  }
div.video
{
  float:            left;
  width:            460px;
  border:           1px solid #FFF;
  border-width:     25px 0 0;
  }
a#emailBestDeals
{
  font-size:        1.2em;
  font-weight:      bold;
  color:            #333;
  }
a#emailBestDeals:hover
{
  color:            #990000;
  }
a#backToResults, a#backToCategories, .backToResults
{
  display: block;
  float:            left !important;
  float: none;
  width:            460px;
  border:           1px solid #CCC;
  border-width:     1px 0;
  margin:           20px 0 0;
  padding:          7px 0;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #333;
  }
a#backToResults:hover, a#backToCategories:hover, .backToResults:hover
{
  color:            #990000;
  }
div.article div.form, div.article fieldset, div.article fieldset ol, div.article fieldset ol li
{
  float:            left;
  width:            460px;
  }
div.article div.form
{
  margin:           5px 0 10px;
  padding:          15px 0;
  background-color: #F4F3F2;
  }
div.article div.form ul
{
  margin:           0;
  width:            400px;
  }
div.article div.form ul, div.article div.form ul li
{
  border-color:     #F4F3F2;
  }
div.article div.form ul li
{
  width:            380px;
  }
div#content div.article div.form p
{
  clear:            left;
  float:            none !important;
  margin:           0;
  padding:          0 15px;
  }
div#content div.article div.form li p
{
  font-size:        1em;
  margin:           10px 0 0;
  padding-right:    30px;
  }
div#content div.article div.form p label
{
  font-weight:      normal;
  width:            370px;
  padding:          0;
  }
div.article div.form strong
{
  font-size:        120%;
  color:            #990000;
  }
div.article div.form strong.black
{
  color:            #333;
  }
div.article div.form p strong
{
  font-size:        100%;
  }
div.article div.form p.margin strong
{
  float:            left;
  margin:           10px 0 0;
  }
div.article div.form label.checkbox strong
{
  font-size:        100%;
  color:            #333;
  }
div.hr
{
  float:            left;
  width:            460px;
  height:           1px;
  margin:           10px 0 0;
  background-color: #cccccc;
  }
div.hr hr
{
  display:          none;
  }
div.hr2
{
  float:            left;
  width:            460px;
  height:           4px;
  margin:           10px 0 0;
  background:       #F4F3F2 url("../img/hr.jpg") no-repeat 0 0;
  }
div.hr2 hr
{
  display:          none;
  }
div#mapviewer
{
  clear:            left;
  }
div.article div.form img.editImage
{
  float:            left;
  display:          inline;
  margin:           15px 0 0 15px;
  }
div.article fieldset ol
{
  margin:           15px 0 0;
  }
div.article div#commentsBox fieldset ol
{
  margin:           0;
  }
div.article fieldset ol li
{
  position:         relative;
  margin:           0 0 5px;
  }
div.article fieldset ol.rules li
{
  padding:          0 0 15px;
  background:       #F4F3F2 url("../img/hr.jpg") no-repeat bottom center;
  margin:           0 0 10px;
  }
div.article div.form label
{
  float:            left;
  width:            150px;
  w\idth:           135px;
  padding:          6px 5px 2px 10px;
  font-size:        1.1em;
  font-weight:      bold;
  }
div.article div.form label.checkbox
{
  float:            left;
  width:            460px;
  w\idth:           430px;
  padding:          6px 15px 2px;
  font-weight:      normal;
  }
div.article div.form label.checkbox a
{
  color:            #990000;
  }
div.article div.form input.text, div.article div.form textarea, div.article div.form input.file, div.article div.form select, .captcha input 
{
  float:            left;
  width:            170px;
  w\idth:           162px;
  border:           1px solid #CCC;
  padding:          3px;
  background-color: #FFF !important;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.1em;
  }
div.article div.form textarea
{
  width:            295px;
  w\idth:           287px;
  }
div.article div.form select
{
  w\idth:           175px;
  }
div.article div.form input.checkbox
{
  float:            left;
  margin:           0 20px 15px 8px;
  }
div.article div.form label.checkbox input.checkbox
{
  float:            none;
  position:         relative;
  top:              2px;
  left:             4px;
  margin:           0;
  }
div.article div.form input.file
{
  width:            242px;
  }
img#placeholder, img.placeholder
{
  clear:            left;
  float:            left;
  display:          inline;
  margin:           10px 0 0 155px;
  }
div.article div.form button,
div.article div.form .button
{
  float:            left;
  margin:           15px 0 0 15px;
  padding:          5px 9px;
  background-color: #990100;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #FFF;
  cursor:           pointer;
  text-transform:   uppercase;
  }
div.article div.form .cancelbutton
{
  float:            left;
  margin:           15px 0 0 15px;
  padding:          4px 5px;
  background-color: #cccccc;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #FFF;
  cursor:           pointer;
  }
div.article ul
{
  float:            left;
  width:            450px;
  margin:           10px 0 0;
  padding:          5px 0;
  /*border-left:      10px solid #FFF;*/
  }
div.article ul.interaction
{
  width:            460px;
  border-width:     0;
  background-color: #EAE7E5;
  }
div.article ul.nomargin
{
  margin:           12px 0 0;
  }
div.article ul li
{
  float:            left;
  width:            430px;
  w\idth:           420px;
  margin:           5px 0 0;
  padding:          0 0 0 10px;
  border:           1px solid #FFF;
  border-width:     0 20px 0 0;
  font-size:        1.2em;
  background:       transparent url("../img/bullet.gif") no-repeat 0 5px;
  }
div.article ul.interaction li
{
  width:            153px;
  w\idth:           119px;
  margin:           0;
  padding-left:     34px;
  border-width:     0;
  }
div.article ul.interaction li.comments
{
  background:       transparent url("../img/comments.jpg") no-repeat 12px 2px;
  }
div.article ul.interaction li.print
{
  background:       transparent url("../img/printpage.jpg") no-repeat 12px 2px;
  }
div.article ul.interaction li.send2friend
{
  background:       transparent url("../img/send2friend.jpg") no-repeat 12px 2px;
  }
div.article ul.interaction li a
{
  color:            #333;
  font-size:        0.9em;
  }
div.article ul.interaction li a:hover
{
  color:            #990000;
  }
div.article ul.interaction li a.active
{
  color:            #990000;
  border-bottom:    1px dotted #990000;
  }

div#commentsBox, div#friendsBox, div#commentsBox ol, div#commentsBox li
{
  float:            left;
  width:            460px;
  }
div#primary div#commentsBox p
{
  position:         relative;
  width:            460px;
  padding:          0;
  font-size:        1.1em;
  }
a#postComment
{
  float:            left;
  margin:           -4px 8px 0 0;
  padding:          4px 5px;
  background-color: #990100;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #FFF;
  cursor:           pointer;
  }
div#commentsBox p span
{
  position:         absolute;
  right:            0;
  font-weight:      bold;
  color:            #990000;
  }
div#commentsBox p span a
{
  margin:           0 2px;
  color:            #990000;
  }
div#commentsBox p span a:hover
{
  color:            #333;
  }
div#commentsBox ol.comments
{
  margin:           10px 0 0;
  background-color: #F3F4EF;
  }
div#commentsBox ol.comments li
{
  position:         relative;
  background:       #F3F4EF url("../img/hr.jpg") no-repeat 0 0;
  padding:          4px 0 10px;
  }
div#commentsBox li.first
{
  background-image: none;
  }
div#primary div#commentsBox li p
{
  clear:            left;
  width:            430px;
  margin:           5px 0 0;
  padding:          0 12px;
  font-size:        1.1em;
  color:            #888;
  }
div#primary div#commentsBox li blockquote p
{
  float:            left;
  border:           1px solid #F3F4EF;
  border-width:     8px 0 0 12px;
  width:            330px;
  margin:           0;
  padding:          0;
  font-size:        1.2em;
  font-style:       italic;
  color:            #000;
  }
div#commentsBox li a
{
  color:            #000;
  }
div#commentsBox li a:hover
{
  color:            #990000;
  }
div#commentsBox li span
{
  position:            absolute;
  top:                 10px;
  right:               11px;
  width:               92px;
  height:              18px;
  text-indent:         -9999px;
  background-color:    transparent;
  background-repeat:   no-repeat;
  background-position: 0 0;
  }
div#commentsBox div#postCommentForm li span
{
  top:                 2px;
  left:                145px;
  right:               auto;
  }

div#commentsBox li span.stars5 { background-image: url("../img/commentStars5.jpg"); }
div#commentsBox li span.stars4 { background-image: url("../img/commentStars4.jpg"); }
div#commentsBox li span.stars3 { background-image: url("../img/commentStars3.jpg"); }
div#commentsBox li span.stars2 { background-image: url("../img/commentStars2.jpg"); }
div#commentsBox li span.stars1 { background-image: url("../img/commentStars1.jpg"); }

div.article dl#articleRating
{
  padding:          12px 0 10px;
  border-bottom:    1px solid #CCC;
  }
div.article dl#articleRating dt, div.article dl#articleRating dd
{
  position:         relative;
  width:            250px;
  w\idth:           150px;
  height:           auto;
  padding-left:     100px;
  }
div.article dl#articleRating dd
{
  w\idth:           100px;
  padding-left:     110px;
  font-size:        1.1em;
  }
div.article dl#articleRating dt strong, div.article dl#articleRating dd strong
{
  position:            absolute;
  top:                 -2px;
  left:                -1px;
  width:               92px;
  height:              18px;
  text-indent:         -9999px;
  background-color:    transparent;
  background-repeat:   no-repeat;
  background-position: 0 0;
  }

div.article dl#articleRating strong.stars5 { background-image: url("../img/stars5_large.jpg"); }
div.article dl#articleRating strong.stars4 { background-image: url("../img/stars4_large.jpg"); }
div.article dl#articleRating strong.stars3 { background-image: url("../img/stars3_large.jpg"); }
div.article dl#articleRating strong.stars2 { background-image: url("../img/stars2_large.jpg"); }
div.article dl#articleRating strong.stars1 { background-image: url("../img/stars1_large.jpg"); }
div.article dl#articleRating strong.stars0 { background-image: url("../img/stars0_large.jpg"); }

div.divNeedToLogin
{
  position:            absolute;
  top:                 -20px;
  left:                -85px;
  width:               149px;
  w\idth:              105px;
  height:              108px;
  background:          transparent url("../img/bubble_bg.gif") no-repeat 0 0;
  padding:             15px 29px 15px 15px;
  line-height:         1.5em;
  font-size:           .9em;
  }
div.article dl#articleRating dd div.divNeedToLogin strong
{
  position:            relative;
  top:                 0;
  left:                0;
  width:               auto;
  height:              auto;
  text-indent:         0;
  }
div.divNeedToLogin span
{
  float:               left;
  margin:              10px 0 0 -3px;
  }
div.divNeedToLogin a
{
  margin:              0 3px;
  font-weight:         bold;
  color:               #990000;
  }
div.divNeedToLogin a:hover
{
  color:               #333;
  }

.ratingContainer {position:relative; clear:left;}
div.article ul.rating
{
  float:            none;
  position:         absolute;
  top:              -2px;
  left:             0;
  width:            280px;
  height:           30px;
  background:       #FFF url("../img/rate_bg.gif") no-repeat;
  margin:           0 0 10px 0;
  padding:          0;
  }
div.article li ul.rating
{
  width:            100px;
  top:              3px;
  left:             145px;
  background-image: url("../img/rate_bg_form.gif");
  }
div.article ul.rating li
{
  background:       none;
  float:            none !important;
  position:         absolute !important;
  display:          block;
  height:           60px;
  margin:           0;
  padding:          0;
  border-width:     0;
  text-indent:      -9999px;
  }
ul.rating li a
{
  display:          block;
  height:           30px;
  width:            100%;
  background-repeat:no-repeat;
  overflow:         hidden;
  }

div.article ul.rating li.r1  { width: 28px  !important;  z-index: 30; }
div.article ul.rating li.r2  { width: 56px  !important;  z-index: 28; }
div.article ul.rating li.r3  { width: 84px  !important;  z-index: 26; }
div.article ul.rating li.r4  { width: 112px  !important;  z-index: 24; }
div.article ul.rating li.r5  { width: 140px !important; z-index: 22; }
div.article ul.rating li.r6  { width: 168px  !important;  z-index: 20; }
div.article ul.rating li.r7  { width: 196px  !important;  z-index: 18; }
div.article ul.rating li.r8  { width: 224px  !important;  z-index: 16; }
div.article ul.rating li.r9  { width: 252px  !important;  z-index: 14; }
div.article ul.rating li.r10  { width: 280px !important; z-index: 12; }

li.r1  a { background: url("../img/rate-1.gif") no-repeat; }
li.r2  a { background-image: url("../img/rate-2.gif"); }
li.r3  a { background-image: url("../img/rate-3.gif"); }
li.r4  a { background-image: url("../img/rate-4.gif"); }
li.r5  a { background-image: url("../img/rate-5.gif"); }
li.r6  a { background-image: url("../img/rate-6.gif"); }
li.r7  a { background-image: url("../img/rate-7.gif"); }
li.r8  a { background-image: url("../img/rate-8.gif"); }
li.r9  a { background-image: url("../img/rate-9.gif"); }
li.r10  a { background-image: url("../img/rate-10.gif"); }


li ul.rating li.r1  a { background-image: url("../img/rate-1_form.gif"); }
li ul.rating li.r2  a { background-image: url("../img/rate-2_form.gif"); }
li ul.rating li.r3  a { background-image: url("../img/rate-3_form.gif"); }
li ul.rating li.r4  a { background-image: url("../img/rate-4_form.gif"); }
li ul.rating li.r5  a { background-image: url("../img/rate-5_form.gif"); }

ul.rating li a:hover { background-position: 0 -30px; }

/* TABBED INFO                                                                             TABBED INFO ::
--------------------------------------------------------------------------------------------------------- */
div#tabbedInfo, div#tabbedInfo ul
{
  float:            left;
  width:            460px;
  }
div#primary div.article div#tabbedInfo ul
{
  display:          none;
  position:         relative;
  z-index:          50;
  border-width:     0;
  font-size:        1em;
  margin:           0;
  padding:          0;
  }
div#tabbedInfo
{
  margin:           20px 0 0;
  }
div#primary div.article div#tabbedInfo li
{
  float:            left;
  position:         relative;
  margin:           0 2px 0 0;
  padding:          0;
  border:           1px solid #CCC;
  border-width:     1px 1px 0;
  width:            auto;
  font-size:        1em;
  background:       none;
  }
div#primary div.article div#tabbedInfo li a
{
  float:            left;
  position:         relative;
  top:              0;
  left:             0;
  padding:          8px 15px 4px;
  background-color: #DFDFDF;
  border:           1px solid #DFDFDF;
  border-width:     0 1px 0;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #990000;
  }
div#primary div.article div#tabbedInfo li a:hover
{
  text-decoration:  none;
  color:            #666;
  }
div#tabbedInfo li.tabs-selected
{
  border-color:     #E9E9E9;
  }
div#primary div.article div#tabbedInfo li.tabs-selected a
{
  top:              1px;
  padding:          6px 15px;
  background-color: #E9E9E9;
  border-color:     #FFF;
  color:            #990000;
  }
div#tabbedInfo div
{
  float:            left !important;
  float:            none;
  width:            458px;
  background-color: #FFF;
  border:           1px solid #CCC;
  margin:           -1px 0 0;
  padding:          2px 0 0;
  }
div#tabbedInfo div div
{
  float:            left;
  position:         relative;
  top:              -1px;
  left:             1px;
  border-width:     0;
  margin:           0;
  padding:          0;
  width:            456px;
  background-color: #E9E9E9;
  }
div#primary div#tabbedInfo div div p
{
  margin:           1em 1em 1em;
  }
div#primary table
{
  float:            left;
  position:         relative;
  top:              -1px;
  left:             1px;
  width:            457px;
  font-size:        1em;
  color:            #333;
  }
div#primary th, div#primary td
{
  background-color: #E9E9E9;
  border:           1px solid #FFF;
  padding:          6px 10px;
  font-size:        1.2em;
  }
div#primary td
{
  width:            50%;
  background-color: #E9E9E9;
  }
div#primary td strong
{
  background:       transparent url("../img/our_boats/optional_extra.gif") no-repeat 3px 2px;
  padding:          0 0 0 20px;
  }
div#primary td em
{
  font-style:       normal;
  color:            #0187C4;
  }

ol.related, ol.related li, ol.resources, ol.resources li, ol.commentary, ol.commentary li
{
  float:            left;
  width:            460px;
  margin-right:     0 !important;
  margin-right:     -3px;
  }
ol.related li, ol.resources li
{
  w\idth:           440px;
  padding:          10px 20px 10px 0 !important;
  padding:          10px 0;
  border-bottom:    1px solid #CCC;
  }
ol.resources li
{
  w\idth:           400px;
  padding:          10px 20px 10px 40px !important;
  }
ol.norules li
{
  padding:          10px 20px 0 0;
  border-width:     0;
  }
ol.resources li.pdf
{
  background:       #FFF url("../img/resource_pdf.jpg") no-repeat 0 50%;
  }
ol.resources li.ai
{
  background:       #FFF url("/assets/images/resourceicons/ai.gif") no-repeat 0 50%;
  }
ol.resources li.avi
{
  background:       #FFF url("/assets/images/resourceicons/avi.gif") no-repeat 0 50%;
  }
ol.resources li.bmp
{
  background:       #FFF url("/assets/images/resourceicons/bmp.gif") no-repeat 0 50%;
  }
ol.resources li.cs
{
  background:       #FFF url("/assets/images/resourceicons/cs.gif") no-repeat 0 50%;
  }
ol.resources li.dll
{
  background:       #FFF url("/assets/images/resourceicons/dll.gif") no-repeat 0 50%;
  }
ol.resources li.doc
{
  background:       #FFF url("/assets/images/resourceicons/doc.gif") no-repeat 0 50%;
  }
ol.resources li.exe
{
  background:       #FFF url("/assets/images/resourceicons/exe.gif") no-repeat 0 50%;
  }
ol.resources li.fla
{
  background:       #FFF url("/assets/images/resourceicons/fla.gif") no-repeat 0 50%;
  }
ol.resources li.gif
{
  background:       #FFF url("/assets/images/resourceicons/gif.gif") no-repeat 0 50%;
  }
ol.resources li.htm, ol.resources li.html, ol.resources li.url
{
  background:       #FFF url("/assets/images/resourceicons/htm.gif") no-repeat 0 50%;
  }
ol.resources li.gif
{
  background:       #FFF url("/assets/images/resourceicons/jpg.gif") no-repeat 0 50%;
  }
ol.resources li.js
{
  background:       #FFF url("/assets/images/resourceicons/js.gif") no-repeat 0 50%;
  }
ol.resources li.mdb
{
  background:       #FFF url("/assets/images/resourceicons/mdb.gif") no-repeat 0 50%;
  }
ol.resources li.mp3
{
  background:       #FFF url("/assets/images/resourceicons/mp3.gif") no-repeat 0 50%;
  }
ol.resources li.png
{
  background:       #FFF url("/assets/images/resourceicons/png.gif") no-repeat 0 50%;
  }
ol.resources li.ppt
{
  background:       #FFF url("/assets/images/resourceicons/ppt.gif") no-repeat 0 50%;
  }
ol.resources li.rdp
{
  background:       #FFF url("/assets/images/resourceicons/rdp.gif") no-repeat 0 50%;
  }
ol.resources li.swf
{
  background:       #FFF url("/assets/images/resourceicons/swf.gif") no-repeat 0 50%;
  }
ol.resources li.txt
{
  background:       #FFF url("/assets/images/resourceicons/txt.gif") no-repeat 0 50%;
  }
ol.resources li.xls
{
  background:       #FFF url("/assets/images/resourceicons/xls.gif") no-repeat 0 50%;
  }
ol.resources li.xml
{
  background:       #FFF url("/assets/images/resourceicons/xml.gif") no-repeat 0 50%;
  }
ol.resources li.zip
{
  background:       #FFF url("/assets/images/resourceicons/zip.gif") no-repeat 0 50%;
  }
ol.commentary li
{
  padding:          10px 0 0;
  font-size:        1.2em;
  font-weight:      bold;
  }
ol.related h5
{
  font-size:        1.1em;
  font-weight:      normal;
  color:            #888;
  }
ol.related h4, ol.resources h4
{
  margin:           2px 0 0;
  font-size:        1.2em;
  width:            400px;
  }
ol.related h4 strong
{
  margin:           0 5px 0 0;
  font-size:        .9em;
  font-weight:      normal;
  color:            #888;
  }
ol.related h4 a, ol.resources h4 a, ol.commentary a
{
  color:            #333;
  }
ol.related h4 a:hover, ol.resources h4 a:hover, ol.commentary a:hover
{
  color:            #990000;
  }
div#content ol.related p, div#content ol.resources p
{
  margin:           3px 0 0;
  font-size:        1.1em;
  }
div#content ol.resources p
{
  width:            400px;
  }

/* SEARCH RESULTs                                                                       SEARCH RESULTS ::
--------------------------------------------------------------------------------------------------------- */
div#searchResults
{
  float:            left;
  width:            460px;
  border-top:       1px solid #CCC;
  margin-top:       13px;
  }
div#searchResults p
{
  font-size:        1.1em;
	}
div#searchResults ul p
{
  margin:           12px 0 0;
  font-size:        1em;
  font-weight:      bold;
  line-height:      1.3em;
  }
div#searchResults ul 
{
    border:           none;
}
div#searchResults ul, div#searchResults li
{
  float:            left;
  width:            460px;
  margin:           0;
  padding:          0;
  }
div#searchResults li
{
  background:       none;
  border-width:     0;
  border-top:       1px solid #CCC;
  margin:           11px 0 0;
  padding:          10px 0;
  font-size:        1em;
  }
div#searchResults li a
{
  float:            left;
  width:            140px;
  }
div#searchResults li a.imageborder
{
  border:           1px solid #CCC;
  }
div#searchResults li img
{
  display:          block;
  margin:           0 auto;
  }
div#searchResults li ul.details, div#searchResults li ul.details li
{
  float:            right;
  width:            308px;
  border:           0;
  margin:           0;
  padding:          0;
  background-color: #FFF;
  }
div#searchResults li ul.details li
{
  padding:          0 0 3px;
  }
div#searchResults li ul a
{
  float:            none;
  width:            auto;
  }
div#searchResults li ul h3 a 
{
	font-weight:    bold;
	}
a.bestbuy
{
  display:          block;
  float:            left;
  width:            75px;
  height:           20px;
  margin:           6px 10px 0 0;
  padding:          0;
  line-height:      1em;
  background:       transparent url("../img/best_buy_btn.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  }
a.recommended
{
  display:          block;
  float:            left;
  width:            75px;
  height:           20px;
  margin:           6px 10px 0 0;
  background:       transparent url("../img/recommended_btn.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  }
  
a.manurecommended
{
  display:          block;
  float:            left;
  width:            243px;
  height:           20px;
  margin:           6px 10px 0 0;
  padding:          0;
  line-height:      1em;
  background:       transparent url("../img/manu-recommended.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  } 
  
div#searchResults li ul li a.bestbuy, div#searchResults li ul li a.recommended
{
  margin:           0 0 0 -1px;
  }
div#searchResults li ul li h3
{
  border:           0;
  margin:           3px 0 0;
  width:            auto;
  font-size:        1.2em;
  padding:          0;
  }
div#searchResults li ul li h3 a:hover
{
  color:            #cc0000;
  }
div#searchResults li ul li h4
{
  margin:           0;
  font-size:        1.3em;
  color:            #990000;
  }
div#searchResults li ul li p
{
  margin:           0;
  font-weight:      normal;
  color:            #888;
  }
div#searchResults li ul
{
  w\idth:           458px;
  margin:           9px 0 0;
  padding:          5px 0;
  border:           1px solid #CCC;
  background-color: #E9E9E9;
  }
div#searchResults li ul li
{
  position:         relative;
  width:            177px;
  w\idth:           112px;
  border:           0;
  margin:           0;
  padding:          0 0 0 65px;
  font-size:        1.1em;
  }
div#searchResults li.rating
{
  width:            151px;
  padding:          0;
  }
div#searchResults li.rating h5
{
  margin:           1px 0 0;
  padding:          0 7px;
  font-size:        1.3em;
  line-height:      .9em;
  }
div#searchResults li.commentCount
{
  width:            130px;
  w\idth:           110px;
  padding-left:     20px;
  background:       transparent url("../img/commentCount.jpg") no-repeat 0 2px;
  }
div#searchResults li a
{
  color:            #333;
  }
div#searchResults li a:hover
{
  color:            #579F00;
  }
div#searchResults li.commentCount a:hover
{
  color:            #990000;
  }
div#searchResults li li span
{
  position:            absolute;
  top:                 2px;
  left:                0;
  width:               56px;
  height:              12px;
  text-indent:         -9999px;
  background-color:    transparent;
  background-repeat:   no-repeat;
  background-position: 0 0;
  }

div#searchResults span.stars5 { background-image: url("../img/stars5.jpg"); }
div#searchResults span.stars4 { background-image: url("../img/stars4.jpg"); }
div#searchResults span.stars3 { background-image: url("../img/stars3.jpg"); }
div#searchResults span.stars2 { background-image: url("../img/stars2.jpg"); }
div#searchResults span.stars1 { background-image: url("../img/stars1.jpg"); }
div#searchResults span.stars0 { background-image: url("../img/stars0.jpg"); }

div#primary ul.pagination
{
  float:            left;
  width:            460px;
  border-width:     0;
  border-bottom:    1px solid #CCC;
  }
* html div#primary ul.pagination {margin-right: -3px;}
div#primary ul.pagination li
{
  float:            left;
  width:            100px;
  margin:           0;
  padding:          10px 0;
  border-width:     0;
  border-top:       1px solid #CCC;
  background:       none;
  }
body#gallery div#primary ul.pagination li
{
  font-size:        1em;
  }
div#searchResults ul.pagination li a
{
  float: none;
  width: auto;
  }
div#primary ul.pagination li.center
{
  width:            260px;
  text-align:       center;
  }
div#primary ul.pagination li.center a
{
  margin:           0 2px 0;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #333;
  }
div#primary ul.pagination li.center a.current
{
  color:            #990000;
  }

div#primary ul.pagination span.prev, div#primary ul.pagination span.next, div#primary a.prev, div#primary a.next
{
  float:            left;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #333;
  }
div#primary ul.pagination span.next, div#primary a.next, div#primary div#searchResults a.next
{
  float:            right !important;
  }
div#primary ul.pagination span.prev, div#primary ul.pagination span.prev a, div#primary ul.pagination span.next, div#primary ul.pagination span.next a
{
  color:            #AAA;
  }
div#primary ul.pagination a:hover
{
  color:            #990000;
  }

/* ARTICLES OVERVIEW                                                                 ARTICLES OVERVIEW ::
--------------------------------------------------------------------------------------------------------- */
div#articlesOverview
{
  float:            left;
  width:            460px;
  margin-top:       13px;
  }
div#articlesOverview h3
{
  border-width:     0;
  margin:           0;
  padding:          10px 0 0;
  border-top:       1px solid #CCC;
  font-size:        1.3em;
  }
div#articlesOverview p
{
  margin:           -4px 0 0;
  font-size:        1.1em;
  }
div#articlesOverview p a
{
  margin:           4px 3px 0;
  color:            #333;
  }
div#articlesOverview p a:hover, div#articlesOverview p a.active
{
  color:            #990000;
  }
div#articlesOverview p a.active
{
  text-decoration:  underline;
  }
div#articlesOverview ul, div#articlesOverview li
{
  float:            left;
  width:            460px;
  }
div#articlesOverview ul
{
  border-width:     0;
  margin:           10px 0 0;
  padding:          0;
  }
div#articlesOverview li
{
  background:       none;
  border-width:     0;
  border-top:       1px solid #CCC;
  margin:           0;
  padding:          10px 0;
  font-size:        1em;
  }
div#articlesOverview li a
{
  float:            left;
  width:            150px;
  /*background-color: #E9E9E9;*/
  }
div#articlesOverview li h3 a, div#articlesOverview ul.pagination li a
{
  float:            none;
  width:            auto;
  background-color: transparent;
  }
div#articlesOverview li img
{
  float:            left;
  border:           1px solid #CCC;
  }
div#articlesOverview li ul, div#articlesOverview li ul li
{
  float:            right;
  /*width:            298px;*/
  border:           0;
  margin:           0;
  padding:          0;
  background-color: #FFF;
  }
div#articlesOverview ul.full li ul, div#articlesOverview ul.full li ul li, div#articlesOverview ul.full li ul li span.sample, div#articlesOverview ul.full li ul li span.path
{
  float:            left;
  width:            460px;
  }
div#articlesOverview li ul li
{
  padding:          0 0 3px;
  }
div#articlesOverview h5
{
  font-size:        1.2em;
  font-weight:      normal;
  color:            #888;
  margin:           0;
  }
div.article div#articlesOverview li ul li h3
{
  border-width:     0;
  margin:           0;
  padding:          0;
  width:            298px;
  font-size:        1.3em;
  }
div.article div#articlesOverview li ul li h3 a
{
  font-weight:      bold;
  color:            #333;
  font-size:        1.1em;
  }
div.article div#articlesOverview li ul li h3 a:hover
{
	color:#cc0000;
	}
div.article div#articlesOverview li ul li p
{
  margin:           0 10px 0 0;
  font-size:        1.1em;
  color:            #888;
  line-height:      1.4em;
  }
div#articlesOverview ul.full li ul li a
{
  float:            none;
  width:            auto;
  background-color: transparent;
  font-size:        1.3em;
  font-weight:      bold;
  color:            #333;
  }
div#articlesOverview ul.full li ul li a:hover
{
	color:          #cc0000;
	}
div#articlesOverview ul.full li ul li span.sample, div#articlesOverview ul.full li ul li span.path
{
  margin:           8px 0 0;
  }
div#articlesOverview ul.full li ul li span.sample
{
  font-size:        1.2em;
  line-height:      1.4em;
  }
div#articlesOverview ul.full li ul li span.path a
{
  font-size:        1em;
  font-weight:      normal;
  color:            #990000;
  }
div#articlesOverview li ul li.comments
{
  margin:           5px 0 0;
  background:       #FFF url("../img/commentCount_white.jpg") no-repeat 0 2px;
  }
div#articlesOverview li ul li.comments a
{
  margin-left:      20px;
  font-size:        1.1em;
  color:            #888;
  }
div#articlesOverview li ul li.comments a:hover
{
  color:            #990000;
  }
div#articlesOverview li ul li.deadline
{
  margin:           5px 0 0;
  font-size:        1.1em;
  color:            #990000;
  }

/* GALLERY                                                                                     GALLERY ::
--------------------------------------------------------------------------------------------------------- */
div.article ul.gallery
{
  width:            460px;
  margin:           0;
  padding:          0;
  border-width:     0;
  }
* html div.article ul.gallery
  {
  margin-right:     -3px;
  }
div.article ul.gallery li
{
  float:            left;
  width:            140px;
  margin:           0;
  padding:          0;
  border:           1px solid #FFF;
  border-width:     10px 0 20px 20px;
  font-size:        1em;
  background:       none;
  }
div.article ul.gallery li.first
{
  border-width:     10px 0 20px;
  clear:            left;
  }
ul.gallery li a.img
{
  float:            left;
  width:            140px;
  /*background-color: #E5E5E5;*/
  }
ul.gallery li img
{
  float:            left !important;
  float:            none;
  }
div.article ul.gallery li h3
{
  width:            140px;
  border-width:     0;
  margin:           5px 0 0;
  padding:          0;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #333;
  }
ul.gallery li h3 a
{
  color:            #333;
  }
ul.gallery li h3 a:hover
{
  color:            #990000;
  }
ul.gallery li h4, ul.gallery li h5
{
  display:          block;
  font-size:        1.1em;
  font-weight:      normal;
  margin:           0;
  }
ul.gallery li h4 a
{
  color:            #333;
  }
ul.gallery li h4 a:hover
{
  text-decoration:  underline;
  }
ul.gallery li h5
{
  clear:            left;
  font-style:       italic;
  color:            #333;
  padding:          3px 0 0;
  }
ul.gallery li h6
{
  width:            auto;
  font-size:        1.1em;
  font-weight:      normal;
  color:            #888;
  }
div#content ul.gallery li p
{
  position:         relative;
  width:            140px;
  w\idth:           52px;
  margin:           8px 0 0;
  padding:          0 0 0 88px;
  font-size:        1em;
  background:       #FFF url("../img/commentCount_white.jpg") no-repeat 70px 2px;
  }
ul.gallery span
{
  position:         absolute;
  top:              1px;
  left:             0;
  width:            57px;
  height:           12px;
  text-indent:      -9999px;
  
  background-color:    #FFF;
  background-repeat:   no-repeat;
  background-position: 0 0;
  }
ul.gallery span.stars0
{
  background-image: url("../img/stars0_small.jpg");
  }
ul.gallery span.stars1
{
  background-image: url("../img/stars1_small.jpg");
  }
ul.gallery span.stars2
{
  background-image: url("../img/stars2_small.jpg");
  }
ul.gallery span.stars3
{
  background-image: url("../img/stars3_small.jpg");
  }
ul.gallery span.stars4
{
  background-image: url("../img/stars4_small.jpg");
  }
ul.gallery span.stars5
{
  background-image: url("../img/stars5_small.jpg");
  }
div#content ul.gallery li p a
{
  color:            #333;
  }
div#content ul.gallery li p a:hover
{
  color:            #990000;
  }
ul.gallery ul
{
  float:            left;
  width:            140px;
  margin:           10px 0 0;
  }
ul.gallery ul li
{
  border-width:     0;
  font-size:        1.1em;
  }
ul.gallery ul li.margin
{
  border-width:     4px 0 0;
  position:         relative;
  left:             -4px;
  }
ul.gallery ul li a
{
  margin:           0 4px;
  border-bottom:    1px dotted #FFF;
  color:            #333;
  }
ul.gallery ul li a:hover
{
  color:            #990000;
  border-color:     #990000;
  }
ul.gallery ul li a.del
{
  color:            #990000;
  }
ul.gallery ul li a.del:hover
{
  color:            #333;
  border-color:     #333;
  }

/* HOMEPAGE                                                                                   HOMEPAGE ::
--------------------------------------------------------------------------------------------------------- */
div#primary div.column
{
  float:            left;
  width:            300px;
  border-right:     20px solid #FFF;
  }
div#primary div.two
{
  border-width:     0;
  }
div#primary div.column div.headerContainer
{
  float:            left;
  position:         relative;
  }
div#primary div.column h2
{
  float:            left;
  position:         relative;
  width:            300px;
  margin:           20px 0 0;
  padding:          0 0 4px;
  text-transform:   uppercase;
  font-size:        1.4em;
  border-bottom:    3px solid #990000;
  }
div#primary div.column img.glyph
{
  position:         absolute;
  left:             4px;
  bottom:           -5px;
  }
div#primary div.column h2 a.rss
{
  position:         absolute;
  top:              3px;
  right:            0;
  width:            10px;
  height:           10px;
  background:       #FFF url("../img/rss_icon.jpg") no-repeat right top;
  text-indent:      -9999px;
  }
div.fullPanel div.column ul, div.fullPanel div.column li
{
  float:            left;
  width:            300px;
  }
div.fullPanel div.column li
{
  padding:          10px 0;
  border-bottom:    1px solid #CCC;
  }
div.fullPanel div.column ul.comments li
{
  background:       #FFF url("../img/commentCount_white.jpg") no-repeat right 50%;
  }
div.fullPanel div.column ul.comments li.blank
{
  background-image: none;
  }
div.fullPanel div.column li img
{
  float:            left;
  border:           1px solid #CCC;
  }
div.fullPanel div.column li ul
{
  float:            right;
  width:            150px;
  }
div.fullPanel div.column li ul li
{
  width:            150px;
  padding:          0;
  border-width:     0;
  }
div.fullPanel div.column li ul li h5
{
  margin:           -2px 0 0;
  font-size:        1.1em;
  font-weight:      normal;
  color:            #888;
  }
div.fullPanel div.column li ul li h3
{
  font-size:        1.3em;
  }
div.fullPanel div.column li ul li h3 a
{
  color:            #333;
  font-size:        1em;
  }
div.fullPanel div.column li ul li h3 a:hover
{
  color:            #990000;
  }
div#primary div.fullPanel div.column li p
{
  margin:           0 10px 0 0;
  font-size:        1.1em;
  color:            #888;
  line-height:      1.3em;
  }
div.fullPanel div.column li h3, div.fullPanel div.column li h4
{
  font-size:        1.2em;
  }
div.fullPanel div.column li h4
{
  position:         relative;
  }
div.fullPanel div.column li h4 span
{
  position:         absolute;
  top:              0;
  right:            16px;
  font-size:        .9em;
  font-weight:      normal;
  color:            #888;
  }
div.fullPanel div.column li h3 a, div.fullPanel div.column li h4 a:hover
{
  color:            #990000;
  }
div.fullPanel div.column li h3 a 
{
  font-size:         0.9em;
}
div.fullPanel div.column li h3 a:hover, div.fullPanel div.column li h4 a
{
  color:            #333;
  }

div.fullPanel div.memberPhotos
{
  float:            left;
  width:            620px;
  margin:           0 0 20px;
  background-color: #E0E0E0;
  }
div.fullPanel div.memberPhotos h2
{
  float:            left;
  position:         relative;
  width:            620px;
  w\idth:           582px;
  padding:          12px 17px 8px;
  text-transform:   uppercase;
  font-size:        1.3em;
  }
div.fullPanel div.memberPhotos h2 a
{
  position:         absolute;
  bottom:           9px;
  right:            19px;
  text-transform:   none;
  font-size:        .82em;
  color:            #990000;
  }
div.fullPanel div.memberPhotos h2 a:hover
{
	color:          #333;
	}
div.fullPanel ul.gallery
{
  float:            left;
  width:            620px;
  background:       #E0E0E0 url("../img/gallery_hr.jpg") repeat-x 0 0;
  padding:          4px 0 0;
  }
div.fullPanel ul.gallery li
{
  float:            left;
  width:            101px;
  border:           1px solid #E0E0E0;
  border-width:     7px 0 19px 19px;
  }
div.fullPanel ul.gallery li a.img, div.fullPanel ul.gallery li img
{
  background-color: #E0E0E0;
  }
div.fullPanel ul.gallery li a.img
{
  width:            101px;
  }
div#content div.fullPanel ul.gallery li h3
{
  float:            left;
  width:            101px;
  margin:           3px 0;
  font-size:        1.1em;
  }
div#content div.fullPanel ul.gallery li p
{
  width:            101px;
  w\idth:           21px;
  margin:           8px 0 0;
  padding:          0 0 0 80px;
  font-size:        1em;
  background:       #E0E0E0 url("../img/commentCount_home.jpg") no-repeat 62px 2px;
  }
div.fullPanel ul.gallery span
{
  background-color: #E0E0E0;
  }

div.fullPanel ul.gallery span.stars5 { background-image: url("../img/stars5_small_home.jpg"); }
div.fullPanel ul.gallery span.stars4 { background-image: url("../img/stars4_small_home.jpg"); }
div.fullPanel ul.gallery span.stars3 { background-image: url("../img/stars3_small_home.jpg"); }
div.fullPanel ul.gallery span.stars2 { background-image: url("../img/stars2_small_home.jpg"); }
div.fullPanel ul.gallery span.stars1 { background-image: url("../img/stars1_small_home.jpg"); }

div.fullPanel ul.imageNav
{
  float:            left;
  width:            620px;
  margin:           20px 0 0;
  margin-right:     0 !important;
  margin-right:     -3px;
  padding:          0 0 20px;
  background-color: #e0e0e0;
  }
div.fullPanel ul.imageNav li
{
  float:            left;
  display:          inline;
  width:            130px;
  margin:           20px 0 0 20px;
  }
div.fullPanel ul.imageNav li img
{
  float:            left;
  }
div.fullPanel ul.imageNav li h5
{
  float:            left;
  margin:           10px 0 0;
  font-size:        1.2em;
  }
div.fullPanel ul.imageNav li h5 a
{
  color:            #333;
  }
div.fullPanel ul.imageNav li h5 a:hover
{
  color:            #cc0000;
  }
div#content div.fullPanel ul.imageNav li p
{
  margin:           4px 0 0;
  line-height:      1.3em;
  font-size:        1.1em;
  color:            #666;
  }

div.fullPanel div.adverts
{
  float:            left;
  width:            618px !important;
  width:            617px;
  margin:           20px 0 0;
  padding:          14px 0 !important;
  padding:          14px 0;
  background-color: #F0F0F0;
  }
div.fullPanel div.adverts img, div.fullPanel div.adverts iframe
{
  float:            left;
  display:          inline;
  width:            125px;
  margin:           0 0 0 12px;
  border:           7px solid #FFF !important;
  border:           0;
  }
div.fullPanel div.adverts iframe
{
  padding:          0 !important;
  padding:          7px;
  }

/* CAROUSEL                                                                                   CAROUSEL ::
--------------------------------------------------------------------------------------------------------- */
div#slideshow
{
  float:            left;
  position:         relative;
  width:            620px;
  height:           330px;
  overflow:         hidden;
  }
div.slide
{
  float:            left;
  height:           330px;
  }
div.slide img
{
  float:            left;
  }
div.slide ul.caption
{
  clear:            left;
  float:            left;
  width:            625px;
  w\idth:           610px;
  height:           68px;
  padding:          6px 0 0 10px;
  margin:           2px 0 0;
  background-color: #2C2C2C;
  }
div.slide ul.caption li
{
  clear:            left;
  float:            left;
  }
div.slide ul.caption li h3,
div.slide ul.caption li h4,
div.slide ul.caption li h5 a
{
  width:            520px;
  font-family:      new-roman;
  font-size:        1.7em;
  font-weight:      normal;
  color:            #3FAAE1;
  }
div.slide ul.caption li h4
{
  color:            #FFF;
  }
div.slide ul.caption li h5 a
{
  color:            #F33;
  }
div.slide ul.caption li h5 a:hover
{
  color:            #990000;
  }

ul#slideshowControl
{
  position:         absolute;
  right:            0;
  bottom:           5px;
  width:            75px;
  height:           64px;
  background:red;
  }
ul#slideshowControl li
{
  float:            left;
  border-right:     5px solid #2C2C2C;
  width:            20px;
  height:           64px;
  }
ul#slideshowControl li a
{
  float:            left;
  width:            20px;
  w\idth:           15px;
  height:           44px;
  padding:          20px 0 0 5px;
  background-color: #5F5E5C;
  color:            #2C2C2C;
  font-size:        1.8em;
  font-weight:      bold;
  }
ul#slideshowControl li.active a
{
  background-color: #918E8B;
  color:            #FFF;
  }

/* SECONDARY                                                                                 SECONDARY ::
--------------------------------------------------------------------------------------------------------- */
div#secondary
{
  float:            left;
  width:            320px;
  }
div#cameraFinder
{
  float:            right;
  position:         relative;
  width:            300px;
  border-top:       1px solid #DFDFDF;
  }
div#cameraFinder h2
{
  position:         relative;
  top:              0;
  left:             0;
  width:            300px;
  w\idth:           298px;
  height:           80px;
  border:           1px solid #DFDFDF;
  border-width:     0 1px;
  background:       #E9E9E9 url("../img/camera_finder.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  }
div.panel, div.panel dl, div.panel dt, div.panel dd
{
  float:            left;
  width:            298px;
  }
div.panel dl
{
  min-height:       83px;
  height:           auto !important;
  height:           83px;
  }
dl#typeDSLR
{
  margin-top:       -1px;
  padding-top:      1px;
  background:       transparent url("../img/camera_finder_bg.gif") no-repeat 261px 0;
  }
div.panel
{
  position:         relative;
  margin-top:       1px;
  border:           1px solid #DFDFDF;
  border-width:     0 1px 1px;
  }
div.panel a
{
  float:            left;
  background-color: #E9E9E9;
  color:            #333;
  }
div.panel a:hover
{
  cursor:           pointer;
  }
div.panel a:hover, div.open a
{
  background-color: #D6D6D6;
  }
div.panel a ins
{
  float:            left;
  }
div.panel dt
{
  width:            103px;
  }
div.panel img
{
  float:            left;
  }
div.panel dt span
{
  float:            left;
  position:         relative;
  overflow:         hidden;
  width:            69px;
  }
dl#typeDSLR dt span
{
  height:           65px;
  top:              13px;
  left:             16px;
  }
div.panel a:hover dl#typeDSLR img, div.open dl#typeDSLR img
{
  margin-top:       -65px;
  }
dl#typeBridge dt span
{
  height:           67px;
  top:              11px;
  left:             13px;
  }
div.panel a:hover dl#typeBridge img, div.open dl#typeBridge img
{
  margin-top:       -67px;
  }
dl#typeCompact dt span
{
  width:            79px;
  height:           58px;
  top:              13px;
  left:             12px;
  }
div.panel a:hover dl#typeCompact img, div.open dl#typeCompact img
{
  margin-top:       -58px;
  }
div.panel dd
{
  width:            195px;
  }
div.panel dd h3
{
  margin:           12px 0 0;
  text-transform:   uppercase;
  font-size:        1.2em;
  color:            #990000;
  }
div#content div.panel dd p
{
  margin:           0 20px 0 0;
  font-size:        1.1em;
  line-height:      1.3em;
  }
div#cameraFinder span.helpTipReveal
{
  position:         absolute;
  top:              55px;
  right:            5px;
  width:            22px;
  height:           22px;
  background:       transparent url("../img/helpTipBig.gif") no-repeat 0 0;
  text-indent:      -9999px;
  cursor:           help;
  }
div#cameraFinder div.helpTip
{
  display:          none;
  position:         absolute;
  z-index:          9999;
  top:              6px;
  right:            38px;
  width:            245px;
  w\idth:           225px;
  min-height:       49px;
  height:           auto !important;
  height:           49px;
  padding:          10px;
  background-color: #FFF;
  border:           2px solid #94B72D;
  font-size:        1.1em;
  }
* html div#cameraFinder div.helpTip
{
	padding:5px;
	top:0;
	width:238px;
	}
div#cameraFinder div.helpTip img
{
  position:         absolute;
  z-index:          100;
  top:              50px;
  right:            -11px;
  width:            11px;
  height:           15px;
  }
div#secondary div.advert
{
  float:            right;
  width:            300px;
  margin-top:       10px;
  }
div#secondary div.advert img
{
  float:            left;
  }
a#joinPhotoMonthly
{
  float:            right;
  width:            300px;
  height:           140px;
  margin-top:       10px;
  background:       #464646 url("../img/join_ratemyband.jpg") no-repeat 0 0;
  color:            #FFF;
  text-indent:      -9999px;
  }
div.latestMag, div.locations
{
  float:            right;
  width:            300px;
  margin:           10px 0 0;
  background-color: #C4DCEC;
  }
div.latestMag h3, div.locations h3
{
  float:            left;
  position:         relative;
  width:            300px;
  w\idth:           280px;
  padding:          10px;
  text-transform:   uppercase;
  font-size:        1.2em;
  color:            #069;
  background:       #C4DCEC url("../img/latest_mag_hr.jpg") no-repeat bottom center;
  }
div.locations, div.locations h3
{
  background-color: #E5E5E5;
  }
div.locations h3
{
  background-image: none;
  }
div.latestMag h3 a, div.locations h3 a
{
  position:         absolute;
  top:              12px;
  right:            10px;
  font-size:        .85em;
  text-transform:   none;
  color:            #cc0000;
  }
div.latestMag h3 a, div.locations h3 a:hover
{
	color:          #333;
	}
div.locations h3 a.rss
{
  top:              13px;
  left:             84px;
  width:            10px;
  height:           10px;
  background:       #E5E5E5 url("../img/rss_icon.jpg") no-repeat right top;
  text-indent:      -9999px;
  }
div.latestMag dl, div.locations dl
{
  float:            left;
  width:            280px;
  border:           10px solid #C4DCEC;
  }
div.locations dl
{
  width:            300px;
  w\idth:           280px;
  padding:          14px 10px 10px;
  border-width:     0;
  background:       #E5E5E5 url("../img/locations_hr.jpg") no-repeat top center;
  }
div.latestMag dt, div.locations dt
{
  float:            left;
  width:            105px;
  }
div.latestMag dd, div.locations dd
{
  float:            left;
  width:            160px;
  }
div.latestMag img, div.locations img
{
  float:            left;
  }
div.latestMag h4, div.locations h4
{
  font-size:        1.2em;
  }
div.latestMag h4 a, div.locations h4 a
{
  color:            #333;
  }
div.latestMag h4 a:hover, div.locations h4 a:hover
{
	color:         #cc0000;
	}
div#content div.latestMag p, div#content div.locations p
{
  margin:           2px 0 0;
  font-size:        1.1em;
  line-height:      1.3em;
  }
div#secondary div.column, div#secondary div.adverts
{
  float:            left;
  width:            145px;
  border-left:      20px solid #FFF;
  }
div#secondary div.two, div#secondary div.adverts
{
  margin-right:     -3px;
  border-width:     0 0 0 10px;
  }
div#secondary div.column a
{
  float:            left;
  width:            145px;
  margin:           10px 0 0;
  text-indent:      -9999px;
  }
a#adviceAd
{
  height:           120px;
  background:       #B6B653 url("../img/adviceAd.jpg") no-repeat 0 0;
  }
a#pmSurvey
{
  height:           160px;
  background:       #F0F0F0 url("../img/pmSurvey.jpg") no-repeat 0 0;
  }
a.calloutTitle
{
  height:           160px;
  background:       #F0F0F0 url("../img/calloutTitle.jpg") no-repeat 0 0;
  }
div#secondary div.adSpace
{
  float:            left;
  display:          inline;
  width:            145px;
  w\idth:           125px;
  margin:           10px 0 0;
  padding:          10px;
  background-color: #E9E9E9;
  }
div#secondary div.adSpace a
{
  margin:           0;
  }
div#secondary div.adSpace img
{
  float:            left;
  }

div#secondary div.column a.adTile
{
  w\idth:           129px;
  padding:          8px;
  text-indent:      0;
  }
div#secondary div.column a.advice
{
  background:       #B8B75A url("../img/adTile_advice.jpg") no-repeat bottom right;
  }
div#secondary div.column a.survey
{
  background:       #F0F0F0 url("../img/adTile_survey.jpg") no-repeat bottom right;
  padding:          8px 8px 18px;
  }
div#secondary div.column a.callout
{
  background-color: #F0F0F0;
  }
div#secondary div.column a.adTile big
{
  font-size:        2.2em;
  letter-spacing:   -1px;
  font-weight:      bold;
  }
div#secondary div.column a.advice big
{
  color:            #FFF;
  }
div#secondary div.column a.survey big
{
  line-height:      1em;
  font-size:        1.8em;
  color:            #1079BA;
  }
div#secondary div.column a.adTile span
{
  clear:            left;
  display:          block;
  width:            120px;
  line-height:      1em;
  font-size:        1.3em;
  color:            #222;
  }
div#secondary div.column a.survey span, div#secondary div.column a.callout span
{
  margin:           4px 0 0;
  font-size:        1.1em;
  color:            #666;
  }
div#secondary div.column a.callout span
{
  line-height:      1.2em;
  }
div#secondary div.column a.adTile small, div#secondary div.column a.callout big
{
  display:          block;
  margin:           18px 0 0;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #222;
  }
div#secondary div.column a.callout small
{
  margin:           12px 0 0;
  font-size:        1em;
  }
div#secondary div.column a.callout big
{
  margin:           6px 0 0;
  letter-spacing:   0px;
  font-size:        1.3em;
  }
div#secondary div.column a.callout:hover big, div#secondary div.column a.callout:hover small
{
  color:            #990000;
  }

/* CAMERA FINDER FORM                                                               CAMERA FINDER FORM ::
--------------------------------------------------------------------------------------------------------- */
div#cameraFinder div.form, div#cameraFinder fieldset, div#cameraFinder ol, div#cameraFinder ul, div#cameraFinder li, div#cameraFinder label
{
  float:            left;
  width:            264px;
  }
div#cameraFinder li
{
  margin-right:     0 !important;
  margin-right:     -3px;
  }
div#cameraFinder div.form
{
  background-color: #D6D6D6;
  border:           1px solid #D6D6D6;
  border-width:     5px 17px 15px;
  display:          none;
  }
div#cameraFinder div.open div.form
{
  display:          block;
  }
div#cameraFinder label
{
  padding:          8px 0 2px;
  font-size:        1.1em;
  font-weight:      bold;
  }
div#cameraFinder input.text, div#cameraFinder select
{
  float:            left;
  width:            264px;
  w\idth:           250px;
  border:           1px solid #999;
  padding:          3px 6px;
  background-color: #F3F3F3 !important;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.1em;
  
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  }
div#cameraFinder select
{
  w\idth:           264px;
  padding:          3px;
  }
div#cameraFinder input.text:focus, div#cameraFinder select:focus
{
  background-color: #F7F7F7 !important;
  border-color:     #888;
  }
div#cameraFinder ul
{
  margin-top:       -8px;
  }
div#cameraFinder ul li
{
  position:         relative;
  padding:          10px 0 0;
  }
div#cameraFinder ul input.checkbox
{
  float:            left;
  margin-left:      1px;
  }
div#cameraFinder ul label
{
  width:            230px;
  margin-left:      8px;
  padding:          0;
  font-weight:      normal;
  }
div#cameraFinder ul label:hover
{
  color:            #000;
  cursor:           pointer;
  }
div#cameraFinder ul span.helpTipReveal
{
  top:              8px;
  right:            -2px;
  width:            18px;
  height:           17px;
  background-image: url("../img/helpTip.gif");
  }
div#cameraFinder ul div.helpTip
{
  top:              0;
  right:            25px;
  width:            120px;
  w\idth:           100px;
  padding:          10px;
  }
div#cameraFinder ul div.helpTip img
{
  top:              8px;
  }
div#cameraFinder button
{
  float:            left;
  width:            58px;
  height:           22px;
  margin:           16px 0 0;
  background:       #FB160B url("../img/camera_finder_search_btn.jpg") no-repeat 0 0;
  color:            #FFF;
  text-indent:      -9999px;
  cursor:           pointer;
  }

/* FOOTER                                                                                       FOOTER ::
--------------------------------------------------------------------------------------------------------- */
div#footer
{
  background:       url("/assets/images/footer_bg.jpg") no-repeat 0 0;
  margin-right:     -3px;
  float: left; width:990px;
    }
div#footer p
{
  padding:          10px 0 0 19px;
  font-size:        1.1em;
  color:            #666;
  }
div#footer p strong
{
  margin-left:      5px;
  }
div#footer p.links
{
  margin:           22px 0;
  float:            right;
  }
div#footer a
{
  margin:           0 5px;
  padding:          0 0 1px;
  font-size:        .9em;
  color:            #fff;
  }
div#footer a:hover
{
  color:            #ccc;
  border-bottom:    1px solid #cccccc;
  }
.captcha img  
{
 padding-left:      15px;
}
.validationsummary
{
 margin:            10px 10px 10px 15px;
 font-size:         1.2em;
 line-height:       1.3em;
 color:             #CC0000;
}
.validationsummary li 
{
 color:             #CC0000;
}

div.article #postCommentForm li strong
{
  position:            absolute;
  top:                 -2px;
  left:                -1px;
  width:               92px;
  height:              18px;
  text-indent:         -9999px;
  background-color:    transparent;
  background-repeat:   no-repeat;
  background-position: 0 0;
  }
#postCommentForm li strong.stars5 { background-image: url("../img/stars5_large.jpg"); }
#postCommentForm li strong.stars4 { background-image: url("../img/stars4_large.jpg"); }
#postCommentForm li strong.stars3 { background-image: url("../img/stars3_large.jpg"); }
#postCommentForm li strong.stars2 { background-image: url("../img/stars2_large.jpg"); }
#postCommentForm li strong.stars1 { background-image: url("../img/stars1_large.jpg"); }

div.blockMsg h1
{	
 font-size:         20px;
}

/*
li.showitem, div.showitem{ display:block;}
li.hideitem, div.hideitem{ display:none;}
*/

div#content div.compactsearchmessage
{
  float:            left;
  width:            260px;
  w\idth:           250px;
  margin:           15px 0 0;
  padding:          10px 5px 5px;
  border:           1px solid #990000;
  }
div#content div.compactsearchmessage p
{
  margin:           0 0 5px;
  }


div.article ul.selector
{
  margin:           8px 0 0;
  border-color:     #F2F0E6;
  border-width:     0;
  background-color:#F2F0E6 ;
  width:460px;
    }
div.article ul.selector li
    {border-bottom:1px solid #DEDBCC;
padding:8px 5px;
background-image:none;
border-top:none;
border-left:none;
border-right:none;
float:none;
width:auto;
        }
div.article ul.selector li.active, div.article ul.selector li.active:hover {background-color:#990000; }
div.article ul.selector li.active a {color:#fff;}

div.article ul.selector li:hover {background-color:#fff;}
div.article ul.selector li a {color:#444444;
font-size:1.2em;}

.ratingDisplay {float:left; background-color:#e0e0e0; border:1px solid #333; width:420px; padding:10px;}

.rightGreyBox {float:right; width:300px; background-color:#e0e0e0; font-size:1.1em; margin-bottom:10px;}
.rightGreyBox dl {margin:10px;}
.rightGreyBox h3
{  
  position:         relative;
  padding:          10px;
  text-transform:   uppercase;
  font-size:        1.2em;
  color:            #333;
  background:       #e0e0e0 url("../img/gallery_hr.jpg") repeat-x bottom center;}


.rightGreyBox {float:right; width:300px; background-color:#e0e0e0;}
.rightGreyBox ul {   padding-bottom:7px;}
.rightGreyBox ul li {margin:7px 0 0 10px;}
.rightGreyBox ul li label {width:55px; float:left; line-height:21px;}
.rightGreyBox ul li input.text { width:205px;}
.rightGreyBox ul li .button {margin-left:55px;}

#chatWrapper ul {  background:       #e0e0e0 url("../img/gallery_hr.jpg") repeat-x bottom center; padding-bottom:7px;}

/*
#chatWrapper {float:right; margin-top:10px; width:300px; background-color:#e0e0e0;}
#chatWrapper ul {  background:       #e0e0e0 url("../img/gallery_hr.jpg") repeat-x bottom center; padding-bottom:7px;}
#chatWrapper ul li {margin:7px 0 0 10px;}
#chatWrapper ul li label {width:40px; float:left;}
#chatWrapper ul li input.text { width:220px;}
#chatWrapper ul li #btnChat {margin-left:40px;}
#chatWrapper h3
{  
  position:         relative;
  padding:          10px;
  text-transform:   uppercase;
  font-size:        1.2em;
  color:            #333;
  background:       #e0e0e0 url("../img/gallery_hr.jpg") repeat-x bottom center;}
  */
#chatWrapper #chatDisplay {overflow-y: scroll; height:250px; margin:0 0 0 10px;}
#chatWrapper #chatDisplay p {margin:7px 0; line-height:100%}

ol.chart {list-style-type: decimal; list-style-position:inside; }
ol.chart li {border-bottom:1px solid #ccc; padding:10px; font-size:13px;}

#mediaspace {padding-bottom:10px;}