/* 
   Professional Photographer : Master Stylesheet
   =======================================
   Colin Watts
   
   RESET DEFAULT STYLING + FOUNDATIONS                             RESET DEFAULT STYLING + FOUNDATIONS ::
--------------------------------------------------------------------------------------------------------- */

@import url("reset.css");

.sidepanel .adSpace {width:120px;}


body
{
  background-color: #4E4F53;
  font:             normal 62.5% Arial, Helvetica, sans-serif;
  color:            #333;
  text-align:       center;
  }
div#wrapper
{
  width:            980px;
  margin:           0 auto;
  text-align:       left;
  }
div.frame
{
  float:            left;
  position:         relative;
  width:            980px;
  background-color: #FFF;
  }

a.skiplink, .tabs-hide { display: none; }

a
{
  text-decoration: none;
  color:           #C00;
  }
a:hover
{
  color:           #333;
  }

/* MASTHEAD                                                                                   MASTHEAD ::
--------------------------------------------------------------------------------------------------------- */
div#masthead
{
  position:         absolute;
  top:              0;
  }
div#masthead ul
{
  float:            left;
  width:            980px;
  w\idth:           965px;
  padding:          8px 0 11px 15px;
  }
div#masthead li
{
  float:            left;
  padding-right:    7px;
  }
div#masthead li img
{
  display:          block;
  }

/* HEADER                                                                                       HEADER ::
--------------------------------------------------------------------------------------------------------- */
div#header
{
  margin-top:       119px;
  }
div#header h2 a
{
  position:         absolute;
  top:              20px;
  left:             23px;
  width:            345px;
  height:           108px;
  background:       #FFF url("../img/professional_photographer_logo.jpg") no-repeat 0 0;
  text-indent:      -9999px;
}

/*twitterlogo*/
.twitterlogo
	{
	width:34px;
	height:34px;
	background: url("../img/twitterlogo.png") no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position:absolute;
	top:72px;
	left:358px;
}

.twitterlogo a{
	display:block;
	height:100%;
}

/*facebooklogo*/
.facebooklogo{
	width:34px;
	height:34px;
	background: url("../img/facebooklogo.png") no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position:absolute;
	top:72px;
	left:393px;
}

.facebooklogo a{
	display:block;
	height:100%;
}

body#cameraSection div#header h2 a
{
  width:            455px;
  background-image: url("../img/wdc-logo.jpg");
  }
div#searchBox
{
  float:            right;
  position:         relative;
  width:            325px;
  height:           145px;
  }
div#header div.form, div#header fieldset
{
  width:            302px;
  }
div#header div.form
{
  position:         absolute;
  top:              77px;
  right:            23px;
  }
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:            #2C2C2C;
  }
div#header dd a
{
  padding:          0 2px;
  color:            #003359;
  }
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:            980px;
  height:           40px;
  margin:           0;
  background:       #D1C89D url("../img/nav_bg.jpg") repeat-x 0 0;
  }
ul#nav li, ul#nav li a
{
  float:            left;
  }
ul#nav li a
{
  height:              35px;
  margin-left:         -1px;
  background-color:    transparent;
  background-repeat:   no-repeat;
  background-position: 0 0;
  text-indent:         -9999px;
  }
ul#nav li a:hover
{
  background-position: 0 -35px;
  }
body#home ul#nav li#navHome a,
body#newsReviews ul#nav li#navNewsReviews a,
body#tipsTechniques ul#nav li#navTipsTechniques a,
body#gallery ul#nav li#navGallery a,
body#legends ul#nav li#navLegends a,
body#magazine ul#nav li#navMagazine a,
body#forum ul#nav li#navForum a,
body#directory ul#nav li#navDirectory a,
body#competitions ul#nav li#navCompetitions a,
body#contact ul#nav li#navContact a
{
  background-position: 0 -70px;
  }
ul#nav li#navHome a
{
  margin-left:      25px;
  width:            65px;
  background-image: url("../img/nav_home.jpg");
  }
li#navNewsReviews a
{
  width:            125px;
  background-image: url("../img/nav_news_reviews.jpg");
  }
li#navTipsTechniques a
{
  width:            91px;
  background-image: url("../img/nav_tips_techniques.jpg");
  }
li#navGallery a
{
  width:            94px;
  background-image: url("../img/nav_gallery.jpg");
  }
li#navLegends a
{
  width:            83px;
  background-image: url("../img/nav_legends.jpg");
  }
li#navMagazine a
{
  width:            91px;
  background-image: url("../img/nav_magazine.jpg");
  }
li#navForum a
{
  width:            73px;
  background-image: url("../img/nav_forum.jpg");
  }
li#navDirectory a
{
  width:            96px;
  background-image: url("../img/nav_directory.jpg");
  }
li#navCompetitions a
{
  width:            116px;
  background-image: url("../img/nav_competitions.jpg");
  }
li#navExhibitions a
{
  width:            102px;
  background-image: url("../img/nav_exhibitions.jpg");
  }
li#navContact a
{
  width:            87px;
  background-image: url("../img/nav_contact.jpg");
  }

/* 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:            #C00;
  }
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:            #003458
  } 
div#content p.sort a:hover
{
  color:            #C00;
  }
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:            #C00;
  }

/* 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 #003359;
  }
div.subnav
{
  padding:          0 0 20px;
  }
div.subnav h3
{
  margin:           10px 0 0 10px;
  font-size:        1.5em;
  font-weight:      normal;
  color:            #2C2C2C;
  }
div.subnav ul
{
  margin:           10px 0 0;
  border-width:     0;
  }
div.subnav li
{
  w\idth:           120px;
  padding:          4px 10px;
  border-top:       1px solid #CCC;
  }
div.subnav li.current
{
  background-color: #F5F5F5;
  }
div.subnav li a
{
  font-size:        1.1em;
  color:            #333;
  }
div.subnav li a em
{
  font-style:       normal;
  color:            #888;
  }
div.subnav li a:hover, div.subnav li a:hover em
{
  color:            #C00;
  }

/* 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 0;
  padding:          15px 0;
  border-top:       1px solid #CCC;
  border-bottom:    3px solid #003359;
  font-family:      new-roman;
  font-size:        2.6em;
  font-weight:      normal;
  }
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 0;
  }
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:            #C00;
  font-size:        .9em;
  }
div.article h1.noborder
{
  border-width:     0;
  padding:          15px 0 0;
  }
div.article h2
{
  border-width:     0;
  margin:           25px 0 0;
  padding:          0;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        2em;
  color:            #C00;
  }
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 h1.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:            #C00;
  }
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 #C00;
  }
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 #003359;
  /*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.profile dt a
{
  float:            left;
  margin:           8px 30px 0 0;
  padding:          4px 6px;
  background-color: #C00;
  color:            #FFF;
  
  border-radius:         .3em;
  -moz-border-radius:    .3em;
  -webkit-border-radius: .3em;
  }

.friendstatus
{
  float:            left;
  margin:           8px 0 0;
  padding:          4px 6px;
  background-color: #7DA600;
  color:            #FFF;
  width:            72px;
  text-align:       center;
  
  border-radius:         .3em;
  -moz-border-radius:    .3em;
  -webkit-border-radius: .3em;
  }  
  
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:            #C00;
  }
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:            #C00;
  }
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:            #C00;
  }
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:            #C00;
  }
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.margin
{
  margin-top:       20px;
  }
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:            #C00;
  }
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:            #C00;
  }
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, div.article div.form input.full
{
  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:          4px 5px;
  background-color: #7DA700;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #FFF;
  cursor:           pointer;
  }
div.article div.form button.indent
{
  margin-left:      150px;
  }
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#fblike {
  float:            left;
  clear:            both;
  padding:          15px 0 0;
  }
  
div#twittertweet {
  float:            left;
  clear:            both;
  padding:          15px 0 0;
  }

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.msgDetails li
{
  font-weight:      bold;
  }
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:            #C00;
  }
div.article ul.interaction li a.active
{
  color:            #C00;
  border-bottom:    1px dotted #C00;
  }

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: #7DA700;
  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:            #C00;
  }
div#commentsBox p span a
{
  margin:           0 2px;
  color:            #C00;
  }
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:            #C00;
  }
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:               #C00;
  }
div.divNeedToLogin a:hover
{
  color:               #333;
  }

div.article ul.rating
{
  float:            none;
  position:         absolute;
  top:              -2px;
  left:             0;
  width:            100px;
  height:           18px;
  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:           18px;
  margin:           0;
  padding:          0;
  border-width:     0;
  text-indent:      -9999px;
  }
ul.rating li a
{
  display:          block;
  height:           18px;
  width:            100%;
  background-repeat:no-repeat;
  overflow:         hidden;
  }

div.article ul.rating li.r1  { width: 19px  !important;  z-index: 20; }
div.article ul.rating li.r2  { width: 39px  !important;  z-index: 18; }
div.article ul.rating li.r3  { width: 59px  !important;  z-index: 16; }
div.article ul.rating li.r4  { width: 80px  !important;  z-index: 14; }
div.article ul.rating li.r5  { width: 100px !important; z-index: 12; }

li.r1  a { background-image: url("../img/rate-1.gif"); }
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 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 -18px; }

/* 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:            #C00;
  }
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:            #C00;
  }
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:            #C00;
  }
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:            #003458;
  }
div#searchResults li ul li h4
{
  margin:           0;
  font-size:        1.3em;
  color:            #C00;
  }
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:            #C00;
  }
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:            #C00;
  }

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:            #C00;
  }

/* 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:            #C00;
  }
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.fan
{
  background-color: #F5F5F5;
  }
div#articlesOverview li a
{
  float:            left;
  width:            150px;
  /*background-color: #E9E9E9;*/
  }
div#articlesOverview ul.friends li a
{
  float:            none;
  width:            auto;
  background-color: transparent;
  font-size:        1.1em;
  }
div#articlesOverview ul.friends li.fan a, div#articlesOverview ul.friends li.following a
{
  color:            #333;
  }
div#articlesOverview ul.friends li.fan a:hover, div#articlesOverview ul.friends li.following a:hover
{
  color:            #666;
  }
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.noimage, 
div#articlesOverview li ul.noimage li,
div.article div#articlesOverview li ul.noimage li h3
{
 width:460px;
 margin-left:0;
}

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 ul.friends li ul, div#articlesOverview ul.friends li ul li
{
  width:            370px;
  background-color: transparent;
  }
div#articlesOverview li ul li
{
  padding:          0 0 3px;
  }
div#articlesOverview h5
{
  font-size:        1.2em;
  font-weight:      normal;
  color:            #888;
  margin:           0;
  }
div#articlesOverview ul.friends h5
{
  font-weight:      bold;
  }
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:#003458;
	}
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:          #003458;
	}
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:            #C00;
  }
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:            #C00;
  }
div#articlesOverview li ul li.deadline
{
  margin:           5px 0 0;
  font-size:        1.1em;
  color:            #C00;
  }

/* 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;
  position:         relative;
  /*background-color: #E5E5E5;*/
  }
ul.gallery li img
{
  float:            left !important;
  float:            none;
  }
ul.gallery li span.arrow
{
    background:url("../img/arrow.png") no-repeat 0 0;
    width:48px;
	height:48px;
	position:absolute;
	top:20px;
	left:40px;
	margin:0 0 0 -24px;
	z-index: 100;
	cursor: pointer;
	margin:0;
	background-color:transparent !important;
}
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:            #C00;
  }
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;
  float:left;
  }
div#content ul.gallery li p
{
  position:         relative;
  width:            140px;
  w\idth:           52px;
  margin:           8px 0 0;
  padding:          0 0 0 18px;
  font-size:        1em;
  background:       #FFF url("../img/commentCount_white.jpg") no-repeat 0 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:            #C00;
  }
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:            #C00;
  border-color:     #C00;
  }
ul.gallery ul li a.del
{
  color:            #C00;
  }
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.sidepanel div.column 
{
  width:             auto;
}
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 #003458;
  }
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 !important; /* need !important to override asp.net hyperlink rendering*/
  }
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:            #999999;
  }
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:        0.9em;
  }
div.fullPanel div.column li ul li h3 a:hover
{
  color:            #C00;
  }
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:            #C00;
  }
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:           20px 0 0;
  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:            #C00;
  }
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:     19px 0 19px 19px;
  }
div.fullPanel ul.gallery li a.img, div.fullPanel ul.gallery li img
{
  /*width:            101px;*/
  background-color: #E0E0E0;
  }
/* Added 27 July 2010 */
.memberPhotos ul.gallery img
{
  width:            87px;   
  }
.memberPhotos ul.gallery span.arrow
{
  left:             20px;
  top:              10px;
  }
div#content div.fullPanel ul.gallery li h3
{
  float:            left;
  width:            101px;
  margin:           3px 0 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:            #003458;
  }
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:          10px 0 0 10px;
  margin:           2px 0 0;
  background-color: #003359;
  }
div.slide ul.caption li
{
  clear:            left;
  float:            left;
  }
div.slide ul.caption li h3
{
  width:            470px;
  font-family:      new-roman;
  font-size:        1.7em;
  font-weight:      bold;
  color:            #fff;
  }

div.slide ul.caption li h4,
div.slide ul.caption li h5 a
{
  width:            470px;
  font-family:      new-roman;
  font-size:        1.7em;
  font-weight:      normal;
  color:            #fff;
  }
div.slide ul.caption li h4
{
  color:            #FFF;
  }
div.slide ul.caption li h5 a
{
  color:            #80919D;
  }
div.slide ul.caption li h5 a:hover
{
  color:            #C00;
  }
ul#slideshowControl
{
  position:         absolute;
  right:            0;
  bottom:           5px;
  min-width:        50px;
  height:           64px;
  background:       red;
  }
ul#slideshowControl li
{
  float:            left;
  border-right:     5px solid #003359;
  width:            20px;
  height:           64px;
  }
ul#slideshowControl li a
{
  float:            left;
  width:            20px;
  w\idth:           15px;
  height:           44px;
  padding:          20px 0 0 5px;
  background-color: #40627B;
  color:            #fff;
  font-size:        1.8em;
  font-weight:      bold;
  }
ul#slideshowControl li.active a
{
  background-color: #80909D;
  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:            #C00;
  }
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:       0;
  }
div#secondary div.advert img
{
  float:            left;
  }
a#joinpropho
{
  float:            right;
  width:            300px;
  height:           70px;
  margin:           10px 0;
  background:       #464646 url("../img/join_professional_photographer_btn.jpg") no-repeat 0 0;
  color:            #FFF;
  text-indent:      -9999px;
  }
div.latestMag, div.locations
{
  float:            right;
  width:            300px;
  margin:           10px 0 0;
  background-color: #003359;
  }
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:            #fff;
  background-color: #003359;
  border-bottom: 1px solid #fff;
  }
div.locations, div.locations h3
{
  background-color: #D1C89D;
 color :            #333;
  }
div.locations h3
{
  background-image: none;
	border-bottom: 1px solid #c0c0c0;
  }
div.latestMag h3 a, div.locations h3 a
{
  position:         absolute;
  top:              12px;
  right:            10px;
  font-size:        .85em;
  text-transform:   none;
  color:            #003458;
  }
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 #003359;
  }
div.locations dl
{
  width:            300px;
  w\idth:           280px;
  padding:          14px 10px 10px;
  border-width:     0;
  background-color: #D1C89D;
  border-top:       1px solid #fff;
  }
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
{
  color:            #fff;
  }
div.locations h4 a
{
  color:            #333;
  }
div.latestMag h4 a:hover, div.locations h4 a:hover
{
	color:         #D52B1E;
	}
div#content div.latestMag p, div#content div.locations p
{
  margin:           2px 0 0;
  font-size:        1.1em;
  line-height:      1.3em;
  color:            #fff;
  }
div#content div.locations p
{
	color:          #333;
	}
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:       #4D4F53 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:        1.9em;
  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:            #003359;
  }
div#secondary div.column a.adTile span
{
  clear:            left;
  display:          block;
  width:            120px;
  line-height:      1.1em;
  font-size:        1.15em;
  color:            #fff;
  }
div#secondary div.column a.survey span, div#secondary div.column a.callout span
{
  margin:           4px 0 0;
  font-size:        1.1em;
  color:            #5C5C5C;
  }
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:           25px 0 0;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #333;
  }
div#secondary div.column a.survey small
{
	margin-top:     32px;
	}
div#secondary div.column a.advice small
{
	color: #fff;
	}
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;
  }


/* 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
{
  height:           90px;
  background-color: #F3F4EF;
  margin-right:     -3px;
  margin-top:       10px;
  }
div#footer p
{
  float:            left;
  width:            980px;
  w\idth:           961px;
  padding:          10px 0 0 19px;
  font-size:        1.1em;
  color:            #666;
  }
div#footer p strong
{
  margin-left:      5px;
  }
div#footer p.links
{
  margin:           12px 0 0;
  }
div#footer a
{
  margin:           0 4px;
  padding:          0 0 1px;
  font-size:        .9em;
  color:            #333;
  }
div#footer a:hover
{
  color:            #000;
  border-bottom:    1px solid #000;
  }
.captcha img  
{
 padding-left:      15px;
}
.validationsummary
{
 margin:            10px 10px 10px 15px;
 font-size:         1.2em;
 line-height:       1.3em;
 color:             #003458;
}
.validationsummary li 
{
 color:             #003458;
}

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 #C00;
  }
div#content div.compactsearchmessage p
{
  margin:           0 0 5px;
  }

/* PRIVATE MESSAGING                                                                 PRIVATE MESSAGING ::
--------------------------------------------------------------------------------------------------------- */
ol#inbox h3
{
  width:            375px;
  margin:           0 0 0 10px;
  border-width:     0;
  padding:          0;
  font-size:        1.5em;
  }
ol#inbox h3 a, ol#inbox h3 a.new:hover
{
  color:            #333;
  }
ol#inbox h3 a:hover
{
  color:            #666;
  }
ol#inbox h3 a.new
{
  color:            #C00;
  }
ol#inbox li h6
{
  float:            left;
  width:            375px;
  margin:           5px 0 0 10px;
  font-size:        1.1em;
  font-weight:      normal;
  }
ol#inbox li a
{
  float:            none;
  width:            auto;
  background-color: transparent;
  }
ol#inbox li
{
  position:         relative;
  }
ol#inbox li a.delete
{
  position:         absolute;
  top:              30px;
  right:            10px;
  padding:          2px 4px;
  font-weight:      bold;
  }
ol#inbox li a.delete:hover
{
  background-color: #C00;
  
  color: #FFF;
  }

/* feature articles */
.featuredarticles 
{
	background-color:#003359;
	border-right:20px solid #FFFFFF;
	float:left;
	width:300px;
	margin-top: 10px;
	}
.featuredarticles li { border:none; font-size:15px; color:#fff; font-size:11px; margin:12px 0 5px 12px; }
.featuredarticles li img { border-top: 1px solid #fff !important; border-bottom: 1px solid #fff !important;}
.featuredarticles h4 {color:#fff; font-size:14px; text-transform: uppercase; font-weight:bold; }
.featuredarticles .noMargin {margin:0;}
.featuredarticles li a {color:#D52B1E;}
.featuredarticles li a:hover {text-decoration:underline;}

div.article div.form .checkbox label {float:none; font-weight: normal; padding:0 5px 0 1px;}

#foundem table { border-collapse:separate; position:inherit !important; margin-top:10px;}
#foundem table td, #foundem table th
	{background:none !important; border:none !important;}
#foundem table td table td {width:140px;}
