/* CSS Document */

/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body {margin: 0px;padding: 0px;	background:#1D1D1D url(../gui/bg.gif) repeat-x scroll left top; font-family:Arial, Helvetica, sans-serif;}
p { color:#C0C0C0; font-size:14px; margin:0; padding:0; line-height:1.7em; padding-bottom:20px;}
p a:link, p a:visited {text-decoration: underline; color:#7DB1C9;}
p a:hover {text-decoration: underline;color:#C77160;}

h1 { font-size:18px; margin:0; padding:0; color:#FF59DA; padding-bottom:6px; margin-top:24px; font-weight:normal;}
h2 { font-size:16px; margin:0; padding:0; color:#FF59DA; padding-bottom:6px; font-weight:normal;}

a:active{outline: none;}
a:focus{-moz-outline-style: none;}
:focus { -moz-outline-style: none; }

/*
---------------------------------------------
02. CONTAINER, HEADER AND LOGO
---------------------------------------------
*/

#container { width:100%; min-width:990px;margin:0 auto;}
#header {width: 100%;background: url(../gui/header.jpg) right no-repeat;height:331px;}
#logo {position:relative; display:inline; float:right; min-width:460px; max-width:980px; height:110px; margin-top:15px; margin-bottom:0px; padding:0 0 0 4px; background-position:top;}
#logo2 {position:relative; display:inline; float:right; min-width:460px; max-width:980px; height:110px; margin-top:8px; margin-bottom:0px; padding:0 0 0 4px; background-position:top;}
#vroom {position:relative; display:inline; float:right; width:50%; min-width:460px; max-width:980px;height:110px; margin-top:211px; margin-bottom:0px; padding:0 0 0 4px;}
#seenon {position:relative; display:inline; float:right; min-width:460px; max-width:980px; height:83px; margin-top:82px; margin-bottom:0px; margin-right:-38px; padding:0 0 0 0px;}

/*
---------------------------------------------
03. TOP NAVIGATION
---------------------------------------------
*/

#nav {height:29px;width:850px; font-size:12px; font-weight:bold;margin: 0; padding: 0; list-style: none; margin: 0 auto; position:relative; border-left:1px solid #262626;/*overflow:hidden;*/}
#nav li { float: left; margin: 0; padding:0; list-style: none; border-left:1px solid #545454; border-right:1px solid #2B2B2B;}
#nav a { float: left; padding: 6px 29px; text-decoration: none; color: #fff; }
#nav a:hover, #nav a.active { color: #E2E259; height:17px;background-image:url(../gui/nav_bg_mouseover.jpg); }
#nav a.active { font-weight: bold; background: url(../gui/nav_divider.jpg) no-repeat top left; }

/*
---------------------------------------------
04. CONTENT BG AND LINKS
---------------------------------------------
*/

#contentbg { width:100%;background:#1D1D1D;margin-top:5px;}
#content { width:900px; margin:0 auto;}
#news { width:286px; height: 230px; margin-left:10px; margin-right: 5px; padding-left:10px; padding-top:10px; padding-right: 6px; float:right;}
#nbcf { width:400px; height: 530px; margin-left:10px; margin-right: 5px; padding-left:10px; padding-top:10px; padding-right: 6px; float:right;}


#productlinks { width:900px; margin:0 auto; margin-bottom:20px; height:300px;}
.thumb_prdrange { width:284px; height:300px; float:left; margin-right:20px;}
.thumb_photogallery { width:284px; height:300px; float:left; margin-right:20px;}
.thumb_stockist { width:284px; height:300px; float:left;}

/*
---------------------------------------------
05. FOOTER SHADOW AND FOOTER ADS
---------------------------------------------
*/

#footershadow { width:100%;background:#161616 url(../gui/footer_mainbg.jpg) repeat-x scroll left top;}

#footerads {width:946px; margin:0 auto; height:95px;}
.bannerad1 { width:468px; height:60px; float: left; margin-right:5px; margin-top:18px;}
.bannerad2 { width:468px; height:60px; float: left; margin-left:5px;margin-top:18px}

/*
---------------------------------------------
06. FOOTER LINKS
---------------------------------------------
*/

#footerlinks-bg {width:946px; margin:0 auto; height:70px;background:#161616 url(../gui/footerbg.jpg) repeat-x scroll left top;}

#footerlinks-left { font-size:10px; width:500px; font-family:Verdana, Arial, Helvetica, sans-serif; float:left; height:17px; margin-top:18px; color:#545454;}
#footerlinks-left a:link, #footerlinks-left a:visited { padding-left:0px; padding-right:5px;color:#D0D0D0; text-decoration:none;}
#footerlinks-left a:hover {text-decoration:underline; color:#D0D0D0;}

#footerlinks-right { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; float: right; height:17px; padding-left:8px; margin-top:18px; color:#D0D0D0; text-align:right;}
#footerlinks-right a:link, #footerlinks-right a:visited { padding-left:0px; padding-right:0px;color:#D0D0D0; text-decoration:none;}
#footerlinks-right a:hover {text-decoration:underline; color:#D0D0D0;}

/*
---------------------------------------------
07. MISCELLANEOUS
---------------------------------------------
*/

.icon-refresh { margin-top:18px; float: right; width:70px;}
.highlight {text-decoration: underline; color:#C77160;}