@charset "utf-8"; 


*  {margin:0; padding:0}

body {font-family:Arial, Verdana, Helvetica, sans-serif; background:#3591d4 url(images/bg.jpg) repeat-x;border-top:5px solid #0076cc; }

h2 {margin:25px 15px 10px 10px; font:12pt arial; font-weight:bold; color:#f8de00; }
h3 {font-size:10pt; color:#999; padding:10px;}
h4 {color:#81accc; margin-left:5px; margin-top:10px;}

p {font-size:10pt; line-height:1.5em; padding:5px 10px 15px 10px; color:#fff;}

.p_nav {padding:4px 5px 5px 0; font-size:9pt; line-height:12pt; color:#b7d8f0;}
.p_nav p { }
.alignl {float:left; margin:6px; }
.clear {clear:both; }
.rightside {padding:15px 0 10px 8px;}
.rightside a {color:#b7d8f0;}
.leftside {padding:15px 0 10px 10px;}
.img2 {padding-left:30px; }

label {color:#fff;}

a {text-decoration:none; color:#d88833; }
a:hover {color:#0267b7; }

span {margin:8px 15px 10px 10px; font:10pt arial; font-weight:bold; color:#0087D9;}
hr {color:#eee;}

#contact {padding-left:25px; }

#container {width:875px; margin:0 auto; background:#004f88;}
#header {background:url(images/header_bg.jpg) no-repeat; height:171px; }
#logo {text-align:center; position:relative; top:7px;}

#main {background:#004f89 url(images/main_bg2.gif) no-repeat; height:613px;}

#col1 {float:left; width:345px; }
#col2 {float:left; width:530px; }
#col3 {float:left; width:172px; }
#content {padding-left:35px; }

#slideshow {padding-left:45px;}

#storenav {margin-left:35px; }
#storenav li {display:inline; list-style-type:none; padding:5px;}
#storenav a {text-decoration:underline;}

#stock {text-align:center}
#stock2 {margin-left:25px;}
#footer {clear:both; height:101px; background:url(images/footer_bg.gif) no-repeat;color:#666;margin:0 auto; width:875px;}
#footer ul {padding-top:5px;}
#footer li {list-style-type:none; padding-bottom:2px; font-size:8pt;color:#eee;display:inline;}
#footer a {padding-left:7px;padding-right:7px; color:#666;font-size:8pt;}

#footer a:hover {color:#0267b7; text-decoration:underline}

#footer p {font-size:9pt;}
#footernav {padding-top:20px; }

.copyright {text-align:center;padding-top:20px;}
.copyright p {color:#999; font-size:8pt;}


#menu {background:#000; width:875px;height:32px;position:relative}
.menu {
position:relative;
width:875px; 

font-size:7pt;
background:#000;
z-index:100;

}



.menu tr {height:32px; width:875px}



/* remove all the bullets, borders and padding from the default list styling */

.menu ul {background:#000;border-top:1px solid #fff; width:875px;

padding:0;

margin:0;

list-style-type:none;

}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {

float:left;


position:relative;

}

/* style the links for the top level */

.menu a, .menu a:visited {

display:block;

font-size:8pt;

text-decoration:none; 

color:#eee; 

padding: 0 20px;border-right: 1px solid #666;

height:32px; 

background:#1a1a1a; 

line-height:28px;

text-align:center;

}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {
padding: 9px 20px;border-right: 1px solid #666;display:inline;


}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {

background:#d4d8bd url(../../graphics/drop.gif) bottom right no-repeat;



}

/* style the second level hover */

.menu ul ul a.drop:hover{

background:#333 url(../../graphics/drop.gif) bottom right no-repeat;

}

.menu ul ul :hover > a.drop {

background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;

}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {

background:#e2dfa8; 

}

/* style the third level hover */

.menu ul ul ul a:hover {

background:#333;

}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {
border:0;
width:100px;


visibility:hidden;

position:absolute;

height:0;

top:28px;

left:0; 


}

/* another hack for IE5.5 */

* html .menu ul ul {
border:0;
top:28px;

t\op:28px;

}



/* position the third level flyout menu */

.menu ul ul ul{

left:74px; 

top:0;

width:75px;

}

/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {

right:-75px;

}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {

background:#ffae00); 

color:#fff; 

height:auto; 

line-height:2em; 

padding:5px 10px; 

width:100px;border:0;display:block;

/* yet another hack for IE5.5 */

}

* html .menu ul ul a{
width:175px;
w\idth:150px;


}





/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{

color:#fff; 

background:#333;}

.menu :hover > a, .menu ul ul :hover > a {

color:#fff;

background:#333;



}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{

visibility:visible; 

}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{

visibility:hidden;

}



/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ 

visibility:visible;

}