/**************************************
 Key colours:
   Red: #c41230
   Brown/Ochre: #b95900
   Light Brown: #edcbb0
   Green: #006225
   Light Green: c0d4c0
  Dark Grey: #696969;
***************************************/

/*** Default Values ***/

body {
    background-color : #ffffff;
    color : #000000;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 0pt;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : 100%;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    /* Needed to centre our page in IE 6 */ /*text-align : center;
    */ text-align : center;
    text-decoration : none;
  }

body.popup {
    margin : 5px;
}


a {
    color : #000000;
    text-decoration : none;
    white-space : nowrap;
  }


p {
    color : #000000;
    font-size : 10pt;
    line-height : 150%;
    margin : 0;
    padding : 0 0 5px 0;
    text-align : left;
  }


h2, h3, h4, h5 {
    margin : 0;
    padding : 0;
  }

h2 {
    font-size : 13pt;
    font-weight : bold;
    text-align : left;
  }

h3 {
    font-size : 10pt;
    font-weight : bold;
    text-align : left;
  }

img {
    border-bottom-style : none;
    border-left-style : none;
    border-right-style : none;
    border-top-style : none;
  }

/* Needed to display dividing lines on our product tabs when scripting is disabled.*/
noscript {
    background-image : none;
  }


/* IE pads forms out by default */
form {
    margin : 0;
    padding : 0;
  }


/*** 3dCart Definitions - Used by 3dCart's common templates */

/*data:: Controls body default fonts and colors*/
/*
.data {
    font-size: 10pt;
    font-weight: normal;
    color: black;
    background-color: white;
  }
*/


.borders2 {
    background-color : #CBCACA;
    border : medium none #CBCACA;
  }

/* .checkout-headers in 3D Cart CSS */
.invoiceHeader {
    background-color : #FFFFFF;
    color : #4F4E4E;
    font-family : Arial,Helvetica,sans-serif;
    font-size : 16px;
    font-weight : bold;
  }


.item, .data {
    color : #000000;
    font-size : 10pt;
    text-decoration : none;
  }


.item a:link,
.data a:link,
.item a:active,
.data a:active,
.item a:visited,
.data a:visited {
    color : #b95900;
  }


.item a:hover,
.data a:hover {
    color : #006225;
  }


.btn,.btn_over {
    background-color : #b95900;
    border : none;
    color : #ffffff;
    float : left;
    /*margin : 5px 7px 0 0;
    */ margin : 0 5px 0 0;
    padding : 1px;
    text-transform : uppercase;
  }


.btn_over {
    background-color : #edcbb0;
    color : #b95900;
  }

/*page_headers:: Controls the page's titles*/

h1,
h1.greenShoe,
.page_headers {
    color : #006225;
    font-size : 16pt;
    font-weight : bold;
    margin-top : 2pt;
    margin-bottom : 10pt;
    text-align : left;
  }

h1.greenShoe {
    padding : 4px 2px 2px 42px;
    margin: 5px 0 5px 0;
  }

h1.greenShoe {
    background-image : url("../images/shoe_header_medium_green.png");
    background-position : 0 -2px;
    background-repeat : no-repeat;
  }

input.txtBoxStyle {
    border-top : 1px solid #b95900;
    border-bottom : 1px solid #b95900;
    border-left : 1px solid #b95900;
    border-right : 1px solid #b95900;
    font-weight : normal;
    font-size : 11px;
    color: black;
    line-height : 100%;
  }



input.txtBoxStyleFocus {
    background-color : #C0D4C0;
  }


.label {
    font-weight : bold;
  }

/*** Global Styles - no IDs here! ***/ 

p.callout {
    background-color : #C0D4C0;
    width : 90%;
    min-width : 90%;
    max-width : 90%;
    margin : 0 auto 5px auto;
    padding : 5px;
  }


.positioningTableElement {
    margin: 0px;
    padding : 0px;
  }


.centred {
    margin-left : auto;
    margin-right : auto;
  }


.warningBox {
    background-color : #c41230;
    color : #ffffff;
    font-weight : bold;
    margin-bottom : 5px;
    margin-left : 5px;
    margin-right : 5px;
    margin-top : 5px;
    padding-bottom : 1px;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 1px;
  }


#contentColumn .warningBox p {
    color : #ffffff;
  }


.warningBox a:link,.warningBox a:active,.warningBox a:visited {
    color : #ffffff;
    text-decoration : underline;
  }


.warningBox a:hover {
    color : #006225;
  }


#breadcrumbs {
    color : #b95900;
    font-size : 8pt;
    text-decoration : none;
  }


.breadcrumbs a:link,.breadcrumbs a:active,.breadcrumbs a:visited {
    color : #b95900;
  }


.breadcrumbs a:hover {
    color : #c41230;
  }


div.hr {
    border-top : 1px solid #696969;
    margin : 1px auto 1px auto;
    height : 1px;
    max-height : 1px;
    min-height : 1px;
    width : 90%;
    max-width : 90%;
    min-width : 90%;
  }


#innerFrame {
    margin-bottom : 0px;
    margin-left : auto;
    margin-right : auto;
    margin-top : 0px;
    max-width : 960px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    text-align : left;
    width : 960px;
  }


#logo {
    background-color : #f2eeed;
    float : left;
    height : 210px;
    max-height : 210px;
    max-width : 175px;
    min-height : 210px;
    min-width : 175px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    width : 175px;
  }

/*** Banner and top menu ***/

#bannerRow {
    clear: both;
    height : 210px;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    max-height : 210px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
  }

/* This holds our displayed banner */

#banner {
    background-color : #f2eeed;
    background-image : url("../images/banners/girl_kissing_grandma.jpg");
    background-repeat : no-repeat;
    float : right;
    height : 210px;
    max-height : 210px;
    max-width : 785px;
    min-height : 210px;
    min-width : 785px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    width : 785px;
  }

/* IE6 requires an absolute position */

#banner {
    position : absolute;
  }

/* Everyone else wants relative */

html>body #banner {
    position : relative;
  }

/* This is used to fade in our new banner */

#newBanner {
    background-color : #f2eeed;
    background-image : url("../images/banners/girl_kissing_grandma.jpg");
    background-repeat : no-repeat;
    display : none;
    height : 100%;
    max-height : 100%;
    max-width : 100%;
    min-height : 100%;
    min-width : 100%;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    width : 100%;
  }


#topMenu {
    background-color : #b95900;
    clear : both;
    height : 18pt;
    margin-bottom : 5px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    overflow : hidden;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    position : relative;
    vertical-align : middle;
  }


.topMenuItem {
    color : #ffffff;
    float : left;
    font-size : 13pt;
    padding-left : 30px;
    padding-right : 30px;
  }


.topMenuItem:hover {
    /*color : #006225;
    */ color : #edcbb0;
  }

/*** Main Table ***/

#mainBodyRow {
    height : 100%;
  }


#mainBodyTable {
    border-collapse: collapse;
    color : #000000;
    font-size : 11pt;
    height : 100%;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-width : 960px;
    min-width : 960px;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    table-layout : fixed;
    width : 960px;
  }

/*** Left Column ***/

#leftColumn {
    background-color : #edcbb0;
    color : #b95900;
    padding-top : 5px;
    text-align : left;
    vertical-align : top;
  }

/* Set the width for IE6 */

#leftColumn {
    max-width : 160px;
    min-width : 160px;
    width : 160px;
  }

/* Set it properly for everyone else - sigh */

html>body #leftColumn {
    font-size : 10pt;
    max-width : 150px;
    min-width : 150px;
    width : 150px;
  }


#leftColumn h1 {
    font-size : 13pt;
    font-weight : bold;
    margin-bottom : 3px;
  }


.leftNavMenuBlock {
    display : block;
    margin-top : 12px;
    margin-bottom : 5px;
    padding-left : 7px;
  }


#freePointsAd {
    background-color : #edcbb0;
    background-image : url("../images/free_300_points.png");
    background-repeat : no-repeat;
    height : 268px;
    max-height : 268px;
    min-height : 268px;
    width : 130px;
    max-width : 130px;
    min-width : 130px;
    margin : 20px auto 7px auto;
    padding : 10px 0 0 0;
  }


#newReleasesBlock,#topSellersBlock {
    margin-left : auto;
    margin-right : auto;
    text-align : center;
  }


a.leftNavMenuItem {
    font-size : 11pt;
  }


a.leftNavMenuItem:link,a.leftNavMenuItem:active,a.leftNavMenuItem:visited {
    color : #b95900;
  }


a.leftNavMenuItem:hover {
    color : #006225;
  }

/* Subcategories show up below our top level categories */

a.subcategoryMenuItem {
    font-size : 10.5pt;
  }


a.subcategoryMenuItem:link,a.subcategoryMenuItem:active,a.subcategoryMenuItem:visited {
    color : #b95900;
  }


a.subcategoryMenuItem:hover {
    color : #006225;
  }

/* Nested subcategories showe up under 2nd and deeper level sub categories */

#subcategoriesContainer {
    background-color : #edcbb0;
    padding : 3px;
  }


.subcategoriesContainer {
    display : none;
    margin : 0 0 0 5px;
  }


div#submenuPlaceholder {
    display : none;
    margin : 0 0 0 5px;
  }


h2#submenuHeading {
    color : #B95900;
    display : none;
    font-size : 11pt;
    font-weight : bold;
    margin : 0 0 5px 5px;
  }


h2#submenuHeading a:link,h2#submenuHeading a:active,h2#submenuHeading a:visited {
    color : #b95900;
  }


h2#submenuHeading a:hover {
    color : #006225;
  }


.leftNavRule {
    background-image : url("../images/left_nav_rule.gif");
    background-repeat : no-repeat;
    display : block;
    height : 9px;
    margin-top : 7px;
    margin-bottom : 7px;
    padding : 0;
    width : 136px;
  }


#storeNavLinks {
    margin : 0;
  }


.storeNavLink {
    margin : 0;
    padding-top : 5px;
  }


.storeNavLink a, .storeNavLink a:link, .storeNavLink a:visited {
    display:block;
  }

/*** Right Column ***/

#rightColumn {
    background-color : #ffffff;
    min-width : 159px;
    max-width : 159px;
    width : 159px;
    vertical-align : top;
  }


#searchBox {
    background-color : #edcbb0;
    margin : 0 0 7px 0;
    width: 149px;
    max-width : 149px;
    min-width : 149px;
    padding : 10px 5px 7px 5px;
    /* Required for IE to centre items */ text-align : center;
  }


#searchTitle {
    height : 20px;
    margin : 0 auto 0 auto;
    padding-bottom : 3px;
  }


input#searchText {
    vertical-align : middle;
  }


input#searchButton {
    /* background-image : url("../images/search_button.png");
    background-repeat : no-repeat;
    */ height : 19px;
    min-height : 19px;
    max-height : 19px;
    width : 27px;
    min-width : 27px;
    max-width : 27px;
    vertical-align : middle;
  }


#miniShoeboxFrame {
    background-color : #b95900;
    margin : 0 0 7px 0;
    min-height : 88px;
    width: 159px;
    max-width : 159px;
    min-width : 159px;
    padding-bottom : 3px;
    padding-top : 10px;
    /* Required for IE to centre items */ text-align : center;
  }


#miniShoeboxHeader {
    background-color : #b95900;
    height : 90px;
    min-height : 90px;
    margin : 0 auto 0 auto;
    padding-bottom : 3px;
    width: 100%;
  }


#miniShoeboxContents {
    background-color : white;
    color : #006225;
    margin : 0 auto 3px auto;
    width: 135px;
    max-width : 135px;
    min-width : 135px;
    padding : 5px;
    text-align : center;
  }

span#miniShoeboxItems {
    color : #b95900;
    font-size : 8pt;
  }


span#miniShoeboxItemCount {
    font-weight : bold;
  }


span#miniShoeboxTotal {
    color : #006225;
    font-size : 10pt;
    font-weight : bold;
  }


#miniShoeboxFooter {
    background-color : #b95900;
    height : 22px;
    min-height : 22px;
    margin : 0px 5px 0 5px;
    padding : 0 0 3px 0;
    text-align : center;
  }


#miniShoeboxCheckout {
    background-image : url("../images/checkout_button_hover.gif");
    background-position : center center;
    background-repeat : no-repeat;
    height : 22px;
    width : 113px;
  }


#miniShoeboxCheckout a:hover img {
    visibility:hidden;
  }


.rightBarAd {
    margin : 0 auto 7px auto;
    padding : 0;
  }

/*** Footer area ***/

#footer {
    background-color : #ffffff;
    vertical-align : top;
    margin-left : auto;
    margin-right : auto;
  }


.footerRule {
    background-image : url("../images/footer_rule.png");
    background-repeat : no-repeat;
    height : 13px;
    width : 792px;
  }


#storeLocations {
    clear : both;
    margin-left : auto;
    margin-right : auto;
  }


div.storeLocation {
    float : left;
    margin : 5px auto 15px;
    width : 33%;
    text-align : center;
  }


div.storeLocation a.storeName {
    color : #696969;
    font-size : 10pt;
    font-weight : bolder;
    padding : 0px;
    margin : 0px;
  }


div.storeLocation a.storeAddress {
    color : #B95900;
    font-size : 10pt;
    font-weight : bold;
    line-height : 12pt;
    margin : 0px;
    padding : 0px;
  }


div.storeLocation a.storeName:hover,div.storeLocation a.storeAddress:hover {
  }


div#footerMenu {
    clear : both;
    padding-bottom : 10px;
    padding-top : 10px;
    text-align : center;
    width: 100%;
  }


div#footerMenu a,div#footerMenu a:active,div#footerMenu a:link,div#footerMenu a:visited {
    color : #B95900;
    font-size : 10pt;
    font-weight : bold;
    line-height : 12pt;
    margin-left : 7px;
    margin-right : 7px;
  }


div#footerMenu a:hover {
    color : #006225;
  }


div#footerMenu a.footerMenuEntry:active,div#footerMenu a.footerMenuEntry:link,div#footerMenu a.footerMenuEntry:visited {
    color: #B95900;
  }


div#footerMenu a.footerMenuEntry:hover {
    color : #006225;
  }


#copyright {
    margin-left : auto;
    margin-right : auto;
    font-size : 8pt;
  }


p.copyright {
    color : #B95900;
    font-size : 10pt;
    margin : 0px;
    padding : 0px;
    text-align : center;
    width : 100%;
  }

/*** Main content area ***/

#contentColumn {
    background-color : #ffffff;
    color : #000000;
    font-size : 10pt;
    line-height : 140%;
    margin : 0 auto 0 auto;
    padding : 0 12px 10px 12px;
    vertical-align : top;
  }

/* Set the width for IE6 */

#contentColumn {
    max-width : 615px;
    min-width : 615px;
    width : 615px;
  }

/* Set it properly for everyone else - sigh */

html>body #contentColumn {
    max-width : 617px;
    min-width : 617px;
    width : 617px;
  }

/* Some basic styles */

.contentHeader {
    margin : 0 0 20px 0;
  }


.contentFooter {
    margin : 20px 0 0 0;
  }


.contentHeader p,.contentFooter p {
    color : #000000;
    font-size : 10pt;
    line-height : 150%;
    padding : 0 0 5px 0;
  }


.contentHeader img, .contentFooter img {
    margin : 5px;
  }


h2.redShoe,h2.greenShoe {
    color : #006225;
    font-size : 13pt;
    font-weight : bold;
    padding : 4px 2px 2px 42px;
    margin: 5px 0 5px 0;
    text-align : left;
  }


h2.redShoe {
    background-image : url("../images/shoe_header_medium_red.png");
    background-position : 0 -2px;
    background-repeat : no-repeat;
  }


h2.greenShoe {
    background-image : url("../images/shoe_header_medium_green.png");
    background-position : 0 -2px;
    background-repeat : no-repeat;
  }


h3.redShoe,h3.greenShoe {
    color : #000000;
    font-size : 10pt;
    font-weight : bold;
    padding : 0 2px 0 32px;
    margin: 5px 0 5px 0;
    text-align : left;
  }


h3.redShoe {
    background-image : url("../images/shoe_icon_red.png");
    background-position : 0 -2px;
    background-repeat : no-repeat;
  }


h3.greenShoe {
    background-image : url("../images/shoe_icon_green.png");
    background-position : 0 -2px;
    background-repeat : no-repeat;
  }

/* This is our hidden breadcrumb trail in the frame, For the visible 
   breadcrumbs, see the generic 3dCart item style. */

div#menuBreadcrumbs {
    display : none;
  }

/*** Home Page ***/
 
h2.featuredProductsTitle {
    background-image : url("../images/shoe_header_medium_red.png");
    background-position : 0 -2px;
    background-repeat : no-repeat;
    color : #006225;
    font-size : 13pt;
    font-weight : bold;
    padding : 4px 2px 2px 42px;
    margin: 5px 0 3px 0;
  }

/* Category Listings */

div.categoryDescription {
    color : #696969;
    font-style : italic;
    margin : 5px auto 5px auto;
    padding : 0;
    width : 90%;
    max-width : 90%;
    min-width : 90%;
  }


div#categoryExtendedDescriptionLink {
    overflow : auto;
  }


span.categoryExtendedDescriptionLinkMore,
span.categoryExtendedDescriptionLinkMoreHover,
span.categoryExtendedDescriptionLinkLess,
span.categoryExtendedDescriptionLinkLessHover {
    background : no-repeat;
    background-position : 0 center;
    cursor : pointer;
    display : none;
    float : right;
    font-size : 9pt;
    font-style : normal;
    padding : 0 0 0 15px;
  }


span.categoryExtendedDescriptionLinkMore {
    background-image : url("../images/arrow_down.gif");
    color : #B95900;
  }


span.categoryExtendedDescriptionLinkMoreHover {
    background-image : url("../images/arrow_down_hover.gif");
    color : #006225;
  }


span.categoryExtendedDescriptionLinkLess {
    background-image : url("../images/arrow_up.gif");
    color : #B95900;
  }


span.categoryExtendedDescriptionLinkLessHover {
    background-image : url("../images/arrow_up_hover.gif");
    color : #006225;
  }


div.darkGreyHorizontalDivider,
div.darkOchreHorizontalDivider, 
div.lightOchreHorizontalDivider {
    margin : 5px 0 5px 0;
    height : 1px;
    max-height : 1px;
    min-height : 1px;
    width : 100%;
    max-width : 100%;
    min-width : 100%;
  }


div.darkGreyHorizontalDivider {
    background-image : url("../images/dark_grey_divider.gif");
    background-repeat : repeat-x;
  }


div.darkOchreHorizontalDivider {
    background-image : url("../images/dark_ochre_divider.gif");
    background-repeat : repeat-x;
  }


div.lightOchreHorizontalDivider {
    background-image : url("../images/light_ochre_divider.gif");
    background-repeat : repeat-x;
  }


p.productCount {
    display : none;
    color : #B95900;
    font-size : 8pt;
    width : 25%;
    max-width : 25%;
    min-width : 25%;
  }


.pager {
    width : 50%;
    max-width : 50%;
    min-width : 50%;
  }


.pagerText,.pagerCurrentPage,a.pagerLink:link,a.pagerLink:active,a.pagerLink:visited,a.pagerFirstLastLink:link,a.pagerFirstLastLink:active,a.pagerFirstLastLink:visited {
    color : #B95900;
    font-size : 8pt;
  }


a.pagerLink:hover,a.pagerFirstLastLink:hover {
    color : #C41230;
  }


a.pagerFirstLastLink:link,a.pagerFirstLastLink:active,a.pagerFirstLastLink:visited {
    font-weight : bold;
  }


.pagerCurrentPage {
    color : #006225;
    font-weight : bold;
  }


.sortBy {
    color : #B95900;
    font-size : 10pt;
    width : 25%;
    max-width : 25%;
    min-width : 25%;
  }


.categoryProductName,
a.categoryProductName:link,
a.categoryProductName:active,
a.categoryProductName:visited {
    color : #B95900;
    font-size : 10pt;
    font-weight : bold;
    white-space : normal;
  }


a.categoryProductName:hover {
    color : #006225;
  }


.categoryProductPrice {
    color : #000000;
    font-size : 10pt;
  }


.categoryProductSalePrice {
    color : #C41230;
    font-size : 10pt;
  }


.categoryProductRegularPrice {
    color : #000000;
    font-size : 8pt;
    text-decoration : line-through;
  }


.brandTable,.categoryItemTable {
    margin: 0 0 25px 0;
    width:95%;
    max-width:95%;
    min-width:95%;
    table-layout : fixed;
  }


.brandTable {
    margin: 0;
  }


span.searchTerms {
    background-color : #C0D4C0;
    font-weight : bold;
  }


div.searchResults {
    margin : 0;
  }

/* Product Pages */

#productTitle h1 {
    color : #006225;
    margin-bottom : 0;
  }


h2#manufacturer {
    color : #696969;
    font-size : 10pt;
    margin-bottom: 0;
    margin-top: 0;
  }


#productTitle h2#manufacturer span {
    font-size : 80%;
    font-style : italic;
  }


div#productHeader {
    color : #000000;
  }


#productAlsoAvailable {
    display : none;
    background-color : #c0d4c0;
    color : black;
    float : right;
    padding : 5px;
  }


#productAlsoAvailable h2 {
    font-size : 10pt;
    font-weight : bold;
  }


#productAlsoAvailable p {
    font-weight : bold;
    padding-left : 7px;
  }


#productAlsoAvailable a:link,#productAlsoAvailable a:active,#productAlsoAvailable a:visited {
    color : #b95900;
  }


#productAlsoAvailable a:hover {
    color : #006225;
  }


#productTable {
    border-spacing : 0;
    margin-bottom: 10px;
    width : 100%;
    min-width : 100%;
    max-width : 100%;
    table-layout : fixed;
    vertical-align : top;
  }


#productLeftColumn {
    text-align : center;
    margin : 0;
    padding-right : 10px;
    width : 310px;
    min-width : 310px;
    max-width : 310px;
    vertical-align : top;
  }


#productImage {
  }


#productIcons {
    clear : right;
    float : right;
    margin-right : 20px;
  }


img.productIcon {
    float : right;
    margin : 0 12px 0 0;
    padding : 0;
  }


/*
#emailFriendIcon,#reviewIcon,#wishlistIcon {
    display : none;
  }
*/

#productPrices {
    clear : left;
    float : left;
    text-align : left;
    width : 50%;
    min-width: 50%;
    max-width : 50%;
  }


#productPrice {
    color : #000000;
    font-size : 11pt;
    font-weight : normal;
  }


.productSalePrice {
    clear : both;
    color : #c41230;
    float : left;
  }


.productRegularPrice {
    float : left;
    font-size : 10pt;
    font-weight : normal;
  }


.productItemPrice {
  }


#productInfo {
    text-align : left;
  }


#productAvailability {
    clear : both;
    display : none;
  }


#productAvailabilityHeading {
    display : none;
  }


#availability {
    font-size : 10pt;
  }


#productRewards {
    clear : both;
    font-size : 8pt;
  }


#productRewards span {
    color : #006225;
    font-weight : bold;
  }


#productRewards a:link,
#productRewards a:active,
#productRewards a:visited,
#productRewards a:hover {
    color : #006225;
  }


/* Hidden by default - only used for a few products */
#alsoAvailable {
    clear : both;
/*
    display : none;
*/
    font-size : 8pt;
  }


#alsoAvailableLinks {
    color : #696969;
    font-weight : normal;
  }


#alsoAvailableLinks a:link 
#alsoAvailableLinks a:active,
#alsoAvailableLinks a:visited {
    color:#B95900;
  }


#alsoAvailableLinks a:hover {
    color : #006225;
  }


#productId {
    clear : both;
    color : #696969;
    font-size : 6pt;
  }

#productRightColumn {
    vertical-align : top;
  }


#productDescription {
    margin : 0 0 10px 0;
    padding : 0;
    text-align : left;
  }


#productDescription ul {
    list-style-type : none;
    margin : 0;
    padding : 0;
  }


#productDescription ul li {
    background-image : url("../images/arrow_bullet_forward.gif");
    background-repeat : no-repeat;
    background-position : 0 2px;
    line-height : 100%;
    padding-left : 25px;
    padding-bottom: 7px;
  }

/* We don't bother with the heading for our descriptions */

#productDescription h2 {
    display : none;
  }


.productOption {
    clear : both;
    float : left;
    margin : 10px 0 10px 0;
    width : 100%;
    max-width : 100%;
    min-width : 100%;
  }


.optionLabel {
    /*color : #b95900;
    */ color : #696969;
    font-size : 11pt;
    font-weight : bold;
    /*font-weight : normal;
    */;
  }


.optionField {
    clear : both;
  }


.optionHelp {
    display : none;
  }


.dropimageControl {
  }


.hiddenControl {
    display : none;
  }


.dropimageOption {
    float : left;
    line-height : 0;
    margin : 0 7px 0 0;
    padding : 0;
    text-align : center;
  }

/* Define both in case 3dCart ever changes how they output "selected" */
.dropimageThumbnail,.dropimageThumbnailSelected,.dropimageThumbnailselected {
    height : 65px;
    margin : 0;
    width : 65px;
  }


.dropimageThumbnail {
    border : 1px solid #ffffff;
    padding : 1px;
  }

/* Define both in case 3dCart ever changes how they output "selected" */

.dropimageThumbnailSelected,.dropimageThumbnailselected {
    border : 1px solid #006225;
    padding : 1px;
  }


.dropimageThumbnail img,.dropimageThumbnailSelected img,.dropimageThumbnailselected img {
    clear : both;
    padding : 1px;
  }


.dropimageThumbnailHover {
    border : 1px solid #b95900;
    padding : 1px;
  }


.dropimageText {
    display : none;
  }


.productRadioOption,
.productRadioOptionHover,
.productRadioOptionChecked,
.productRadioOptionchecked {
    background-color : #edcbb0;
    border : 1px #edcbb0 solid;
    color : #b95900;
    float : left;
    margin : 5px 7px 0 0;
    padding : 0;
  }


.productRadioOptionChecked,.productRadioOptionchecked {
    background-color : #006225;
    border : 1px #006225 solid;
    color : #ffffff;
    padding : 0;
  }


.productRadioOptionHover {
    border : 1px #b95900 solid;
    color : #006225;
    padding : 0;
  }


.addToCart {
    margin : 0;
    padding : 0;
  }

/* Set the height and width for IE 6*/

.addToCart {
    display : block;
  }

div.addToCart {
    clear : left;
    padding : 5px 0 0 0;
    margin : 10px 0 0 0;
  }

#productOrder {
  }


#productTabsContainer {
    clear : both;
  }


ul#productTabs {
    margin : 0;
    padding : 25px 0 0 0;
  }


ul#productTabs li {
    float : left;
    list-style-type : none;
    margin-right: -5px;
  }


#productTabs a {
    background-color : #b95900;
    color : #ffffff;
    display : block;
    float : left;
    margin : 0 10px 0 0;
    padding : 6px 10px 6px 10px;
  }

/* selected tab */

#productTabs a.current {
    background-color : #edcbb0;
    color : #b95900;
    display : block;
    float : left;
    margin : 0 10px 0 0;
    padding : 6px 10px 6px 10px;
  }


#productTabPanes {
    clear : both;
    padding : 0;
    width : 70%;
  }


.productTabPane {
    background-color : #edcbb0;
    padding : 15px;
    width : 100%;
  }

.productTabPane ul {
    margin :  0;
    padding : 0 15px 0 15px;
  }

/* This is only shown when scripting is disabled */
.productPaneHeading {
    color : #B95900;
    font-size : 10pt;
    font-weight : bold;
    margin-left: -6px;
  }  


/* 
  We hide the size chart by default, and show it if scripting is enabled,
  as the size chart can't be displayed without scripting anyway. 
*/
#sizeChartTab,
#sizeChartPane,
img#sizeChart {
    display : none; 
  }


/* This only shows up if there aren't any specific fitting notes */
#defaultFittingNotes {
    display : none;
  }


p#fittingTipsLink {
    margin : 5px 0 5px 0;
  }

#reviewsHeading {
    font-weight : bold;
     margin : 0 0 5pt 0;
  }

.singleReview {
    margin: 0 0 15px 0;
  }

.reviewSummary {
    font-weight : bold;
  }

.reviewByline {
    color : #696969;
    font-size : 8pt;
    font-weight : normal;
    margin : -2px 0 0 0; 
  }

/*** Customer Service / FAQ / "Database Feed" Pages ***/
#faqTabs {
    background-color : #c0d4c0;
    color : #000000;
    width : 40%;
    min-width : 40%;
    max-width : 40%;
    float : left;
    padding : 3px 5px 5px 5px;
  }

/* Tab names or categories */

h1.faqTab {
    cursor : pointer;
    font-size : 12pt;
    margin : 0 0 10px 0;
    padding : 2px 2px 0 2px;
  }


#faqTabs h1.current {
    cursor : default;
    margin : 0;
  }

/* FAQ panes */

.faqPane {
    display : none;
    padding : 0 5px 0 8px;
  }


a.faqPane {
    display : none;
  }

/* FAQ Links */

.faqSectionIntro {
    line-height : 110%;
    padding-bottom : 5px;
  }


h2.faqSectionQuestion,h2.faqSectionQuestion a,h2.faqSectionQuestion a:link,h2.faqSectionQuestion a:active,h2.faqSectionQuestion a:visited,h2.faqSectionQuestionSelected,h2.faqSectionQuestionSelected a,h2.faqSectionQuestionSelected a:link,h2.faqSectionQuestionSelected a:active,h2.faqSectionQuestionSelected a:visited {
    color : #000000;
    font-size : 10pt;
    font-weight : bold;
    line-height : 120%;
    padding-bottom : 7px;
    text-transform : capitalize;
    white-space : normal;
  }


h2.faqSectionQuestion a:hover,h2.faqSectionQuestionSelected,h2.faqSectionQuestionSelected a,h2.faqSectionQuestionSelected a:link,h2.faqSectionQuestionSelected a:active,h2.faqSectionQuestionSelected a:visited {
    color : #c41230;
  }


h2.faqSectionQuestion a:hover {
    cursor : pointer;
  }


#faqAnswerPane {
    background-color : #ffffff;
    color : #000000;
    width : 55%;
    min-width : 55%;
    max-width : 55%;
    float : left;
    clear : right;
    line-height : 115%;
    padding: 0 0 5px 10px;
  }


#faqAnswerPane h2 {
    font-size : 12pt;
    font-weight : bold;
    padding-bottom : 12px;
    text-transform : capitalize;
  }


#faqAnswerPane p,#faqAnswerPane div,#faqAnswerPane span,#faqAnswerPane ul,#faqAnswerPane ol,#faqAnswerPane a {
    color : #000000;
    font-size : 10pt;
    font-weight : normal;
    padding-bottom : 5px;
  }


#faqAnswerPane ul li,#faqAnswerPane ol li {
    padding-bottom: 3px;
  }


#faqAnswerPane a,#faqAnswerPane a:link,#faqAnswerPane a:active {
    color : #b95900;
  }


#faqAnswerPane a:hover {
    color : #006225;
  }


#faqAnswerPane a:visited {
    color : #696969;
  }

/*** Extra pages and Store Pages ***/

#extraPage {
    overflow : auto;
  }


#storeMap {
  }


#storeMapTable {
    table-layout : fixed;
    width : 100%;
    min-width : 100%;
    max-width : 100%;
  }


td#storeMapAddress {
    text-align : center;
    width : 35%;
    max-width : 35%;
    min-width : 35%;
  }


td#storeMapAddress span.storeName {
    color : #696969;
    font-size : 10pt;
    font-weight : bolder;
    padding : 0px;
    margin : 0px;
  }


td#storeMapAddress span.storeAddress {
    color : #B95900;
    font-size : 10pt;
    font-weight : bold;
    line-height : 12pt;
    margin : 0px;
    padding : 0px;
  }


div#storeDirections {
    margin : 0 0 0 5px;
    overflow : auto;
  }


table.storeHours {
    background-color : #EDCBB0;
    border-collapse : collapse;
    margin : 0 0 0 5px;
    padding : 2px;
    width : 95%;
    max-width : 95%;
    min-width : 95%;
  }


th.storeHoursHeading {
    border : 1px solid #ffffff;
    color : #006225;
  }


td.storeHoursDay,td.storeHoursTime {
    border : 1px solid #ffffff;
    font-weight : bold;
  }


td.storeHoursDay {
    color : #006225;
  }


td.storeHoursTime {
    color : #B95900;
  }


#storeMapGoogleMap {
    width : 65%;
    width : 65%;
    width : 65%;
  }


iframe#googleMap {
    margin : 0 0 10px 0;
  }


#storeMapContainer {
    display : none;
    margin : 5px 0 0 0;
  }

/*** My Shoebox ***/

#shoebox h1 {
    background-image : url("../images/my_shoebox_header.png");
    background-repeat : no-repeat;
    background-position : 0 4px;
    color : #006225;
    height : 20pt;
    line-height : 20pt;
    margin : 5px 0 0 0;
    padding : 5px 0 5px 52px;
  }


#shoebox h2 {
    background-image : url("../images/shoe_icon_red.png");
    background-position : 0 -2px;
    background-repeat : no-repeat;
    color : #000000;
    font-size : 10pt;
    font-weight : bold;
    padding : 0 2px 0 32px;
    margin: 5px 0 3px 0;
  }


.shoeboxButtons {
    clear : both;
    padding : 0 0 7px 0;
  }


.shoeboxButton {
    float : right;
  }


#shoeboxItemsTable {
    border-collapse: separate;
    color : #000000;
    line-height : 100%;
    margin : 10px 0 10px 0;
    padding : 0;
    width : 625px;
    max-width : 625px;
    min-width : 625px;
  }


.shoeboxItem {
    font-size : 8pt;
    vertical-align : middle;
  }

.shoeboxItemSpacer {
    height : 10px;
    min-height : 10px;
    max-height: 10px;
  }

.shoeboxItemName a {
    color : #B95900;
    font-size : 10pt;
    font-weight : bold;
  }


.shoeboxItemName a:hover {
    color : #006225;
  }


.shoeboxItemImage {
    width : 70px;
    height : 70px;
  }


.shoeboxItemOptions {
    width : 200px;
    min-width : 200px;
  }


.shoeboxItemQty {
    vertical-align : middle;
    width : 175px;
  }


.shoeboxItemQtyInput,.shoeboxItemUpdateButton {
    float : right;
    vertical-align : middle;
  }


.shoeboxItemQtyInput {
    margin: 0 5px 0 5px;
  }


.shoeboxItemPrice,.shoeboxItemSubtotal {
    text-align : right;
    vertical-align : middle;
    width : 80px;
  }


#shoeboxItemsTable .btn,#shoeboxItemsTable .btn_over {
    font-size : 8pt;
    margin : 1px 0 0 0;
  }


.shoeboxItemRemove {
    width : 20px;
  }


.shoeboxTotal {
    color : #006225;
    font-size : 10pt;
    font-weight : bold;
    vertical-align : top;
  }


.shoeboxNote {
    background-color : #C0D4C0;
    padding : 5px;
  }


.instructions,p.instructions,#contentColumn p.instructions {
    color : #B95900;
    font-size : 8pt;
    font-weight : normal;
    line-height : 130%;
  }


.instructions a:link,a.instructions:link,.instructions a:active,a.instructions:active,.instructions a:visited,a.instructions:visited {
    color : #b95900;
  }


.instructions a:hover,a.instructions:hover {
    color : #006225;
  }


#previewShippingBlock {
    margin-top : 5px;
  }


.previewShippingPrefix,.previewShippingPostal,.previewShippingSelect {
    float : left;
    text-align : left;
    vertical-align : middle;
  }


#previewShippingDestination {
    clear : both;
    float : left;
    color : #B95900;
    font-size : 8pt;
  }


#applyCoupon {
    clear : both;
    padding : 20px 0 0 0;
  }


#promotionsBlock {
    clear : both;
    padding : 20px 0 0 0;
  }


.promotionCode {
    float : left;
  }


div#shoeboxShippingInput,div#shoeboxCouponInput {
    margin : 5px 0 0 0;
  }


#appliedPromotions {
    clear : left;
    float : left;
    margin : 0 20px 0 0;
    width : 48%;
    max-width : 48%;
    min-width : 48%;
  }


#giftCertificates {
    clear : right;
    float : left;
    width : 48%;
    max-width : 48%;
    min-width : 48%;
  }


#appliedPromotionsTable,#giftCertificatesTable {
    border-collapse: collapse;
    color : #000000;
    line-height : 100%;
    margin : 10px 0 10px 0;
    padding : 0;
  }


#appliedPromotionsTable .btn,#appliedPromotionsTable .btn_over,#giftCertificatesTable .btn,#giftCertificatesTable .btn_over {
    font-size : 8pt;
    margin : 1px 0 0 0;
  }


.appliedPromotionsSpacer,.giftCertificateSpacer {
    border : none;
    height : 10px;
    min-height : 10px;
    max-height: 10px;
  }


.promotionName,.giftCertificateName {
    color : #B95900;
    font-size : 10pt;
    font-weight : bold;
  }


.giftCertificateName {
    width : 80%;
  }


.promotionDates,.promotionDescription {
    color : #B95900;
    font-size : 8pt;
    font-weight : normal;
  }

/*** Checkout ***/

#checkout {
    margin : 0 0 20px 0;
  }


#checkout h1 {
    background-image : url("../images/green_shoe_header.png");
    background-repeat : no-repeat;
    background-position : 0 -2px;
    color : #006225;
    height : 20pt;
    margin : 5px 0 0 0;
    padding : 12px 0 0 52px;
  }


#checkout h2 {
    color : #006225;
    background-position : bottom;
    background-image : url('../images/checkout_header_background.gif');
    background-repeat : repeat-x;
    font-size : 24pt;
    font-weight : bold;
    margin : 10px 0 0 0;
    padding : 0 0 10px 0;
    /* IE 6 & 7 have to be different - of course */
    *padding : 0 0 5px 0;
  }


#checkout h2 span {
    font-size : 13pt;
    font-weight : bold;
    padding-left : 2px;
  }


#checkout h2 img {
    margin : 0 0 -11px 0;
    /*padding : 0;
    */;
  }


div.checkoutHeadingSpacer {
    margin : 15px 0 5px 0;
  }


#checkout h3 {
    color : #C41230;
    font-size : 11pt;
    font-weight : bold;
  }


#checkout h4 {
    background-image : url("../images/shoe_icon_red.png");
    background-position : 0 -2px;
    background-repeat : no-repeat;
    color : #000000;
    font-size : 10pt;
    font-weight : bold;
    padding : 0 2px 0 32px;
    margin: 5px 0 3px 0;
  }


.dividerTable {
    border-collapse : collapse;
    border-spacing : 0;
    table-layout : fixed;
    width : 100%;
    min-width : 100%;
    max-width : 100%;
  }


.dividerColumn {
    background-image : url("../images/dark_grey_divider.gif");
    background-repeat : repeat-y;
    width : 1px;
    min-width : 1px;
    max-width : 1px;
  }


p#checkoutLegend {
    margin : 10px 0 10px 0;
  }


div#total_div {
    /*clear : both;
    */ overflow : auto;
    margin : 0 0 15px 0;
    width : 100%;
    min-width : 100%;
    max-width : 100%;
  }


div#checkoutApplyCoupon {
    clear : left;
    float : left;
    width : 40%;
    min-width : 40%;
    max-width : 40%;
  }


div#checkoutCouponInput {
    margin : 5px 0 0 0;
  }


div#checkoutTotals,div#checkoutTotalNoShipping {
    clear : right;
    float : right;
    width : 55%;
    min-width : 55%;
    max-width : 55%;
  }


div#checkoutTotals .balance {
    color : #006225;
    font-weight : bold;
  }


#checkout #myAccount {
    overflow : auto;
    margin : 8px 0 0 0;
    width : 100%;
    min-width : 100%;
    max-width : 100%;
  }


div#signedIn {
    display : none;
  }


span.customerName {
    font-weight : bold;
  }


p#accountIntro {
    background-color : #C0D4C0;
    width : 90%;
    min-width : 90%;
    max-width : 90%;
    margin : 0 auto 5px auto;
    padding : 0;
  }


div#accountFeatures {
    margin : 0;
    padding : 0;
    width : 100%;
    min-width : 100%;
    max-width : 100%;
  }


div#accountFeatures ul {
    margin : 0;
    padding : 0 0 0 25px;
  }


div#accountOptions {
    margin : 0 0 0 -5px;
    padding : 0 0 0 5px;
    width : 100%;
    min-width : 100%;
    max-width : 100%;
  }


div.accountSignIn,div.accountCreate {
    overflow : auto;
  }


#divEmail {
    display : none;
  }


#addressBlock,#shippingPaymentBlock {
    /*overflow : auto;
    */
  }


div#billingAddress {
    width : 100%;
    max-width : 100%;
    min-width : 100%;
  }


div#giftRegistryShipping {
    overflow : auto;
  }


div#shippingAddress {
    width : 100%;
    max-width : 100%;
    min-width : 100%;
  }


.addressFields {
    width : 100%;
  }


.fieldLabel,
.paymentFieldLabel,
.addressFieldLabel {
    font-size : 9pt;
    font-weight : bold;
    padding : 2px;
    text-align : right;
    width : 30%;
    min-width : 30%;
    max-width : 30%;
  }

.paymentFieldInput,
.addressFieldInput {
    text-align : left;
    width : 70%;
    min-width : 70%;
    max-width : 70%;
  }


.fieldLabel {
    width : 22%;
    min-width : 22%;
    max-width : 22%;
  }


.fieldInput {
    text-align : left;
  }


.requiredMarker {
    height : 6px;
    width : 6px;
    vertical-align : super;
  }


#shippingPaymentBlock {
    clear : both;
  }


div#shippingMethods {
    width : 100%;
    max-width : 100%;
    min-width : 100%;
  }


.shippingCarrier {
    table-layout : fixed;
    width : 100%;
    max-width : 100%;
    min-width : 100%;
  }


.shippingOption {
    font-size : 9pt;
  }


.shippingOptionLabel {
    text-align : left;
    width : 75%;
    max-width : 75%;
    min-width : 75%;
  }


.shippingPrice {
    text-align : right;
    width : 25%;
    max-width : 25%;
    min-width : 25%;
  }


div#paymentMethods {
    width : 100%;
    max-width : 100%;
    min-width : 100%;
  }


div#creditCardLogos {
    width : 100%;
    text-align : center;
  }


div#creditCardLogos img {
    margin : 0 auto 0 auto;
    padding : 0 5px 0 5px;
    vertical-align : middle;
  }


.paymentOptionTitle {
    color : #B95900;
    font-size : 10pt;
    font-weight : bold;
  }


#checkoutBlock {
    width : 100%;
    min-width: 100%;
    max-width: 100%;
  }


#checkoutText {
    background-color : #C0D4C0;
    line-height : 120%;
    margin : 0;
    padding : 8px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }


#checkoutText ul {
    margin : 8px 0 0 -15px;
    /* IE6 & 7 need something different */
    *margin-left: 25px;
  }

/* IE 7 has problems with the left margin of the bullets in this div for some reason... */
/* DELETE - Taken care of above
html>body #checkoutText ul { 
    *margin-left: 25px;
  } 
*/

#checkoutButton {
    background-color : #C0D4C0;
    margin : 0;
    padding : 8px 8px 12px 8px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

/* My Account */
table.accountRecords {
    margin : 0 0 0 15px;
    width : 95%;
    min-width : 95%;
    max-width : 95%;
  }

th.accountRecords {
    background-color : #C0D4C0;
    color : #000000;
    font-size : 10pt;
    font-weight : bold;
    text-align : left;
  }

td.accountRecords {
    background-color : #EDCBB0;
    color : #000000;
    font-size : 10pt;
    font-weight : normal;
    text-align : left;
  }

th.accountRecords,
td.accountRecords {
    margin : 0 3px 0 3px;
  }

td.accountRecords a,
td.accountRecords a:link,
td.accountRecords a:active,
td.accountRecords a:visited {
    color : #B95900;
    font-weight : bold;
  }

td.accountRecords a:hover {
    color : #006225;
    font-weight : bold;
  }

.accountRecordsSpacer {
    font-size : 0px;
    height : 3px;
    min-height : 3px;
    max-height : 3px;
    line-height : 0px;
  }

div#myAccount h2 {
    margin-top : 25px;
  }

div#accountPoints {
    float : left;
    margin : 0 5px 0 0px;
    width : 48%;
    min-width : 48%;
    max-width : 48%;
  }

div#accountWishlist {
    float : right;
    width : 48%;
    min-width : 48%;
    max-width : 48%;
  }


