/* OVERALL PAGE BODY STYLE */
.body { background:#000000 url(/webart/topnav_bg.gif) repeat-x top; margin: 0px; padding: 0px; }

UL { margin:0px; padding:0px; }
LI { margin:0px; padding:0px; }

.weblink { font: 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #333333; padding: 0px; margin:0px; text-align:center; }
.weblink A:link    { COLOR: #333333; }
.weblink A:visited { COLOR: #333333; }
.weblink A:active  { COLOR: #333333; }
.weblink A:hover   { COLOR: #990000; }

.checkout TD { font: bold 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #333333; padding: 4px; margin:0px; text-align:left; }
.checkout TD A:link    { COLOR: #333333; }
.checkout TD A:visited { COLOR: #333333; }
.checkout TD A:active  { COLOR: #333333; }
.checkout TD A:hover   { COLOR: #990000; }

/* REQUEST BOX STYLE */
.bluebox { background: #0d2950; }
.bluebox TH { font: bold 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #FFFFFF; padding:4px 0px 4px 0px; border-bottom:#FFFFFF solid 1px; }
.bluebox TD { font: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #FFFFFF; padding:4px 0px 4px 0px; border-bottom:#336699 solid 1px; }
.bluebox TD A:link    { COLOR: #FFFFFF; }
.bluebox TD A:visited { COLOR: #FFFFFF; }
.bluebox TD A:active  { COLOR: #FFFFFF; }
.bluebox TD A:hover   { COLOR: #CCCCCC; }

.bluebox_photo { BORDER: solid #336699 2px; }

/* INTERIOR PAGE SURROUNDING CONTENT LAYOUT STYLE */
.content P { font: 12px/16px Verdana, Arial, Helvetica, sans-serif; COLOR: #333333; padding: 0px; margin:0px; }
.content P A:link    { COLOR: #990000; }
.content P A:visited { COLOR: #990000; }
.content P A:active  { COLOR: #990000; }
.content P A:hover   { COLOR: #333333; }

.content UL { font: 12px/16px Verdana, Arial, Helvetica, sans-serif; COLOR: #333333; margin:8px 0px 0px 25px; }
.content UL LI { font: 12px/16px Verdana, Arial, Helvetica, sans-serif; COLOR: #333333; list-style:square; margin:0px 0px 8px 0px; }
.content UL LI A:link    { COLOR: #990000; }
.content UL LI A:visited { COLOR: #990000; }
.content UL LI A:active  { COLOR: #990000; }
.content UL LI A:hover   { COLOR: #333333; }

/* LEFT NAVIGATION STYLE */
.leftnav { vertical-align:top; }
.leftnav UL { list-style:none; }
.leftnav LI { list-style:none; }
.leftnav UL.secondlevel { padding:0px; margin:0px; }
.leftnav LI.secondlevel { background: url(/webart/leftnav_bg_plus.gif) no-repeat; }
.leftnav LI.secondlevel a { text-decoration:none; display:block; height:22px; font: 10px/20px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 0px 0px 0px 16px; }
.leftnav LI.secondlevel a:hover { background: url(/webart/leftnav_bg_plus_over.gif) no-repeat; color:#FFFFFF; }

.leftnav LI.secondlevel_expand { background: url(/webart/leftnav_bg_minus.gif) no-repeat; }
.leftnav LI.secondlevel_expand a { text-decoration:none; display:block; height:22px; font: 10px/20px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 0px 0px 0px 16px; }
.leftnav LI.secondlevel_expand a:hover { background: url(/webart/leftnav_bg_minus_over.gif) no-repeat; color:#FFFFFF; }

.leftnav UL.thirdlevel { background:#244164 url(/webart/leftnav_sub_bg.gif) repeat-x bottom; padding: 5px 0px 5px 0px; margin:0px; }
.leftnav LI.thirdlevel a { text-decoration:underline; height:16px; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0px; padding: 0px 0px 0px 22px; }
.leftnav LI.thirdlevel a:hover { color:#FF0000; background-image:none; }

/* FOOTER STYLE */
.footer { font: 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #FFFFFF; background:url(/webart/home_b.jpg) no-repeat top; height:119px; padding:15px 0px 0px 0px; text-align:center; vertical-align:top; }
.footer A:link    { COLOR: #FFFFCC; text-decoration:underline; }
.footer A:visited { COLOR: #FFFFCC; text-decoration:underline; }
.footer A:active  { COLOR: #FFFFCC; text-decoration:underline; }
.footer A:hover   { COLOR: #FFFFFF; text-decoration:underline; }

/* PHOTO BORDERS STYLE */
.photo { BORDER: solid #666666 1px; }

/* FORM STYLES */
.textbox { font: 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #333333;  BORDER: solid #999999 1px; padding:2px 0px 2px 0px; }
.button { font: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #FFFFFF; background:#990000; border:#000000 solid 1px; }
.help { font: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #FF0000; }
.help A { COLOR: #FF0000; }
.error { font: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #006699; }
.error A { COLOR: #006699; }

.crumbtrail { font: bold 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #990000; padding: 11px 0px 2px 19px; margin:0px; }
.crumbtrail A:link    { COLOR: #333333; text-decoration:underline; font-weight:normal; }
.crumbtrail A:visited { COLOR: #333333; text-decoration:underline; font-weight:normal; }
.crumbtrail A:active  { COLOR: #333333; text-decoration:underline; font-weight:normal; }
.crumbtrail A:hover   { COLOR: #990000; text-decoration:underline; font-weight:normal; }

.requestbox { font: bold 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #990000; padding: 11px 19px 2px 0px; margin:0px; text-align:right; }
.requestbox A:link    { COLOR: #333333; text-decoration:underline; font-weight:normal; }
.requestbox A:visited { COLOR: #333333; text-decoration:underline; font-weight:normal; }
.requestbox A:active  { COLOR: #333333; text-decoration:underline; font-weight:normal; }
.requestbox A:hover   { COLOR: #990000; text-decoration:underline; font-weight:normal; }

.product_listing { background:#0d2950 url(/webart/product_thumb_bg.gif) repeat-x top; height:80px; vertical-align:top; }
.product_listing ul { margin:0px 0px 0px 25px; padding:0px; }
.product_listing ul li { list-style:square; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; }
.product_listing ul li A:link    { COLOR: #FFFFFF; text-decoration:underline; }
.product_listing ul li A:visited { COLOR: #FFFFFF; text-decoration:underline; }
.product_listing ul li A:active  { COLOR: #FFFFFF; text-decoration:underline; }
.product_listing ul li A:hover   { COLOR: #FF0000; text-decoration:underline; }

/*********************************
START: Menu CSS
*********************************/
.menuSubContainer
{
width: 980px; 
position:relative;
height: 30px;
margin:0; 
padding:0;
white-space: nowrap;
display:block;
float:left;
text-align: center;
}
.ulMenuLevel1{
list-style-type:none;
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.liMenuLevel1{
list-style-type:none;
float:left;

font-family: arial;
font-size:10px;
}
.linkMenuLevel1{
display:block;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.ulMenuLevel2{
list-style-type:none;
position:absolute;
margin: 0;
padding:0;
display:none;

background-color:#333333; 
filter: alpha(opacity=90); 
-moz-opacity: 0.9;
KhtmlOpacity: .9;
opacity: .9;
font-family: arial;
font-size:10px;
}
.liMenuLevel2
{
text-align: center;
line-height: 22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}


.liMenuLevel2 a{
text-decoration: none;
display:block;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.liMenuLevel2 a:visited{
text-decoration: none;
display:block;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.liMenuLevel2 a:hover{
text-decoration: none;
display:block;

background:transparent; 
background:#424242;
color: #FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}


li:hover ul , li.over ul{ /* lists nested under hovered list items */
display: block;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#mainMenuUL li>ul { 
top: auto;
left: auto;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
/*********************************
END: Menu CSS
*********************************/

/* GRAPHICAL NAVIGATION STYLE */
a .alt { display: none; }

a#news { display: block; width: 43px; height: 22px; background: url(/webart/nav/news.gif); margin: 0 auto; }
a#news:hover { background: url(/webart/nav_over/news.gif); }
body#news #news { background: url(/webart/nav_over/news.gif); }

a#about_us { display: block; width: 61px; height: 22px; background: url(/webart/nav/about_us.gif); margin: 0 auto; }
a#about_us:hover { background: url(/webart/nav_over/about_us.gif); }
body#about_us #about_us { background: url(/webart/nav_over/about_us.gif); }

a#contact_us { display: block; width: 75px; height: 22px; background: url(/webart/nav/contact_us.gif); margin: 0 auto; }
a#contact_us:hover { background: url(/webart/nav_over/contact_us.gif); }
body#contact_us #contact_us { background: url(/webart/nav_over/contact_us.gif); }

a#american_athletic { display: block; width: 132px; height: 22px; background: url(/webart/nav/american_athletic.gif); margin: 0 auto; }
a#american_athletic:hover { background: url(/webart/nav_over/american_athletic.gif); }

a#dealer_login { display: block; width: 82px; height: 22px; background: url(/webart/nav/dealer_login.gif); margin: 0 auto; }
a#dealer_login:hover { background: url(/webart/nav_over/dealer_login.gif); }
body#dealer_login #dealer_login { background: url(/webart/nav_over/dealer_login.gif); }

#main_court_portables { color:#FF0000; background:url(/webart/thirdlevel_dash.gif) no-repeat left; }

#Categories_Bread, #Categories_Bread a:link, #Categories_Bread li a:link, #Categories_Bread li a:visited {}
#Categories_Bread {padding-left: 0; margin-left: 0;}
#Categories_Bread li { display: inline; }
#Categories_Bread li a {margin-right: 4px; padding-right:12px; float: left; background:right url(/webart/crumb_arrow.gif) no-repeat;}
#Categories_Bread li a:hover {background-color:transparent;}

#selected_third_level { color:#FF0000; background:url(/webart/thirdlevel_dash.gif) no-repeat left; }
