body{
margin:5px auto;
background:#fff;
color:#000;
text-align:center;
}
/*-----tab navigation------*/
#tabs{
position:relative;
border-bottom:1px solid #000;
}
ul#tabnav{
width:774px;
height:27px;
margin:0 auto 0 auto;
font:10px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
list-style-type:none;
padding:0;
}
ul#tabnav li{
line-height:24px;
float:left;
width:126px;
margin:1px;
}
ul#tabnav li#tab-one{background:url(../images/blue-tab.png) top no-repeat;}
ul#tabnav li#tab-two{background:url(../images/green-tab.png) top no-repeat;}
ul#tabnav li#tab-three{background:url(../images/orange-tab.png) top no-repeat;}
ul#tabnav li#tab-four{background:url(../images/red-tab.png) top no-repeat;}
ul#tabnav li#tab-five{background:url(../images/purple-tab.png) top no-repeat;}
ul#tabnav li#tab-six{background:url(../images/pink-tab.png) top no-repeat;}
ul#tabnav a:link, ul#tabnav a:visited{
display:block;
padding:2px;
color:#000;
}
ul#tabnav a:hover{
background:url(../images/tab-over.png) top no-repeat;
text-decoration:none;
}
ul#tabnav li.cur{
border-bottom:1px solid #fff;
position:relative;
top:1px;
left:auto;
z-index:2;
}
ul#tabnav li.cur a:hover{background:url(../images/tab-over-current.png) top no-repeat;}
/*-----body containers------*/
#header{
position:relative;
height:120px;
}
#container{
font:12px Verdana, Arial, Helvetica, sans-serif;
margin:0px 150px 0px 160px;
}
#leftBody{
position:absolute;
top:173px;
left:0px;
width:160px;
}
#centerBody{
float:left;
width:99%;
}
#rightBody{
position:absolute;
top:173px;
right:0px;
width:150px;
font:10px Verdana, Arial, Helvetica, sans-serif;
}
#rightBody img{
border:none;
}
#footer{
width:100%;
background:url(../images/footer-border.png) top center no-repeat;
padding-top:10px;
font:10px Arial, Helvetica, sans-serif;
}
/*-----general styles------*/
a{outline:none;}
a, .noline{text-decoration:none;}
a:hover{
color:#000;
text-decoration:underline;
}
hr{margin:8px 0px 8px 0px;}
h1{display:inline;}
h3{margin-bottom:2px;}
.price{font:bold 14px Verdana, Arial, Helvetica, sans-serif;}
.space{clear:both;}
ul, ol, h2{text-align:left;}
.text{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000;
}
.item-text{
margin:0px;
padding:0px;
}
p.blue, p.green, p.orange, p.red, p.purple, p.pink{
font:bold 20px Arial, Helvetica, sans-serif;
text-align:center;
margin:0;
}
.bluetext, .greentext, .orangetext, .redtext, .purpletext, .pinktext, .dbluetext, h1, h2, h3{font:bold 13px Arial, Helvetica, sans-serif;}
.bluetext, p.blue{color:#00f;}
.greentext, p.green{color:#090;}
.orangetext, p.orange{color:#f90;}
.redtext, p.red{color:#f00;}
.purpletext, p.purple{color:#90f;}
.pinktext, p.pink{color:#f39;}
.dbluetext{color:#006;}
.upsaleHead{font:bold italic 16px Verdana, Arial, Helvetica, sans-serif;}
/*-----left column styles------*/
#leftBody ul{
text-align:left;
list-style-type:none;
margin-top:0px;
margin-left:10px;
padding:0;
background:url(../images/left-middle.png) center repeat-y;
}
#leftBody li{
font:12px Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
padding-left:15px;
}
li.borderBottom{
border-bottom:1px solid #000;
margin-left:1px;
margin-right:7px;
margin-top:5px;
margin-bottom:5px;
}
li.topCorner{
background:url(../images/left-top.png) top no-repeat;
padding-top:5px;
}
li.bottomCorner{
background:url(../images/left-bottom.png) bottom no-repeat;
padding-bottom:10px;
}
li.rampHead a, li.barrierHead a, li.carrierHead a, li.stairHead a, li.accessHead a, li.strollerHead a{
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
margin-left:-5px;
}
li.rampHead a, li.rampSub a{color:#00f;}
li.barrierHead a, li.barrierSub a{color:#090;}
li.carrierHead a, li.carrierSub a{color:#f90;}
li.stairHead a, li.stairSub a{color:#f00;}
li.accessHead a, li.accessSub a{color:#90f;}
li.strollerHead a, li.strollerSub a{color:#f39;}
/*-----right column styles------*/
#rightBody ul{
list-style-type:none;
margin:2px;
padding:0;
text-align:center;
background:url(../images/right-middle.jpg) left repeat-y;
}
#rightBody li{
font:11px Verdana, Arial, Helvetica, sans-serif;
padding-left:2px;
padding-top:5px;
}
.topCornerright{background:url(../images/right-top.jpg) top left no-repeat;}
li.bottomCornerright{
background:url(../images/right-bottom.jpg) bottom left no-repeat;
padding-bottom:10px;
}
/*-----category item styles------*/
ul.catagory{
padding-left:0;
margin-left:0;
list-style-type:none;
text-align:center;
}
ul.catagory li{
margin:8px;
float:left;
width:200px;
height:185px;
font:10px Verdana, Arial, Helvetica, sans-serif;
}
ul.catagory a, ul.catagory a:hover{
text-decoration:none;
font-weight:bold;
}
ul.catagory img{
border:none;
}
.catTitle{font:bold italic 24px Verdana, Arial, Helvetica, sans-serif;}
div.titles{
border-bottom:1px solid #000;
font:bold italic 14px Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
width:98%;
text-align:left;
padding-left:15px;
}
/*-----product table styles------*/
table.items td{border:1px solid #000;}
table.items{border-collapse:collapse;}
table.items caption{font:bold 14px Verdana, Arial, Helvetica, sans-serif;}
table.items th{
border:1px solid #000;
color:#fffffc;
}
#head-nav{
position:absolute;
top:10px;
left:20px;
}
/*------other styles-------------*/
.bold{font:bold 11px Arial, Helvetica, sans-serif;}
#phone{
position:absolute;
top:0px;
right:0px;
width:151px;
height:115px;
}
dl{
margin:0;
padding:0;
min-width:600px;
width:expression(document.body.clientWidth < 800 ? "600px" : "auto" );
}
dl dd img{
border:0;
}
dl dd a{
text-decoration:none;
}
dl dd a:hover{
text-decoration:none;
}
dl dd{
width:24%;
margin:2px;
height:290px;
float:left;
text-align:center;
font:8pt bold arial, helvetica, sans-serif;
color:#666;
padding: 2px;
list-style-type:none;
min-width:250px;
width:expression(document.body.clientWidth < 950 ? "250px" : "24%" );
background-color:#fff;
}
#search{
text-align:center;
width:143px;
position:absolute;
top:153px;
left:10px;
}
#search-menu{
position:absolute;
top:110px;
left:78px;
z-index:10;
width:300px;
height:50px;
border:1px solid #000;
background-color:#fff;
display:none;
}
#search-menu form{
margin-top: 10px;
}
#searchbox{
position:absolute;
top:110px;
left:20px;
}
#close{
position:absolute;
top:0px;
right:0px;
border-left:1px solid #000;
border-bottom:1px solid #000;
width:15px;
height:15px;
margin:0;
padding:0;
font:12px Arial, Helvetica, sans-serif;
line-height:11px;
}
#close:hover, #searchbox:hover{
cursor:pointer;
}