/*
'
'  Copyright (C) 2006 Fry Multimedia, All Rights Reserved.
'
'  Purpose:
'  The global style sheet used by all pages on the site
'
*/

/* Start Ron's additions */
body {
    color: #4d4d4d;
    text-align: center;
    margin: 0;
}

img {
    border: 0;
    float: none;
    vertical-align: text-bottom;
}

a {
    color: #5783CA;
}

a:active {
    color: #5783CA;  /* LIGHT BLUE */
}

a:visited {
    color:#5783CA;
}

a:hover {
    color:#236794;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9 {
    font-family: Verdana, Arial, sans-serif;
    color: #666666;
    text-align: left;
    margin: 0px;
}

h1 {
    font-size: 16px
}

h2 {
    font-size: 16px;
    color: #5F7938;
    margin-bottom: 0.25em;
}

h3 {  /* FEATURED PICKS */
    font-size: 16px;
    font-weight: bold;
}

h4 {  /* SUBHEADER ON WHITE */
    font-size: 12px;
    font-weight: bold;
    color: #4d4d4d;
    margin: 0em 0em .5em 0em;
}

h6 {  /* EX BIG BODY TEXT */
    font-size: 13px;
}

h7 {  /* BIG BODY TEXT */
    font-size: 12px;
}

h8 {   /* SMALL BODY TEXT */
    font-size: 10px;
}

h9 {  /* EX SMALL BODY TEXT */
    font-size: 9px;
}

#frame {
    background-image: url(/assets/sbs/assets/images/cms/user/Bgrnd.gif);
    background-repeat: repeat-y;
    background-color: #ffffff;
    width: 981px;
    height: 100%;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    display: block;
    text-align: left;
}

#middle {
    width: 967px;
    min-width: 967px;
    max-width: 967px;
    height: 100%;
    position: relative;
    left: 7px;
    background-image: url(/assets/sbs/assets/images/cms/user/BackGrnd.jpg);
}

#header {
    font: normal 11px Verdana, Arial, sans-serif;
    display: block;
}

#headerRow1Left {
    float: left;
    display: inline;
    width: 500px;
    height: 113px;
    border-bottom: 1px solid #404040;
}

#headerRow1Right {
    background: url(/assets/sbs/assets/images/cms/user/RHdr.jpg) no-repeat;
    padding-right: 0px;
    float: right;
    display: inline;
    width: 467px;
    height: 113px;
    text-align: right;
    border-bottom: 1px solid #404040;
}

#headerRow1RightRow1 {
    padding-top: 4px;
    padding-right: 12px;
}

#headerRow1RightRow2 {
    padding-top: 4px;
    padding-right: 12px;
}

#headerRow1RightRow3 {
    padding-top: 4px;
    padding-right: 12px;
}

#headerRow1RightRow4 {
    padding-top: 20px;
    padding-right: 12px;
}

#headerRow2 {
    clear: both;
    background: #5765C6;
    height: 28px;
    width: 100%;
    text-align: left;
}

#headerRow2Left {
    float: left;
    width: 500px;
    padding-top: 5px;
}

#headerRow2Right {
    float: right;
    width: 447px;
    text-align: right;
    vertical-align: top;
    padding-right: 10px;
    padding-top: 5px;
}

#headerRow3 {
}

.headerlink {
    font: bold 11px Verdana, Arial, sans-serif;
    color: #ffffff;
}

.headerlink a {
    text-decoration: none;
    color: #ffffff;
}

.headerlink a:active {
    color: #ffffff;
}

.headerlink a:visited {
    color: #ffffff;
}

.headerlink a:hover {
    color: yellow;
}

#content {
    border-top: 1px solid #404040;
}

#footer {
    font: normal 11px Verdana, Arial, sans-serif;
    background: #FFFFFF;
    width: 967px;
    clear: both;
    display: block;
}

#copyright {
    font: normal 11px Verdana, Arial, sans-serif;
    color: #4d4d4d;
    background: #c1c5d4;
    text-align: center;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
    clear: both;
}

#copyright a {
    text-decoration: none;
    color: #4d4d4d;
}

#copyright a:hover {
    color: #6B6B6B;
    text-decoration: underline;
}

.textBox {
    font: normal 11px Verdana, Arial, sans-serif;
}

#searchSubmit {
    font: normal 11px Verdana, Arial, sans-serif;
    background: white;
    color: #4d4d4d;
}

#family {
    background: #5765C6;
    clear: both;
    border-bottom: 1px solid #404040;
}

#family img {
     float: none;
}

#lnav {
    width: 170px;
    border: 0 solid #404040;
    border-width: 0 1px 1px 0;
    float: left;
    display: inline;
    text-align: left;
}

#moreLnav {
}

.rnav {
    width: 150px;
    border-color: #4d4d4d;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    margin: 5px 5px 5px 0px;
}

.navSectionHeader {
    color: #ffffff;
    background: #5765C6;
    font: bold 11px Verdana, Arial, sans-serif;
    padding-left: 10px;
}

.rnavSectionHeader {
    color: #ffffff;
    background: #5765C6;
    font: bold 11px Verdana, Arial, sans-serif;
    padding-left: 10px;
}

.navSectionFooter {
    background: #5765C6;
    height: 5px;
    font-size: 1px;
    line-height: 5px;
}

.rnavList {
    color: #4d4d4d;
    background: #dbdbdb;
    font: normal 11px Verdana, Arial, sans-serif;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
    padding: 0px;
    margin: 0px;
    line-height: 18px;
}

.navList {
    color: #4d4d4d;
    background: #fdfdfd;
    font: normal 11px Verdana, Arial, sans-serif;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
}

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

.navList li {
    color: #4d4d4d;
    list-style: none;
    text-decoration: none;
    padding: inherit inherit 6px 2px;
    margin: 0px;
}

.navList li a {
    color: #4d4d4d;
    text-decoration: none;
}

.navList li a:active {
    color: #4d4d4d;
    text-decoration: none;
}

.navList li a:visited {
    color: #4d4d4d;
    text-decoration: none;
}

.navList li a:hover {
    color: #4d4d4d;
    text-decoration: underline;
}

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

.rnavList li {
    color: #4d4d4d;
    list-style: none;
    text-decoration: none;
    padding: inherit inherit 6px 2px;
    margin: 0px;
}

.rnavList li a {
    color: #4d4d4d;
    text-decoration: none;
}

.rnavList li a:active {
    color: #4d4d4d;
    text-decoration: none;
}

.rnavList li a:visited {
    color: #4d4d4d;
    text-decoration: none;
}

.rnavList li a:hover {
    color: #4d4d4d;
    text-decoration: underline;
}

.navListActive {
    color: #5765C6;
    font-weight: bold;
}

#navSubListTarget {
    color: #7094d2;
}

#navSubList {
    padding: 0;
    margin: 0;
}

#navSubList li {
    color: #5765C6;
    list-style: none;
    text-decoration: none;
    margin: 0px;
    padding: 0 0 0 inherit;
}

#navSubList li a {
    color: #5765C6;
    text-decoration: none;
}

#navSubList li a:active {
    color: #5765C6;
    text-decoration: none;
}

#navSubList li a:visited {
    color: #5765C6;
    text-decoration: none;
}

#navSubList li a:hover {
    color: #5765C6;
    text-decoration: underline;
}

#navSubListActive {
    color: #5765C6;
    font-weight: bold;
}

#contentBody {
    display: inline;
    float: left;
    width: 637px;
    color: #4d4d4d;
    font: normal 11px Verdana, Arial, sans-serif;
}

#contentBodyFB {
    display: inline;
    float: left;
    width: 965px;
    color: #4d4d4d;
    font: normal 11px Verdana, Arial, sans-serif;
}

.alignBottom {
    vertical-align: text-bottom;
}

#resultsBody {
    clear: both;
    background: #ffffff;
    border-top: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    margin: 5px;
    width: 627px;
}

.pageControl {
    background: #dbdbdb;
    font: normal 11px Verdana, Arial, sans-serif;
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
    clear: both;
    padding: 2px 10px 2px 10px;
    width: 607px;
}

#resultsArea {
    clear: both;
    background: #ffffff;
    width: 627px;
}

#cartArea {
    clear: both;
    background: #ffffff;
    width: 617px;
    padding: 0px 5px 5px 5px;
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
}

.cartColumnHeader {
    color: #4d4d4d;
    font-weight: bold;
    border-bottom: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
    border-top: 1px solid #4d4d4d;
    padding: 4px 3px 2px 5px;
    vertical-align: bottom;
}

.cartColumnHeaderRight {
    color: #4d4d4d;
    font-weight: bold;
    border-bottom: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
    border-top: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    padding: 4px 3px 2px 5px;
    vertical-align: bottom;
}

.cartColumnHeader#right {
    border-right: 1px solid #4d4d4d;
}

.cartThumb { /* 85 with left padding */
    width: 80px;
    padding: 10px 0px 10px 5px;
    border-bottom: 1px dashed #4d4d4d;
}

.cartDesc { /* 245 */
    width: 240px;
    padding: 10px 0px 10px 5px;
    border-bottom: 1px dashed #4d4d4d;
}

#cartQty { /* 60 */
    width: 55px;
}

#cartPrice { /* 60 */
    width: 55px;
}

#cartTotal { /* 60 = 510 total */
    width: 55px;
}

.cartRow {
    padding: 10px 0px 10px 5px;
    border-bottom: 1px dashed #4d4d4d;
}

.cartProdName {
    font-weight: bold;
}

.cartProdId {
    font-size: 10px;
}

.cartProdVars {
}

.cartProdAvail {
}

.cartProdAvailLarge {
    font-size : 125%;
}

.cartProdSurcharge {
}

.cartProdPromotion {
    color: #ED7F0E;
    padding-top: 3px;
}

.cartProdPromotion td {
    color: #ED7F0E;
    border: 1px solid #ED7F0E;
    padding: 3px 5px 3px 5px;
}

.shadedBG {
    background: #E5F7F9;
}

.shadedBG img {
    vertical-align: auto;
}

.topLeft {
    width: 10px;
    height: 10px;
    background: #ffffff;
    background-image: url(/assets/sbs/assets/images/global/misc/shaded_topleft.gif);
    background-repeat: no-repeat;
}

.topRight {
    width: 10px;
    height: 10px;
    background: #ffffff;
    background-image: url(/assets/sbs/assets/images/global/misc/shaded_topright.gif);
    background-repeat: no-repeat;
}

.botLeft {
    width: 10px;
    height: 10px;
    background: #ffffff;
    background-image: url(/assets/sbs/assets/images/global/misc/shaded_botleft.gif);
    background-repeat: no-repeat;
}

.botRight {
    width: 10px;
    height: 10px;
    background: #ffffff;
    background-image: url(/assets/sbs/assets/images/global/misc/shaded_botright.gif);
    background-repeat: no-repeat;
}

.aboveText { /* apply this to the <p> and use around a form element when it needs to appear above text */
    margin-bottom: 5px;
}

#breadcrumb {
    font-size: 11px;
    color: #F7E7C3;
    padding: 0px 0px 2px 10px;
}

#breadcrumb a {
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}

#breadcrumb a:active {
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}

#breadcrumb a:visited {
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}

#breadcrumb a:hover {
    text-decoration: underline;
    color: #ffffff;
    font-weight: normal;
}

.breadcrumbBG {
    background: #5765C6;
}

.thumbCell {
    text-align: left;
    font-size: 11px;
}

#productArea {
    clear: both;
    background: #ffffff;
    border: 1px solid #4d4d4d;
    margin: 5px;
    width: 627px;
    float: left;
    display: inline;
}

.productBorder {
    border: 1px solid #d1d1d1;
}

#productName {
    background: #dbdbdb;
    font: bold 16px Verdana, Arial, sans-serif;
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
    padding: 15px 10px 3px 10px;
    clear: both;
}

.productDisplayArea {
    padding: 5px;
}

.productImageArea {
    display: inline;
    float: left;
    width: 250px;
}

.productDetailImage {
}

.productDetailButtons {
}

#ensembleBottomButtons {
    border-top: 1px solid #4d4d4d;
    text-align: center;
    padding: 5px;
}

#productDescriptionArea {
    display: inline;
    float: right;
    width: 357px;
}

#productShipMsg  {
    font-style: italic;
}

#productIconsArea {
    border-top: 5px;
    color: #009933;
    font-weight: bold;
}

#productInfoArea {
    clear: both;
    padding-top: 3px;
}

#productInfoArea_new {
    clear: both;
    padding-top: 3px;
}

#productInfoTabs {
    background: #ffffff;
    height: 25px;
    background: url(/assets/sbs/assets/images/cms/catalog/C_Tab_unclk.gif) repeat-x;
}

#productInfoTabs_new {
    background: #ffffff;
    height: 25px;
    background: url(/assets/all/assets/images/cms/catalog/C_Tab_unclk.gif) repeat-x;
}

.prodTabOn {
    font: bold 11px Verdana, Arial, sans-serif;
    color: #4d4d4d;
    display: inline;
    float: left;
    height: 25px;
    padding-top: 8px;
    background: url(/assets/sbs/assets/images/cms/catalog/C_Tab_clk.gif) repeat-x;
}

.prodTabOn a {
    color: #4d4d4d;
    text-decoration: none;
}

.prodTabOn a:active {
    color: #4d4d4d;
    text-decoration: none;
}

.prodTabOn a:visited {
    color: #4d4d4d;
    text-decoration: none;
}

.prodTabOn a:hover {
    color: #4d4d4d;
    text-decoration: underline;
}

.prodTabOn_new {
    font: bold 11px Verdana, Arial, sans-serif;
    color: #4d4d4d;
    display: inline;
    float: left;
    height: 25px;
    padding-top: 8px;
    background: url(/assets/all/assets/images/cms/catalog/C_Tab_clk.gif) repeat-x;
}

.prodTabOn_new a {
    color: #4d4d4d;
    text-decoration: none;
}

.prodTabOn_new a:active {
    color: #4d4d4d;
    text-decoration: none;
}

.prodTabOn_new a:visited {
    color: #4d4d4d;
    text-decoration: none;
}

.prodTabOn_new a:hover {
    color: #4d4d4d;
    text-decoration: underline;
}

.prodTab {
    font: normal 11px Verdana, Arial, sans-serif;
    color: #4d4d4d;
    display: inline;
    float: left;
    height: 25px;
    padding-top: 8px;
    background: url(/assets/sbs/assets/images/cms/catalog/C_Tab.gif) repeat-x;
}

.prodTab a {
    color: #4d4d4d;
    text-decoration: none;
}

.prodTab a:active {
    color: #4d4d4d;
    text-decoration: none;
}

.prodTab a:visited {
    color: #4d4d4d;
    text-decoration: none;
}

.prodTab a:hover {
    color: #4d4d4d;
    text-decoration: underline;
}

.prodTab_new {
    font: normal 11px Verdana, Arial, sans-serif;
    color: #4d4d4d;
    display: inline;
    float: left;
    height: 25px;
    padding-top: 8px;
    background: url(/assets/all/assets/images/cms/catalog/C_Tab.gif) repeat-x;
}

.prodTab_new a {
    color: #4d4d4d;
    text-decoration: none;
}

.prodTab_new a:active {
    color: #4d4d4d;
    text-decoration: none;
}

.prodTab_new a:visited {
    color: #4d4d4d;
    text-decoration: none;
}

.prodTab_new a:hover {
    color: #4d4d4d;
    text-decoration: underline;
}

.prodTabCorner {
    display: inline;
    float: left;
    width: 7px;
    height: 25px;
}

.prodTabSep {
    width: 3px;
    height: 25px;
    display: inline;
    float: left;
}

#productTabContent {
    background: #ffffff;
    color: #4d4d4d;
    clear: both;
    padding: 10px;
}

.productAnchor {
    background: #ffffff;
    font: normal 11px Verdana, Arial, sans-serif;
    clear: both;
    width: 627px;
    height: 1px;
}

.newCallout {
    color: #3ddd3d;
    font-weight: bold;
}

.nowCallout {
    color: #dd3d3d;
    font-weight: bold;
}

.closeoutCallout {
    color: #dd3d3d;
    font-weight: bold;
}

.exclusiveCallout {
    color: #332FDD;
    font-weight: bold;
}

.onlineonlyCallout {
    color: #ff9900;
    font-weight: bold;
}

.callout {
    color: #191970;  /* NAVY */
}

.discMsgCallout {
    color: #9A9A9A;
}

#crossSells {
    background: #ffffff;
}

.crossProdName {
    font-weight: bold;
    text-align: center;
}

.crossProdPhoto {
    text-align: center;
    padding-top: 10px;
}

.crossProdPhoto img {
    border: 1px solid #d1d1d1;
}

.crossProdPrice {
    text-align: center;
    padding-bottom: 10px;
}

.error {
    color:#E33500;
}

.calloutLarge {
    color: #CC6600;  /* ORANGE */
    font-size: 125%;
}

#wideBody {
    clear: both;
    background: #ffffff;
    border: 1px solid #4d4d4d;
    margin: 5px;
    width: 784px;
}

.wbContent {
    padding: 20px;
}

#wideBodyFB {
    clear: both;
    background: #ffffff;
    border: 1px solid #4d4d4d;
    margin: 5px;
    width: 955px;
}

.iframeRGB {
    width: 951px;
}

#popupFrame {
    font: normal normal 12px/135% Verdana, Arial, Helvetica, sans-serif;
    background: #ffffff;
    border: 1px solid #000000;
}

.popupHeader {
    background: #5765C6;
    border-bottom: 1px solid #4d4d4d;
    text-align: right;
}

#popupContent {
    text-align: left;
    padding: 20px;
}

#paymentSummaryBottom {
    padding: 10px 0px 0px 0px;
}

#paymentSummaryBottomTable {
    display: inline;
    float: right;
}

.catReqPleaseWait {
    border: 2px dashed #dd3d3d;
    padding: 20px;
    font: bold 14px Verdana, Arial, sans-serif;
    color: #000000;
    text-align: center;
}



















/* End Ron's additions */







/* David's additions */

.sitemapbody {
}

.sitemapleft {
    border-right: 1px solid #4d4d4d;
    display: inline;
    float: left;
    width: 618px;
}

.sitemapright {
    display: inline;
    float: right;
    width: 165px;
}

.sitemapheader {
    font-size: 11px;
    color: #000000;
    background: #dddddd;
    padding: 3px 0px 3px 2px;
    font-weight: bold;
}

.sitemapheader a {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.sitemapheader a:active {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.sitemapheader a:visited {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.sitemapheader a:hover {
    text-decoration: underline;
    color: #000000;
    font-weight: bold;
}

.sitemaplist {
    font-size: 11px;
}

.sitemaplist ul {
    margin: 0;
    padding: 3px 2px 3px 2px;
}

.sitemaplist ul li {
    margin: 0;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

.sitemaplist ul li a {
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}

.sitemaplist ul li a:active {
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}

.sitemaplist ul li a:visited {
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}

.sitemaplist ul li a:hover {
    text-decoration: underline;
    color: #000000;
    font-weight: normal;
}

.contentBody {
    width: 796px;
}

.bodyTop {
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #4d4d4d;
    border-right-color: #4d4d4d;
    border-bottom-color: #4d4d4d;
    border-left-color: #4d4d4d;
    vertical-align: top;
}

.bodyItem {
    border: 1px solid #4d4d4d;
    vertical-align: top;
}

.BodyItemHeader {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #4d4d4d;
    border-right-color: #4d4d4d;
    border-bottom-color: #4d4d4d;
    border-left-color: #4d4d4d;
    background-color: #5765C6;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    height: 20px;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.bodyItemBody {
    background-color: #FFFFFF;
}
.LineDesc {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #5783CA;
    text-decoration: none;
}


select {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #4d4d4d;
}

input {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #4d4d4d;
}

.productIcon {
    border: 1px solid #ACACAC;
}
.etcBox {
    border: 1px solid #4d4d4d;
    background-color: #FFFFFF;
    padding: 10px;
}

.extraInfoBox {
    font-family: Verdana;
    font-size: 9px;
    color: #4d4d4d;
    background-color: #e1eafa;
    border: 1px solid #4d4d4d;
    vertical-align: top;
    background-position: top;
}

.contentBreadCrumb {
    float: left;
    width: 617px;
    font-size: 11px;
    color: #4d4d4d;
    padding: 0px 0px 2px 10px;
    margin: 5px 5px 0px 5px;
    font-weight: bold;
    background-color: #777777;
    font-family: Verdana;
}

.contentBreadCrumb a {
    text-decoration: none;
    color: #4d4d4d;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
}

.contentBreadCrumb a:active {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

.contentBreadCrumb a:visited {
    text-decoration: none;
    color: #5765C6;
    font-weight: bold;
}

.contentBreadCrumb a:hover {
    text-decoration: underline;
    color: #FFFF00;
    font-weight: bolder;
}

.footer {
    border-top: 1px solid #4d4d4d;
    background: #5765C6;
    width: 100%;
    border-right: 0px solid #4d4d4d;
    border-bottom: 0px solid #4d4d4d;
    border-left: 0px solid #4d4d4d;
}

.footerHeaderRow {
    font: bold 11px Verdana, sans-serif;
    color: #FFFFFF;
    background: #5765C6;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
}

.footerItemRow {
    font: normal 11px Verdana, sans-serif;
    color: #4d4d4d;
    margin: 0px 0px 3px;
}

.footerItemRow a {
    text-decoration: none;
    color: #4d4d4d;
}

.footerItemRow a:active {
    color: #4d4d4d;
}

.footerItemRow a:visited {
    color: #4d4d4d;
}

.footerItemRow a:hover {
    color: yellow;
}

#footside a:link, #footside a:active, #footside a:hover, #footside a:active {
    color: #c6c6c6;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    white-space: nowrap;
}

#footermid ul {
    color: #FFFFFF;
    list-style: none;
    padding: 16px 9px 0 16px;
    margin: 0 0 16px 0;
    font-size: 11px;
}

#footermid ul li {
    padding: 0 0 6px 0;
    margin: 0;
    list-style: none;
}

#footermid ul li a {
    color: #c9c9c9;
    text-decoration: none;
}

#footermid #custservlist, #footermid #communitylist, #footermid #texlist, #footermid #catlist {
    background: #42464F;
}

#footermid #custservlist, #footermid #communitylist, #footermid #texlist {
    border-right: 2px groove #545454;
}

#footermid #catlist {
    border-right: none;
    background: #42464F;
}

#footermid #custservlist p, #footermid #communitylist p, #footermid #texlist p, #footermid #catlist p {
    color: #FFFFFF;
    list-style: none;
    padding: 16px 8px 0 16px;
    margin: 0;
    font-weight: bold;
    text-align: left;
    font-size: 11px;
}

.copyrightRow {
    font: normal 11px Verdana, sans-serif;
    color: #4d4d4d;
    background: #c1c5d4;
    text-align: center;
    border: 0 solid black;
    border-bottom-width: 1px;
}

.copyrightRow a {
    text-decoration: none;
    color: #4d4d4d;
}

.copyrightRow a:hover {
    color: yellow;
}

.familyRow img {
     float: none;
}

.familyText {
    font: normal 9px Verdana, sans-serif;
    color: #FFFFFF;
    text-align: center;
}

.familyRow {
    background-color: #5765C6;
    color: #FFFFFF;
    border-top: 0px solid #4d4d4d;
    border-right: 0px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
    border-left: 0px solid #4d4d4d;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}
.contentHeaderTitle {
    font-family: Verdana;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    color: #4d4d4d;
    background-color: #E9E9E9;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #4d4d4d;
    border-right-color: #4d4d4d;
    border-bottom-color: #4d4d4d;
    border-left-color: #4d4d4d;
    padding-left: 10px;
    padding-top: 15px;
}

.footerBody {
    background-color: #B1B9FF;
    border: 1px solid #4d4d4d;
}
.contentBreadCrumbBG {
    background-color: #777777;
}

/* David's additions */






/* - - - - - - - - - -
   BODY TEMPLATE
- - - - - - - - - - */

html {
}

/*body {
    margin:0 auto;
    padding:0;
    background-color:#f7e8c3;
}*/

/*body, td, p, ul, li {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    text-align: left;
}*/

p {
    margin: 0 0 .7em 0;
}

td {
    vertical-align: top;
}

a img {
    border: none;
}

img.block {
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clr {
    clear: both;
}

ul, li {
    list-style: square;
    margin: 5px;
    padding: 0;
}

#mainBody ul {
    list-style: square outside;
    margin-left: 1.4em;
}

#mainBody li {
    margin-left: 0em;
    padding-top: .25em;
}

#popContent ul {
    list-style: square outside;
    margin-left: 1.4em;
}

#popContent li {
    margin-left: 0em;
    padding-top: .25em;
}

/*input, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    padding-left: 2px;
    vertical-align: middle;
    background: #ffffff;
}*/

.formImage {
    padding: 0px;
}

form {
    margin: 0px 0px 0px 0px;
}

#searchBox {
    width: 108px;
    vertical-align: top;
}

.asterisk {
    font-weight: bold;
    color: #3F88BD;
}

.callout a {
    font-weight: bold;
    color: #CC6600;
}

.callout a:active {
    color: #CC6600;
}

.callout a:visited {
    color: #CC6600;
}

.callout a:hover {
    color: #CC6600;
}

.calloutLargeBackOrder {
    font-weight: bold;
    color: #cc3333;  /* RED */
    font-size: 125%;
}

.calloutLargeInStock {
    font-weight: bold;
    color: #009933;  /* GREEN */
    font-size: 125%;
}

.aBackOrder {
    font-weight: bold;
    color: #cc3333;   /* RED */
    font-size: 125%;
}

.aBackOrder:active {
    font-weight: bold;
    color: #cc3333;
    font-size: 125%;
}

.aBackOrder:visited {
    font-weight: bold;
    color: #cc3333;
    font-size: 125%;
}

.aBackOrder:hover {
    font-weight: bold;
    color: #b20828;
    font-size: 125%;
}

.highlight {  /* BOLD AND GREEN, USUALLY IN ALL CAPS */
    font-weight: bold;
    color: #5F7938
}

.formLabel {
    font-weight: bold;
    padding: 2px 5px 0px 0px;
    text-align: right;
}

.formLink {  /* FORMLINK is used to the right of form elements for links or buttons */
    padding: 3px 3px 0px 5px;
}

.formRow {  /* formRow is used on td that contain form elements and sets the spacing inbetween rows */
    padding-bottom: 10px;
}

.horizLine {
    height: 1px;
    margin: 10px 0px 10px 0px;
    background-image: url(/assets/sbs/assets/images/global/misc/horiz_line.gif);
    background-repeat: repeat-x;
}

.horizLine3 {
    height: 3px;
    background-image: url(/assets/sbs/assets/images/global/misc/horiz_line_3.gif);
    background-repeat: repeat-x;
}

.lineThrough {
    text-decoration: line-through;
}

.vertBarTile {
    text-align: center;
    padding-top: 6px;
    background-image: url(/assets/sbs/assets/images/global/misc/vert_bar.gif);
    background-repeat: repeat-y;
    background-position: top center;
}

/* height attribute of content sets the min page height, use #pageSubhead to set the top padding */#mainBody {
    padding: 0px 15px 15px 15px;
    background: #ffffff;
}

#rightNav {
}

/* use bodyBrown when all areas of the page are brown and there is no rounded edge on the top right */
/* bodyBrown is used by section.jsp  */
#bodyBrown {
    width: 540px;
    background: #7F5A0A;
}

#bodyBrown #mainBody {
    padding: 0px 0px 10px 0px;
    background: #7F5A0A;
}

/* use bodyWhite when the content area requires a white background that extends to the page bottom */
/* bodyWhite is used by most of the pages on the site  */
/* If the page requires a full bleed effect with no side margins use bodyWhiteNoPad below  */
#bodyWhite {
    width: 540px;
    background: #ffffff;
}

#bodyWhite #mainBody {
    padding: 15px;
    background-image: url(/assets/sbs/assets/images/global/body/top_white_curve.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

/* bodyWhiteNoPad is used when the body area cannot have the standard 15px side padding that's
   set on mainBody.  Examples include product.jsp (becuase of the tabs on the bottom) and
   pages with section headers in the content area.
   When using bodyWhiteNoPad, enclose the content that requires padding in a div that uses .bodyContentPadding  */
#bodyWhiteNoPad {
    width: 540px;
    background: #ffffff;
}

#bodyWhiteNoPad #mainBody {
    padding: 0px;
    background-image: url(/assets/sbs/assets/images/global/body/top_white_curve.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

.bodyContentPadding {
    padding: 15px 15px 20px 15px;
    background-image: url(/assets/sbs/assets/images/global/body/top_white_curve.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

/* bodyBrowse is used only by thumbnail.jsp  */
#bodyBrowse {
    width: 540px;
    background: #ffffff;
    background-image: url(/assets/sbs/assets/images/catalog/narrow_it_down_bg.gif);
    background-repeat: repeat-y;
    background-position: right;
}

#bodyBrowse #mainBody {
    float: left;
    padding: 15px;
    width: 375px;
}

#bodyBrowse #rightNav {
    float: left;
    width: 135px;
}

/* bodySearch is used only by search.jsp  */
#bodySearch {
    width: 540px;
    background: #ffffff;
    background-image: url(/assets/sbs/assets/images/catalog/narrow_it_down_bg.gif);
    background-repeat: repeat-y;
    background-position: right;
}

#bodySearch #mainBody {
    float: left;
    padding: 15px;
    width: 375px;
}

#bodySearch #rightNav {
    float: left;
    width: 135px;
}

/* bodyProduct is used only by product.jsp  */
#bodyProduct {
    width: 540px;
    background: #7F5A0A;
}

#bodyProduct #mainBody {
    padding: 15px 0px 0px 0px;
    background-image: url(/assets/sbs/assets/images/global/body/top_white_curve.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

/* the bodyEnsemble page is shaded on the top so the top right curve is applied on the page, not externally */
/* use ensembleTop to set the curved shaded edge in the top right */
/* bodyEnsemble is used only by product.jsp (on a request for an ensemble product)  */
#bodyEnsemble {
    width: 540px;
    background: #ffffff;
}

#bodyEnsemble #mainBody {
    padding: 0px 0px 0px 0px;
}

#ensembleTop {
    background: #E0EAF3;
    padding: 15px;
    background-image: url(/assets/sbs/assets/images/global/body/top_shaded_curve.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

#bodyClear {
    clear: both;
    background: none;
}

/*#frame {
    position: relative;
    width: 774px;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background: #f7e8c3;
}*/

.outer_edge_left {
    background-image: url(/assets/sbs/assets/images/global/body/edge_left.gif);
    background-repeat: repeat-y;
}

.outer_edge_right {
    background-image: url(/assets/sbs/assets/images/global/body/edge_right.gif);
    background-repeat: repeat-y;
}

/* - - - - - - - - - -
      HEADER
- - - - - - - - - - */
#welcomeUser {
    padding: 2px 30px 0px 30px;
    text-align: right;
    font-size: 10px;
    color: #ffffff;
}

#welcomeUser a {
    text-decoration: underline;
    color: #ffffff;
}

#welcomeUser a:active {
    text-decoration: underline;
    color: #ffffff;
}

#welcomeUser a:visited {
    text-decoration: underline;
    color: #ffffff;
}

#welcomeUser a:hover {
    text-decoration: underline;
    color: #F2C16F;
}

.items_in_cart {
    text-align: right;
    color: #F2C16F;
    padding: 6px 19px 0px 0px;
}

.items_in_cart a {
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    color: #F2C16F;
}

.items_in_cart a:active {
    text-decoration: none;
    color: #F2C16F;
}

.items_in_cart a:visited {
    text-decoration: none;
    color: #F2C16F;
}

.items_in_cart a:hover {
    text-decoration: underline;
    color: #F2C16F;
}

#hdr_row2 {
    height: 29px;
    background: #344D14;
    background-image: url(/assets/sbs/assets/images/global/header/hdr_r2_tile.gif);
    background-repeat: repeat-x;
}

.hdr_row2_icon {
    padding-left: 10px;
}

#hdr_row3 {
    background: #344D14;
    background-image: url(/assets/sbs/assets/images/global/header/hdr_r3_empty_bg.gif);
    background-repeat: repeat-x;
}

.hdr_row3_icon {
    padding: 0 25px;
}

#hdr_row4 {
    width: 760px;
    background: #344D14;
    height: 16px;
    background-image: url(/assets/sbs/assets/images/global/header/hdr_r4_tile.gif);
    background-repeat: repeat-x;
    text-align: right;
}

#edge_left {
    width: 10px;
    background-image: url(/assets/sbs/assets/images/global/body/body_edge_left.gif);
    background-repeat: repeat-y;
}

#edge_right {
    width: 10px;
    background-image :url(/assets/sbs/assets/images/global/body/body_edge_right.gif);
    background-repeat: repeat-y;
}

#vert_stripe_left {
    width: 5px;
    background: #7F5A0A;
    background-image: url(/assets/sbs/assets/images/global/body/body_stripe_vert.gif);
    background-repeat: repeat-y;
}

#vert_stripe_right {
    width: 15px;
    background: #7F5A0A;
    background-image: url(/assets/sbs/assets/images/global/body/body_stripe_vert.gif);
    background-repeat: repeat-y;
    background-position: right;
}

#currentPage {
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
}

#logOut {
    float: left;
    background: #7F5A0A;
    height: 14px;
    width: 70px;
    color: #F7E7C3;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 0px 4px 0px;
}

#logOut a {
    text-decoration: underline;
    color: #F7E7C3;
    font-weight: bold;
}

#logOut a:active {
    text-decoration: underline;
    color: #F7E7C3;
    font-weight: bold;
}

#logOut a:visited {
    text-decoration: underline;
    color: #F7E7C3;
    font-weight: bold;
}

#logOut a:hover {
    text-decoration: underline;
    color: #F2C16F;
    font-weight: bold;
}

#breadcrumbClear {
    clear: both;
    background: none;
}

/* - - - - - - - - - -
    SUBHEAD
- - - - - - - - - - */
#sectionNameTable {
    border-bottom: 10px solid #7f5A0A;
}

#sectionName {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background: #739DBA;
    vertical-align: middle;
}

/* - - - - - - - - - -
   CHECKOUT
- - - - - - - - - - */
#billingAddress td.formLabel {
    width: 150px;
}

#billingAddress td.formLink {
    font-weight: bold;
}

#shippingAddress td.formLabel {
    width: 150px;
}

.lastRow {
    padding: 10px 0px 10px 5px;
}

#shipItem { /* 245 */
    width: 240px;
}

#shipQty { /* 40 */
    width: 35px;
}

#shipTotal { /* 65 */
    width: 60px;
}

#shipShip { /* 160 = 510 total */
    width: 155px;
}

#paymentCreditCard td.formLabel {
    width: 140px;
}

.paymentSummary {
}
.paymentSummary p {
    text-align: right;
    margin-bottom: .3em;
}

.paymentSummary .left {
    width: 200px;
}

.paymentVertBar {
    text-align: center;
    vertical-align: top;
    padding: 0px 15px 0px 15px;
}

.recipientBox {
    color: #5F7938;
    font-weight: bold;
    height: 18px;
    padding: 5px 7px 10px 8px;
    vertical-align: middle;
    background-image: url(/assets/sbs/assets/images/cms/checkout/recipient_box.gif);
    background-repeat: no-repeat;
}

#checkoutLogin h4 {
    margin-bottom: 0em;
}

/* - - - - - - - - - -
   ACCOUNT
- - - - - - - - - - */
#myAccountNav td {
    width: 200px;
    padding: 0px 0px 9px 15px;
}

#myAccountNav #firstRow {
    padding-top: 20px;
}

#orderHistoryNumber {
    width: 95px;
}

#orderHistoryDate {
    width: 85px;
}

#orderHistoryItems {
    width: 220px;
}

#orderHistoryButton {
    width: 90px;
}

#addBookName {
    width: 150px;
}

#addBookAddress {
    width: 200px;
}

#addBookLinks {
    width: 160px;
    border-left: none;
}

.wishPrice {
}

.wishQuantity {
}

.profileQuestionText {
    font-weight: bold;
    padding-top: 10px;
}

.profileQuestionInstruction {
    font-size: 10px;
    padding-bottom: 5px;
}

.profileQuestionTable td.formLink {
    padding-bottom: 4px;
}

#orderDetailItem {
    width: 180px;
}

#orderDetailQty {
    width: 35px;
}

#orderDetailPrice {
    width: 55px;
}

#orderDetailTotal {
    width: 55px;
}

#orderDetailShip {
    width: 150px;
}

/* - - - - - - - - - - - - - -
    PRODUCT DETAIL / ENSEMBLE
- - - - - - - - - - - - - - */
#tabOn {
    background-color: #739DBA;
    text-align: center;
    vertical-align: middle;
}

#tabOn a {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

#tabOn a:active {
    color: #FFFFFF;
    text-decoration: none;
}

#tabOn a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

#tabOn a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.prodArrowTabOn {
    background-image: url(/assets/sbs/assets/images/catalog/details_arrow.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

#prodArrowOn {
    background-image: url(/assets/sbs/assets/images/catalog/details_arrow.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.prodTD {
    padding: 0px 10px 0px 10px;
    vertical-align: top;
}

#prodTabContent {
    padding: 10px 10px 10px 25px;
    background-color: #E0EAF3;
}

/*.prodIcons {
    padding-top: 5px;
    padding-bottom: 0px;
}*/

.prodDetailFinalPrice td {
    border: 1px solid #ED7F0E;
    padding: 3px 5px 3px 5px;
}

.prodDetailFinalPrice h6 {
    color: #ED7F0E;
}

.divider {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

/* - - - - - - - - - -
      POPUP STYLES
- - - - - - - - - - */
#popHead {
    height: 55px;
    text-align: right;
    padding-right: 10px;
    background: #4B632C
}

#popTopStripe {
    height: 25px;
    background: #7F5A0A;
    background-image: url(/assets/sbs/assets/images/popup/popup_top_stripe.gif);
    background-repeat: repeat-x;
}

#popTopCurveL {
    background-image: url(/assets/sbs/assets/images/popup/popup_topleft.gif);
    background-repeat: no-repeat;
}

#popTopCurveR {
    background-image: url(/assets/sbs/assets/images/popup/popup_topright.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

.tan {
    background: #f7e8c3;
}

.tan #popTopCurveL {
    background: #f7e8c3;
    background-image: url(/assets/sbs/assets/images/popup/popup_topleft_tan.gif);
    background-repeat: no-repeat;
}

.tan #popTopCurveR {
    background: #f7e8c3;
    background-image: url(/assets/sbs/assets/images/popup/popup_topright_tan.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

#zoomTitle {
    padding: 0px 0px 10px 5px;
}

.zoomThumb {
    padding: 0px 0px 15px 5px;
}

.zoomDetail {
    padding: 0px 0px 15px 15px;
}

#placeHolderZoom {
}

#popOutBottom {
    height: 100%;
    text-align: center;
    background-image: url(/assets/sbs/assets/images/popup/popup_border.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

#popOutLeft {
    height: 100%;
    background-image: url(/assets/sbs/assets/images/popup/popup_border.gif);
    background-repeat: repeat-y;
    background-position: left;
}

#popOutRight {
    height: 100%;
    background-image: url(/assets/sbs/assets/images/popup/popup_border.gif);
    background-repeat: repeat-y;
    background-position: right;
}

#popHead img {
    vertical-align: text-bottom;
}

#popContent {
    height: 440px;
    margin: 0px 2px 2px 2px;
    padding: 0px 0px 10px 8px;
    overflow: auto;
}

#popContent.zoom {
    height: 520px;
    padding-bottom: 0px;
}

/* - - - - - - - - - -
      MISC
- - - - - - - - - - */
#catalogRequest td.formLabel {
    width: 250px;
}

#catalogRequest .fixedWidth {
    width: 190px;
}

#catalogRequest .textareaWidth {
    width: 350px;
}

#catalogRequest #otherSports {  /* make this 35 less than fixedWidth */
    width: 155px;
    margin-top: 3px;
}

#tournDate { /* 60 with left padding */
    width: 55px;
}

#tournName { /* 155 */
    width: 150px;
}

#tournCity { /* 95 */
    width: 90px;
}

#tournClass {  /* 60 */
    width: 55px;
}

#tournAge { /* 80 */
    width: 75px;
}

#tournGender { /* 60 = 510 total */
    width: 55px;
}

table.tournamentDetail {
    margin-bottom: 5px;
    margin-top: 5px;
}

table.tournamentDetailShaded {
    margin-bottom: 5px;
    margin-top: 5px;
}

.tournamentDetail td.formLabel {
    padding: 5px;
    padding-left: 10px;
    text-align: left;
    width: 150px;
}

.tournamentDetail td.formRow {
    padding: 5px;
    padding-right: 10px;
    text-align: left;
}

.tournamentDetailShaded td.formLabel {
    padding: 5px;
    padding-left: 10px;
    text-align: left;
    width: 150px;
    background: #efefef;
}

.tournamentDetailShaded td.formRow {
    padding: 5px;
    padding-right: 10px;
    text-align: left;
    background: #efefef;
}

.tournamentDetailName {
    background: #739DBA;
    background: #5F7938;
    color: #ffffff;
    padding: 4px 10px 4px 10px;
    font-weight: bold;
    font-size: 11px;
}

/*
** This style is used to show product title on the product page. The reason for  creating this style was due to an
** issue with IE while returning to a viewed page using browsers' back button wasn't rendering the text.
**
*/
.productLabel {
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    text-align: left;
    margin: 0px;
    font-size: 16px;
    color: #5F7938;
    margin-bottom: 0.25em;
}