html{
  height: 100%;
}

body{
  margin: 0;
  padding: 0;
  height:auto;
  font: 11px/15px Arial, Helvetica, sans-serif;
  color: #5b5b5b;
  text-align: center;
  background: url("../img/backgrounds/wood_light.jpg"/*tpa=http://www.boredofsouthsea.co.uk/img/backgrounds/wood_light.jpg*/) top center repeat #F2CA85;
}

img{
  border : 0px;
}


/* Structural
=========================================================================== */

#table_body {
  background: url("../img/backgrounds/central.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/backgrounds/central.gif*/) top center repeat-y;
}

#table_header {
  background: url("../img/backgrounds/header_new.jpg"/*tpa=http://www.boredofsouthsea.co.uk/img/backgrounds/header_new.jpg*/) top no-repeat;
}

.pageWrapper{
  width: 900px;
  text-align: left;
  margin: 0 auto;
}

#pageHeader{
  height: 141px;
}

#contentWrapper{
  width: 880px;
  margin: 0px 10px 30px 10px;
  background: url("../img/backgrounds/lines.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/backgrounds/lines.gif*/) repeat-y;
  overflow: auto;
}

#contentWrapperHome{
  width: 880px;
  margin: 0px 10px 30px 10px;
  background: url("../img/backgrounds/linesHome.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/backgrounds/linesHome.gif*/) repeat-y;
  overflow: auto;
}

#contentWrapper #left,
#contentWrapperHome #left{
  width: 180px;
  display: table-cell;
  float: left;
  font: 11px Arial, Helvetica, sans-serif;
  border-collapse: collapse;
}

.leftBox, .leftBoxFree{
  width: 180px;
  background: url("../img/backgrounds/titleLeft.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/backgrounds/titleLeft.gif*/) top repeat-x #fff;
  border-bottom: 1px solid #AAAAAA;
  padding-bottom: 18px;
}

/* ---------------------right box-----------------*/
.rightBox {
width: 160px;
  border-bottom: 1px solid #AAAAAA;
  padding-bottom: 18px;
}
.rightBox ul{
  margin-left: 10px;
  padding: 0;
}

.rightBox li{
  list-style: none;
  line-height: 18px;
}

.rightBox li a{
  color: #5b5b5b;
  text-decoration: none;
  background: url("../img/misc/arrowBlack.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/arrowBlack.gif*/) left no-repeat;
  padding-left: 12px;
  display:block;
}

.rightBox li a:hover{
  color: #00a1db;
  text-decoration: none;
  background: url("../img/misc/arrowBlue.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/arrowBlue.gif*/) left no-repeat;
  padding-left: 12px;
}

.rightBox li.on, .rightBox li.on a{
  color: #00a1db;
  list-style: none;
  text-decoration: none;
  line-height: 18px;
  background: url("../img/misc/arrowBlue.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/arrowBlue.gif*/) left no-repeat;
}

/*-------------------------end ------------------------*/
.leftBoxFree{
  padding-bottom: 0;
}

.leftBox .contentSide{ margin: 14px 14px 0 14px; }

#contentWrapper #content,
#contentWrapperHome #content{
  width: 690px;
  float: right;
  font: 11px Arial, Helvetica, sans-serif;
}

#contentWrapper #topSection{ width: 690px; height: 360px}
#brand-blurb {
    width: 690px;
    background:#f3f3f3;
    overflow:hidden;
    padding-bottom: 10px;
}
#brand-image {
    float:left;
    border-bottom: 1px solid #b1b1b1;
}
#brand-writeup {
    width: 502px;
    background: url("../img/backgrounds/brand_speech.png"/*tpa=http://www.boredofsouthsea.co.uk/img/backgrounds/brand_speech.png*/) no-repeat left top;
    height: 59px;
    float:right;
    font-size: 16px;
    color:#fff;
    line-height: 1.2;
    padding: 20px 40px;
}
#topSection .latestNews{
  width: 520px;
  background: url("../img/backgrounds/heading_base.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/backgrounds/heading_base.gif*/) top repeat-x #fff;
  border-bottom: 1px solid #AAAAAA;
  border-right: 10px solid #F3F3F3;
  padding-bottom: 18px;
  float: left;
}
/*-----------brief-------------------*/
.main {
background: url("../img/misc/orangeCross.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/orangeCross.gif*/) 13px 5px no-repeat;
  margin: 0;
  font-size:15px;
  padding: 5px 0px 5px 26px;
  color:#FFFFFF;
  text-align:left;
}
.brief_img {
border:0px;
padding:2px;
margin:1px 8px 4px 3px;
float:left;
}

span.brief p {
font-size:11px;
padding:2px 5px;
}

span.brief p:first-letter {
font:20px "Monotype Corsiva";
color:black;
}

/*----------------------brief end-------------------------*/
#topSection .latestNews .contentLeft{
  margin: 0 0 0 16px !important;
  margin: 0 0 0 8px;
  width: 154px;
  height: 308px;
  float: left;
  padding: 0;
  display: block;
  padding-top: 17px;
}

#topSection .latestNews .content{
  margin: 17px 0 0 14px;
  width: 154px;
  height: 308px;
  float: left;
}

#contentWrapper #right{
  width: 160px;
  float: right;
}

#topSection #miniPlayer{
  background: url("../img/backgrounds/titleVideo.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/backgrounds/titleVideo.gif*/) top no-repeat #fff;
  border-bottom: 1px solid #AAAAAA;
}

#topSection #miniPlayer .content{ margin: 7px 2px 2px 2px; }

#topSection #sale_box {
  border: none;
  height: 84px;
  width: 160px;
  display: block;
  text-align:center;
}


#topSection #brands{
  background: url("../img/backgrounds/heading_base.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/backgrounds/heading_base.gif*/) top repeat-x #fff;
  border-bottom: 1px solid #AAAAAA;
  margin-top: 0;
}

#topSection #brands .brandsAnimation{ margin: 20px 0 0 16px; }

#contentWrapper .standard{
  width: 690px;
  overflow:hidden;
  background: url("../img/backgrounds/heading_base.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/backgrounds/heading_base.gif*/) top repeat-x #fff;
  border-bottom: 1px solid #AAAAAA;
  padding-bottom: 18px;
}

#contentWrapper .standard .itemLeft{
  margin: 0 0 0 16px !important;
  margin: 0 0 0 8px;
  width: 200px;
  float: left;
  display: block;
  border-collapse: collapse;
}

#contentWrapper .standard .item{
  margin: 0 0 0 8px;
  width: 200px;
  float: left;
  display: block;
}

#contentWrapper .standard .itemLeft p, #contentWrapper .standard .item p {
  width: 110px;
}

#contentWrapper #content a.noHighlight, #contentWrapperHome #content a.noHighlight,
#contentWrapper #content a.noHighlight:hover, #contentWrapperHome #content a.noHighlight:hover {
  text-decoration: none;
  color: #5B5B5B;
  line-height:15px;
}

.row{
  padding-top: 17px;
  width: 680px;
  display: block;
  clear: left;
}

.topRow{
  padding-top: 12px !important;
  padding-top: 6px;
  width: 680px;
  display: block;
}

.topRowNews{
  margin-top: 17px;
  width: 680px;
  display: block;
}

.price {
  color: red;
  float: right;
  margin-top: 6px !important;
  margin-top: 16px;
}

.price span {
  text-decoration: line-through;
  display: block;
}

.clear {
  display: block;
  font-size: 1px;
  line-height: 1px;
  clear: both;
  height: 1px;
  overflow: hidden;
}

#contentWrapper .content,
#contentWrapperHome .content{ margin: 17px 16px 0 16px; }

#contentWrapper .productLeft{
  width: 400px;
  display: table-cell;
  border-collapse: collapse;
  float: left;
}

#contentWrapper .productRight{
  width: 244px;
  display: table-cell;
  border-collapse: collapse;
  float: right;
  margin-right: 0;
  background: url("../img/misc/sticker.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/sticker.gif*/) right top no-repeat;
}

#titles {
  line-height: 14px;
  width: 155px;
}

#bigPrice {
  padding: 14px 0 14px 0;
}

p.sold_out {
  font-size: 15px;
  line-height: 17px;
  font-weight: bold;
}

#bigPrice span {
  font-size: 15px;
  line-height: 15px;
  text-decoration: line-through;
  display: block;
  padding-bottom: 7px;
}

#bigPrice strong {
  font-size: 15px;
  line-height: 15px;
}

#bigPrice em {
  font-size: 15px;
  line-height: 15px;
  color: #0196CD;
  font-style: normal;
  padding-left: 5px;
}

.options{ display: table}

.productPages{ float: right; }

#contentWrapper .news{
  width: 490px;
  margin-left: 184px;
}

#contentWrapper .newsMargin{
  width: 490px;
  margin: 6px 0 0 184px;
}

#contentWrapper .newsMargin p{
  margin: 0 0 6px 0;
}

#productDesc
{
  width: 240px;
  padding-bottom: 10px;
}

#other_images {
  height: 90px;
  padding-top: 13px;
}

#other_images img.border {
  display: block;
  float: left;
  margin-right: 8px;
  cursor: pointer;
}
#other_images img.no_border_margin {margin: 0;}

/* Text
=========================================================================== */

p{
  margin: 0;
  padding: 0;
}

.light{
  color: #cacaca;
}

#contentWrapper #content p,
#contentWrapperHome #content p{ line-height: 14px; }

.marginTop{
   height:50px;
  margin-top: 5px !important;
  margin-top: 4px;
}

.marginTopSmall{
  margin-top: 10px !important;
  margin-top: 7px;
  font-size: 10px;
  text-align: center;
}

.directions{
  margin-top: 10px !important;
  margin-top: 7px;
  width: 400px;
}

#contentWrapper #content a,
#contentWrapperHome #content a{
  color: gray;
  text-decoration: none;
}

#contentWrapper #content a:hover,
#contentWrapperHome #content a:hover{ 
text-decoration: none; 
color:#00a1db; }

.more{
  background: url("../img/misc/arrowRed.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/arrowRed.gif*/) left no-repeat;
  padding-left: 12px;
}

.moreTop, .morePhone{
  background: url("../img/misc/arrowRed.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/arrowRed.gif*/) left no-repeat;
  padding-left: 12px;
  margin-top: 10px;
}

.morePhone
{
  background: url("../img/misc/infoIcon.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/infoIcon.gif*/) left no-repeat;
  color: #8C8C8C;
}

.productPages span{ color: #AAAAAA; }

.enlarge{
  background: url("../img/misc/magnify.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/magnify.gif*/) left no-repeat;
  padding-left: 12px;
  float: left;
  margin-bottom: 8px !important;
  margin-bottom: 0;
}

.news span{
  color: #a8a8a8;
}


/* Titles
=========================================================================== */

h1{
  background: url("../img/misc/blueCross.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/blueCross.gif*/) 13px 5px no-repeat;
  margin: 0;
  font-size: 11px;
  color: #FFFFFF;
  text-transform: uppercase;
}

h2{
  background: url("../img/misc/orangeCross.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/orangeCross.gif*/) 13px 5px no-repeat;
  margin: 0;
}

h2.main{ padding: 5px 0 5px 26px; }


/* Misc
=========================================================================== */

#logo{
  margin: 14px 0 0 34px;
  float: left;
}

/* Apply under all boxes except bottom ones */
.blank{
  background-color: #f3f3f3;
  height: 8px;
  font-size: 1px;
  clear: both;
}

/* Apply to all pictures */
.border {
  padding: 2px;
  border: 1px dashed #AAAAAA;
}

/* Apply to all news pictures */
.borderNews {
  padding: 2px;
  border: 1px dashed #AAAAAA;
  display: table-cell;
  border-collapse: collapse;
  float: left;
  margin-left: 16px;
}

.map{
  padding: 2px;
  border: 1px dashed #AAAAAA;
  display: table-cell;
  border-collapse: collapse;
  float: right;
  clear: right;
  margin-bottom: 10px;
  margin-top: 4px;
}

.arrow{ margin-right: 4px; }

.options ul{
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 1px;
  line-height: 1px;
}

.options li{
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

.colorOptions li
{
  height: 20px;
  width: 20px;
  margin-right: 8px;
}

.colorOptions li a
{
  display: block;
  border: 1px solid #AAAAAA;
  height: 20px;
  width: 20px;
  text-decoration: none;
  line-height: 18px;
}

.colorOptions li span{
  display: block;
  height: 18px;
  width: 9px;
  margin: 1px 0 0 0;
  float: left;
  text-decoration: none;
  cursor: pointer;
}

.colorOptions li span.left{
  border-left: 1px solid white;
}

.colorOptions li a.colourSelected, .colorOptions li a:hover{
  border: 1px solid #ff5019;
  text-decoration: none;
}

.sizeOptions li
{
  height: 22px;
  width: 22px;
  margin-right: 8px;
}

.sizeOptions li a
{
  display: block;
  height: 22px;
  width: 22px;
  text-decoration: none;
  line-height: 18px;
}

.sizeOptions li a:hover, .sizeOptions li a.sizeSelected
{
  text-decoration: none;
  background-position: 0 -22px;
}

.size{ margin-right: 8px; }

.clearLeft{ clear: both; }

hr{
  border: none;
  border-top: 1px dashed #AAAAAA;
  width: 100%;
  height: 1px;
  margin: 0 0 0 0;
  font-size: 1px;
  line-height: 1px;
  clear: both;
  padding: 0;
}


/* Buttons
=========================================================================== */

.viewBasket, .viewBasket a{
  width: 152px;
  height: 28px;
  display: block;
  background: url("../img/buttons/viewBasket.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/buttons/viewBasket.gif*/) top no-repeat;
  margin-top: 8px;
  text-decoration: none; 
}

.viewBasket a {margin: 0}

.viewBasket a:hover{background-position: bottom;}

.addButtonWrapper
{
  clear: both;
  padding: 20px 0 0 0;
}

.addToBasket{
  width: 135px;
  height: 28px;
  display: block;
  background: url("../img/buttons/addToBasket.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/buttons/addToBasket.gif*/) top no-repeat;
}

.addToBasket:hover
{
  background-position: 0 -28px;
}

.delete {
  width: 25px;
  height: 24px;
  display: block;
  background: url("../img/buttons/deleteLight.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/buttons/deleteLight.gif*/) top no-repeat;
}

.deleteDark {
  background-image: url("../img/buttons/deleteDark.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/buttons/deleteDark.gif*/);
}

.delete:hover {background-position: 0 -24px;}

.continue, .continue a{
  width: 166px;
  height: 28px;
  display: block;
  background: url("../img/buttons/continueShopping.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/buttons/continueShopping.gif*/) top no-repeat;
  float: right;
  margin-right: 8px;
}

.continue a {text-decoration: none; margin: 0}
.continue a:hover{text-decoration: none; background-position: bottom}

.proceed{
  width: 97px;
  height: 28px;
  display: block;
  background: url("../img/buttons/proceed.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/buttons/proceed.gif*/) top no-repeat;
  float: right;
}

.proceed:hover{ background-position: 0 -28px;}


/* Navigation
=========================================================================== */

#pageHeader ul {
  padding: 0;
  float: right;
}

#logo_holder {
  background: transparent;
  border: 0;
  display: block;
  width: 153px;
  height: 130px;
  float: left;
}
/*------------daohang-------------------*/
.daohang {
background:url(../img/backgrounds/daohang.jpg);
border:0px;
width:900px;
height:30px;
margin:0px 0px 5px 0px;
}

.daohang_box a{
float:left;
border:0px;
width:150px;
font-size:13px;
text-align:center;
padding:5px 15px;
color:#FFFFFF;
text-decoration:none;
}

.daohang_box a:hover {
background:url(../img/backgrounds/back.jpg);
font-size:20px;
color:black;
text-align:center;
text-decoration:none;
width:150px;
height:20px;
}
/*----------------daohang end------------*-/
/* Product navigation
=========================================================================== */

.leftBox ul{
  margin: 0;
  padding: 0;
}

.leftBox li{
  list-style: none;
  line-height: 18px;
}

.leftBox li a{
  color: #5b5b5b;
  text-decoration: none;
  background: url("../img/misc/arrowBlack.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/arrowBlack.gif*/) left no-repeat;
  padding-left: 12px;
  display:block;
}

.leftBox li a:hover{
  color: #00a1db;
  text-decoration: none;
  background: url("../img/misc/arrowBlue.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/arrowBlue.gif*/) left no-repeat;
  padding-left: 12px;
}

.leftBox li.on, .leftBox li.on a{
  color: #00a1db;
  list-style: none;
  line-height: 18px;
  background: url("../img/misc/arrowBlue.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/arrowBlue.gif*/) left no-repeat;
}

.left {
color:#FFFFFF;
text-align:center;
font-size:15px;
background: url("../img/misc/blueCross.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/blueCross.gif*/) 13px 5px no-repeat;
  margin: 0;
 }

/* Forms
=========================================================================== */

.brands{
  width: 152px;
  border: 1px solid #AAAAAA;
  font: 11px Arial, Helvetica, sans-serif;
  color: #5b5b5b;
}

.brandsCategory{
  width: 152px;
  border: 1px solid #AAAAAA;
  font: 11px Arial, Helvetica, sans-serif;
  color: #5b5b5b;
  margin-bottom: 8px !important;
  margin-bottom: 2px;
}

.delivery{
  border: 1px solid #AAAAAA;
  font: 11px Arial, Helvetica, sans-serif;
  color: #5b5b5b;
  float: right;
  margin-top: 12px;
  margin-bottom: 10px;
}

form{
  margin: 0;
  padding: 0;
}

#deliveryBox {
  height: 35px;
  overflow: hidden;
}

#deliveryWarning {
  float: left;
  padding-top: 7px;
}

.checkoutForm {
  padding-left: 15px;
  width: 660px !important;
  width: 675px;
  widt\h: 660px;
  position: relative;
}

/* Discount Box
========================================================================= */

#discountBox {
  position: absolute;
  top: 60px;
  left: 15px;
  width: 380px;
}

#discountBox label {
  display: block;
  float: left;
  height: 28px;
  width: 78px;
  font-size: 10px;
  line-height: 12px;
  padding-top: 9px;
}

#discountBox input {
  display: block;
  float: left;
  height: 14px;
  width: 70px;
  font-size: 10px;
  line-height: 14px;
  padding: 5px;
  color: #5b5b5b;
  margin: 0;
}

#discountBox button {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  background: url("../img/buttons/applyDiscount.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/buttons/applyDiscount.gif*/) 0 0 no-repeat;
  width: 119px;
  height: 28px;
  margin-left: 8px;
  cursor: pointer;
}

#discountBox button:hover {
  background-position: 0 -28px;
}

#discountBox button span {
  display: none;
}

/* Basket
========================================================================= */

#errorBox {
  border: 1px solid #F6B39D;
  background: url("../img/misc/error_icon.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/error_icon.gif*/) 9px 11px no-repeat #FFE9E2;
  margin-bottom: 14px;
  padding: 8px 26px;
  color: #DE5F37;
}

#basket { margin: 17px 16px 0 16px; display: table; border-collapse: collapse; width: 658px}
#basket .total { text-align: right; margin-top: 12px; font-size: 14px; font-weight: bold; }
#basket td { padding: 8px 20px; }
#basket tr.top { background-color: #6d6d6d; color: #fff; font-weight: bold; }
#basket tr.white { background-color: #F3F3F3; color: #5b5b5b; }
#basket tr.gray { background-color: #E8E8E8; color: #5b5b5b; }
#basket .quantity { border: 1px solid #c7c7c7; height: 16px; }

#basketButtons {
  margin-top: 12px;
  border-top: 1px dashed #AAAAAA;
  padding-top: 12px;
  float: right;
  width: 100%;
}

#basketTable td{font-size: 11px; line-height: 28px}
#basketTable .top td{font-size: 11px; line-height: 15px}

/* Checkout
========================================================================= */

#checkout {margin: 17px 16px 0 16px}
#checkout .error {color: #FF5019}
#checkout form {margin: 12px 0 0 0}
#checkout form div {height: 28px}
#checkout form label {float: left; width: 140px; text-align: right; line-height: 22px}
#checkout form label em {color: #FF5019; margin-right: 5px}
#checkout form span {margin-left: 150px; display: block}
#checkout form span input {height: 15px; font: 11px/15px Arial, Helvetica, sans-serif; color: #5b5b5b; width: 200px}
#checkout form span input.error {border: 1px solid #FF5019}
#checkout form strong {float: left; width: 140px; text-align: right; line-height: 22px}
#checkout form span strong {float: none; line-height: 22px}
#checkout .break {margin: 0 0 15px 0}

#checkoutButtons {
  height: 28px;
  padding: 12px 0 10px 150px;;
}

.toCheckout {
  width: 174px;
  height: 28px;
  display: block;
  float: left;
  background: url("../img/buttons/payWithCreditCard.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/buttons/payWithCreditCard.gif*/) top no-repeat;
}

.toPaypal {
  width: 155px;
  height: 28px;
  display: block;
  float: left;
  background: url("../img/buttons/payWithPaypal.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/buttons/payWithPaypal.gif*/) top no-repeat;
  margin-left: 8px;
}

.toCheckout:hover, .toPaypal:hover  {
  text-decoration: none; 
  background-position: 0 -28px;
}


/* Complete
========================================================================= */

.returnHome, .returnHome a
{
  height: 28px;
  width : 179px;
  background: url("../img/buttons/returnToHomepage.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/buttons/returnToHomepage.gif*/) 0 0 no-repeat;
  display: block;
  margin-top: 10px;
  text-decoration: none;
}

.returnHome a
{
  margin: 0;
  text-decoration: none;
}

.returnHome a:hover
{
  text-decoration: none;
  background-position: 0 -28px;
}

.returnHome a span {display: none;}

div.feed, div.feed a
{
  display: block;
  height: 11px;
  width: 11px;
  background: url("../img/misc/rssLogo.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/misc/rssLogo.gif*/) 0 0 no-repeat;
  float: right;
  margin: 5px 13px 0 0 !important;
  margin: 5px 7px 0 0;
  line-height: 10px;
}

div.feed a
{
  margin: 0 !important;
}

/* Signup Form
=========================================================================== */
#signupForm {
    padding: 3px 0 0 6px;
}
#signupForm p
{
  margin: 0 0 4px 0;
}

#signupForm a
{
  color: #0FABE4;
  text-decoration: none;
}

#signupForm a:hover
{
  text-decoration: underline;
}

#signupName, #signupEmail
{
  height: 16px !important;
  height: 14px;
  heigh\t: 16px;
  width: 142px !important;
  width: 142px;
  widt\h: 146px;
  padding: 2px 0 0 4px; 
  border: 1px solid #AAAAAA;
  line-height: 16px;
  font-size: 11px;
  color: #AAAAAA;
  margin: 2px auto 4px 0;
}

#contentWrapper #signupName.error, #contentWrapper #signupEmail.error
{
  border-color: #FF5019;
  color: #FF5019;
}

#signupTerms
{
  border: 0;
}

#signupButton
{
  display: block;
  height: 28px;
  width: 96px;
  background: url("../img/buttons/signup.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/buttons/signup.gif*/) 0 0 no-repeat;
  margin-top: 4px;
}

#signupButton:hover
{
  background-position: 0 -28px;
}

/* Site Map
=========================================================================== */

.siteMap, .siteMapHalf
{
  display: block;
  list-style: none;
  padding: 20px 20px 10px 20px;
  margin: 0;
  line-height: 18px;
}

.siteMap li
{
  display: block;
  clear: both;
}

.siteMapHalf
{
  float: left;
  width: 280px;
}

.siteMapHalf div
{
  width: 280px;
}

.siteMap div
{
  overflow: hidden;
  width: 590px;
  height: 18px;
  float: left;
}

.siteMap div a strong, .siteMap div a span
{
  color: #5b5b5b;
  float: none;
  display: inline;
  width: auto;
  text-align: left;
}

.siteMap div a span
{
  text-decoration: underline;
}

.siteMap div a:hover strong, .siteMap div a:hover span
{
  text-decoration: none;
}

.siteMap span
{
  float: right;
  display: block;
  width: 50px;
  text-align: right;
}

/* Competition
=========================================================================== */

#competition
{
  height: 330px;
}

#competition img
{
  float: left;
  padding: 25px 0 0 14px;
}

#competition form
{
  width: 400px;
  padding: 25px 20px 0 0;
  float: right;
}

#competition h3
{
  color: #0FABE4;
  font-size: 22px;
  font-weight: normal;
  padding: 0;
  margin: 0 0 15px 0;
  line-height: 30px;
}

#competition p
{
  margin: 0 0 17px 0;
  padding: 0;
}

#competition strong
{
  display: block;
  margin: 0 0 17px 0;
}

#competition select
{
  width: 152px;
  padding: 0;
  margin: 0 0 10px 0;
  display: block;
  font-size: 11px;
}

#competition input
{
  width: 146px;
  display: block;
  float: left;
  font-size: 11px;
  background: white;
  border: 1px solid #CCCCCC;
  margin-top: 5px;
}

#competition button
{
  border: 0;
  margin: 0 0 0 10px;
  padding: 0;
  width: 141px;
  height: 28px;
  background: url("../img/buttons/submitAnswer.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/buttons/submitAnswer.gif*/) 0 0 no-repeat;
  cursor: pointer;
}

#competition button span
{
  display: none;
}

#competition button:hover
{
  background-position: 0 -18px;
}

#compoTerms
{
  clear: both;
  padding-top: 10px;
  font-size: 10px;
  color: #AAAAAA;
}

/* Footer
=========================================================================== */

#footer_table {
  background: url("../img/backgrounds/footer_new.gif"/*tpa=http://www.boredofsouthsea.co.uk/img/backgrounds/footer_new.gif*/) center top no-repeat;
}

#footer{
  width: 901px;
  padding: 20px 0 20px 1px;
  color: #AAAAAA;
  text-align: left;
  margin: 0 auto;
  font: 11px/15px Arial, Helvetica, sans-serif;
}

#footer p{ margin: 0 24px; }

#footer a{
  color: #5c5c5c;
  text-decoration: none;
}

#footer a:hover{
  color: #fff;
  text-decoration: none;
  background: #5c5c5c;
}

#footer .bbb{
  float: right;
  margin: 0 24px;
}

#footer .safariIsGay, #footer .safariIsGay:hover, #footer .safariIsGay img, #footer .safariIsGay:hover img, 
#footer .safariIsGay img:hover, #footer .safariIsGay:hover img:hover
{
  text-decoration: none;
  background: white;
}

/* Returns Box
=========================================================================== */

#returns_box h6 {
  color: #FF5019;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 17px 0;
  margin: 0;
}

#returns_box p {
  padding-bottom: 16px;
}
/*-----------------------------fenye------------------*/
div.pagination {
width:420px;
padding:5px;
margin:5px;
text-align:center;
float:left;
clear:both;
font-size:10px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #795636;
text-decoration: none;
color: #795636;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #795636;
color: #fff;
background-color: #795636;
}

/*------------------------------details_box----------------*/
div.details_box {
float:right;
border:0px solid;
width:380px;
margin-bottom:15px;
}

div.details_box1 {
float:left;
border:0px thin;
background-color:gray;
width:380px;
line-height:20px;
color:white;
text-align:left;
}

div.details_box2 {
border:0px solid;
width:150px;
line-height:20px;
color:#FF6600;
float:left;
}

div.details_box3 {
float:left;
border:0px;
width:220px;
line-height:20px;
}

div.description {
border:1px solid ;
width:260px;
float:left;
margin-left:15px;
}

div.description1 {
border:0px;
width:380px;
float:left;
margin-left:15px;

}

.details_price {
width:290px;
text-align:center;
font-size:17px;
height:50px;
color:red;
float:right;
margin-top:10px;
}

.music {
margin-top:8px;
margin-right:8px;
margin-left:15px;
float:left;
border:0px solid red;
width:660px;
}

.music1 {
margin-top:3px;
margin-bottom:2px;
margin-right:5px;
border:0px solid red;
width:215px;
line-height:15px;
text-align:left;
float:left;
}