/* -------------------------------------------------

New Internet Homepage Basic Stylesheet

Version: 1.1
Author: Carl Brown
email: carl@theinternet.co.uk

--------------------------------------------------*/

.moreLink a{
  text-decoration:none;
  color:#013eb0;
  position:absolute;
  bottom:0;
  right:0;
}

.moreLink a:hover{
  text-decoration:underline;
  color:#013eb0;
  position:absolute;
  bottom:0;
  right:0;
}

div#site_intro {
  background-color: #e5e5e5;
  border: 1px solid #bbbcbc;
  border-right: none;
  height: 55px;
  letter-spacing: 0.6px;
  margin: 5px 0 5px 1px;
  width: 944px;
  z-index: 1;
  overflow: hidden;
}

div.sitepoint_box {
  border: 1px solid #fff;
  border-width: 1px 0 0 1px;
  border-right: 1px solid #bbbcbc;
  float: left;
  height: 54px;
  width: 234px;
}

div.sitepoint_box a {
  display:block;
  height: 54px;
  text-indent: -5000px;
  width: 234px;
}

a.shop_sp {
  background: url(/images/static/sitepoint.png) left -55px transparent;
}

a.business_sp {
  background: url(/images/static/sitepoint.png) -237px -55px transparent;
}

a.classified_sp {
  background: url(/images/static/sitepoint.png) -474px -55px transparent;
}

a.rogue_sp {
  background: url(/images/static/sitepoint.png) -711px -55px transparent;
}

/* hover styles */

a.shop_sp:hover {
  background-position: left top;
}

a.business_sp:hover {
  background-position: -237px top;
}

a.classified_sp:hover {
  background-position: -474px top;
}

a.rogue_sp:hover {
  background-position: -711px top;
}

/* --------------------------------------PRIMARY CONTENT STYLES */
 
.requestBoxHeader {
  width:100%;
  height:20px;
  background: url(../images/static/miniBlueFade.gif) repeat-x top;
  border-bottom:1px #bcbcbc solid;
  padding-bottom:0;
  position:relative;
  letter-spacing:4px;
}

.requestBoxHeaderText {
  padding-left:10px;
  font-weight:bold;
  font-size:13px;
  color:#ffffff;
  background: url(../images/static/dottedFade.gif) repeat-y right;
  display:block;
  line-height:20px;
} 

span.featuredName a {
  display:block;
  overflow:hidden;
  color:#013eb0;
  font-weight:bold;
  width:100%;
  text-decoration:none;
  line-height:13px;
  height:26px;
}

span.featuredName a:hover {
  color: #397eff;
  text-decoration: underline;
}

.featuredDescription {
  display:block;
  overflow: hidden; /* Workaround to avoid the need to limit the text with php */
  height:45px;
  width:120px;
  font-size:11px;
  margin-bottom:5px;
  letter-spacing:0.2px;
  line-height:11px; /* makes appearance consistent between firefox and IE */
}

.featuredPrice {
  color:#b10000;
  text-transform: uppercase; 
  float: left;
}

.featuredMore {
  float: right;
  margin: 0 5px 5px 0;
}

/* ====================== Why Sign Up? Page Styles ==================== */

div.whySignUpIntroduction {
  position:relative;
  padding:10px;
  margin:10px 0 20px 0;
  border: 1px solid #bcbcbc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.whySignUpIntroduction img {
  position:absolute;
  left:0px;
  z-index: 500;
}

div.whySignUpIntroduction p {
  margin-left:150px;
}

.whySignUpIntroduction p span {
  color:#397eff;
  display:block;
  text-align:right;
  margin:10px 50px 0 0;
  font-weight:normal;
}

div.whySignUpListWrapper {
  margin:5px 0 0 150px;
  padding:10px;
  width:702px;
  background-color: #f1f1f1;
  border: 1px solid #bcbcbc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

ul.whySignUpList {
  list-style-type: none;
  margin:0;
/* cannot use horizontal padding on parent */
  padding: 0;
  border: 1px solid #bcbcbc;
  border-width: 1px 0 0 0;
  background-color: #f1f1f1;
  width:700px;
  letter-spacing: 1px;
}

ul.whySignUpList li {
  margin:0;
  padding:0;
  border-bottom: 1px solid #bcbcbc;
  border-top: 1px solid #f1f1f1;
}

ul.whySignUpList li a.whySignUpTitle {
  color: #3c3c3c;
  text-decoration:none;
  padding:10px;
  display:block;
  position:relative;
  background: url(/images/static/more.gif) no-repeat right center;
}

ul.whySignUpList li.active {
  border:1px solid #013eb0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin:10px 0;
  -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

ul.whySignUpList li.active > a {
  background: url(/images/static/less.gif) no-repeat right center #bfd6ff;
  font-weight:bold;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-top-right-radius: 10px; 
  -webkit-border-top-left-radius: 10px; 
}

ul.whySignUpList li a.whySignUpTitle:hover {
  color:#397eff;
}

/* remove dotted border on clicked links in FF */
ul.whySignUpList li a.whySignUpTitle:focus {
  outline: none;
}

ul.whySignUpList li div.whySignUp_Wrap {
  /* don't use padding on parent div as it makes the animation glitchy */
  padding:0;
}

div.whySignUp_innerTop {
  min-height:116px;
  background-color:#ffffff;
}

div.whySignUp_innerWrap {
  background-color:#ffffff;
  padding:15px;
  color:#3c3c3c;
  position:relative; /* allows content to be absolute positioned within it */
  font-size:12px;
}

div.whySignUp_innerWrap span {
  width:340px;
}

div.whySignUp_innerBot {
  height:15px;
  position:relative;
  background-color:#ffffff;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-bottom-right-radius: 10px; 
  -webkit-border-bottom-left-radius: 10px; 
}

div.whySignUpShadow {
  background: url(/images/static/jobDetailsShadow.gif) no-repeat center top;
  margin:0 auto 20px auto;
  width:700px;
}

/* IE 6 doesn't position correctly using bottom so this is fixed/hacked in ie6.css */
a.whySignUp_signUpBtn {
  position:absolute;
  right:20px;
  top:-40px;
  font-weight:bold;
}

p.whySignUpStatement {
  border: 1px solid #bcbcbc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding:10px;
  text-align: center;
}

/* ====================== Why Sign Up? Page Styles End ==================== */

/* !=== Deal of the day on homepage   ===================================== */

div#DOTD {
  background: url(/images/static/DOTD_background_repeater.gif) repeat-y left top #fff;
  float: left;
  margin: 15px 0 15px 0;
  width: 588px;
}

span.title_tab {
  background: url(/images/static/DOTD_tab_left.png) left top transparent;
  color: #096094;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: bold;
  height: 33px;
  line-height: 33px;
  text-align: center;
  text-transform: capitalize; /* just to be on safe side */
  width: 219px;
}

a.previous_tab {
  background: url(/images/static/DOTD_tab_right_short.png) no-repeat left top transparent;
  color: #096094;
  display: block;
  float: left;
  font-size: 14px;;
  height: 33px;
  line-height: 33px;
  padding-left: 30px;
  width: 123px;
}

a.DOTD_sell {
  background: url(/images/static/DOTD_tab_right_long.png) no-repeat left top transparent;
  color: #096094;
  display: block;
  float: left;
  font-size: 14px;;
  height: 33px;
  line-height: 33px;
  padding-left: 30px;
  width: 186px;
}

div#DOTD h2 {
  color: #000;
  clear: left;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  padding: 20px 20px 0 20px;
}

div#DOTD h2 span {
  color: #096094;
  font-weight: normal;
}

div#DOTD h2 span.OOS {
  color: red;
  font-weight: bold;
}

div.image_mask_wrapper {
  background: url(/images/static/image_mask.png) no-repeat left top transparent;
  float: left;
  position: relative;
  margin: 10px 0 0 12px;
  width: 360px;
}

div.image_mask_wrapper a.flowplayer {
  border: none;
  margin: 5px 0 5px 5px;
}

img.deal_image {
  background-color: #f1f1f1;
  display: block;
  line-height: 200px;
  height: 200px;
  margin: 5px 0 0 5px;
  text-align: center;
  width: 350px;
}

div.image_mask {
  background: url(/images/static/image_mask.png) no-repeat left top transparent;
  height: 210px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 360px;
}

div.deal_price_details {
  float: left;
  margin: 10px 0 0 0;
  width: 216px;
}

/* Price */
div.deal_price_details span {
  background: url(/images/static/deal_price.png) no-repeat left top yellow;
  display: block;
  color: #000;
  font-size: 28px;
  font-weight: bold;
  height: 69px;
  line-height: 69px;
  padding-left: 80px;
  width: 136px;
}

div.discount_details_wrapper {
  margin-top: 20px;
  overflow: hidden;
}

div.each_discount_details {
  float: left;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  width: 72px;
}

div.each_discount_details strong {
  font-weight: bold;
}

div.deal_price_details a {
  display: block;
  margin-top: 20px;
  text-align: center;
}

div.deal_price_details a img {
  display: block;
  height: 43px;
  margin: 0 auto;
  width: 183px;
}

div.DOTD_summary {
  clear: both;
  font-size: 12px;
  overflow: hidden;
  padding: 20px 20px 0 20px;
}

div.DOTD_summary h3 {
  color: #096094;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

div.DOTD_bestBits {
  float: right;
  letter-spacing: 0.5px;
  line-height: 18px;
  width: 180px;
}

div.DOTD_bestBits ul li {
  margin-left: 15px;
  list-style-type: disc;
}

div.DOTD_overview {
  float: left;
  letter-spacing: 0.5px;
  line-height: 16px;
  width: 340px;
}

div.DOTD_footer {
  background: url(/images/static/DOTD_footer.gif) no-repeat left bottom;
  clear: both;
  padding: 20px 0 20px 0;
}

form#DOTD_mailing_list {
  float: right;
  margin-right: 20px;
}

form#DOTD_mailing_list label {
  color: #096094;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 18px;
  margin-right: 5px;
}

form#DOTD_mailing_list input.text {
  border: 1px solid #bcbcbc;
  margin-right: 5px;
}

a.addThis {
  float: left;
  margin-left: 20px;
}


/* !=== Deal Of The Day on archive page    ========================================== */

div.defaultDOTD_wrapper {
  background-color: #f1f1f1;
  border: 1px solid #bcbcbc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  letter-spacing:0.6px;
  line-height:15px;
  margin-bottom: 10px;
}

div.DOTD_inner {
  height: auto;
  overflow: hidden;
  padding: 10px 0 10px 10px;
}

div.DOTD_inner h2, div#filmTrailersWrapper h2, div#featuredVideos h2, #tertiaryContent h2, #travelSearchHeader {
  background: none;
  border-bottom: 2px solid #013eb0;
  color: #013eb0;
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 10px 0;
  position: relative;
}

div.DOTD_inner h2 {
  color: #3c3c3c;
  margin-right: 10px;
}

div.DOTD_inner h2 span {    
  color: #bfd6ff;
  position: absolute;
  right: 0px;
  top: -5px;
  font-size: 14px;
}

/* the video or image wrapper */
div.DOTD_left {
  float: left;
  font-size: 10px;
  width: 350px;
}

div.DOTD_left a {
  color: #3c3c3c;
  display: block;
  margin-right: 10px;
}

.DOTD_left .flowplayer a {
  background-color: #fff;
  display: block;
  height: 200px;
  margin: 0 0 10px 0; /* specify all sides to cancel inherited margin */
  position: relative;
  width: 350px;
}

div.DOTD_right {
  float: right;
  margin-left: -360px;
  width: 100%;
}

div.DOTD_rightInner {
  height: 200px;
  margin-left: 355px;
}

/* title of deal */
div.DOTD_right h3 {
  color: #013eb0;
  font-size: 16px;
  font-weight: bold;
  height: 51px; /* maintains position of elements below title */
  line-height: 17px;
  margin: 0 0 3px 10px;
}

div.DOTD_noStock {
  background-color: #ec3838;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-right: 1px solid #bcbcbc;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  margin-left: 5px;
  padding: 2px 0 2px 15px;
}

/* Price information */

/* wrapper for price info */
div.DOTD_price {
  background: url(/images/static/DOTD_sprite.png) no-repeat left -497px transparent;
  border: none;
  color: #ec3838;
  font-size: 14px;
  height: 86px;
  margin: 5px 0 3px 0;
  padding: 0;
  width: auto;
}

div.DOTD_price strong  {
  font-weight: bold;
}

/* the actual deal price */
div.DOTD_deal_price {
  font-size: 16px;
  padding: 15px 0 0 20px;
}

/* the three price elements, VALUE, DISCOUNT and SAVING */
div.DOTD_price_details {
  border: 1px solid #ffde00;
  border-width: 1px 1px 0 0;
  color: #3c3c3c;
  float: left;
  font-size: 12px;
  line-height: 16px;
  margin: 7px 0 0 0;
  padding-top: 8px;
  text-align: center;
  width: 74px;
}

/* link to deal */

a.DOTD_action {
  background: url(/images/static/DOTD_sprite.png) no-repeat left top;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 46px;
  line-height: 45px;
  margin: 0 0 0 30px;
  position: absolute; /* FF hack to keep other links clickable */
  position: inherit;
  float: right;
  text-align: center;
  width: 166px;
}

a.DOTD_action:hover {
  background-position: left -45px;
}

/* text below media */

div.DOTD_details {
  background-color: #fff;
  font-size: 12px;
  margin-top: 15px;
  padding: 10px 0 10px 10px;
}

div.DOTD_details h3 {
  color: #013eb0;
  font-size: 16px;
  font-weight: bold;
}

/* Best bits */

div.DOTD_details div.bestBits {
  float: left;
  height: auto;
  width: 200px;
}

div.DOTD_details div.bestBits ul {
  margin: 5px 0 0 10px;
}

div.DOTD_details div.bestBits ul li {
  margin-left: 5px;
  list-style-type: disc;
}

/* overview */

div.DOTD_details div.overview {
  float: left;
  height: auto;
  width: 680px;
  padding: 0 0 0 10px;
}

div.DOTD_details div.overview p {
  margin-top: 5px;
}

/* Links at bottom of DOTD */

div.DOTD_links {
  padding: 5px 0 0 0;
}

div.DOTD_links a {
  color: #013eb0;
  float: left;
  margin-right: 5px;
}

div.DOTD_links a.addThis {
  float: right;
}

/* !=== Wowcher on homepage */
/* ===============================================*/

#wowcher_widget {
  background-color: #fff;
  border: 1px solid #bcbcbc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  float: right;
  margin: 15px 0 15px 0;
  position: relative;
  width: 338px;
}

#wowcher_widget h2 {
  height: 66px;
  background-color: #E31262;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

#wowcher_widget h2 img {
  margin-top: 10px;
}

#wowcher_widget a.wowcher_deal_image {
  display: block;
  margin: 20px auto;
  width: 280px;
}

#wowcher_widget h3 {
  width: 280px;
  margin: 0 auto;  
}

#wowcher_widget h3 a {
  text-decoration: none;
  font-size: 20px;
  color: #000;
}

.wowcher_price {
  width: 280px;
  margin: 0 auto;
}

.wowcher_price span {
  background-color: #f1f1f1;
  border: 1px solid #bcbcbc;
  border-width: 1px 0;
  padding: 5px 10px;
  display: block;
  width: 260px;
  margin: 10px auto;
  font-size: 20px;
}

.wowcher_price span em {
  float: left;
  display: inline;
  font-style: normal;
}

.wowcher_price span strong {
  float: right;
  display: inline;
}

.price_breakdown .price_item {
  float: left;
  font-size: 12px;
  text-align: center;
  width: 93px;
}

/* !=== Wowcher footer banner */
/* ===============================================*/

a.wowcher_footer {
  background: url(/images/static/wowcher_footer.png) no-repeat left top #fff;
  display: block;
  height: 44px;
  text-indent: -5000px;
  width: 323px;
}

a.wowcher_footer:hover {
  background-position: left bottom;
}

div.wowcher_no_data_footer img {
  display: block;
  font-size: 12px;
  height: 325px;
  line-height: 325px;
  padding-top: 100px;
  text-align: center;
  width: 323px;
}

/* !=== Travel Planner    ========================================== */

div#travelSearchWrapper {
  background: url(/images/static/footprints.gif) no-repeat right top #E5E5E5;
  border: 1px solid #bbbcbc;
  clear: both;
  margin-bottom:15px;
}

div#travelSearchWrapper h2 {
  font-size: 16px;
  margin: 15px 0 15px 10px;
}

#travelSearchForm {
  margin-left: 10px;
}

#travelSearchForm fieldset {
  margin-bottom: 15px;
}

div.input_section {
  float: left;
  width: 170px;
}

#travelSearchForm label.input_label {
  display: block;
  float: left;
  font-size: 13px;
  margin-bottom: 3px;
  position:relative;
  width: 140px;
}

#travelSearchForm label em { 
  font-size: 11px;
  color: #bcbcbc;
  font-style: italic;
  left: 0px;
  position: absolute;
  text-align: right;
  top: 30px;
  width: 140px;
}

#travelSearchForm .input_field {
  border: 1px solid #bbbcbc;
  clear: left;
  float: left;
  padding: 1px 3px;
  width: 140px;
}

div.departArriveWrapper {
  float: left;
  margin-left: 20px;
  padding-top:15px;
  width: 140px;
}

div.time_Wrapper {
  float: left;
  width: 140px;
}

select#timeHours {
  margin-right: 10px;
}

input#travel_submit {
  float: left;
  margin-top: 15px;
}

img.ui-datepicker-trigger {
  float: left;
  margin-left: 5px;
  vertical-align: top;
}

#ui-datepicker-div {
  font-size: 12px;
}

/* !=== Film Trailers    ========================================== */

div#filmTrailersWrapper {
  background: url(/images/static/homepage_box_backgrounds_sprite.png) no-repeat left top;
  clear: both;
  height: 311px;
  padding: 10px;
}

div#filmTrailersWrapper a.flowplayer {
  background-color: #fff;
  border: 1px solid #3c3c3c;
  display:block;
  text-decoration: none;
  float: left;
  height: 230px;
  position: relative;
  text-decoration: none;
  width: 409px;
}

/* container of film titles */
div#filmList {
  border: 1px solid #3c3c3c;
  float: right;
  height: 228px;
  width: 460px;
  overflow: auto;
}

/* film titles list */
div#filmList ul li {
  float: left;
  height: 76px; /* size of thumb image plus margin */
  width: 55px; /* Stop design from breakign when images doesn't download */
}

div#filmList ul li a {
  background: url(/images/static/loading_icon_32px.gif) no-repeat center center;
  display: block;
}

/* film trailer thumbnail - this hovers to show more info */
img.filmTrailerThumbnail {
  border: 1px solid #fff;
  height: 74px;
  margin: 0;
  width: 53px;
}

img.filmTrailerThumbnail:hover {
  border-color: #397eff;
}

div.filmTrailerInfo {
  background-color: #fff;
  border: 1px solid #3c3c3c;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  display: none;
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 14px;
  padding: 10px;
  position: absolute;
  width: 400px;
  z-index: 500;
}

div.closeFilmInfo { 
  background-image: url(/images/static/icon_close.png); 
  position: absolute; 
  right: -7px; 
  top: -7px; 
  cursor: pointer; 
  height: 28px; 
  width: 28px; 
} 

div#filmList ul.noJSfallback li:hover > div.filmTrailerInfo {
  display: block;
}

div.filmTrailerInfo h3 {
  color: #013eb0;
  font-size: 16px;
  border-bottom: 3px solid #013eb0;
  letter-spacing: 1.5px;
  line-height: 18px;
  margin-bottom: 10px;
}

div.filmTrailerContent_left {
  width: 134px;
  float: left;
}

/* need to be this specific to cancel out background loading image inheritance */
div#filmList ul li div.filmTrailerContent_left a.loadFilmTrailer {
  background-color: #397eff;
  background-image: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #fff;
  display: block;
  height: 30px;
  line-height: 28px;
  margin-top: 20px;
  text-align: center;
}

div.filmTrailerContent_right {
  float: right;
  width: 256px;
}

div.filmTrailerContent_right dl dt {
  font-weight: bold;
}

div.filmTrailerContent_right dl dd {
  margin-bottom: 5px;
}

div.filmTrailerContent_right p {
  height: 120px;
  margin-bottom: 10px;
  overflow-y: auto;
}

div.nowPlaying {
  border: 3px solid #bcbcbc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #013eb0;
  font-size: 14px;
  letter-spacing: 0.6px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  z-index: 500;
}

div.nowPlaying strong {
  font-weight: bold;
  position: relative; /* make it opaque */
}

div.nowPlaying span {
  position: relative; /* make it opaque */
}

div.nowPlaying .opaqueBackground {
  background-color: #f1f1f1;
  position: absolute;
  left: 0px;
  top:0px;
  opacity: 0.4;
/*   filter:alpha(opacity=40); this is repeated in browser specific stylesheets */
  width: 922px;
  height: 24px;
  z-index: -1;
}

div.filmTrailersOverview {
  border: 1px solid #3c3c3c;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #013eb0;
  font-size: 14px;
  letter-spacing: 0.6px;
  margin-top: 15px;
  padding: 5px;
}

div#filmTrailersWrapper div.nowPlaying {
  margin-top:15px;
}

a img.noFilmImageThumbnail {
  float:left;
  padding: 5px 0 0 5px;
  width:134px;
}

a.flowplayer span.noFilmImageTitle {
  background-color: #bfd6ff;
  color: #013eb0;
  display: block;
  float: right;
  font-size: 14px;
  letter-spacing: 0.6px;
  margin:5px 5px 0 0;
  width: 255px;  
  padding: 10px 0 10px 10px;
}

a.flowplayer span.noFilmImageText {
  color: #3c3c3c;
  display: block;
  float: right;
  font-size: 13px;
  letter-spacing: 0.6px;
  margin:5px 10px 0 0;
  max-height: 140px;
  overflow-y: auto;
  padding: 10px 0;
  width: 245px;
}

/* ------------------------------------------FEATURED VIDEOS */

#featuredVideos {
  background: url(/images/static/homepage_box_backgrounds_sprite.png) no-repeat left -348px;
  font-size: 12px;
  height: 377px;
  letter-spacing: 0.6px;
  line-height: 14px;
  padding: 10px;
}

div#featuredVideos a.flowplayer {
  border: 1px solid #3c3c3c;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float:right;
}

div#featuredVideosPlaylist {
  border: 1px solid #3c3c3c;
  height: 300px;
  width: 497px;
  overflow-y: auto;
}

div#featuredVideosPlaylist > ul {
}

div#featuredVideosPlaylist ul > li {
  height: 100px;
}

/* normal states */

li.featuredVideoIsShop div.featuredVideoPlaylistItemWrapper {
  background: url(/images/static/featured-video-playlist.png) no-repeat left -440px transparent;
}

li.featuredVideoIsProduct div.featuredVideoPlaylistItemWrapper {
  background: url(/images/static/featured-video-playlist.png) no-repeat left -440px transparent;
}

li.featuredVideoIsClassified div.featuredVideoPlaylistItemWrapper {
  background: url(/images/static/featured-video-playlist.png) no-repeat left top transparent;
}

li.featuredVideoIsProperty div.featuredVideoPlaylistItemWrapper {
  background: url(/images/static/featured-video-playlist.png) no-repeat left -110px transparent;
}

li.featuredVideoIsBusiness div.featuredVideoPlaylistItemWrapper {
  background: url(/images/static/featured-video-playlist.png) no-repeat left -330px transparent;
}

li.featuredVideoIsJob div.featuredVideoPlaylistItemWrapper:hover {
  background: url(/images/static/featured-video-playlist.png) no-repeat left -220px transparent;
}

/* hover states */

li.featuredVideoIsShop div.featuredVideoPlaylistItemWrapper:hover {
  background: url(/images/static/featured-video-playlist.png) no-repeat -500px -440px transparent;
}

li.featuredVideoIsProduct div.featuredVideoPlaylistItemWrapper:hover {
  background: url(/images/static/featured-video-playlist.png) no-repeat -500px -440px transparent;
}

li.featuredVideoIsClassified div.featuredVideoPlaylistItemWrapper:hover {
  background: url(/images/static/featured-video-playlist.png) no-repeat -500px top transparent;
}

li.featuredVideoIsProperty div.featuredVideoPlaylistItemWrapper:hover {
  background: url(/images/static/featured-video-playlist.png) no-repeat -500px -110px transparent;
}

li.featuredVideoIsBusiness div.featuredVideoPlaylistItemWrapper:hover {
  background: url(/images/static/featured-video-playlist.png) no-repeat -500px -330px transparent;
}

li.featuredVideoIsJob div.featuredVideoPlaylistItemWrapper:hover {
  background: url(/images/static/featured-video-playlist.png) no-repeat -500px -220px transparent;
}

div.featuredVideoPlaylistItemWrapper {
  height: 100px;
  overflow: hidden;
  width: 479px;
}

div.featuredVideoItem_right {
  float: right;
  height: 100px;
  width: 359px;
}

div.featuredVideoItem_left {
  float:left;
  height: 100px;  
  text-align: center;
  width: 120px
}

div.featuredVideoItem_left a {
  display: block;
}

div#featuredVideosPlaylist ul li h3 {
  color: #013eb0;
  font-size: 13px;
  margin: 0 0 10px 0;
}

div#featuredVideosPlaylist ul li img {
  margin-top: 10px;
}

span.featuredVideoType {
  display: block;
  font-size: 11px;
  margin:5px 5px 0 0;
  text-align: right;
}

div#featuredVideosPlaylist ul li span.featuredVideoPrice {
  color: #ec3838;
  margin-right: 5px;
}

div.featuredVideoItem_rightInner a {
  margin-left: 10px;
}

div.featuredVideoItem_right a.loadVideo {
  background-color: #397eff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
  display:block;
  float: right;
  padding: 3px;
  margin-right: 5px;
}

div#featuredVideosPlaylist ul li ul {
  height: 16px;
  margin: 5px 0 0 12px;
  overflow: hidden;
  width: 108px;
}

div#featuredVideosPlaylist ul li ul li {
  border: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  cursor: pointer;
  display: block;
  float: left;
  height: 16px;
  margin-right: 2px;
  overflow: hidden;
  text-indent: -5000px;
  width: 16px;
}

li.HasProfileVideo_16px {
  background: url(/images/static/icon_sprite_vertical_16px.png) no-repeat left -304px;
}

li.HasFeaturedItems_16px {
  background: url(/images/static/icon_sprite_vertical_16px.png) no-repeat left -288px;
}

li.HasProductVideos_16px {
  background: url(/images/static/icon_sprite_vertical_16px.png) no-repeat left -272px;
}

li.IsRecruiting_16px {
  background: url(/images/static/icon_sprite_vertical_16px.png) no-repeat left -320px;
}

li.HasVouchers_16px {
  background: url(/images/static/icon_sprite_vertical_16px.png) no-repeat left -256px;
}

li.HasGallery_16px {
  background: url(/images/static/icon_sprite_vertical_16px.png) no-repeat left -240px;
}

/* !=== Tertiary Content    ========================================== */

#tertiaryContent {
  background: url(/images/static/homepage_box_backgrounds_sprite.png) no-repeat left -769px;
  clear: both;
  padding: 10px;
}

.recommendedInnerWrapper {
  margin: 0 auto;
  width: 885px;
  padding-right: 10px;
}

/* Curved Box Styles */

div.curvedBoxContainer {
  border: 1px solid #3c3c3c;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  float:left;
  height: 173px;
  margin-left: 10px;
  position:relative;
  z-index: 500;
}

div.curvedBoxOpacity {
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  height: 173px;
  left: 0;
  width: 135px;
  opacity: 0.5;
  position: absolute;
  top: 0;
  z-index: -1;
}

div.recommendedItemInner {
  padding: 5px 0 0 5px;
  position: relative;
  z-index: 500;
}

/* anchor around thumbnail */
.recommendedInnerWrapper div.inner a {
  display: block;
  float: left;
  width: auto;
}

img.featuredThumbs {
  margin-bottom: 10px;
}

/* styles for the individual <li>'s are in default.css */

#tertiaryContent ul {
  float:left;
  margin-left: 10px;
  width: 24px;
}

/* featured item title */
.recommendedInnerWrapper div.inner .featuredName a {
  padding-right: 5px;
}