BODY{
background:#FFFFFF url(../gifs/midlandstairparts.png) no-repeat;
background-position:center top; 
color:#000000;
font-family: "open sans",Arial, "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif;
margin:0px;
-webkit-text-size-adjust: 100%;
}

html {overflow-y: scroll;} 

.mainbody{
width:990px;
margin-left:auto;
margin-right:auto;
}

.leftbox{
float:left;
}

.searchbox { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.searchbox:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 
.select { 
    border: 1px solid #c4c4c4; 
    width: 250px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.select:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.navigation{
margin-top:299px;
padding-left:5px;
padding-bottom:20px;
width:220px;
border-right:#CCCCCC 1px solid;
background:#ffffff;
float:left;
}

.itembox{
float:left;
width:250px;
min-height:16em;
margin-right:60px;
}

.main{
margin-top:299px;
float:left;
width:440px;
padding:10px;
}

.mainlarge{
margin-top:299px;
float:left;
padding:10px;
width:670px;
}

.imagebox{
margin-top:299px;
float:left;
padding:0px;
width:290px;
text-align:right;
}

.copyright{
margin-left:5px;
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
}

P{
font-family:"open sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-decoration:none;
color:#000000;
letter-spacing:0.01em;
}

LI{
font-family:"open sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-decoration:none;
color:#000000;
letter-spacing:0.01em;
}

EM{
font-family:"open sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#243169;
font-weight:900;
}
		
hr.topbar{
    border: 0;
    height: 1px;
    background: #3a5997;
    background-image: -webkit-linear-gradient(left, #ccc, #3a5997, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #3a5997, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #3a5997, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #3a5997, #ccc); 
}

H1{
font-size:17px;
color:#3366CC;
font-weight:bold;
padding:2px;
margin:4px;
letter-spacing:3px;
font-family:"arial narrow",arial,helvetica,sans-serif;
border-bottom:1px #3366CC solid;
}

H2{
font-size:16px;
color:#3366CC;
font-weight:bold;
padding:2px;
margin:4px;
letter-spacing:3px;
font-family:"arial narrow",arial,helvetica,sans-serif;

border-bottom:1px #3366CC solid;
}

H3{
font-size:15px;
color:#111199;
font-weight:bold;
padding:2px;
margin:4px;
letter-spacing:3px;
font-family:"arial narrow",arial,helvetica,sans-serif;

}

a
{
color: #111111;
text-decoration:none;
font-style:italic;
border-bottom:1px dotted #2A2A2A;
}

a:hover{
text-decoration:none;
background:#d7dbe3;
font-style:italic;
border-bottom:1px dashed #CCCCCC;
}


.shoppingcart{

border: 0.1em solid #d5d5d8;
}

.tableheader{

background:#d7dbe3;
border: 0.1em solid #d5d5d8;
}

#navigation-menu ul
{
padding: 0;
margin: 0;
width:200px;
}

#navigation-menu li
{
float: left;
margin: 0 0em;
}

#navigation-menu li a
{
background: #FFFFFF;
width:200px;
display:block;
border: 0.1em solid #d5d5d8;
border-bottom: 0.1em solid #d0d7fd;
color: #111111;
text-decoration:none;
padding:1px;
padding-left:5px;
font-style:italic;
}

#navigation-menu li a:hover{
text-decoration:none;
background:#d7dbe3 url(../gifs/btn1.gif) repeat-x;
border: 0.1em solid #0c1e8e;
font-style:italic;
}

/* Hide from IE5-Mac \*/
#navigation-menu li a
{
float: none
}
/* End hide */

LI.navlink{
list-style:none;
background:#f1f4fd;
padding:2px;
margin:1px;
width:200px;
font-size:13px;
font-weight:bold;
}


IMG.left{
float:left;
margin:5px;
}

IMG.right{
float:right;
margin:5px;
}


.btn {
  background: #709bff;
  background-image: -webkit-linear-gradient(top, #709bff, #5184fc);
  background-image: -moz-linear-gradient(top, #709bff, #5184fc);
  background-image: -ms-linear-gradient(top, #709bff, #5184fc);
  background-image: -o-linear-gradient(top, #709bff, #5184fc);
  background-image: linear-gradient(to bottom, #709bff, #5184fc);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: "open sans",Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
cursor:pointer;
text-decoration:none;
text-shadow:0px -1px 0px #2b665e;
}

.btn:hover {
  background: #89adfa;
  background-image: -webkit-linear-gradient(top, #89adfa, #5184fc);
  background-image: -moz-linear-gradient(top, #89adfa, #5184fc);
  background-image: -ms-linear-gradient(top, #89adfa, #5184fc);
  background-image: -o-linear-gradient(top, #89adfa, #5184fc);
  background-image: linear-gradient(to bottom, #89adfa, #5184fc);
  text-decoration: none;
}

P.clear{
clear:both;
}


.mobmenu{display:none;}
.pcmenu{display:inline;}

IMG.leftpc{
float:left;
margin:5px;
}

.wood{float:left;width:310px;}



.footer{
border-top:#999999 solid 1px;
background:#e6e5e5;
padding-bottom:87px;
margin-top:47px;
}

.footerbox{
width:981px;
margin-right:auto;
margin-left:auto;
}




@media only screen and (min-width : 800px) and (max-width : 999px) {

.footerbox{width:100%;}


IMG.leftpc{float:none;}

.mobmenu{display:none;}
.pcmenu{display:inline;width:440px;float:left;}
.mainbody{width:90%;margin-right:0px;margin-left:0px;}
.navigationxx{width:95%;display:none;}
.navigation-menuxx{width:95%;display:none;}
.main{width:440px;float:left;}
.imagebox{width:95%;margin-top:11px;}
.copyright{width:95%;}

.select{width:95%;}


.mainlarge{width:440px;}

}



@media only screen and (max-width : 799px) {

.footerbox{width:100%;}
BODY{background:#ffffff url(../gifs/midlandstairparts2.png) no-repeat;}

.wood{float:none;width:100%;}

IMG.leftpc{float:none;}

.mobmenu{display:inline;}
.pcmenu{display:none;}
.mainbody{width:90%;margin-right:0px;margin-left:0px;margin-top:9px;}
.navigation{width:95%;display:none;margin-top:9px;}
.navigation-menu{width:95%;display:none;margin-top:4px;}
.main{width:95%;margin-top:149px;}
.imagebox{width:95%;margin-top:11px;}
.copyright{width:95%;}

.select{width:95%;}

IMG.fullscreen{width:100%;}

.mainlarge{width:95%;margin-top:149px;}

}