#searcharea:after, #searcharea p:after, #searcharea .searchfield:after, #logoarea:after, #logo h1:after, #logo h1 a:after, #contentarea:after, #sidebar:after, #maincontent:after, #topreflect:after, .welcometext:after, #nav:after, #nav li:after, #nav a:after, #news:after, #news input:after, .message:after, #products:after, #top:after, #middle:after, #bottom:after, #column1:after, #column2:after, #productlist li:after, #productlist img:after, #recentnews:after, .recentheading:after, #newslist:after, #newslist li:after, .readmore:after, #footer:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
font-size : 0;
}
#searcharea, #searcharea p, #searcharea .searchfield, #logoarea, #logo h1, #logo h1 a, #contentarea, #sidebar, #maincontent, #topreflect, .welcometext, #nav, #nav li, #nav a, #news, #news input, .message, #products, #top, #middle, #bottom, #column1, #column2, #productlist li, #productlist img, #recentnews, .recentheading, #newslist, #newslist li, .readmore, #footer {
display : inline-block;
}
#searcharea, #searcharea p, #searcharea .searchfield, #logoarea, #logo h1, #logo h1 a, #contentarea, #sidebar, #maincontent, #topreflect, .welcometext, #nav, #nav li, #nav a, #news, #news input, .message, #products, #top, #middle, #bottom, #column1, #column2, #productlist li, #productlist img, #recentnews, .recentheading, #newslist, #newslist li, .readmore, #footer {
display : block;
}
* {
position : relative;
margin : 0;
padding : 0;
font-size : 1em;
}
table {
border-spacing : 0;
}
th {
text-align : left;
}
html, body, thead, tbody, tfoot, tr, th, td, br {
position : static;
}
input[type="hidden"] {
display : none !important ;
}
fieldset, a img {
border : 0;
}
body {
font-size : 100%;
font-family : sans-serif;
line-height : 1.5;
}
body {
background-color : #1e1e1e;
text-align : center;
background-image : url(images/bodybg.jpg);
background-position : center top;
background-repeat : no-repeat;
}
#searcharea {
width : 1024px;
margin : 20px auto 0;
text-align : left;
}
#searcharea p {
float : left;
position : relative;
left : 0;
top : 1px;
font-size : 20px;
color : #fff;
text-shadow : #000 0 -1px;
}
#searcharea .searchfield {
float : right;
position : relative;
left : 0;
top : 1px;
font-size : 12px;
color : #999;
background-image : url(images/searchbg.jpg);
width : 254px;
height : 28px;
border : none;
padding : 0 5px;
background-repeat : no-repeat;
}
#searcharea p .yellow {
color : #dfbb32;
}
#logoarea {
width : 1294px;
height : 311px;
margin : 6px auto 0;
background-image : url(images/logoarea.jpg);
}
#logo h1 {
width : 610px;
height : 118px;
float : left;
position : relative;
left : 166px;
top : 65px;
}
#logo h1 a {
float : left;
position : relative;
left : 0;
top : 33px;
text-decoration : none;
}
#contentarea {
width : 1024px;
margin : 0 auto;
}
#sidebar {
width : 249px;
min-height : 973px;
background-image : url(images/sidebarbg.gif);
background-repeat : repeat-y;
margin : 8px 0 0;
float : left;
position : relative;
left : 0;
top : 0;
text-align : left;
padding-bottom : 15px;
}
#maincontent {
width : 770px;
min-height : 973px;
background-image : url(images/sidebarbg.gif);
background-repeat : repeat;
margin : 8px 0 0 5px;
text-align : left;
float : left;
position : relative;
left : 0;
top : 0;
background-position : center top;
padding-bottom : 15px;
}
#topreflect {
width : 770px;
height : 70px;
background-image : url(images/topreflect.jpg);
background-repeat : no-repeat;
background-position : center top;
float : left;
position : relative;
left : 0;
top : 0;
}
.welcometext {
font-size : 13px;
color : #999;
width : 737px;
padding : 0 0 0 25px;
line-height : 1;
float : left;
position : relative;
left : 0;
top : -40px;
margin-top : -5px;
}
.welcome {
font-size : 16px;
font-family : Arial;
font-weight : bold;
color : #caa61d;
}
#nav {
width : 249px;
float : left;
position : relative;
left : 0;
top : 0;
}
#nav li {
list-style : none;
height : 30px;
font-size : 13px;
color : #666;
background-image : url(images/libg.gif);
background-repeat : repeat-x;
background-position : left bottom;
}
#nav a {
text-decoration : none;
color : #666;
display : block;
padding-left : 35px;
padding-top : 6px;
height : 30px;
}
#nav a:hover {
background-image : url(images/ahover.gif);
background-repeat : repeat-x;
background-position : left top;
color : #333;
}
#news {
background-image : url(images/newsbg.png);
width : 209px;
height : 302px;
margin : 414px auto 0;
background-repeat : repeat;
background-position : center top;
}
#news input {
font-size : 11px;
border : none;
margin-top : 14px;
float : left;
position : relative;
left : 26px;
top : 55px;
margin-left : -1px;
width : 159px;
background : none;
color : #999;
}
.message {
width : 159px;
border : none;
margin-left : -1px;
float : left;
position : relative;
left : 26px;
top : 66px;
height : 82px;
font-size : 11px;
color : #999;
font-family : Arial;
z-index : 2;
}
#news a {
width : 169px;
height : 30px;
background-image : url(images/letusknowbg.png);
float : left;
position : relative;
left : 20px;
top : 77px;
margin : 0 auto;
text-align : center;
color : #333;
text-decoration : none;
font-size : 12px;
padding-top : 7px;
background-repeat : no-repeat;
font-weight : bold;
text-shadow : #ffffff 0 1px;
}
#news a:hover {
background-image : url(images/letusknowhoverbg.png);
}
#products {
width : 704px;
min-height : 590px;
margin : 180px auto 0;
}
#top {
width : 704px;
height : 67px;
background-color : #fff;
float : left;
position : relative;
left : 0;
top : 0;
}
#middle {
width : 704px;
min-height : 483px;
background-image : url(images/productsbg.gif);
background-repeat : repeat-y;
background-position : center top;
float : left;
position : relative;
left : 0;
top : 0;
}
#bottom {
width : 704px;
min-height : 40px;
background-color : #fff;
float : left;
position : relative;
left : 0;
top : 0;
}
#column1 {
width : 352px;
float : left;
position : relative;
left : 0;
top : 0;
}
#column2 {
width : 352px;
float : right;
position : relative;
left : 0;
top : 0;
}
#productlist li {
width : 252px;
height : 83px;
list-style : none;
margin : 0 auto 20px;
}
#productlist p {
font-size : 12px;
color : #666;
float : left;
position : relative;
left : 0;
top : 0;
width : 158px;
line-height : 1.3;
padding-top : 18px;
padding-left : 8px;
}
#productlist img {
float : left;
position : relative;
left : 0;
top : 0;
}
.bold {
color : #333;
font-weight : bold;
}
#recentnews {
width : 704px;
height : 163px;
background-image : url(images/recentnewsbg.gif);
margin : 1px auto 0;
background-repeat : repeat-x;
background-position : left top;
}
.recentheading {
font-size : 20px;
float : left;
position : relative;
left : 28px;
top : 14px;
color : #c8a41b;
text-shadow : #ffffff 0 1px;
}
.topheading {
font-size : 20px;
float : left;
position : relative;
left : 28px;
top : 14px;
color : #c8a41b;
text-shadow : #ffffff 0 1px;
}
#newslist {
list-style : none;
width : 645px;
height : 85px;
float : left;
position : relative;
left : 30px;
top : 25px;
}
#newslist li {
width : 194px;
height : 85px;
float : left;
position : relative;
left : 0;
top : 0;
padding-right : 21px;
}
#newslist li p {
font-size : 12px;
color : #666;
line-height : 1.3;
float : left;
position : relative;
left : 0;
top : 0;
}
#newslist li p span {
font-weight : bold;
}
.readmore {
width : 96px;
height : 25px;
float : left;
position : relative;
left : 0;
top : 0;
background-image : url(images/readmore.png);
background-repeat : no-repeat;
background-position : left top;
margin-top : 12px;
}
.readmore a {
font-size : 12px;
color : #333;
text-decoration : none;
display : block;
width : 96px;
height : 25px;
text-align : center;
float : left;
position : relative;
left : 0;
top : 0;
padding-top : 4px;
}
.readmore a:hover {
background-image : url(images/readmorehover.png);
background-repeat : no-repeat;
background-position : left top;
}
#footer {
width : 1024px;
height : 39px;
background-image : url(images/footerbg.png);
background-repeat : no-repeat;
background-position : center top;
margin : 0 auto;
padding-bottom : 5px;
}
#footer p {
font-size : 12px;
color : #666;
margin-top : 17px;
}
.copy {
float : left;
position : relative;
left : 0;
top : 0;
padding-left : 16px;
}
.site {
float : right;
position : relative;
left : 0;
top : 0;
padding-right : 16px;
}
.site a {
color : #666;
}