.strikethru { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10; text-decoration: line-through;}
.habold3 { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-weight: 900; font-size: 14;}
.habold2 { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-weight: bolder; font-size: 12;}
.habold1 { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-weight: bold; font-size: 11;}
.hared2 { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; color: #990000; font-weight: bold; font-size: 12;}
.hared1 { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; color: red; font-size: 11;}
.hawhite1 { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; color: white; font-size: x-small; font-weight: bold;}
.hafont2 { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: small;}
.hafont1 { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10;}
.hafontd { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11; text-align: left;}
.hafontmed { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: .8em;}
.hafontsmall { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11;}
.listprice { font-family: Times; font-size: 12; text-decoration: line-through; font-style: italic;}
.ourprice { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11; color: red;}
.save { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10; color: gray;}
div#smalltext { font-size: 60%; text-align: center;}
div#cattext { font-size: 60%; padding: 1px 5px 15px;}
a {color: black;}
.ibox {
margin: 0; /* center for now */
background: url(http://www.humbleabode.com/site/graphics/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
position: relative;
top: -29px;
left: -20px;
}
.iboxbody p {font-size:76%}
.iboxbody a {color:black}
.iboxbody a:hover {color:blue}
.iboxhead {
background: url(http://www.humbleabode.com/site/graphics/sbhead-r.gif) no-repeat top right;
text-align: center;
width: 570px;
}
.iboxhead h1 {
background: url(http://www.humbleabode.com/site/graphics/sbhead-l.gif) no-repeat top left;
margin: 0;
color: white;
padding: 5px 1px 5px;
font-weight: bold;
font-size: 1.2em;
line-height: 1.4em;
}
.iboxbody {
background: url(http://www.humbleabode.com/site/graphics/sbbody-l.gif) no-repeat bottom left;
margin: 0;
text-align: center;
padding: 5px 10px 25px;
}
.lbox {
margin: 0; /* center for now */
background: url(http://www.humbleabode.com/site/graphics/slbody-r.gif) no-repeat bottom right;
font-size: 100%;
position: relative;
top: -15px;
}
.lboxbody p {font-size:76%}
.lboxbody a {color:black}
.lboxbody a:hover {color:blue}
.lboxhead {
background: url(http://www.humbleabode.com/site/graphics/slhead-r.gif) no-repeat top right;
text-align: left;
}
.lboxhead h1 {
background: url(http://www.humbleabode.com/site/graphics/slhead-l.gif) no-repeat top left;
margin: 0;
color: #666666;
padding: 10px 10px 1px;
font-weight: bold;
font-size: 1.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.6em;
}
.lboxbody {
background: url(http://www.humbleabode.com/site/graphics/slbody-l.gif) no-repeat bottom left;
margin: 0;
color: black;
text-align: left;
padding: 1px 10px 15px;
}
sbox {
margin: 0; /* center for now */
background: url(https://system.netsuite.com/c.ACCT77139/site/graphics/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
position: relative;
left: 0px;
top: 0px;
}
.sidebox {
margin: 0 auto;
background: url(https://system.netsuite.com/c.ACCT77139/site/graphics/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
position: relative;
left: 0;
}
.sboxhead {
background: url(https://system.netsuite.com/c.ACCT77139/site/graphics/sbhead-r.gif) no-repeat top right;
text-align: center;
}
.sboxbody p {font-size:76%}
.sboxbody a {color:black}
.sboxbody a:hover {color:blue}
.sboxhead h3 {
background: url(https://system.netsuite.com/c.ACCT77139/site/graphics/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 20px 1px 10px;
color: white;
font-weight: bold;
font-size: 1em;
line-height: 1em;
}
.sboxbody {
background: url(https://system.netsuite.com/c.ACCT77139/site/graphics/sbbody-l.gif) no-repeat bottom left;
margin: 0;
text-align: center;
padding: 5px 10px 25px;
}
.boxhead h1 {
background: url(http://www.humbleabode.com/site/graphics/sbhead-l.gif) no-repeat top left;
margin: 0;
color: white;
padding: 3px 1px 3px;
font-weight: bold;
font-size: .8em;
font-family: Verdana;
line-height: 1.2em;
}
.boxhead h2 {
background: url(http://www.humbleabode.com/site/graphics/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 10px 1px 10px;
color: white;
font-weight: bold;
font-size: 1em;
line-height: 1em;
}
.boxhead h3 {
background: url(http://www.humbleabode.com/site/graphics/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 10px 1px 10px;
color: white;
font-weight: bold;
font-size: 1em;
line-height: 1em;
}
.boxbody p {font-size:76%}
.boxbody a {color:black}
.boxbody a:hover {color:blue}
.boxbody {
background: url(http://www.humbleabode.com/site/graphics/sbbody-l.gif) no-repeat bottom left;
margin: 0 auto;
text-align: center;
padding: 5px 10px 25px;
}
.boxhead {
background: url(http://www.humbleabode.com/site/graphics/sbhead-r.gif) no-repeat top right;
text-align: center;
width: 570px;
}
.widthlessbox {
margin: 0 5%; /* NO WIDTH! Opens up a world of possibilities! */
background: url(http://www.humbleabode.com/site/graphics/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
}
.wboxbody {
background: url(http://www.humbleabode.com/site/graphics/sbbody-l.gif) no-repeat bottom left;
margin: 0 auto;
text-align: center;
padding: 5px 10px 25px;
}
.wboxhead {
background: url(http://www.humbleabode.com/site/graphics/sbhead-r.gif) no-repeat top right;
text-align: center;
}
.wboxhead h2 {
background: url(http://www.humbleabode.com/site/graphics/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 20px 1px 10px;
color: white;
font-weight: bold;
font-size: 1em;
line-height: 1em;
}
.fbox {
margin: 0 auto; /* center for now */
background: url(https://system.netsuite.com/c.ACCT77139/site/graphics/sbbody-r.gif) no-repeat bottom right;
text-align: center;
font-size: 100%;
position: relative;
left: 0px;
}
.fboxhead {
background: url(https://system.netsuite.com/c.ACCT77139/site/graphics/sbhead-r.gif) no-repeat top right;
text-align: center;
}
.fboxbody p {font-size:76%}
.fboxbody a {color:black; font-size: 60%;}
.fboxbody a:hover {color:blue; font-size: 60%;}
.fboxbody {
background: url(https://system.netsuite.com/c.ACCT77139/site/graphics/sbbody-l.gif) no-repeat bottom left;
margin: 0;
text-align: center;
padding: 5px 30px 31px;
}
.flinks {
margin: 0; /* center for now */
text-align: center;
font-size: 100%;
position: relative;
}
.fboxhead h3 {
background: url(https://system.netsuite.com/c.ACCT77139/site/graphics/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 15px 1px 10px;
color: white;
font-weight: bold;
font-size: 1em;
line-height: 1em;
}
.rbox {
margin: 0; /* center for now */
background: url(http://www.humbleabode.com/site/graphics/sbbody-r.gif) no-repeat bottom right;
text-align: left;
font-size: 80%;
position: relative;
top: -10px;
left: 0px;
}
.rboxbody p {font-size:76%}
.rboxbody a {color:black}
.rboxbody a:hover {color:blue}
.rboxhead {
background: url(http://www.humbleabode.com/site/graphics/sbhead-r.gif) no-repeat top right;
text-align: center;
}
.rboxhead h3 {
background: url(http://www.humbleabode.com/site/graphics/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 8px 1px 8px;
color: white;
font-weight: bold;
font-size: 1em;
line-height: 1em;
}
.rboxbody {
background: url(http://www.humbleabode.com/site/graphics/sbbody-l.gif) no-repeat bottom left;
margin: 0 auto;
width: 150;
position: relative;
text-align: left;
padding: 5px 10px 5px;
}
.rpos1 {position: relative;}
.rpos2 {position: relative;}
div#related {
border: 0px solid #999;
text-align: left;
margin: 0 auto;
position: relative;
padding: 1px 1px 10px;
top: 0px;
left: 0px;
}
div#rlinks {
width: 148px;
height: 14px;
text-align: left;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
padding: 1px 1px 1px;
position: relative;
}
div#rtext {
width: 140px;
text-align: left;
padding: 5px 1px 1px;
margin: 0 auto;
position: relative;
}
div#rlinks a {padding: 1px 1px 1px; display: block; color:black; background: white; font-size: 80%; text-decoration: none; border: 1px solid #999;}
div#rlinks a:hover {padding: 1px 1px 1px; display: block; color:white; font-size: 80%; background: #666666}
.bbox1 {
margin: 0; /* center for now */
background: url(http://www.humbleabode.com/site/graphics/sbbody-r.gif) no-repeat bottom right;
font-size: 90%;
width: 185px;
position: absolute;
left: 0px;
top: 0px;
}
.bbox2 {
margin: 0 auto; /* center for now */
background: url(http://www.humbleabode.com/site/graphics/sbbody-r.gif) no-repeat bottom right;
font-size: 90%;
width: 185px;
position: absolute;
left: 190px;
top: 0px;
}
.bbox3 {
margin: 0 auto; /* center for now */
background: url(http://www.humbleabode.com/site/graphics/sbbody-r.gif) no-repeat bottom right;
font-size: 90%;
width: 185px;
position: absolute;
left: 380px;
top: 0px;
}
.bboxhead {
background: url(http://www.humbleabode.com/site/graphics/sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
width: 185;
text-align: center;
}
.bboxhead h2 {
background: url(http://www.humbleabode.com/site/graphics/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 10px 10px 5px;
color: white;
font-weight: bold;
font-size: .8em;
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.bboxbody {
background: url(http://www.humbleabode.com/site/graphics/sbbody-l.gif) no-repeat bottom left;
margin: 0 auto;
padding: 10px 1px 15px;
}
.shbox {
margin: 0; /* center for now */
background: url(http://www.humbleabode.com/site/graphics/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
position: relative;
left: 0px;
top: 0px;
}
.dbox {
margin: 0; /* center for now */
background: url(http://www.humbleabode.com/site/graphics/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
position: relative;
left: 0px;
top: 0px;
}
.dboxhead {
background: url(http://www.humbleabode.com/site/graphics/sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: center;
}
.dboxhead h2 {
background: url(http://www.humbleabode.com/site/graphics/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 20px 30px 5px;
color: white;
font-weight: bold;
font-size: 1em;
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.dboxbody {
background: url(http://www.humbleabode.com/site/graphics/sbbody-l.gif) no-repeat bottom left;
margin: 0;
padding: 5px 25px 10px;
}
.optcolumn {
font-size: 70%;
width: 180px;
margin-bottom: 5px;
margin-top: 0px;
padding: 0px 0px 0px;
position: relative;
text-align: center;
top: 0px;
left: 0px;
}
div#option {
width: 80px;
color: white;
height: 22px;
border: 1px solid #999;
font-weight: bold;
background-color: #666666;
text-align: left;
margin-bottom: 0px;
margin-top: 1px;
padding: 2px 0px 0px;
position: relative;
left: 0px;
top: -1px;
}
div#listprice {
width: 70px;
color: white;
border: 1px solid #999;
background-color: #666666;
text-align: center;
margin-bottom: 1px;
padding: 2px 0px 1px;
position: absolute;
left: 82px;
top: 0px;
}
div#ourprice {
width: 70px;
color: white;
border: 1px solid #999;
background-color: #666666;
text-align: center;
margin-bottom: 1px;
padding: 2px 0px 1px;
position: absolute;
left: 152px;
top: 0px;
}
div#listpricealt {
width: 65px;
color: white;
border: 1px solid #999;
background-color: #666666;
text-align: center;
margin-bottom: 1px;
padding: 2px 0px 1px;
position: absolute;
left: 226px;
top: 0px;
}
div#ourpricealt {
width: 70px;
color: white;
border: 1px solid #999;
background-color: #666666;
text-align: center;
margin-bottom: 1px;
padding: 2px 0px 1px;
position: absolute;
left: 291px;
top: 0px;
}
div#prices {
text-align: left;
color: black;
border: 1px solid #999;
background-color: white;
margin-bottom: 1px;
padding: 2px 0px 1px;
position: relative;
}
div#drow1 {
width: 122px;
color: white;
font-weight: bold;
background-color: #666666;
text-align: left;
margin: 0;
padding: 0px 0px 0px;
position: relative;
left: 0px;
top: 0px;
}
div#drow2 {
width: 72px;
color: white;
text-align: center;
margin: 0;
padding: 0px 0px 0px;
position: absolute;
left: 125px;
top: 0px;
}
div#drow3 {
width: 72px;
color: white;
text-align: center;
margin: 0;
padding: 0px 0px 0px;
position: absolute;
left: 199px;
top: 0px;
}
div#drow4 {
width: 72px;
color: white;
text-align: center;
margin-bottom: 0;
padding: 0px 0px 0px;
position: absolute;
left: 273px;
top: 0px;
}
div#drow5 {
width: 72px;
color: white;
text-align: center;
margin: 0 auto;
padding: 0px 0px 0px;
position: absolute;
left: 347px;
top: 0px;
}
div#drow6 {
width: 72px;
color: white;
text-align: center;
margin: 0 auto;
padding: 0px 0px 0px;
position: absolute;
left: 421px;
top: -1px;
}
div#drow7 {
width: 72px;
color: white;
text-align: center;
margin: 0 auto;
padding: 0px 0px 0px;
position: absolute;
left: 495px;
top: 0px;
}div#drow8 {
width: 72px;
color: white;
text-align: center;
margin: 0 auto;
padding: 0px 0px 0px;
position: absolute;
left: 569px;
top: 0px;
}
div#drow9 {
width: 72px;
color: white;
text-align: center;
margin: 0 auto;
padding: 0px 0px 0px;
position: absolute;
left: 643px;
top: 0px;
}
div#sizesheader {
text-align: center;
color: white;
border: 1px solid #999;
background-color: #666666;
height: 24px;
text-align: center;
margin-bottom: 1px;
margin-top: 0px;
padding: 2px 0px 0px;
position: relative;
}
div#sizes {
text-align: center;
color: black;
border: 1px solid #999;
height: 24px;
text-align: center;
margin-bottom: 1px;
margin-top: 0px;
padding: 2px 0px 0px;
position: relative;
}
.info {
font-size: 70%;
height: 18;
margin: 2 auto;
position: relative;
left: 0px;
top: 0px;
}
.info a {display: block; color: black; background: white; text-decoration: none;}
.info a:hover {display: block; color:white; background: #666666}
a#infogray a {display: block; color: gray; background: white; text-decoration: none;}
a#infogray a:hover {display: block; color: white; background: white}
div#row1 {
text-align: center;
width: 115;
padding: 2px 2px 2px;
border: 1px solid #999;
background-color: white;
position: relative;
left: 0px;
top: 0px;
}
div#row2 {
text-align: center;
width: 115;
padding: 2px 2px 2px;
border: 1px solid #999;
background-color: white;
position: absolute;
left: 122px;
top: 0px;
}
div#row3 {
text-align: center;
width: 150;
padding: 2px 2px 2px;
border: 1px solid #999;
background-color: white;
position: absolute;
left: 244px;
top: 0px;
}
div#row4 {
text-align: center;
width: 150;
padding: 2px 2px 2px;
border: 1px solid #999;
background-color: white;
position: absolute;
left: 401px;
top: 0px;
}
.checkout {
margin: 0; /* center for now */
background: url(http://www.humbleabode.com/site/graphics/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
position: absolute;
}
.container {
margin: 2;
padding: 0px 0px 0px;
position: relative;
text-align: left;
top: 0px;
}
.container2 {
margin: 0;
width: 500px;
text-align: center;
padding: 2px 0px 2px;
position: relative;
top: 0px;
}
.container3 {
margin: 0;
width: 480px;
text-align: left;
padding: 2px 0px 2px;
position: relative;
top: 0px;
}
.container4 {
margin-top: 3;
width: 480px;
text-align: left;
padding: 1px 0px 0px;
position: relative;
top: 0px;
}
div#drowbox {
width: 500;
padding: 1px 5px 1px;
text-align: center;
top: 0;
border: 1px solid #999;
}
div#rowbox {
width: 563;
margin: 2px;
padding: 1px 0px 1px;
text-align: center;
top: 0;
border: 1px solid #999;
}
.altimages {
font-size: 70%;
margin: 2 auto;
position: relative;
left: 0px;
top: 0px;
}
div#image1 {
text-align: center;
width: 70;
background-color: white;
position: relative;
left: 0px;
top: 0px;
}
div#image2 {
text-align: center;
width: 70;
background-color: white;
position: absolute;
left: 76px;
top: 0px;
}
div#image3 {
text-align: center;
width: 70;
background-color: white;
position: absolute;
left: 152px;
top: 0px;
}
div#image4 {
text-align: center;
width: 70;
background-color: white;
position: absolute;
left: 228px;
top: 0px;
}
div#image5 {
text-align: center;
width: 70;
background-color: white;
position: absolute;
left: 304px;
top: 0px;
}
div#image6 {
text-align: center;
width: 70;
background-color: white;
position: absolute;
left: 380px;
top: 0px;
}
div#image7 {
text-align: center;
width: 70;
background-color: white;
position: absolute;
left: 456px;
top: 0px;
}
.finish {
font-size: 70%;
height: 18;
margin-top: 1;
margin-bottom: 2;
position: relative;
left: 0px;
top: 0px;
}
.finish a {display: block; color: black; background: white; text-decoration: none;}
.finish a:hover {display: block; color:white; background: #666666}
.finish a:active {display: block; color:black; background: #eee; font-weight: bold;}
.finish a:focus {display: block; color:black; background: #eee; font-weight: bold;}
a#factive a:active {display: block; color:black; background: #eee; font-weight: bold;}
#tablist{
padding: 2px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 5px;
font: bold 12px Verdana;
}
#tablist li{
list-style: none;
display: inline;
margin: 0;
}
#tablist li a{
text-decoration: none;
padding: 2px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #eee;
}
#tablist li a:link, #tablist li a:visited{
text-decoration: none;
color: black;
}
#tablist li a.current{
text-decoration: none;
background: white;
}
#tabcontentcontainer{
width: 550px;
padding: 5px;
border: 1px solid black;
text-align: left;
}
.tabcontent{
text-align: left;
display: none;
}
.detailheader{
font-size: 12pt;
color: #666666;
}
hr.d {border: none 0;
border-top: 1px solid #666666;
border-bottom: 1px solid #8A8888;
width: 560px;
height: 1px;
margin: 1px auto 0 0;
text-align: left;
}
h3 { font-size:10px }
@media all {
h1, h2, p { margin:0 0 .8em 0 }
}
/* Include id's for all your layers here, with commas between.
Set width, left and top */
#lyr2, #lyr3, #lyr4 {
position:absolute;
text-align: left;
visibility:hidden;
left:10px;
top:30px;
width:550px;
z-index:100 }
#lyr1 {
position: relative;
text-align: left;
visibility:hidden;
left:10px;
top:5px;
width:550px;
z-index:100 }
/* Stlye of zoomed window */
.MagicZoomBigImageCont {
border: 1px solid #999;
}
/* Style of header, activated with "title" attribute in tag */
.MagicZoomHeader {
font-size: 8pt !important;
line-height: normal !important;
color: #fff;
background: #666;
text-align: center !important;
}
/* Style of small square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor: move;
}
/* Style of message box while image is loading */
.MagicZoomLoading {
border: 1px solid #ccc;
background: #fff url(http://www.humbleabode.com/site/graphics/ajax-loader.gif) no-repeat 2px 50%;
padding: 4px 4px 4px 24px !important;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}
/* CSS class for thumbnail link */
.MagicThumb {
cursor: url(cursor/zoomin.cur), pointer;
outline: none;
}
/* CSS class for the thumbnail link when the big image is zoomed */
.MagicThumb-zoomed { cursor: default; }
/* CSS class for span inside the thumbnail */
.MagicThumb span { display: none; }
/* CSS class for the thumbnail image */
.MagicThumb img { border: 1px solid #808080; outline: none; }
/* CSS class for the big image while zooming */
.MagicThumb-image { border: 1px solid #cccccc; outline: none; }
/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(cursor/zoomout.cur), pointer; }
/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
color: #333333;
background-color: #F0F0F0;
border: 1px solid #CCCCCC;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 11px;
padding: 8px 16px;
}
/* CSS class for the control bar */
.MagicThumb-controlbar {
display: block;
height: 18px;
}
.MagicThumb-controlbar a {
display: block;
width: 18px;
height: 18px;
margin: 0px 1px;
outline: none;
float: left;
overflow: hidden;
}
.MagicThumb-controlbar a span {
display: block;
width: 1000px;
height: 1000px;
background: transparent url(graphics/controlbar.png) no-repeat 0 0;
outline: none;
position: absolute;
left: 0px;
top: 0px;
}
/* CSS class for the loading message box */
.MagicThumb-loading {
border: 1px solid #000000;
background: #ffffff url(graphics/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
}
/* CSS class for the span with caption text */
.MagicMagnifyPlus span {
display : none;
}