/* CSS Document */
*
{
  margin: 0;
  padding: 0;
}

body {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  background: #6f6247;
  padding: 0;
  margin: 0;
  color: #333333;
}

:focus {
  outline: none;
}

p {
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 20px;
}

img {
  border: none;
}

form {
  margin: 0;
  padding: 0;
}

input {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #6cc0ff;
  cursor: pointer;
}

a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  line-height: normal;
  font-weight: normal;
}

h1 {
  color: #333333;
  font-size: 30px;
}


h2 {
}

h3 {
}

h4 {
  color: #333333;
  font-size: 13px;
}

h5 {
}

h6 {
}


hr {
  height: 0px;
  border-top: 0px solid #e1e1e1;
  color: #e1e1e1;
}

ul {
  list-style-image: url(../images/list_icon.gif);
  margin: 0 0 25px 0;
  padding: 0 35px;
}

li {
}

/* Editor. */

.cmscontent p
{
  font-size: 12px;
  line-height: 1.5;

  margin-bottom: 20px;
}

.cmscontent h1
{
  font-size: 22px;

  margin-bottom: 18px;
}

.cmscontent h2
{
  font-size: 18px;

  margin-bottom: 15px;
}

.cmscontent h3
{
  font-size: 16px;

  margin-bottom: 13px;
}

.cmscontent h4
{
  font-size: 14px;

  margin-bottom: 12px;
}

.cmscontent h5
{
  font-size: 12px;

  margin-bottom: 10px;
}

.cmscontent h6
{
  font-size: 11px;

  margin-bottom: 9px;
}

.cmscontent ul
{
  list-style: disc;
  list-style-position: outside;

  margin-bottom: 16px;
  padding-left: 16px;
}

.cmscontent ol
{
  list-style: decimal;
  list-style-position: outside;

  margin-bottom: 16px;
  padding-left: 19px;
}

.cmscontent li
{
  line-height: 18px;

  margin-bottom: 6px;
}


/*********** EDITOR STYLES */
.smallText {
  font-size: 11px;
}

div.bottomBorder {
  border-bottom: 1px solid #ddd;
}

div.topDashedBorder {
  background: url(../images/icons/hr_dash-mgrey.gif) repeat-x left top;
}

div.bottomDashedBorder {
  background: url(../images/icons/hr_dash-mgrey.gif) repeat-x left bottom;
}

div.bottomDottedBorder {
  background: url(../images/icons/hr_dot-mgrey.gif) repeat-x left bottom;
}


/*********** BUTTONS / LINKS */
.linkPrev {
  background: url(../images/icons/arrow_med-grey-whit_l.gif) no-repeat left 3px;
  color: #777777;
  font-size: 11px;

  padding-left: 10px;
}

.linkNext {
  background: url(../images/icons/arrow_med-grey-whit_r.gif) no-repeat right 3px;
  color: #777777;
  font-size: 11px;

  padding-right: 10px;
}


/*********** FLASH TITLES */
h1.mainHeading {
  font-size: 30px;
  text-transform: uppercase;
}

h1.mainTitle {
  font-size: 30px;
}

h1.productTitle {
  font-size: 18px;
}

h3.subHeading
{
  font-size: 13px;
  text-transform: uppercase;
}

h3.subSubHeading
{
  font-size: 13px;
}

h3.subTitle {
  font-size: 13px;
  padding: 0 0 10px 0;
}

h4.subTitleWhite {
  font-size: 13px;
  color: #FFFFFF;
}

h5.smallHeading {
  font-size: 10px;
  text-transform: uppercase;
}

h6.smallHeadingBrown {
  font-size: 10px;
  text-transform: uppercase;
  color: #afa690;
}

h5.smallTitle {
}

/*==========================================  */
/********************* CLEAR */
.clearDiv {
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.clearLeft {
  clear: left;
  font-size: 0;
  height: 0px;
  line-height: 0;
}

.clearText {
  display: block;
  text-indent: -99999em;
  text-align: left;
}

/*********** GENERIC */
div.flashContainer {
}

.columnLeft {
  float: left;
}

.columnRight {
  float: right;
}

/********************* CLEARING */
.clear /* For IE/MAC. */ {
  display: inline-block;
}

.clear:after /* For Non-IE browsers. */ {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;

  height: 0;
}

* html .clear /* For IE6 and below, trigger hasLayout. */ {
  height: 1%;
}

.clear /* For IE/Win. */ {
  display: block;
}

/*========================================== MASTER LAYOUT */

#topContainer,
#bodyContainer,
#homeBottom,
#footerContainer
{
  min-width: 990px;
  width: 100%;
}

.Container {
  margin: 0 auto;
  width: 990px;
  position: relative;
}

/*************************** TOP */
body div#topContainer {
  background: #0062af;
  min-height: 40px;
  _height: 40px;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
}

div#topContainer div.Container {
  width:  940px;
}

div#topContainer a {
  text-decoration: none;
}

div#topContainer a:hover {
  text-decoration: underline
}

div#navTop {
  width: 360px;
  float: left;
  padding: 10px 0;
}

div#navTop ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#navTop ul li {
  display: inline;
  margin: 0;
  padding: 0 25px 0 0;
}

/******** TOP MEMBER INFO */
div#memberTop {
  display: inline-block;
  /*width: 240px;*/
  float: right;
  text-align: right;
  padding: 10px 0;
}

div#memberTop a {
  padding: 0 0 0 10px;
}

/******** TOP CART */
div#miniCartTop {
  display: inline-block;
  /*width: 310px;*/
  float: right;
  text-align: right;
  padding: 0 35px 0 30px;
  background: url() no-repeat 20px top;
}

div#miniCartTop img {
  vertical-align: top;
  padding: 0 20px 0 0;
}

div#miniCartTop span.items ,
div#miniCartTop strong.subtotal {
  display: inline-block;
  padding: 10px 15px 0 0;
}

div#miniCartTop a
{
  color: #ffffff;
}

#miniCartToggle {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/hover/cart-tab.gif) no-repeat right top;
}

#miniCartToggle:hover {
  background: url(../images/hover/cart-tab.gif) no-repeat right bottom;
}

#topContainer
{
  position: relative;
    z-index: 10;
}

#bodyContainer
{
  position: relative;
    z-index: 5;
}

#topMenuContainer
{
  background-color: #0062af;
  position: relative;
    z-index: 10;
}

#shoppingBagSummaryContainer
{
  position: relative;
    z-index: 5;

  height: 0;
}

#shoppingBagSummary
{
  position: absolute;
    right: 0;
    bottom: 0;

  width: 430px;
}

#shoppingBagSummary .title
{
  background-color: #c7d3d9;

  height: 40px;
}

#shoppingBagSummary .title img
{
  display: block;
}

#shoppingBagSummary .itemsTable
{
  background-color: #ffffff;
  color: #666666;

  padding-bottom: 15px;
}

#shoppingBagSummary .itemsTable .columns
{
  border-bottom: 1px solid #efefef;
  margin-bottom: 15px;
  padding: 8px 0;
}

#shoppingBagSummary .itemsTable .columns div
{
  color: #666666;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;

  display: inline;
  float: left;
}

  #shoppingBagSummary .item
  {
    margin-left: 20px;

    width: 250px;
  }

  #shoppingBagSummary .quantity
  {
    width: 45px;
  }

  #shoppingBagSummary .price
  {
    width: 55px;
  }

  #shoppingBagSummary .itemActions
  {
    width: 24px;
  }

#shoppingBagSummary .cartItems
{
  list-style: none;
  overflow: auto;

  margin: 0 15px 0 0;
  padding: 0;

  height: 263px;
}

#shoppingBagSummary .cartItems .cartItem
{
  margin-bottom: 15px;
}

#shoppingBagSummary .cartItems .cartItem.last-child
{
  margin-bottom: 0;
}

#shoppingBagSummary .cartItems .cartItem div
{
  display: inline;
  float: left;
}

#shoppingBagSummary .cartItems .item .thumb
{
  margin: 0 10px 0 0;
}

#shoppingBagSummary .cartItems .item h3
{
  font-size: 12px;
  line-height: 17px;
}

#shoppingBagSummary .cartItems .item h3 a
{
  color: #16a9ff;
}

#shoppingBagSummary .cartItems .item .option
{
  display: block;
  line-height: 17px;

  margin-left: 95px;
}

#shoppingBagSummary .cartItems .value
{
  line-height: 17px;
}

#shoppingBagSummary .cartItems .itemActions .remove
{
  background-image: url(../images/hover/removeItem.gif);
  cursor: pointer;
  float: left;
  font-size: 1px;
  line-height: 1px;

  margin-top: 2px;

  height: 12px;
  width: 12px;
}

#shoppingBagSummary .cartItems .itemActions .remove:hover
{
  background-image: url(../images/hover/removeItem-hover.gif);
}

#shoppingBagSummary .noCartItems
{
  font-size: 12px;
  line-height: 18px;

  padding: 19px 15px 4px 15px;
}

#shoppingBagSummary .noCartItems p
{
  margin: 0;
}

#shoppingBagSummary .shoppingCartDisplayFooter
{
  background-color: #c7d3d9;
}

#shoppingBagSummary .shoppingCartDisplayFooter .cartDiscountSection
{
  padding: 15px 15px 0 15px;
}

#shoppingBagSummary .cartSummary
{
  background-color: #c7d3d9;

  padding: 12px 15px 3px 15px;
}

#shoppingBagSummary .cartSummary .additionalItems
{
  display: inline;
  float: right;

  width: 200px;
}

#shoppingBagSummary .cartSummary .additionalItems ul
{
  list-style: none;

  margin: 0;
  padding: 0;
}

#shoppingBagSummary .cartSummary .additionalItems li.total
{
  color: #3a3b3c;
  font-size: 14px;
  font-weight: bold;
}

#shoppingBagSummary .cartSummary .additionalItems .label
{
  float: left;
  text-align: right;

  width: 96px;
}

#shoppingBagSummary .cartSummary .additionalItems .value
{
  float: right;
  text-align: right;

  width: 80px;
}

#shoppingBagSummary .cartActions
{
  background-color: #c7d3d9;
  position: relative;

  padding: 3px 15px 12px 15px;

  height: 30px;
}

.shoppingCartDisplayFooter .wishList,
.shoppingCartDisplayFooter .wishlistNote
{
  position: absolute;
    left: 15px;
    top: -35px;
}

.shoppingCartDisplayFooter .continueshopping
{
  position: relative;
  float: left;
}

.shoppingCartDisplayFooter .checkout
{
  position: relative;
  float: left;
}

#shoppingBagSummary .cartActions .note
{
  color: #333333;
  float: left;
  font-size: 11px;
  line-height: 16px;
}

#shoppingBagSummary .cartActions .wishlistNote
{
  width: 210px;
}

#shoppingBagSummary .cartActions .note a
{
  color: #1B7AB5;
}

#shoppingBagSummary .cartActions .wishList
{
  float: left;
}

#shoppingBagSummary .cartActions .checkout
{
  float: right;
}

#shoppingBagSummary .bottom
{
  background-image: url(../images/bg/dropCartBottom.png);
  font-size: 1px;
  line-height: 1px;

  height: 6px;
}

* html #shoppingBagSummary .bottom
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/bg/dropCartBottom.png", sizingMethod="crop");
}

/*************************** FOOTER */
body div#footerContainer {
  color: #9b8c6f;
  line-height: 15px;
  font-size: 11px;
}

div#footerContainer .Container {
  width: 940px;
}

div#footerContainer a {
  color: #b0a690;
  text-decoration: none;
}

div#footerContainer a:hover {
  text-decoration: underline;
}

div#footerContainer h6 {
  color: #b0a690;
  font-size: 11px;
  text-transform: uppercase;
  padding: 0 0 5px 0;
}

div#footerContainer p {
  margin: 0;
}

/*** Footer Links */

div#footerNavs {
  /*padding: 0 0 15px 0;*/
}

div#footerNavs .columnLeft {
  width: 110px;
  padding: 20px 10px 0 0;
}

div#footerNavs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

div#footerNavs ul li {
  padding: 0 0 4px 0;
  margin: 0;
}

div#footerNavs .columnRight {
  background: #4b412f url(../images/bg/ftr_testimonial.gif) no-repeat center bottom;
  color: #f6f2e9;
  width: 170px;
  line-height: 17px;
  padding: 20px 20px 15px;
  font-size: 12px;

  margin-bottom: 5px;
}

div#footerNavs .columnRight  p {
  margin: 5px 0;
}

div#footerNavs .socialLinks a {
  display: block;
}

div#footerNavs .socialLinks a img {
  float: left;
}

div#footerNavs .socialLinks a span {
  display: block;
  margin-left: 40px;
}

.socialLinksSection
{
  text-align: right;

  margin: 0 auto;
  padding-bottom: 10px;

  width: 960px;
}

.socialLinksSection a
{
  margin-left: 14px;
}

.socialLinksSection img
{
  vertical-align: middle;

  margin-right: 6px;
}

/*** Footer More Info */

div#footerInfo {
  background: url(../images/icons/hr_dot-lbrwn.gif) repeat-x center top;
  color: #9b8c6f;
  font-size: 10px;
  padding: 10px 0 40px 0;
  line-height: 20px;
}

div#footerInfo .columnLeft {
  width: 620px;
}

div#footerInfo .columnRight {
  width: 300px;
}

div#footerInfo img {
  vertical-align: middle;
}

div#footerInfo a {
  color: #9b8c6f;
}

/*************************** BODY */
body div#bodyContainer {
  background: #e9d284 url(../images/bg/body_tile.jpg) center top repeat-x;
}

body div#bodyBg {
  background: url(../images/bg/body_center.jpg) center top no-repeat;
  padding-bottom: 30px;
}

/*************************** HEADER */
body div#headerContainer {
  z-index: 10;

  height: 100px;
}

div#headerContainer .currencyDropdown
{
  position: absolute;
    right: 25px;
    top: 15px;
    z-index: 15;

  /*width: 150px;*/
  height: 25px;
}

div#headerContainer .currencyDropdown .selectedCurrency
{
  background-image: url(../images/bg/currencySelector.gif);
  color: #ffffff;
  cursor: pointer;
  font-size: 11px;
  line-height: 15px;

  padding: 5px 10px;

  height: 15px;
  width: 120px;
}

div#headerContainer .currencyDropdown .sectionHeading
{
  position: absolute;
    right: 160px;
    top: 8px;
}

div#headerContainer .currencyDropdown select
{
  font-size: 11px;

  border: 1px solid #1D7DD4;
  padding: 4px;

  height: 26px;
  width: 150px;
}

div#headerContainer .currencyDropdown .options
{
  background-color: #ffffff;
  display: none;
  font-size: 11px;
  position: absolute;
    left: 0;
    top: 30px;

  padding-bottom: 10px;

  width: 140px;
}
div#headerContainer .currencyDropdown .options.shown
{
  display: block;
}

div#headerContainer .currencyDropdown .options h3
{
  color: #333333;
  font-size: 11px;
  font-weight: normal;

  padding: 12px 10px 4px 10px;
}

div#headerContainer .currencyDropdown .options ul,
div#headerContainer .currencyDropdown .options ul li
{
  list-style: none;

  margin: 0;
  padding: 0;
}

div#headerContainer .currencyDropdown .options ul li
{
  width: 140px;
}

div#headerContainer .currencyDropdown .options ul li a
{
  color: #333333;
  float: left;
  line-height: 15px;
  text-decoration: none;

  padding: 4px 10px;

  width: 120px;
}
div#headerContainer .currencyDropdown .options ul li a:hover,
div#headerContainer .currencyDropdown .options ul li.current a
{
  background-color: #bed9f2;
}

div#headerContainer .currencyDropdown .selectedCurrency img,
div#headerContainer .currencyDropdown .options ul li a img
{
  vertical-align: middle;

  padding-right: 4px;
}

div#topMenuContainer a#logo {
  background-image: url(../images/swimwear-galore.gif);
  display: block;
  /*float: left;*/
  position: absolute;
    left: -25px;
    top: 40px;
  text-indent: -9999px;

  height: 100px;
  width: 345px;
}

/******** SEARCH */
div#headerSearch {
  /*float: right;*/
  width: 145px;
  /*padding: 50px 20px 0 0;*/

  position: absolute;
    right: 20px;
    top: 50px;
}

div#headerSearch .formRow .formField input {
  width: 100px;
  color: #fff;
}

div#headerSearch .formRow .formField {
  background: url(../images/form/input_blue-whit-o-l.gif) no-repeat left top;
  padding: 0 0 0 3px;
}

div#headerSearch .formRow .formField .bg {
  background: url(../images/form/input_blue-whit-o-tile.gif) repeat-x left top;
  height: 25px;
  display: inline-block;
  width: 110px;
}


/******** NAV */
div#navMain {
  /*float: right;*/
  /*width: 440px;*/
  /*width: 340px;*/
  /*padding: 41px 0 0 0;*/

  position: absolute;
    /*right: 165px;*/
    right: 0;
    top: 41px;

  width: auto;
  /*min-width: 445px;*/
}

/*
* html div#navMain
{
  width: 505px;
}
*/

div#headerSearch
{
  display: inline;
  float: left;
  position: static;

  margin: 9px 20px 0 0;
}

div#navMain .navigation {
  list-style: none;
  margin: 0;
  padding: 0;

  display: inline;
  float: left;

  margin-right: 17px;
}

div#navMain .navigation .navItem {
  float: left;
  margin: 0;
  padding: 0;

  position: relative;
}

div#navMain .navigation .navItem .navLink {
  /*height: 25px;*/
  height: 42px;
  display: block;
  background-image: url(../images/hover/nav_main.gif);
  background-repeat: no-repeat;
}

/**** NAV ITEMS */
/*li#nLadies { width: 64px; }
li#nLadies a { background-position: 0px top; }
li#nLadies a.active ,
li#nLadies:hover a ,
li#nLadies a:hover { background-position: 0px bottom; }

li#nMen { width: 58px; }
li#nMen a { background-position: -64px top; }
li#nMen a.active ,
li#nMen:hover a ,
li#nMen a:hover { background-position: -64px bottom; }

li#nKids { width: 56px; }
li#nKids a { background-position: -123px top; }
li#nKids a.active ,
li#nKids:hover a ,
li#nKids a:hover { background-position: -123px bottom; }

li#nAccess { width: 114px; }
li#nAccess a { background-position: -178px top; }
li#nAccess a.active ,
li#nAccess:hover a ,
li#nAccess a:hover { background-position: -178px bottom; }

li#nBrand { width: 138px; }
li#nBrand a { background-position: -292px top; }
li#nBrand a.active ,
li#nBrand:hover a ,
li#nBrand a:hover { background-position: -292px bottom; }*/

li#nLadies { width: 69px; }
li#nLadies a { background-position: 0px top; }
li#nLadies a.active,
li#nLadies:hover a,
li#nLadies a:hover { background-position: 0px -42px; }
li#nLadies.hasDropmenu a.active,
li#nLadies.hasDropmenu:hover a,
li#nLadies.hasDropmenu a:hover { background-position: 0px bottom; }

li#nMen { width: 59px; }
li#nMen a { background-position: -69px top; }
li#nMen a.active,
li#nMen:hover a,
li#nMen a:hover { background-position: -69px -42px; }
li#nMen.hasDropmenu a.active,
li#nMen.hasDropmenu:hover a,
li#nMen.hasDropmenu a:hover { background-position: -69px bottom; }

li#nKids { width: 56px; }
li#nKids a { background-position: -128px top; }
li#nKids a.active,
li#nKids:hover a,
li#nKids a:hover { background-position: -128px -42px; }
li#nKids.hasDropmenu a.active,
li#nKids.hasDropmenu:hover a,
li#nKids.hasDropmenu a:hover { background-position: -128px bottom; }

/*li#nAccess { width: 114px; }
li#nAccess a { background-position: -184px top; }
li#nAccess a.active,
li#nAccess:hover a,
li#nAccess a:hover { background-position: -184px -42px; }
li#nAccess.hasDropmenu a.active,
li#nAccess.hasDropmenu:hover a,
li#nAccess.hasDropmenu a:hover { background-position: -184px bottom; }*/

li#nBrand { width: 139px; }
li#nBrand a { /*background-position: -298px top;*/background-position: -184px top; }
li#nBrand a.active,
li#nBrand:hover a,
li#nBrand a:hover { /*background-position: -298px -42px;*/background-position: -184px -42px; }
li#nBrand.hasDropmenu a.active,
li#nBrand.hasDropmenu:hover a,
li#nBrand.hasDropmenu a:hover { /*background-position: -298px bottom;*/background-position: -184px bottom; }

/* Dropdown menu. */

div#navMain .dropmenu
{
  display: none;
  position: absolute;
    left: -92px;
    top: 42px;
    z-index: 100;

  width: 580px;
}
.ssl div#navMain .dropmenu
{
  left: -190px;
}

div#navMain .dropmenu.offleft
{
  position: absolute;
    left: -100000px;
}

div#navMain .dropmenu.active
{
  display: block;
}

div#navMain .dropmenu .column
{
  background-color: #ebf5fe;
  display: inline;
  float: left;
  position: relative;

  width: 191px;
}
div#navMain .dropmenu .column.last-child
{
  width: 190px;
}
div#navMain .dropmenu .column.alternate-column
{
  background-color: #ffffff;
}

div#navMain .dropmenu .column .sync
{
  /*background-color: #ffffff;*/

  border-right: 1px solid #bfbfbf;
}

div#navMain .dropmenu .column h2
{
  color: #51595f;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;

  padding: 14px 17px 4px 17px;
}

div#navMain .dropmenu .column .categoryThumb
{
  /*background-color: #ffffff;*/
  text-align: center;

  padding: 15px 20px 5px 15px;

  width: 155px;
}

div#navMain .dropmenu .column .categoryThumb img
{
  display: block;
}

div#navMain .dropmenu .column ul
{
  /*background-color: #ffffff;*/
  list-style: none;

  /*border-right: 1px solid #eeeeee;*/
  margin: 0;
  padding: 0 0 10px 0;
}

div#navMain .dropmenu .column.last-child ul
{
  border-right: 0;
}

div#navMain .dropmenu .column ul li
{
  display: inline;
  float: left;
  font-size: 11px;
  line-height: 12px;

  width: 190px;
}

div#navMain .dropmenu .column ul li a
{
  color: #51595f;
  display: inline;
  float: left;
  text-decoration: none;

  /*padding: 6px 17px;*/
  padding: 5px 17px;

  width: 156px;
}

div#navMain .dropmenu .column ul li.saleItem
{
  font-weight: bold;
  text-transform: uppercase;

  /*padding-top: 24px;*/
  padding-top: 20px;
}

div#navMain .dropmenu .column ul li.saleItem a
{
  color: #ff0036;
}

div#navMain .dropmenu .column .categoryList li.brandItem
{
  font-weight: bold;
}

div#navMain .dropmenu .column .categoryList li.brandItem a
{
  color: #1b7ab5;
}

div#navMain .dropmenu .column .brandList
{
  padding: 0;
}

div#navMain .dropmenu .column .brandList li.brandItem
{
  display: inline;
  float: left;

  width: 95px;
}

div#navMain .dropmenu .column .brandList li.brandItem.first-column a
{
  padding-right: 12px;
}

div#navMain .dropmenu .column .brandList li.brandItem.last-column a
{
  padding-left: 12px;
}

div#navMain .dropmenu .column .brandList li.brandItem a
{
  width: 66px;
}

div#navMain .dropmenu .column.last-child .brandList li.brandItem.last-column
{
  width: 94px;
}
div#navMain .dropmenu .column.last-child .brandList li.brandItem.last-column a
{
  width: 65px;
}
div#navMain .dropmenu .column.last-child .brandList li.brandItem.first-column
{
  clear: both;

  width: 94px;
}

div#navMain .dropmenu .column ul li a:hover
{
  background-color: #c9e0f5;
}
div#navMain .dropmenu .column.alternate-column ul li a:hover
{
  background-color: #eeeeee;
}

div#navMain .dropmenu .column h3.sectionHeading
{
  clear: both;
  color: #1b7ab5;
  font-size: 11px;
  font-weight: bold;

  padding: 2px 12px 6px 17px;
}

div#navMain .dropmenu .column h3.sectionHeading a
{
  color: #1B7AB5;
  /*font-size: 12px;*/
}

div#navMain .dropmenu .column .moreLink
{
  color: #51595f;
  float: left;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;

  margin-bottom: 4px;
  padding: 6px 17px;

  width: 156px;
}
div#navMain .dropmenu .column .moreLink:hover
{
  background-color: #c9e0f5;
}
div#navMain .dropmenu .column.alternate-column .moreLink:hover
{
  background-color: #eeeeee;
}

div#navMain .dropmenu .column .bottom
{
  background-image: url(../images/bg/dropmenuTileShort.png);
  display: block;
  font-size: 1px;
  line-height: 1;
  position: absolute;
    left: 0;
    bottom: -2px;

  height: 2px;
  width: 191px;
}

* html div#navMain .dropmenu .column .bottom
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/bg/dropmenuTileShort.png", sizingMethod="crop");
}

div#navMain .dropmenu .column.last-child .bottom
{
  width: 190px;
}

/*
div#navMain .dropmenu .column.first-child .bottom
{
  background-image: url(../images/bg/dropmenuLeft.png);
}

* html div#navMain .dropmenu .column.first-child .bottom
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/bg/dropmenuLeft.png", sizingMethod="crop");
}

div#navMain .dropmenu .column.last-child .bottom
{
  background-image: url(../images/bg/dropmenuRight.png);

  width: 190px;
}

* html div#navMain .dropmenu .column.last-child .bottom
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/bg/dropmenuRight.png", sizingMethod="crop");
}*/

/*========================================== FORM */
/**** COMMON ****/
.formRow {
}

.formRow .formLabel {
  display: block;
  float: left;
}

.formRow .formField {
  display: inline-block;
  float: left;
}

.formRow .formSubmit {
  display: inline-block;
  float: left;
}

.formInputText input ,
.formInputText textarea {
  border: 0;
  padding: 5px 5px 3px;
  color: #777777;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  background: none;
}

.formRadioGroup {
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
}

.formRadioGroup label {
  padding-bottom: 5px;
  display: block;
}

.formRadioGroup input {
  vertical-align: middle;
}

span.note {
  font-weight: normal;
  font-size: 10px;
}

/* STYLES */
.fieldWhiteOutline {
  background: url(../images/form/input_grey-whit-o-tile.gif) center top repeat-x;
}

.fieldWhiteOutline .bgLeft {
  background: url(../images/form/input_grey-whit-o-l.gif) left top no-repeat;
  padding: 0 0 0 5px;
}

.fieldWhiteOutline .bgRight {
  background: url(../images/form/input_grey-whit-o-r.gif) right top no-repeat;
  padding: 4px 5px 5px 0;
}

.fieldWhiteOutline select {
  border: 0;
  padding: 0;
  color: #777777;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  background: none;

  height: 16px;
}

.fieldWhiteOutline select option {
  background: #fff;

  padding: 2px 5px;
}


.fieldOutlineOnGrey {
  background: url(../images/form/input_grey-whit-grey-tile.gif) center top repeat-x;
}

.fieldOutlineOnGrey .bgLeft {
  background: url(../images/form/input_grey-whit-grey-l.gif) left top no-repeat;
  padding: 0 0 0 5px;
}

.fieldOutlineOnGrey .bgRight {
  background: url(../images/form/input_grey-whit-grey-r.gif) right top no-repeat;
  padding: 4px 5px 5px 0;
}

.fieldOutlineOnGrey select {
  border: 0;
  padding: 0;
  color: #777777;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  background: none;

  height: 16px;
}

div.productAddToCart .formRow .formLabel
{
  padding-top: 4px;
}

.fieldOutlineOnGrey select option {
  background: #fff;

  padding: 2px 5px;
}

.fieldOutlineOnGrey input.text
{
  border: 0;

  width: 290px;
}

.fieldOutlineOnGrey.textarea
{
  background-image: url(../images/form/input_grey-whit-grey-large-tile.gif);
  background-position: left top;
  background-repeat: repeat-x;
}

.fieldOutlineOnGrey.textarea .bgLeft
{
  background-image: url(../images/form/input_grey-whit-grey-large-l.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.fieldOutlineOnGrey.textarea .bgRight
{
  background-image: url(../images/form/input_grey-whit-grey-large-r.gif);
  background-position: right top;
  background-repeat: no-repeat;
}

.fieldOutlineOnGrey.textarea textarea
{
  margin-bottom: 3px;

  height: 41px;
  width: 284px;
}



.fieldOnWhiteExp {
  background: url(../images/form/input_grey-whit-vert-tile.gif) left top repeat-y;
  width: 290px;
}

.fieldOnWhiteExp .bgTop {
  background: url(../images/form/input_grey-whit-vert-t.gif) left top no-repeat;
  padding: 5px 0 0 0;
}

.fieldOnWhiteExp .bgBtm {
  background: url(../images/form/input_grey-whit-vert-b.gif) left bottom no-repeat;
  padding: 0 5px 5px 5px;
}

.fieldOnWhiteExp textarea {
  border: 0;
  padding: 0;
  color: #777777;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  background: none;
  width: 280px;
}


.fieldOnWhite {
  background: url(../images/form/input_grey-whit-o-tile.gif) center top repeat-x;
}

.fieldOnWhite .bgLeft {
  background: url(../images/form/input_grey-whit-o-l.gif) left top no-repeat;
  padding: 0 0 0 5px;
}

.fieldOnWhite .bgRight {
  background: url(../images/form/input_grey-whit-o-r.gif) right top no-repeat;
  padding: 5px 5px 4px 0;
  height: 15px;
}

.fieldOnWhite input ,
.fieldOnWhite select {
  border: 0;
  padding: 0;
  color: #777777;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  background: none;
}

.fieldOnWhite input
{
  width: 200px;
}

.fieldOnWhite select option {
  background: #fff;
}

p.moreColours {
    color: #777777;
    font-size: 11px;
    margin: 0;
}

.moreColours {
    color: #EA47A2;
    font-size: 11px;
    margin: 0 0 0 3px;
}
/*========================================== TEMPLATES */
/********************************** HOME */

div#homeContainer {
  width: 940px;
  background: #ffffff;
}

.bannerset
{
  position: relative;
}

#homeRotatingBanner,
#homeRotatingBanner ul,
#homeRotatingBanner ul li
{
  height: 390px;
  width: 940px;
}

#homeRotatingBanner .pager
{
  position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 5;
}

#homeRotatingBanner .pager a
{
  background-color: #3EBEFF;
  color: #ffffff;
  float: left;
  font-size: 11px;
  line-height: 1;
  text-decoration: none;

  margin-right: 3px;
  padding: 4px 6px 5px 8px;
}

#homeRotatingBanner .pager a:hover,
#homeRotatingBanner .pager a.activeSlide
{
  /*background-color: #69ccff;*/
  background-color: #89d7ff;
}

.bannerset ul
{
  list-style: none;

  margin: 0;
  padding: 0;
}

.bannerset li,
.bannerset img
{
  display: block;
}

/************** BAR */
div#homeBar {
  background: #cccccc;
}

div#homeBar .formRow {
}

div#homeBar .formRow .formLabel {
}

div#homeBar .formRow .formField {
  height: 25px;
  background: #fff url(../images/form/input_whit-grey-l.gif) no-repeat left top;
  margin: 7px 0 0 3px;
  padding-left: 3px;
}

div#homeBar .formRow .formSubmit {
  margin-top: 7px;
}

div#homeBar .formRow .formField input {
  width: 130px;
}

/************** BAR */
#brandsBar
{
  background-color: #fffff0;
  background-image: url(../images/bg/hr_dot-mgrey.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

#brandsBar ul
{
  margin: 0 20px;
  padding: 10px 0;
}

#brandsBar li
{
  display: inline;
  float: left;

  margin: 0;
  padding: 0;
}

#brandsBar li img
{
  display: block;

  width: 180px;
}

/************** BAR */
div#homeColumns {
  /*background: url(../images/icons/vr_dot-mgrey.jpg) repeat-y 190px top;*/
  background: url(../images/icons/vr_dot-mgrey.jpg) repeat-y 210px top;
}

div#homeColumns div.newsSummary {
  width: 150px;
  padding: 20px;
  float: left;
}

/************** CONTENT */
div.homeBannerAd {
  float: left;
  width: 250px;
  padding: 20px 0 20px 20px;
}

/************** BOTTOM */
div#homeBottom {
  background: #857149 url(../images/bg/home-btm_tile.jpg) no-repeat center top;
  padding: 20px 0 25px 0;
  font-size: 11px;
  color: #ffffff;
  line-height: 18px;
}

div#homeBottom .Container {
  /*width: 960px;
  padding-left: 20px;*/
  width: 940px;
}

div#homeBottom h3,
div#homeBottom h5 {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 5px 0;
}

div#homeBottom a {
  color: #eea443;
}

div#homeBottom p {
  margin: 0;
}

div#homeBottom .storesList span.address,
div#homeBottom .storesList span.phone,
div#homeBottom .storesList span.email
{
  display: block;

  margin-bottom: 3px;
}

div#homeBottom .columnLeft {
  font-size: 12px;
  width: 220px;
}

div#homeBottom .columnLeft a {
  background: url(../images/icons/arrow_med-orng-sand_r.gif) no-repeat right 3px;
  padding-right: 15px;
}

div#homeBottom .columnRight {
  /*width: 725px;*/
  width: 720px;
}

div#homeBottom .columnRight ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#homeBottom .columnRight ul li {
  width: 105px;
  margin: 0;
  padding: 0 10px 0 5px;
  float: left;
}

/***************************************** PAGE */
div#pageContainer {
  background: #fff;
  position: relative;
    z-index: 5;
}

div#pageTag {
  position: absolute;
  z-index: 9;
  right: 0;
  width: 150px;
  height: 105px;
}

/* Contact Us. */

#contactUsPage
{
  /*display: inline;
  float: left;*/

  margin-bottom: 40px;

  /*width: 500px;*/
}

#contactUsPage form textarea
{
  height: 220px;
}

#contactUsMaps
{
  /*display: inline;
  float: right;

  border-left: 1px solid #dddddd;
  margin-bottom: 30px;
  padding-left: 30px;

  width: 200px;*/
  display: none;
}

#contactUsMaps h3
{
  font-size: 14px;
  font-weight: bold;

  margin: 10px 0;
}

/*#contactUsMaps */.googlemap
{
  margin-bottom: 10px;

  height: 150px;
  width: 300px;
}

/******************** SIDE */
div#pageSide {
  width: 200px;
  float: left;
  padding-bottom: 20px;
}

/************** Menu */
div.sideMenu {
  background: #d5e0e5;
  color: #333333;
  width: 185px;
  margin: 0 0 10px 0;
  overflow: hidden;
}

div.sideMenu div.header {
  background: #c7d3d9;
  padding: 20px 20px 5px 15px;
  min-height: 25px;
  _height: 25px;
}

div.sideMenu div.content {
  padding: 20px 20px 5px 25px;
  font-size: 11px;
  line-height: 17px;
}

div.sideMenu div.content p {
  line-height: 17px;
}

div.sideMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  /*font-size: 11px;
  line-height: 15px;*/
}

div.sideMenu ul li {
  padding: 0;
  margin: 0;
  background: url(../images/icons/hr_dot-lblue.gif) repeat-x center bottom;

  float: left;
  font-size: 11px;
  line-height: 15px;

  width: 100%;
}

div.sideMenu ul li a {
  background-repeat: no-repeat;
  display: block;
  width: 140px;
  color: #333333;
  padding: 5px 30px 6px 15px;
}

div.sideMenu ul li a:hover {
  text-decoration: none;
  background: url(../images/icons/arrow_med-dgry-lblu_r.gif) no-repeat 160px 8px;
}

div.sideMenu ul li a.active {
  font-weight: bold;
  background: url(../images/icons/arrow_med-dgry-lblu_r.gif) no-repeat 160px 8px;
}

div.sideMenu ul li a.active.hidableTrigger
{
  background-position: 160px 10px;
}

div.sideMenu ul li a.active.hidableTrigger.minimise
{
  background-image: url(../images/hover/filterMinimise.gif) !important;
}

div.sideMenu ul li a.active.hidableTrigger.maximise
{
  background-image: url(../images/hover/filterMaximise.gif) !important;
}

#separates_hidable,
#shopbybrand_hidable
{
  overflow: hidden;
}

div.sideMenu ul ul {
  background: url(../images/icons/hr_dot-lblue.gif) repeat-x center top;
}

div.sideMenu ul ul li a {
  padding: 5px 30px 6px 40px;
  width: 115px;
}

/*div.sideMenu .filterSet .toggleItem, */
div.sideMenu .filterSet .hidableHolder
{
  background: url(../images/icons/hr_dot-lblue.gif) repeat-x center top;
}

#Filters_Price
{
  background-image: none;
}

div.sideMenu .filterSet ul
{
  background-image: none;
}

div.sideMenu .filterSet li
{
  background-image: none;
}

div.sideMenu .filterSet li a,
div.sideMenu .filterSet li a:hover
{
  background-position: right 13px;
  background-repeat: no-repeat;
  font-weight: bold;

  padding: 7px 30px 7px 15px;
}

div.sideMenu .filterSet li a.minimise
{
  background-image: url(../images/hover/filterMinimise.gif) !important; /* IE6. */
}

div.sideMenu .filterSet li a.maximise
{
  background-image: url(../images/hover/filterMaximise.gif) !important; /* IE6. */
}

div.sideMenu .filterSet .toggleItem
{
  background-position: top;
  overflow: hidden;

  padding-top: 1px;
}

div.sideMenu .filterSet .toggleItem ul
{
  padding: 6px 0 6px 15px;
}

div.sideMenu .filterSet .toggleItem li
{
  float: left;
  background-image: none;
  padding: 3px 0px;
  width: 82px;
  font-size: 10px
}

* html div.sideMenu .filterSet .toggleItem li
{
  padding-top: 1px;
  padding-bottom: 1px;
}

div.sideMenu .filterSet .toggleItem li label
{
  cursor: pointer;
}
/*
div.sideMenu .filterSet .toggleItem li.selectAll
{
  margin-bottom: 0px;
}
*/
div.sideMenu .filterSet .toggleItem li.selectAll label
{
  color: #666666;
  font-style: italic;
}

div.sideMenu .filterSet .toggleItem li label.disabled
{
  color: #999999;
  cursor: auto;
}

div.sideMenu .filterSet .toggleItem li label .checkbox
{
  vertical-align: text-bottom;

  margin-right: 1px;
}

* html div.sideMenu .filterSet .toggleItem li label .checkbox
{
  margin-right: 1px;
}

#Filters_Price .priceSliderHolder
{
  padding: 10px 21px 10px 24px;

  height: 30px;
}

/******************** CONTENT */
div#pageMain {
  width: 750px;
  float: right;
  padding: 20px 25px 20px 0;
}

div#pageMain div.pageTitle {
  margin-bottom: 10px;
}

div#pageMain div.pageSubTitle {
  margin-top: 15px;
  padding: 15px 0 0;
}

div#pageMain div.pageContent {
}

/******************** BREADCRUMB */
div#breadCrumb {
  font-size: 11px;
  color: #777777;
  padding-bottom: 10px;
  margin-bottom: 10px;
  line-height: 20px;
  min-height: 15px;
  _height: 15px;
}

div#breadCrumb a {
  padding-right: 10px;
  margin-right: 5px;
  background: url(../images/icons/arrow_sml-mgry-whit_r.gif) no-repeat right 5px;
  color: #777777;
}

div#breadCrumb
{
  margin-top: 4px;
}

div#breadCrumb a,
div#breadCrumb span
{
  background-position: right 4px;
  float: left;
  line-height: 1;

  margin-right: 8px;
}

/******************** PAGER */
div.Pagination {
  padding: 5px 0 15px;
  margin: 10px 0 0;
  color: #777777;
  font-size: 11px;
}

div.Pagination a {
  color: #777777;
}

div.Pagination .columnLeft {
  width: 150px;
  padding-top: 10px;
}

div.Pagination .columnRight {
  width: 580px;
  text-align: right;
  padding-top: 5px;
}

div.Pagination .pagerFilters {
  float: left;
  width: 265px;
}

div.Pagination .pagerFilters .pagerFilter {
  width: 120px;
  margin-left: 10px;
  float: right;
  text-align: left;
}

div.Pagination .pagerFilters select {
  width: 110px;
}

div.Pagination .pagerNumbers {
  width: 315px;
  float: left;
  padding-top: 5px;
}

div.Pagination .pagerNumbers span,
div.Pagination .pagerNumbers strong,
div.Pagination .pagerNumbers a {
  padding: 0 2px;
}

div.Pagination .pagerNumbers .separator {
  color: #ccc;
  padding: 0 5px;
}

div.Pagination .pagerNumbers .number,
div.Pagination .pagerNumbers .pagerPrev,
div.Pagination .pagerNumbers .pagerNext {
  padding: 0 2px;
}

/**************************************** PRODUCT */
/************** PRODUCT CONTENT */
div#productDetails {
  width: 420px;
  float: right;
  padding: 60px 0 30px 0;
}

/*********** Product Header */
div.productHeader {
  width: 240px;
  float: left;
  padding-bottom: 15px;
}

div.productHeader .price {
  font-size: 14px;
  font-weight: bold;
}

div.productHeader .price .before
{
  color: #d92525;
  font-weight: normal;
}

div.productHeader .price .now
{

}

div.productHeader .code {
  font-size: 10px;
  color: #777777;
  padding: 10px 0 0;
}

div.productHeader div.reviewSummary {
  font-size: 11px;
  padding: 5px 0 0;
}
div.productHeader div.reviewSummary a {
  text-decoration: underline;

  float: left;

  margin-top: 2px;
}
div.productHeader div.reviewSummary a:hover {
  text-decoration: none;
}

/*div.productHeader div.reviewSummary .reviewStars */
.reviewStars {
  white-space: nowrap;
  padding-right: 5px;

  display: inline;
  float: left;
}

.reviewsList .reviewStars
{
  margin-bottom: 3px;
}

/*div.productHeader div.reviewSummary .reviewStars img*/
.reviewStars img {
  padding-right: 1px;
  vertical-align: text-bottom;

  float: left;
}

div.productBrand {
  width: 160px;
  float: right;
}

div.productBrand img {
  width: 160px;
}


/*********** Product Cart */
div.productAddToCart {
  background: #eee;
  padding: 10px 17px 20px 30px;
  margin-bottom: 10px;
  font-size: 11px;
}

div.productAddToCart .formRow {
  clear: left;
  padding-top: 10px;
}

div.productAddToCart .formRow .formLabel {
  width: 65px;
  float: left;
}

div.productAddToCart .formRow .formField {
  width: 305px;
  float: left;
}

div.productAddToCart .formRow .addToBagButton
{
  float: left;
}
div.productAddToCart .formRow .addToWishlistButton
{
  float: right;
}

/* Colour Options */
div.productAddToCart .colourOptions .formLabel {
  padding-top: 10px;
}

div.productAddToCart .colourOptions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.productAddToCart .colourOptions ul li {
  display: inline-block;
  margin: 0;
  padding: 0 5px 0 0;
  float: left;

  width: 71px;
}

div.productAddToCart .colourOptions ul li .label
{
  display: block;

  margin-top: 3px;
}

div.productAddToCart .colourOptions ul li img {
  width: 49px;
  vertical-align: bottom;
}

div.productAddToCart .colourOptions ul li a {
  display: inline-block;
  border: 2px solid #eee;
  padding: 2px;
}
div.productAddToCart .colourOptions ul li a.active,
div.productAddToCart .colourOptions ul li a:hover {
  border: 2px solid #16a9ff;
}

/* Size */
div.productAddToCart .sizeOptions .formLabel {
  padding-top: 5px;
}

div.productAddToCart .sizeOptions .fieldOutlineOnGrey {
  width: 170px;
  display: inline-block;
  margin-right: 5px;
}

div.productAddToCart .sizeOptions .formField select {
  width: 160px;
}

div.productAddToCart .sizeOptions .formField select .notavailable
{
  display: none;
}

div.productAddToCart .sizeOptions .sizingLink {
  /*padding-top: 5px;*/
  float: right;
}

div.productAddToCart .sizeOptions .sizingLink img
{
  display: block;
}

/*********** Product Content Tabs */
div#productContentTabs {
  margin-bottom: 10px;
}

div#productContentTabs div.contentHolder {
  border: 2px solid #d7d7d7;
  padding: 20px 20px 10px 20px;
}

div#productContentTabs div.contentHolder .ui-tabs-hide
{
  display: none;
}

div#productContentTabs div.contentNavigation {
}

div#productContentTabs div.contentNavigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

div#productContentTabs div.contentNavigation ul li {
  padding: 0 1px 0 0;
  margin: 0;
  width: 139px;
  text-align: center;
  float: left;
}

div#productContentTabs div.contentNavigation ul li.rowEnd {
  padding: 0;
}

div#productContentTabs div.contentNavigation ul li.active {
  width: 140px;
}

div#productContentTabs div.contentNavigation ul li a {
  display: block;
  background-image: url(../images/bg/product-tab_tile.gif);
  background-repeat: repeat-x;
  background-color: #adadad;
  background-position: center -100px;
}

div#productContentTabs div.contentNavigation ul li.ui-state-active a,
div#productContentTabs div.contentNavigation ul li a:hover {
  background-color: #d7d7d7;
  background-position: center top;
}

/* Sharing section. */

.sharingButtonArea .sharingButton
{
  display: inline;
  float: left;

  margin-right: 7px;
}

/************** PRODUCT GALLERY */
div#productGallery {
  width: 310px;
  float: left;
  padding: 10px 0 15px 0;
}

div#productGallery .galleryItems
{
  overflow: hidden;
  position: relative;
    z-index: 5;

  margin-bottom: 10px;

  height: 452px;
  width: 300px;
}

div#productGallery .galleryItems .zoom
{
  display: block;
  position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 10;

  height: 25px;
  width: 25px;
}

div#productGallery .galleryItems .zoom span
{
  background-image: url(../images/click/galleryZoom.png);
  display: block;

  height: 25px;
  width: 25px;
}

* html div#productGallery .galleryItems .zoom span
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/click/galleryZoom.png", sizingMethod="crop");
}

div#productGallery .galleryItems ul
{
  list-style: none;
  position: absolute;
    left: 0;
    top: 0;
    z-index: 5;

  margin: 0;
  padding: 0;

  height: 452px;
  width: 300px;
}

div#productGallery .galleryItems li
{
  display: inline;
  float: left;
  position: relative;

  height: 452px;
  width: 300px;
}

div#productGallery .galleryItems li.videoItem .image
{
  opacity: 0.65;
    filter: alpha(opacity=65);
}

div#productGallery .galleryItems li .videoButton
{
  background-image: url(../images/click/galleryPlay.png);
  position: absolute;
    left: 135px;
    top: 215px;
    z-index: 10;

  height: 30px;
  width: 30px;
}

* html div#productGallery .galleryItems li .videoButton
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/click/galleryPlay.png", sizingMethod="crop");
}

div#productGallery .galleryItems .pager
{
  display: block;
  position: absolute;
    top: 215px;
    z-index: 10;

  height: 30px;
  width: 30px;
}

div#productGallery .galleryItems .pager span
{
  display: block;

  height: 30px;
  width: 30px;
}

div#productGallery .galleryItems .pager.prev
{
  left: 0;
}

div#productGallery .galleryItems .pager.prev span
{
  background-image: url(../images/click/intBannerPrev.png);
}

* html div#productGallery .galleryItems .pager.prev span
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/click/intBannerPrev.png", sizingMethod="crop");
}

div#productGallery .galleryItems .pager.next
{
  right: 0;
}

div#productGallery .galleryItems .pager.next span
{
  background-image: url(../images/click/intBannerNext.png);
}

* html div#productGallery .galleryItems .pager.next span
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/click/intBannerNext.png", sizingMethod="crop");
}

div#productGallery .galleryItems li img
{
  display: block;
}

div#productGallery .galleryThumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#productGallery .galleryThumbs ul li
{
  /*margin: 0 10px 10px 0;*/
  margin: 0 3px 10px 3px;

  position: relative;
}
* html div#productGallery .galleryThumbs ul li
{
  margin: 0 2px 10px 2px;
}

.cartItems .item .thumb,
div#productGallery .galleryThumbs ul li {
  padding: 0;
  width: 78px;
  float: left;

  border: 1px solid #ffffff;
  padding: 2px;
}

div#productGallery .galleryThumbs ul li.first-column
{
  clear: both;
}

.cartItems .item .thumb,
div#productGallery .galleryThumbs ul li.current
{
  border: 1px solid #16a9ff;
}

.cartItems .item .thumb img,
div#productGallery .galleryThumbs ul li img
{
  display: block;
}

div#productGallery .galleryThumbs ul li.rowEnd {
  margin: 0 0 10px 0;
}

div#productGallery .galleryThumbs ul li .videoButton
{
  background-image: url(../images/click/galleryPlay.png);
  position: absolute;
    left: 24px;
    top: 45px;
    z-index: 10;

  height: 30px;
  width: 30px;
}

* html div#productGallery .galleryThumbs ul li .videoButton
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/click/galleryPlay.png", sizingMethod="crop");
}

/* Paging styles, Apr 2011. */
#productGallery .galleryThumbs
{
  position: relative;

  height: 130px;
  width: 310px;
}

#productGallery .galleryThumbs .pager
{
  cursor: pointer;
  display: block;
  position: absolute;
    /*top: 86px;*/
    top: 19px;

  height: 84px;
  width: 19px;
}
#productGallery .galleryThumbs .pager.disabled
{
  cursor: default;
  opacity: 0.2;
}
* html #productGallery .galleryThumbs .pager.disabled
{
  filter: alpha(opacity=20);
}

#productGallery .galleryThumbs .pager span
{
  display: block;

  height: 84px;
  width: 19px;
}

#productGallery .galleryThumbs .pager.prev
{
  left: 0;
}
#productGallery .galleryThumbs .pager.prev span
{
  background-image: url(../images/click/thumbs-prev.png);
}
* html #productGallery .galleryThumbs .pager.prev span
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/click/thumbs-prev.png", sizingMethod="crop");
}

#productGallery .galleryThumbs .pager.next
{
  right: 0;
}
#productGallery .galleryThumbs .pager.next span
{
  background-image: url(../images/click/thumbs-next.png);
}
* html #productGallery .galleryThumbs .pager.next span
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/click/thumbs-next.png", sizingMethod="crop");
}

#productGallery .galleryThumbs .viewport
{
  overflow: hidden;
  position: absolute;
    left: 20px;
    top: 0;

  height: 130px;
  width: 270px;
}

#productGallery .galleryThumbs .viewport .collection
{
  position: absolute;
    left: 0;
    top: 0;

  height: 130px;
}

#productGallery .galleryThumbs .viewport .collection ul
{
  float: left;

  height: 130px;
  width: 270px;
}

/************** PRODUCT ENQUIRY */
div#productEnquiry {
  width: 300px;
  float: left;
  padding: 5px 0 15px 0;
  margin: 15px 0;
  color: #777;
}

div#productEnquiry h3.subTitle {
}

div#productEnquiry .productEnquiryForm {

}

div#productEnquiry .productEnquiryForm .formRow,
#contactUsPage .formRow
{
  padding: 0 0 7px 0;
}

.formRow .formCaption
{
  display: block;
  font-size: 11px;

  padding: 3px 0;
}

div#productEnquiry .productEnquiryForm .formRow .formField {
  float: none;
  width: 210px;
}

div#productEnquiry .productEnquiryForm .formSubmit {
  padding: 5px 0 0;
}

div#productEnquiry .productEnquiryForm .formRadioGroup .formRow {
  padding: 0;
}

div#productEnquiry textarea
{
  height: 60px;
}


/************** PRODUCT REVIEWS */
div#productReviews {
  width: 410px;
  float: right;
  padding: 5px 0 0px 20px;
  background: url(../images/icons/vr_dash-mgrey.gif) repeat-y left top;
  margin: 15px 0;

  min-height: 250px;
}

* html div#productReviews
{
  height: 250px;
}

div#productReviews h3.subTitle
{
  display: inline;
  float: left;

  margin-right: 10px;

  width: 130px;
}

div#productReviews a#postreview
{
  float: left;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;

  margin-top: 1px;
}

div#productReviews a#postreview:hover
{
  text-decoration: none;
}

/************** PRODUCT REVIEWS */
div#productRelated {
  padding: 20px 0 0 25px;
  width: 145px;
}

div#productRelated .productListing li {
  margin-right: 0;

  width: 145px;
}

div#productRelated .productListing a {
  width: auto;
  height: auto;
}

div#productRelated .productListing img {
  /*width: 142px;*/
}

/*========================================== SNIPPETS */

/************** NEWS SUMMARY */
div.newsSummary {
  font-size: 11px;
  line-height: 16px;
}

div.newsSummary div.newsSummaryContent {
  position: relative;
  overflow: hidden;
  height: 220px;

  margin-bottom: 5px;
}

div.newsSummary ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 150px;
  background: #fff;
  position: absolute;
}

div.newsSummary ul li {
  padding: 0 0 15px 0;
  margin: 0;
}

div.newsSummary p {
  padding: 0;
  margin: 0;
}

div.newsSummary h3 {
  padding: 0 0 10px 0;
}

div.newsSummary h6 {
  font-size: 11px;
  font-weight: bold;
  color: #16a2f4;
}

div.newsSummary h6 a {
  color: #16a2f4;
}

div.newsSummaryControls {
  color: #666666;
  display: none;
}

div.newsSummaryControls a {
  color: #666666;
  /*display: block;*/
  width: 50px;
}

div.newsSummaryControls a.moreLink
{
  color: #16A2F4;
}

div.newsSummaryControls a.controlPrev {
  float: left;
}

div.newsSummaryControls a.controlNext {
  float: right;
  text-align: right;
}

/************** PRODUCT FEATURE SLIDER */
div.productFeaturedSlider {
  width: 170px;
  /*padding: 20px 0 20px 20px;*/
  float: left;
  position: relative;

  padding: 20px;
}

div.productFeaturedSlider ul {
  z-index: 1;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 170px;
  height: 256px; /*270*/
  overflow: hidden;
  position: relative;

  border-top: 14px solid #ffffff;
}

div.productFeaturedSlider ul li {
  padding: 0;
  margin: 0;
  width: 170px;
  height: 256px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

div.productFeaturedSlider ul li img
{
  display: block;
}

div.productFeaturedSlider h5 {
  font-size: 13px;
  color: #16a2f4;
  padding: 1px 0;
}

div.productFeaturedSlider p {
  margin: 0;
  padding: 5px 0 0;
  font-size: 11px;
  color: #ffffff;
}

/***** Controls */
div.productFeaturedSlider div.productFeaturedText {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.9);
  /* _background: none;*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); /* For IE 5.5 - 7*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)"; /* For IE 8*/

  position: absolute;
  z-index: 2;
  bottom: 20px;
  padding: 10px;
  height: 30px;
  width: 150px;
}

div.productFeaturedSlider div.sliderControls {
  position: relative;
  width: 150px;
  display: none;
}

div.productFeaturedSlider div.sliderControls a {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: -3px;
}

div.productFeaturedSlider div.sliderControls a.controlNext {
  background: url(../images/icons/arrow_med-blue-blck_r.gif) no-repeat center center;
  right: -2px;
}

div.productFeaturedSlider div.sliderControls a.controlPrev {
  background: url(../images/icons/arrow_med-blue-blck_l.gif) no-repeat center center;
  right: 15px;
}

/***** Caption */
div.productFeaturedSlider div.sliderCaption {

}

/************** UPSELL PRODUCTS */
div.upsellProducts {
}

div.upsellProducts ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

div.upsellProducts ul li .image {
  position: relative;

  display: block;
  width: 170px;
  margin-bottom: 10px;

  /*height: 256px;*/
}

div.upsellProducts ul li {
  padding: 0;
  margin: 0 10px 20px 0;
  line-height: 18px;
  width: 170px;
  float: left;
}

div.upsellProducts ul li.endRow
{
  margin-right: 0;
}

div.upsellProducts ul li .image
{
  text-align: center;
}

div.upsellProducts ul li .image .icon.sale
{
  background-image: url(../images/icons/tag_sale.png);
}

* html div.upsellProducts ul li .image .icon.sale
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/icons/tag_sale.png", sizingMethod="crop");
}

div.upsellProducts ul li .title {
  font-size: 11px;
  line-height: 18px;
}

div.upsellProducts ul li .price {
  font-size: 12px;
  margin: 0;
}

div.upsellProducts ul li a {
  color: #333;
}

/************** PRODUCT LISTING */
div.productListing {
}

div.productListing ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

div.productListing ul li {
  padding: 0;
  margin: 0 23px 20px 0;
  line-height: 18px;
  width: 170px;
  float: left;
}

* html div.productListing ul li
{
  height: 330px;
}

div.productListing ul li.endRow {
  margin-right: 0;
}

div.productListing ul li.first-column
{
  clear: both;
}

div.productListing ul li.clearRow {
  margin: 0;
  padding: 0;
  height: 1px;
  width: auto;
  clear: both;
  line-height: 0;
  font-size: 0;
}

div.productListing ul li .image {
  position: relative;

  display: block;
  width: 170px;
  /*height: 270px;*/
  margin-bottom: 10px;

  height: 256px;
}

div.productListing ul li .image img
{
  position: relative;
    z-index: 5;
}

div.productListing ul li .image .icon
{
  display: block;
  position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 10;

  height: 45px;
  width: 44px;
}

div.productListing ul li .image .icon.sale
{
  background-image: url(../images/icons/tag_sale.png);
}

* html div.productListing ul li .image .icon.sale
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/icons/tag_sale.png", sizingMethod="crop");
}

div.productListing ul li .title {
  font-size: 11px;
  line-height: 18px;
}

div.productListing ul li .price {
  font-size: 12px;
  margin: 0;
}

div.productListing ul li a {
  color: #333;
}



/********************** REVIEW LIST */
.reviewsList {
  clear: both;
  font-size: 11px;
  line-height: 17px;
}

.reviewsList ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.reviewsList ul li {
  margin: 0;
  padding: 5px 0 15px 0;
}

.reviewsList ul li p {
  margin: 0;

  clear: both;
}

.reviewsList ul li .author {
  color: #16a9ff;
}

/* FAQs */

.faqsList {
  padding: 20px 0;
}

.faqsList dl {
  list-style: none;
  margin: 0;
  padding: 0;
}

.faqsList dl dt {
  margin: 0;
  padding: 0 0 15px 0;
  font-size: 14px;
  font-weight: bold;
  color: #16a2f4;
}

.faqsList dl dt a {
  color: #16a2f4;
}

.faqsList dl dd {
  margin: 0 0 15px 0;
  padding: 0 0 1px;
  background: url(../images/icons/hr_dot-mgrey.gif) repeat-x left bottom;
}

.faqCategories .categoryRow
{

}

.faqCategories .categoryRow .categoryItem
{
  display: inline;
  float: left;
  font-size: 12px;
  line-height: 18px;

  margin: 0 50px 22px 0;

  width: 190px;
}

.faqCategories .categoryRow .categoryItem h3
{
  color: #313131;
  font-size: 14px;
  font-weight: bold;

  margin-bottom: 8px;
}

.faqCategories .categoryRow .categoryItem .questions
{
  list-style: none;

  margin: 0;
  padding: 0;
}

.faqCategories .categoryRow .categoryItem .questions li
{
  margin: 0 0 8px 0;
  padding: 0;
}

.faqCategories .categoryRow .categoryItem .questions a
{
  color: #3e94cd;
  text-decoration: none;
}

.faqCategories .categoryRow .categoryItem .questions a:hover
{
  text-decoration: underline;
}

.faqCategories .categoryRow .categoryItem .questions a.moreLink
{
  color: #888888;
}

/********************** MY ACCOUNT */
#myAccountLanding {
  padding: 20px 0;
}

#myAccountLanding ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#myAccountLanding ul li {
  margin: 0px;
  padding: 10px 0px;
  width: 350px;
}

#myAccountLanding ul li.left {
  display: inline;
  float: left;
  /*clear: left;*/

  margin-right: 25px;
}

#myAccountLanding ul li.right {
  display: inline;
  float: right;
}

/* Separates landing. */

h3.subSubHeading
{
  color: #333333;
  font-size: 13px;
  font-weight: bold;

  margin-bottom: 8px;
}

.interactiveBanner-scroller
{
  border: 1px solid #dddddd;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;

  height: 16px;
  width: 748px;
}

.interactiveBanner-scroller .scrollBar
{
  margin: 0 auto;

  height: 15px;
}

.interactiveBanner-scroller .ui-slider-horizontal .ui-slider-handle
{
  background-image: url(../images/scrollbar/scroll-handle.gif);
  background-position: left top;
  cursor: e-resize;
  top: 0;

  margin-left: -35px;

  height: 16px;
  width: 70px;
}

.interactiveBanner-scroller .ui-slider-horizontal .ui-slider-handle.ui-state-hover,
.interactiveBanner-scroller .ui-slider-horizontal .ui-slider-handle.ui-state-active
{
  background-position: left bottom;
}

.interactiveBanner-scroller .ui-slider-horizontal .ui-slider-handle.ui-state-active
{
  /*cursor: pointer;*/
}

.interactiveBanner-scroller .ui-handle-helper-parent
{
  position: relative;

  margin: 0 auto;

  height: 16px;
  width: 678px;
}

#separatesBanner
{
  overflow: hidden;
  position: relative;

  border: 1px solid #dddddd;
  margin-bottom: 16px;

  height: 388px;
  width: 748px;
}

#separatesBanner ul
{
  position: relative;
    /*left: -430px;*/
    z-index: 5;

  margin: 0;
  padding: 0;

  height: 388px;
  /*width: 1750px;*/
}

#separatesBanner li
{
  display: inline;
  float: left;
  position: relative;

  width: 250px;
}

#separatesBanner li .title
{
  position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;

  width: 250px;
}

#separatesBanner li .title h2.overlay
{
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
  text-align: center;

  padding: 10px 5px;

  width: 240px;
}

#separatesBanner li .title .background
{
  background-color: #000000;
  position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;

  height: 100%;
  width: 250px;
}

#separatesBanner li a
{
  display: block;
  position: relative;
    z-index: 5;
}

#separatesBanner li img
{
  display: block;
}

#separatesBanner .pager
{
  display: block;
  position: absolute;
    top: 180px;
    z-index: 10;

  height: 30px;
  width: 30px;
}

#separatesBanner .pager span
{
  display: block;

  height: 30px;
  width: 30px;
}

#separatesBanner .pager.prev
{
  left: 0;
}

#separatesBanner .pager.prev span
{
  background-image: url(../images/click/intBannerPrev.png);
}

* html #separatesBanner .pager.prev span
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/click/intBannerPrev.png", sizingMethod="crop");
}

#separatesBanner .pager.next
{
  right: 0;
}

#separatesBanner .pager.next span
{
  background-image: url(../images/click/intBannerNext.png);
}

* html #separatesBanner .pager.next span
{
  background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/click/intBannerNext.png", sizingMethod="crop");
}

/* Shop by brand. */

.brandListing
{

}

.brandListing ul
{
  margin: 0;
  padding: 0;
}

.brandListing li
{
  display: inline;
  float: left;

  margin: 0 25px 20px 0;

  width: 220px;
}

/* Fancy Zoom fix. */

#zoom
{
  z-index: 10;
}

/* Error/Success Messages. */

.errorMessages,
.successMessages
{
  border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

  margin-bottom: 15px;
  padding: 12px;
}

.errorMessages ul,
.successMessages ul
{
  margin: 0;
  padding: 0;
}

.errorMessages li,
.successMessages li
{
  line-height: 15px;
}

.errorMessages
{
  background-color: #f9dcdc;
  color: #333333;

  border: 1px solid #c76f6f;
}

.errorMessages ul
{
  list-style: disc;
}

.errorMessages ul li
{
  margin: 0 0 3px 20px;
  padding: 0;
}

.successMessages
{
  background-color: #dcf9e5;
  color: #333333;

  border: 1px solid #6fc775;
}

.successMessages ul
{
  list-style: none;
  list-style-position: inside;
}

.successMessages ul li
{
  background-image: url(../images/icons/tick.gif);
  background-position: left top;
  background-repeat: no-repeat;

  margin: 5px 0;
  padding: 0 0 0 23px;
}

* html .successMessages ul li
{
  padding: 0 0 0 8px;
}

.errorMessages .title,
.successMessages .title
{
  color: #333333;
  font-size: 14px;
  font-weight: bold;

  padding: 0px 4px 8px 4px;
}

/* Login. */

#loginForm
{
  width: 350px;
}

#loginForm .formRow
{
  padding-bottom: 7px;
}

#loginForm .formRow label
{
  float: left;

  margin-top: 3px;

  width: 130px;
}

#loginForm .formRow .formField
{
  float: right;

  width: 210px;
}

#loginForm .formRow .checkboxField,
#loginForm .formRow .formSubmit
{
  padding-left: 140px;
}

#loginForm .formRow .checkboxField .checkbox
{
  /*margin-left: 3px;*/
}

#loginForm .formRow .text
{
  width: 200px;
}

#loginForm .accountActions a
{
  clear: both;
  float: left;

  margin-top: 6px;
}

/* News Listing. */

.newslisting
{
  margin: 0;
  padding: 0 0 14px 0;
}

.newslisting .newsItem
{
  border-top: 1px solid #dddddd;
  margin-top: 12px;
  padding-top: 12px;
}
.newslisting .newsItem.first-child
{
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

.newslisting .newsItem .thumbImage
{
  float: left;

  margin-right: 15px;
}

.newslisting .newsItem h3
{
  font-weight: bold;

  margin-bottom: 5px;
}

.newslisting .newsItem p
{
  line-height: 18px;

  margin: 0;
}

/* Separates upgrade. */

.accordion #separatesBannerHolder
{
  padding-bottom: 15px;
}

.accordion .option
{
  margin-bottom: 10px;
}

.accordion .accordionTrigger
{
  /* Reset. */
  margin: 0;
  padding: 0;

  margin-bottom: 10px;
}

.accordion .accordionTrigger a
{
  background-image: url(../images/bg/separates-sections.gif);
  display: block;
  text-indent: -9999px;

  height: 25px;
  width: 270px;
}

.accordion .accordionContent.hidden
{
  display: none;
}
.accordion .accordionContent.hidden.loading
{
  display: block;
  visibility: hidden;
}

#tab_separates_brands a
{
  background-position: 0 0;
}
#tab_separates_brands a:hover,
#tab_separates_brands a.active
{
  background-position: 0 -25px;
}

#tab_separates_prints a
{
  background-position: -270px 0;
}
#tab_separates_prints a:hover,
#tab_separates_prints a.active
{
  background-position: -270px -25px;
}

#tab_separates_styles a
{
  background-position: -540px 0;
}
#tab_separates_styles a:hover,
#tab_separates_styles a.active
{
  background-position: -540px -25px;
}

#tab_separates_all a
{
  background-position: -810px 0;
}
#tab_separates_all a:hover,
#tab_separates_all a.active
{
  background-position: -810px -25px;
}

.accordion .staticProductFilters .row
{
  margin-bottom: 15px;
}

.accordion .normalFilters
{
  display: inline;
  float: left;

  margin-right: 5px;

  width: 180px;
}
.accordion .normalFilters.first-column
{
  clear: both;
}

.accordion .normalFilters h3
{
  color: #333333;
  font-size: 13px;
  font-weight: bold;

  margin-bottom: 4px;
}

.accordion .normalFilters ul
{
  /* Reset. */
  list-style: none;

  margin: 0;
  padding: 0;
}

.accordion .normalFilters ul li
{
  font-size: 11px;

  margin-bottom: 7px;
}

.accordion .normalFilters ul li.selectAll
{
  font-style: italic;
}

.accordion .normalFilters ul li .checkbox
{
  vertical-align: text-bottom;

  margin-right: 4px;
}

.accordion .normalFilters ul li.moreResult
{
  display: none;
}
.accordion .normalFilters ul li.moreResult.shown
{
  display: block;
}

.accordion .normalFilters ul li.moreLink
{
  margin-top: 10px;
}

.accordion .normalFilters ul li.moreLink a
{
  color: #333333;
  font-size: 11px;
}

#tabcontent_separates_styles form
{
  padding-bottom: 30px;
}

#tabcontent_separates_styles form .submit
{
  text-align: center;
}

.separatesIntro
{
  color: #333333;
  font-size: 14px;

  margin-top: 14px;
  margin-bottom: 18px;
}

.separatesTitle
{
  color: #15a7fd;
  font-size: 24px;

  margin-bottom: 24px;
}

#tabcontent_separates_brands .brandListing
{
  padding-top: 22px;
}

/*---------
  brands landing PAGE
 ------------*/
.wrapper {
    width: 740px;
}

img.speedo {
    margin: 20px 0 20px 130px;
}

img.logo_ginja {
    margin: 20px 0 20px 230px;
}

img.logo_jets {
    margin: 20px 0 20px 230px;
}

img.logo_seafolly {
    margin: 20px 0 20px 130px;
}

img.logo_funky {
    margin: 20px 0 20px 20px;
}

p.speedo_text {
    width: 720px;
    text-align: center;
    margin: 0 0 30px;
}

p.brand_templateText {
    width: 720px;
    text-align: center;
    margin: 0 0 30px;
}

.categories {
    width: 700px;
    margin-left: 15px;
   min-height: 700px;
}

* html .categories {
  height: 700px;
}

.categories a {
    float: left;
    margin: 0 20px 30px 0;
}
