@charset "utf-8";

@import url(rest.css);

/* GLOBAL
---------------------------------------------------*/
* {margin:0; padding:0;}
body {background:#000; font-family:Arial, Helvetica, sans-serif; color:#cdcbcb; font-size:12px}
.clear {clear:both; visibility:hidden;}

/* LOGOS
---------------------------------------------------*/
#top {display:block; width:918px; height:46px; overflow:visible; margin:0 auto; background:url(../img/top-background.jpg) left repeat-x;}
.topLeft {float:left; width:9px}
.topRight {float:right; width:9px}
.logos {float:left; width:900px; text-align:left;}
.logos img {margin:0 7px 0 0}

/* CONTENT
---------------------------------------------------*/
#content {width:918px; margin:10px auto 0 auto; background:url(../img/content-background.gif) top repeat-x #000000; background-position:0px 14px; overflow:auto}

#logo {float:left; padding:0 0 0 12px;}
#search {float:right; width:300px; text-align:right; padding:0 14px 0 0}
.searchField {background:url(../img/search-background.gif) left no-repeat; border:0; width:207px; height:17px; padding:3px 5px 0 8px; font-size:11px; color:#cdcbcb;}
.searchButton {background:url(../img/search-button.gif) left no-repeat; border:0; width:66px; height:20px; font-size:10px; color:#cdcbcb; padding:1px 0 0 0; cursor:pointer}

/* MENU
---------------------------------------------------*/
#menu {float:right; width:595px; color:#cdcbcb; padding:15px 0 0 0;}
#menu ul li{float:left; list-style-type:none;}
#menu li a{display:block; width:95px; height:41px; margin:0 1px 0 1px;}

#menu li a.home{background:url(../img/menu/home-1.gif) left no-repeat;}
#menu li a:hover.home{background:url(../img/menu/home-2.gif) left no-repeat;}

#menu li a.aboutus{background:url(../img/menu/aboutus-1.gif) left no-repeat;}
#menu li a:hover.aboutus{background:url(../img/menu/aboutus-2.gif) left no-repeat;}

#menu li a.stock{background:url(../img/menu/stock-1.gif) left no-repeat;}
#menu li a:hover.stock{background:url(../img/menu/stock-2.gif) left no-repeat;}

#menu li a.offers{background:url(../img/menu/offers-1.gif) left no-repeat;}
#menu li a:hover.offers{background:url(../img/menu/offers-2.gif) left no-repeat;}

#menu li a.services{background:url(../img/menu/services-1.gif) left no-repeat;}
#menu li a:hover.services{background:url(../img/menu/services-2.gif) left no-repeat;}

#menu li a.contact{background:url(../img/menu/contact-1.gif) left no-repeat;}
#menu li a:hover.contact{background:url(../img/menu/contact-2.gif) left no-repeat;}

/* HEADER
---------------------------------------------------*/
#header {float:left; width:918px; text-align:center;}
#header object {margin:0 0 0 0;}

/* BOXES
---------------------------------------------------*/
#boxes {float:left; width:894px; padding:0 12px; margin:15px 0 0 0}

#aboutusBox {display:block; float:left; background:url(../img/aboutus-box.png) left no-repeat; width:278px; height:157px; overflow:visible; padding:0 14px 0 14px;}

.box {float:left; text-align:justify; width:275px; margin:48px 0 0 0;}
.box img {border:#666666 solid 2px; margin:0 5px 0 0;}

.more a {float:right; text-align:right; display:block; width:275px; clear:both; color:#070707; text-decoration:none; margin:2px 0 0 0; padding:3px 0}  
.more a:hover {color:#00CCFF;}
.more img {border:0; margin:5px 0 0 0;}

#stockBox {display:block; float:right; background:url(../img/stock-box.png) left no-repeat; width:555px; height:157px; overflow:visible; padding:0 14px 0 14px;}

/* FOOTER
---------------------------------------------------*/
.separator {display:block; width:876px; margin:10px auto 20px auto; height:0px; clear:both; overflow:auto}
#footer {width:889px; height:81px; margin:auto; background:url(../img/footer-background.gif) left no-repeat;}

#newsletter {float:left; text-align:left; color:#88898a; padding:10px 0 0 14px; width:285px}
.newsletterField {width:258px; height:17px; background:url(../img/newsletter-background.gif) left no-repeat; border:0; padding:0 5px 0 8px; color:#cdcbcb; margin:5px 0}
.newsletterButton {background:url(../img/newsletter-button.gif) left no-repeat; border:0; width:51px; height:17px; font-size:10px; color:#cdcbcb; padding:1px 0 0 0; cursor:pointer}

#feed {float:right; text-align:right; color:#88898a; padding:15px 14px 0 0; width:278px;}
#feed a{color:#999999; text-decoration:none;}
#feed a:hover{color:#88898a;}
#feed img.rss {padding:0 0 9px 5px;}

#address {float:right; text-align:center; width:287px; color:#ccc; font-size:12px; padding:10px 0 0 0; font-weight:bold;}
#address b{font-size:13px; color:#999999}

#copyright {width:auto; margin:auto; padding:25px 0 10px 20px; text-align:center; color:#666; font-size:11px}

p.disclaimer {font-size:11px; position:relative; text-align:right; color:#666; margin:25px 10px;}
	p.disclaimer span {position:absolute; left:0; top:17px;}