/* SAF Clothing.com Style Sheet */
/* Jon Hudghton */
/* jon@quaysidegroup.com */


/* Basics */
body { 
margin: 0px; 
padding: 0px; 
border: 0px;
background: url(images/saf_0908/layout/container_back2.jpg) #E7E8E9 center repeat-y;
}
img {border: 0; vertical-align:middle;}
ul {list-style-type:square; list-style-position:outside; text-align:left}
p {font-family: Arial; font-size: 11px;}
form {display:inline; overflow: hidden;}
hr {color:#C6C6C6;background-color:#C6C6C6;height:1px;border:none;}

H1 {
        display:inline; color: #6C6D6F; font-size: 11px;

        }

H2 {
        color: #333333; font-size: 13px;
}

H3 {
        font-size: 13px; color: #333333;
}

H4 {
        font-size: 13px; color: #333333;
}


a {text-decoration: none}
a:hover {text-decoration: underline}
a:active {text-decoration: underline}

/* Image Rollover */
.prodimage  { border: solid 1px #ffffff; margin-bottom: 2px;}
A:hover .prodimage, A:active .prodimage  { border: solid 1px #5B5B5D;}

.prodimage2  { border: solid 1px #ffffff; margin-bottom: 2px;}
A:hover .prodimage2, A:active .prodimage  { border: solid 1px #5B5B5D;}

/* Form buttons */
.form_buttons {
border: solid 1px #cfcfcf;
font-size:14px;
color: #FFFFFF;
background-color:#85C300;
cursor: pointer;
font-weight: bold;
height: 23px;
}


/* Layout */

#container {
position:relative;
margin: auto;
width:824px;
margin-left: auto;
margin-right: auto;
color: #5B5B5D;
font-family: Arial;
font-size: 11px;
}

#container_inner_text {
float: left;
margin-left: 33px;
width: 750px;
}

#container_inner_text_ie6 {
float: left;
margin-left: 18px;
width: 750px;
}

#header_top_1 {
float: left;
width: 750px;
height: 75px;
}

#header_top_2 {
float: left;
width: 750px;
height: 41px;
}

#header_top_1 .left_col {
float: left;
width: 250px;
margin-top: 10px;
}

#header_top_1 .right_col {
float: right;
width: 490px;
text-align: right;
color: #5B5B5D;
font-size: 12px;
letter-spacing: 0.5px;
margin-top: 10px;
}

#header_top_2 .left_col {
float: left;
margin-left: 5px;
}

#header_top_2 .left_col img {
margin-right: 17px;
}

#header_top_2 .right_col {
float: right;
text-align: right;
}

.search_text_box {
background-image: url(images/saf_0908/layout/search_box_back.gif);
background-repeat: no-repeat;
background-position: top left;
width: 139px;
height: 16px;
overflow: hidden;
font-size: 10px;
border: 0px;
padding-top: 3px;
padding-left: 20px;
margin-top: 8px;
margin-right: 10px;
}

#header_top_1 a {color: #5B5B5D;}
#header_top_1 a:hover {color: #C20023;}
#header_top_1 a:active {color: #C20023;}

#centre_text {
float: left;
margin-bottom: 5px;
width: 745px;
padding-left: 5px;
}

#centre_text .index_left_col {
float: left;
width: 548px;
}

#centre_text .index_right_col {
float: right;
width: 170px;
}

#centre_text .breadcrumb_bar {
float: left;
width: 745px;
border-bottom: 1px dashed #C6C6C6;
border-top: 1px dashed #C6C6C6;
padding-bottom: 5px;
padding-top: 6px;
margin-bottom: 10px;
height: 16px;
}

#saf_standards_div {
float: left;
background-image:url(images/saf_0908/index_banners/saf_standards.gif);
width: 169px;
height: 145px;
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
}

#special_offers_div {
float: left;
background-image:url(images/saf_0908/index_banners/special_offers.gif);
width: 170px;
height: 115px;
overflow: hidden;
margin-bottom: 10px;
}

#newsletter_sign_up_div {
float: left;
background-image:url(images/saf_0908/index_banners/newsletter.gif);
width: 170px;
height: 144px;
overflow: hidden;
margin-bottom: 10px;
}

.index_right_side_inner_text {
float: left;
margin-top: 40px;
padding-left: 8px;
padding-right: 8px;
color: #5D594E;
text-align: left;
}

#enjoy_ethical_div {
float: left;
background-image:url(images/saf_0908/index_banners/enjoy_ethical2.jpg);
width: 744px;
height: 407px;
overflow: hidden;
margin-top: 10px;
color: #726E61;
margin-left: 1px;
text-align: left;
}

#enjoy_ethical_div .col_1 {
float: left;
width: 185px;
padding-left: 1px;
margin-left: 37px;
margin-top: 90px;
}

#enjoy_ethical_div .col_1_ie6 {
float: left;
width: 185px;
padding-left: 1px;
margin-left: 18px;
margin-top: 90px;
}

#enjoy_ethical_div .col_2 {
float: left;
width: 185px;
padding-left: 1px;
margin-left: 55px;
margin-top: 90px;
}

#enjoy_ethical_div .col_3 {
float: left;
width: 185px;
padding-left: 1px;
margin-left: 52px;
margin-top: 90px;
}

#centre_text a {color: #52627B; text-decoration: none;}
#centre_text a:hover {color: #C20023; text-decoration: underline;}
#centre_text a:active {color: #C20023}


#footer_bar {
float: left;
width: 745px;
margin-left: 5px;
height: 30px;
border-top: 1px dashed #C6C6C6;
margin-top: 5px;
color: #666666;
}

#footer_bar .left_col {
float: left;
padding: 1px;
margin-top: 5px;
}

#footer_bar .right_col {
float: right;
padding: 1px;
margin-top: 5px;
}

#footer_bar a {color: #666666}
#footer_bar a:hover {color: #C20023}
#footer_bar a:active {color: #C20023}

/* Page nav */
#page_nav {
float: left;
width: 739px;
padding: 3px;
margin-top: 10px;
background-color:#EBEBEB;
}

#page_nav .left_nav {
float: left;
width: 100px;
text-align: left;
}

#page_nav .centre_nav {
float: left;
width: 538px;
text-align: center;
}

#page_nav .right_nav {
float: left;
width: 100px;
text-align: right;
}

/* Pop it style */
#popitmenu{
position: absolute;
background:transparent url(images/saf_0908/layout/opaque.png); 
border:1px solid #958F7C;
line-height: 18px;
z-index: 100;
visibility: hidden;
font-family: Arial;
font-size: 11px;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: #6E6E70;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #F4EAC9;
}

/* Category Page */
.product_outer_box {
float: left;
margin: 6px;
width: 232px;
text-align: center;
height: 380px;
overflow: hidden;
}

.product_text_line {
float: left;
width: 232px;
text-align: center;
overflow: hidden;
font-size: 14px;
font-weight: bold;
color: #4D4D4D;
height: 18px;
margin-bottom: 3px;
}

.product_text_line_prod_name {
float: left;
text-align: center;
width: 232px;
height: 18px;
overflow: hidden;
font-size: 11px;
color: #4D4D4D;
font-weight: bold;
}

.product_text_line_prod_price {
float: right;
text-align: center;
overflow: hidden;
width: 232px;
height: 18px;
color: #B5041E;
font-size: 14px;
font-weight: bold;
}

.product_colours_line {
float: left;
width: 190px;
text-align: center;
font-size: 10px;
color: #676767;
height: 55px;
overflow: hidden;
padding: 0px;
margin-left: 24px;
}

.product_button_line {
float: left;
width: 232px;
text-align: center;
font-size: 10px;
height: 43px;
overflow: hidden;
margin-top: 3px;
}


/* Product page stuff */

#product_col_1 {
width: 300px;
float: left;
margin-right: 25px;
text-align: center;
font-size: 12px;
font-weight: bold;
margin-top: 5px;
}

#product_col_1_email_to_friend {
float: left;
width: 288px;
border: 1px dashed #C6C6C6;
padding: 5px;
text-align: left;
font-weight: normal;
margin-top: 8px;
margin-bottom: 5px;
font-size: 11px;
}

#product_col_1_email_to_friend .left_form_col {
float: left; width: 150px; height: 15px; padding-top: 6px;
}

#email_friend_div {
float: left;
color: #FF0000;
}

#product_col_1 .product_page_colours_line {
float: left;
width: 300px;
text-align: center;
font-size: 10px;
color: #676767;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
}


#product_col_2 {
width: 285px;
float: left;
margin-right: 5px;
margin-top: 5px;
}

#product_col_2 .price {
float: left;
font-size: 16px;
color: #B40621;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}

#product_col_3 {
width: 112px;
float: right;
text-align: center;
margin-top: 5px;
color: #8F8F8F;
}

#product_icon_line {
float: left;
width: 285px;
height: 36px;
margin-top: 2px;
margin-bottom: 18px;
}

#product_icon_line img {
margin-right: 0px;
}

#ajax_image_div {
float: left;
width: 294px;
height: 315px;
background-image:url(images/saf_0908/product/image_loader.gif);
text-align: center;
}

/* Borrowed from Polo Shirts.co.uk */

#ni_0508_tab_box_selected_tab_1 {
float: left;
background-image: url(images/saf_0908/product/tabs1.gif);
width: 276px;
height: 28px;
background-repeat: no-repeat;
margin-top: 5px;
}

#ni_0508_tab_box_selected_tab_2 {
float: left;
background-image: url(images/saf_0908/product/tabs2.gif);
width: 276px;
height: 28px;
background-repeat: no-repeat;
margin-top: 5px;
}

#ni_0508_tab_box_selected_tab_3 {
float: left;
background-image: url(images/saf_0908/product/tabs3.gif);
width: 276px;
height: 28px;
background-repeat: no-repeat;
margin-top: 5px;
}


.ni_0508_tab_inner_text {
float: left;
padding-left: 1px;
margin-top: 5px;
margin-left: 12px;
font-weight: bold;
}

.ni_0508_tab_inner_text_ie6 {
float: left;
padding-left: 1px;
margin-top: 5px;
margin-left: 6px;
font-weight: bold;
}


.ni_0508_tab_box_middle {
float: left;
background-image: url(images/saf_0908/product/tabs_box_middle.gif);
width: 276px;
background-repeat: repeat-y;
}

.ni_0508_tab_box_middle .inner_text {
width: 266px;
padding: 5px;
text-align: left; /* Override justfiy for size table */
}

.ni_0508_tab_box_bottom {
float: left;
background-image: url(images/saf_0908/product/tabs_box_bottom.gif);
width: 276px;
height: 7px;
font-size: 1px;
}

/* Suggestion Box */


#autocomplete1 {
      position:absolute;
      width:200px;
      background-color:white;
      border:1px solid #5B5B5D;
      margin:0px;
      padding:0px;
      text-align: left;
    }
#autocomplete1 ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
#autocomplete1 ul li.selected {background-color: #FFFF33;}

#autocomplete1 ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      cursor:pointer;
    }

/* Where was I made Page */

#wwim_top_left {
float: left;
width: 445px;
height: 85px;
padding-left: 0px;
}

#wwim_top_right {
float: right;
width: 290px;
height: 85px;
text-align: right;
}

#wwim_top_right img {
margin-top: 14px;
}

#wwim_see_the_difference {
float: left;
width: 744px;
padding-left: 1px;
margin-top: 15px;
}

.video_outer_box {
float: left;
width: 745px;
height: 243px;
margin-top: 25px;
margin-bottom: 5px;
text-align: left;
}

.video_outer_box .left_col {
float: left;
width: 300px;
}

.video_outer_box .right_col {
float: right;
width: 420px;
padding-left: 1px;
}

.video_image {
margin-right: 7px;
margin-top: 10px;
}

/* Certs Page */
.saf_certs_col_left {
clear: both;
float: left;
width: 170px;
margin-top: 15px;
margin-bottom: 15px;
}

.saf_certs_col_right {
float: left;
width: 572px;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 1px;
}

/* Ethics Sub Pages */
.ethics_sub_header_text {
color: #BE243E;
font-weight: bold;
font-size: 12px;
}


/* Product page stuff old */

TD.sizeTableInner{
color: #000000;
font-weight: bold;
font-size: 11px;
border-bottom: solid 1px #BFBFBF;
}

TABLE.sizeTable{
border-left: solid 1px #BFBFBF; border-right: solid 1px #BFBFBF; border-top: solid 1px #BFBFBF;
padding-top: 5px;
padding-left: 3px;
float: left;
}

TD.priceTableInner{
color: #000000;
border-top: solid 1px #BFBFBF; border-left: solid 1px #BFBFBF;
}

TD.priceTableInner2{
color: #000000;
font-weight: bold;
border-top: solid 1px #BFBFBF; border-left: solid 1px #BFBFBF; background-color: #DADADA;
}

TABLE.priceTable{
border-bottom: solid 1px #BFBFBF; border-right: solid 1px #BFBFBF;
margin-right: auto;
margin-left: auto;
width: 260px;
}

TD.colourTable{
font-size: 10px;
}

TABLE.colourTable{
float: left;
}

/* Content Page Styles */

.imageinsert{
        float:left;
        margin:5px 10px 0 0;
}

.imageinsert p{
        margin:0 0 3px 0;
        border-top:#788103 solid 5px;
        font-size:80%;
}

/* Old OSC Styles */

.large {
        FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 14px; FONT-FAMILY: Arial,Helvetica
}
.redbar {
        PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: Arial; HEIGHT: 23px; BACKGROUND-COLOR: #FF0000; text-align:left;
}
.optionTitle {
        PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; FONT-FAMILY: Arial, Helvetica, "Sans Serif"; BACKGROUND-COLOR: #7E6775
}
.prodBox {
        BORDER-RIGHT: #555 1px solid; BORDER-TOP: #555 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #555 1px solid; FONT-FAMILY: Arial, Helvetica, "Sans Serif"
}
.prodBox P {
        PADDING-RIGHT: 10px; PADDING-LEFT: 10px
}
DIV.pagehead {
        MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN-BOTTOM: 8px; FONT-FAMILY: Arial, Helvetica, "Sans Serif"
}
DIV.prodInfoBox {
        MARGIN-TOP: 15px; PADDING-LEFT: 10px; FLOAT: left; MARGIN-BOTTOM: 10px
}
DIV.sizeInfoBox {
        PADDING-RIGHT: 10px; MARGIN-TOP: 15px; PADDING-LEFT: 10px; FLOAT: left; MARGIN-BOTTOM: 10px
}
DIV.productTitle {
        PADDING-RIGHT: 6px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; COLOR: #fff; PADDING-TOP: 6px; BORDER-BOTTOM: white 5px solid; FONT-FAMILY: Arial, Helvetica, "Sans Serif"; BACKGROUND-COLOR: #7E6775
}
.quantityDisc {
        FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 14px; FONT-FAMILY: Arial, Helvetica; TEXT-ALIGN: justify
}
.qtyBox {
 margin-top: 3px; margin-bottom: 3px; font-size: 11px; width: 130px; font-family: Helvetica,"Trebuchet MS", Arial;
}
TABLE.qtyDiscTable {
        FONT-SIZE: 10px; COLOR: black; FONT-FAMILY: Arial, Helvetica, "Sans Serif"
}
TABLE.qtyDiscTable TD {
        PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-TOP: 3px
}
TD.qtyDiscHeading {
        PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: #FFFFFF
}
TD.qtyDiscDGrey {
        BACKGROUND-COLOR: #aaa
}
TD.qtyDiscLGrey {
        BACKGROUND-COLOR: #c6c6c6
}
TD.qtyDiscOption {
        PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; COLOR: white; PADDING-TOP: 4px; BACKGROUND-COLOR: #FFFFFF
}
A.qtyLink {
        COLOR: #fff; TEXT-DECORATION: underline
}
A.hover {
        COLOR: #fff; TEXT-DECORATION: underline
}
.boxText {
        FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}
.errorBox {
        FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #ffb3b5; FONT-FAMILY: Verdana, Arial, sans-serif
}

/* default osc settings*/

.boxText { font-size: 10px; }
.errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size : 10px; color: #cc0033; }
.productsNotifications  { background: #f7f7f7 }
.orderEdit  { color: #ac0a08; font-size: 10px;  text-decoration: underline }
TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {

  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation {
  color: #FFFFFF;
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {

  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox     { background: #b2b2b2 }

.infoBoxContents    { font-size: 11px; background: #FCFFF6 }
.infoBoxContentsGrey   { font-size: 11px; background: #f7f7f7 }
.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents  { font-size: 11px; background: #ffe6e6 }
TABLE.infoBoxNav { border: dashed 1px #b2b2b2 }
TABLE.infoBoxNav td { padding-top: 8px; padding-bottom: 8px }
TD.infoBoxHeading   { color: #ffffff; font-size: 11px; font-weight: bold; background: #ac0a08; padding: 3px 10px }
TD.infoBox, SPAN.infoBox  { font-size: 11px }

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd  { background: white }

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even  { background: white }

TABLE.productListing  { border: 1px solid #ccc; }

.productListing-heading   { color: white; font-size: 11px; font-weight: bold; background: #736F60 }

TD.productListing-data  { font-size: 11px }

A.pageResults  { }

A.pageResults:hover  { color: #f00; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 }

TD.pageHeading, DIV.pageHeading {

  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {

  font-size: 10px;
  color: #000000;
}

TD.main, P.main {

  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {

  font-size: 10px;
}

TD.accountCategory {

  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {

  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {

  font-size: 12px;
}

TD.tableHeading {

  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {

  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {

  font-size: 11px;
}

TEXTAREA {
  width: 100%;

  font-size: 11px;
}

SPAN.greetUser {

  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {

  color: #ff0000;
}

SPAN.errorText {

  color: #ff0000;
}

.moduleRow { }
.moduleRowOver  { background-color: #ebebeb; cursor: pointer; }
.moduleRowSelected  { background-color: #e6e6e6 }

.checkoutBarFrom, .checkoutBarTo {  font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent {  font-size: 10px; color: #000000; }
.messageBox {  font-size: 10px; }
.messageStackError, .messageStackWarning {  font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess {  font-size: 10px; background-color: #99ff00; }
.inputRequirement   { color: #f00; font-size: 11px }
/*OSC Items End*/
.productListing-origination { background-color: #f7f7f7; border-top: 1px solid #f5f5f5 }
.sub_red { color: #bf0000 }