/* -------------------------------------------------------------------
C O P Y R I G H T  N O T I C E
---------------------------------------------------------------------- 

Both the design and development of this site are the property of Solent Online Services.

If you like the site and wish to have something similar for yourself please feel free to
use us as your inspireation, but do not blatently copy the site design and layout in order
to promote your own business.

For any developers out there who's clients have fed them a line about being part of the same 
company as Sextons Direct and therfore entitled to use the design of this site please use 
this as your evidence that they are lieing.

As a matter of profesional curtisy i would expect any design elements used to inspire another
sites development to be changed enough to make them different from those found on this site 
and the overall design to be origional not copied.

...This would include you guys at Berkshire Car Sounds and your developers Pawmedia. 
If the updated design of this site ends up on yours we will request that your taek your site 
down with imidiate effect. By the way your OSCommerce backend has no security, but what can 
you expect from a company that is willing to cut corners like the design phase of a project.

---------------------------------------------------------------------- */

/*---------------------------------*/
/*--LEFT MENU STYLES--*/
/*---------------------------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.leftmenu {float:left;margin:0 0 0 5px}
/* hack to correct IE5.5 faulty box model */
* html .leftmenu {margin-left:14px}
.leftmenu .head {clear:both;background:url('images/PageComponents/navtitle/catstop125.jpg');width:125px;height:20px;min-height:20px;background-color:#fff;text-align:left;float:left;margin:1px 0 0 0;padding:5px 5px 8px 7px;}
.leftmenu .head H1 {color:#404040; font-size:13px; font-weight:bold; font-family:arial;margin:4px 0 0 0}
.leftmenu .navtitleleft {background:url('images/PageComponents/navtitle/navtitleleft.jpg');width:8px;height:36px;min-height:36px;float:left;margin-bottom:2px}
.leftmenu .navtitleright {background:url('images/PageComponents/navtitle/navtitleright.jpg');width:8px;height:36px;min-height:36px;float:left;margin-bottom:2px}
.leftmenu .manufacturers {border-bottom: 1px solid #848284;border-left: 1px solid #848284;border-right: 1px solid #848284;width:135px;clear:both;overflow:hidden;text-align:center;padding:5px 0;}

.menu {margin-bottom:20px}
.menu h1 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;margin:0;padding:0;}
.menu hr {border:none;border-top:1px solid #CCCCCC;height:1px;margin-bottom:25px;}
.menu a {color: #900;text-decoration: none;}
.menu a:hover {background: #900;color: #FFF;}


/* common styling */
.menu {font-family: arial, sans-serif; width: 135px; position:relative; margin:0; font-size:11px; clear:both;z-index:500;}
.menu ul#navmenu {border-bottom: 1px solid #848284}
.menu ul#navmenu .last {border-bottom: 1px solid #848284}
.menu ul#navmenu li a, .menu ul li a:visited {border-bottom: 1px solid #DDD;border-left: 1px solid #848284;border-right: 1px solid #848284;padding: 2px 6px;display: block;background: #fff;color: #000;font: 12px/19px Arial, Helvetica, sans-serif;text-decoration: none;height: auto !important;height: 1%; /*For IE*/text-align:left;background-image:url('images/PageComponents/leftmenuBG.jpg');width:123px}
.menu ul#navmenu {padding:0; margin:0;list-style-type: none; }
.menu ul#navmenu li {float:left; margin-right:1px; position:relative;}
.menu ul#navmenu li .last {border-bottom: 1px solid #848284}
.menu ul#navmenu li .first {border-top:solid 1px #848284;}
.menu ul#navmenu li ul {display: none;}

/* specific to non IE browsers */
.menu ul#navmenu li:hover a {color: #C00000;background-position: 0 -48px;}
.menu ul#navmenu li:hover ul {display:block; position:absolute; top:0; left:96px; width:162px;list-style-type: none;z-index:1}
.menu ul#navmenu li:hover ul li a.hide {background:#fff; color:#000;}
.menu ul#navmenu li:hover ul li:hover a.hide {width:150px;}
.menu ul#navmenu li:hover ul li ul {display: none;}
.menu ul#navmenu li:hover ul li a {background: #EEE;color: #666;background-image:url('images/PageComponents/leftmenuBG2.jpg')}
.menu ul#navmenu li:hover ul li a:hover {color: #C00000;background-position: 0 -48px;}
.menu ul#navmenu li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0;list-style-type: none;}
.menu ul#navmenu li:hover ul li:hover ul li a {display:block; width:200px;background: #EEE;color: #666;background-image:url('images/PageComponents/leftmenuBG2.jpg')}
.menu ul#navmenu li:hover ul li:hover ul li a:hover {color: #C00000;background-position: 0 -48px;}



.rightmenu {float:right;margin:0 5px 0 0; }
/* hack to correct IE5.5 faulty box model */
* html .rightmenu {margin-right:14px}
.rightmenu .head {clear:both;background:url('images/PageComponents/navtitle/catstop125.jpg');width:150px;height:20px;min-height:20px;background-color:#fff;text-align:left;float:left;margin:1px 0 0 0;padding:5px 5px 8px 7px;}
.rightmenu .head H1 {color:#404040; font-size:13px; font-weight:bold; font-family:arial;margin:4px 0 0 0}
.rightmenu .navtitleleft {background:url('images/PageComponents/navtitle/navtitleleft.jpg');width:8px;height:36px;min-height:36px;float:left;margin-bottom:2px}
.rightmenu .navtitleright {background:url('images/PageComponents/navtitle/navtitleright.jpg');width:8px;height:36px;min-height:36px;float:left;margin-bottom:2px}
.rightmenu .body {border-bottom: 1px solid #848284;border-left: 1px solid #848284;border-right: 1px solid #848284;padding: 2px 6px;display: block;background: #fff;color: #000;font: 12px/19px Arial, Helvetica, sans-serif;text-decoration: none;height: auto !important;height: 1%; /*For IE*/text-align:left;width:148px}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.topnav {float:left;margin:0 5px 5px 0px;font-variant:small-caps;font-size:12px;font-weight:normal;position:relative; z-index:501;width:100%;background:url(/images/PageComponents/navbar/buttonbg.jpg);}
.topnav .topnavbar{background:url('images/PageComponents/navbar/buttonbg.jpg');margin:0;float:left;width:928px;}
.topnav .topnavendleft {background:url('/images/PageComponents/barendleft.jpg');width:0px;height:41px;min-height:41px;float:left;}
.topnav .topnavendright {background:url('/images/PageComponents/barendright.jpg');width:0px;height:41px;min-height:41px;float:right;}
.topnav form {margin:11px 0 0 0;overflow:hidden;text-align:right}
.topnav .searchBox {width:120px;margin-right:0px;font-size:10px}
.topnav .buttonClass {background-color: #E2E3FF;color:#404040;font-weight: bold;font-size: 10px;border-left: solid 1px #808080;border-top: solid 1px #808080;border-right: solid 1px #404040;border-bottom: solid 1px #404040;cursor:pointer}

/* hack to correct IE5.5 faulty box model */
* html .topnav .topnavbar {width:746px; w\idth:830px;}

/* remove all the bullets, borders and padding from the default list styling */
.topnav .topnavbar ul {padding:0;margin:0;list-style-type:none;}
.topnav .topnavbar ul ul {margin:9px 0 0 0;padding: 0 0 0 0;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.topnav .topnavbar li {float:left;background:url(images/PageComponents/navbar/buttonend.jpg);color:#404040;position:relative}


/* style the links for the top level */
.topnav .topnavbar a, .topnav .topnavbar a:visited {text-align:center;height:29px;display:block;background:url(images/PageComponents/navbar/buttonbg.jpg);padding:12px 15px 0 15px;color:#fff;text-decoration:none}
/* style the top level hover */
.topnav .topnavbar a:hover, .topnav .topnavbar ul ul a:hover{background-position: 0 -41px;color:#fff}
.topnav .topnavbar :hover > a, .topnav .topnavbar ul ul :hover > a {background-position: 0 -42px;color:#404040}

/* a hack so that IE5.5 faulty box model is corrected */
* html .topnav .topnavbar a, * html .topnav .topnavbar a:visited {width:149px; w\idth:72px}

/* style the second level background */
.topnav .topnavbar ul ul a, .topnav .topnavbar ul ul a:visited {margin:0;padding:4px 15px 0 15px;text-align:left;background:url(images/PageComponents/navbar/buttonbgsub.jpg)}
.topnav .topnavbar ul ul li {margin:0 0 -1px 0;/*For IE*/ width:150px;text-align:left;border-left:1px solid #808080;border-right:1px solid #808080;border-bottom:1px solid #808080;overflow:hidden}

/* style the second level links */
.topnav ul ul a, .topnav ul ul a:visited {height:23px;max-height:23px; /*For IE*/margin-left:-40px;padding:3px 3px 3px 3px;width:150px;text-align:left;}

/* yet another hack for IE5.5 */
* html .topnav .topnavbar ul ul a, * html .topnav .topnavbar ul ul a:visited {width:150px;w\idth:128px;}
.topnav .topnavbar ul ul {background:url(images/PageComponents/navbar/buttonbgsub.jpg)}
.topnav .topnavbar ul ul li {text-align:left;margin-bottom:-3px}
.topnav .topnavbar ul ul li a {background:url(images/PageComponents/navbar/buttonbgsub.jpg)}
.topnav .topnavbar ul ul li:hover a:visited{background-position: 0 -43px;}


/* style the second level hover */
.topnav .topnavbar ul ul a:hover{}
.topnav .topnavbar ul ul :hover > a {}

/* style the third level background */
.topnav .topnavbar ul ul ul a, .topnav ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */
.topnav .topnavbar ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.topnav .topnavbar ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;}

/* another hack for IE5.5 */
* html .topnav .topnavbar ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.topnav .topnavbar ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.topnav .topnavbar ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.topnav .topnavbar table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* make the second level visible when hover on first level list OR link */
.topnav .topnavbar ul li:hover ul,
.topnav .topnavbar ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.topnav .topnavbar ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.topnav .topnavbar ul :hover ul :hover ul{ visibility:visible;}