body {background-color:#000;font-family:Arial;color:#FFF;font-size:12px;}
h1 {font-size:20px;margin:0px 0px 20px 0px;}
h2 {font-size:16px;margin:0px 0px 15px 0px;}
p {margin:10px 0px;}
ol  {margin:10px 0px 10px 0px;}
ol li {list-style-type: decimal;margin:0px 0px 10px 50px;}
ul {margin-left:10px 0px 10px 0px;}
ul li {list-style-type:square;margin-left:0px 0px 10px 50px;}

#container {margin:20px auto;width:960px;}
#header {width:100%;float:left;}
#logo {width:350px;height:120px;float:left;}
#menu_bar {background-color:#414141;height:32px;float:left;width:100%;}
#menu_bar ul li {list-style:none;}
#shoppingBag {float:right;width:200px;margin:20px 0px;color:#FFF;border:1px solid #282828;height:75px;text-transform:uppercase;}
#shoppingBagHeader {margin-top:5px;}
#shoppingBagAccount a {color:#818080;font-size:10px;text-decoration:none;float:left;}
#shoppingBagStatus a {color:#818080;font-size:10px;text-decoration:none;margin-right:10px;float:right;}
#shoppingBagAccount a:hover {color:#FFF;text-decoration:underline;}
#shoppingBagStatus a:hover {color:#FFF;text-decoration:underline;}

#shoppingBagFooter {margin-top:30px;background-color:#282828;height:30px;}
#shoppingBagContents {font-size:12px;padding: 0px 5px 5px 5px;}

#media_area {width:550px;float:left;height:368px;margin:20px 0px 5px 205px;}

#categories {width:180px;float:left;margin-right:10px;text-transform:uppercase;}
#categories ul {margin:0;padding:0; }
#categories ul li {background-color:#282828;color:#818080;margin-bottom:1px;text-indent:5px;font-size:12px;list-style:none;}
#categories ul li:hover {background-color:#FFF;color:#000;}

#categories ul li a {color:inherit;text-decoration:none;}
#categories ul li a:hover {color:#000;}

#categoryName { text-transform:capitalize;}

#content {width:960px;float:left;margin:20px 0px 0px;}
#content a {color:#818080;}
#content table {color:#FFF;width:100%;border:1px solid #f5f5f5;}
#content table tr td {padding:10px;}
#content table .headerRow
{
    background-color:#ccc;
    border:1px solid #f5f5f5;
    color:#000;
    font-size:13px;
}
#content table .headerRow td { padding:3px; }
#cartFooter .button {margin:5px 0px 10px 10px;float:left;background-color:#FFF;color:#000;text-transform:uppercase;font-size:12px;padding:3px 5px;}
#cartFooter .button a {color:#000;text-decoration:none;}
#cartFooter span {color:#FFF;}
#footer {float:left;width:100%;margin:20px 0px;}
#footer a { color:#818080}
#offer {float:left;width:320px;background-color:#282828;padding:10px;margin-right:5px;}
#login {float:left;width:590px;border:1px solid #282828;padding:10px;text-transform:uppercase;}

#loggedIn {float:left;width:590px;border:1px solid #282828;padding:10px;text-transform:uppercase;}
#login .button {margin:5px 0px 0px 0px;background-color:#FFF;color:#000;font-size:12px;padding:3px 5px;}
#loggedIn .button {margin:5px 0px 0px 0px;background-color:#FFF;color:#000;font-size:12px;padding:3px 5px;}
#footer h2 {color:#FFF;font-size:20px;margin:0;font-weight:normal;text-transform:uppercase}
#footer h3 {color:#818080;font-size:20px;margin:0;font-weight:normal;text-transform:uppercase}
#footer h4 {color:#FFF;font-size:14px;margin:0;text-transform:uppercase}
#footer h5 {color:#818080;font-size:10px;margin:0;text-transform:uppercase}

#footer_info_bar {width:100%;float:left;text-align:center;font-size:12px;margin-top:10px;text-transform:uppercase;}
#footer_info_bar ul { list-style:none;display:inline;}
#footer_info_bar ul li {display:inline;margin-right:10px;}
#footer_info_bar ul li a {color:#FFF;text-decoration:none;}


#login span {color:#818080;font-size:10px;}
#forgotPassword {float:left;}
#createAccount {color:#FFF;float:right;}
.divHeader {color:#FFF;margin:0px 0px 5px 0px;text-align:center;}
.divHeader span {margin:0;padding:4px 10px 0px 10px;text-transform:uppercase;font-size:13px;}

#content .prodGrid {width:200px;float:left;margin:0px 5px 30px 30px;color:#000;}
#content .prodInfo {width:180px;background-color:#FFF;padding:10px;}
#content .prodInfo .prodName {margin:0px 0px 5px 0px;font-size:12px;height:42px;}
#content .prodInfo .details a {text-decoration:none;color:#282828;font-size:12px;}
#content .prodInfo .details a:hover {text-decoration:underline;}
#content .prodInfo .button {margin:5px 0px 0px 0px;float:left;background-color:#000;color:#FFF;text-transform:uppercase;font-size:12px;padding:3px 5px;}
#content .prodInfo .button a {color:#FFF;text-decoration:none;}
#content .prodInfo .price {margin:5px 0px 0px 0px;font-weight:bold;font-size:16px;float:right;}
.clear {clear:both;}
#login .remember {font-size:10px;}
#btnLogin {font-size:12px;}
#login #lostPassword {color:#818080;font-size:10px;}
#login #createAccount {font-size:12px;}

.prodSingleLeft {float:left;width:355px;}
.prodSingleRight {float:left;width:445px;}

.breadcrumb {font-size:12px;margin-bottom:15px;}
.breadcrumb a {text-decoration:none;}
.breadcrumb a:hover {text-decoration:underline;color:#FFF;}

.bagMessage {font-size:12px;margin:5px 0px 0px 15px;display:none;}

#content .prodSingleInfo {width:100%;background-color:#FFF;padding:10px;color:#000;}
#content .prodSingleInfo .prodSingleName {margin:10px;font-size:16px;font-weight:bold;}
#content .prodSingleInfo .prodSingleDescr {margin:10px;font-size:14px;line-height:16px;}
#content .prodSingleInfo .details a {text-decoration:none;color:#282828;font-size:12px;}
#content .prodSingleInfo .details a:hover {text-decoration:underline;}
#content .prodSingleInfo .button {margin:5px 0px 10px 10px;float:left;background-color:#000;color:#FFF;text-transform:uppercase;font-size:12px;padding:3px 5px;}
#content .prodSingleInfo .button a {color:#FFF;text-decoration:none;}
#content .prodSingleInfo .price {margin:5px 10px 0px 0px;font-weight:bold;font-size:16px;float:right;}
#content .prodSingleInfo .labelColor {float:left;margin:0px 0px 5px 10px;}
#content .prodSingleInfo .labelSize {float:left;margin:0px 0px 5px 10px;}
#content .prodSingleInfo select {float:left;margin:0px 0px 10px 10px;}

#showAccount {color:#818080;font-size:10px;}
#tabs {color:#000;}
#tabs .main {color:#000;}
#content #tabs table {color:#000;}
/* START JQUERY DROP DOWN MENU */
.jqueryslidemenu{
font: bold 14px Arial;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
z-index:100;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: #15adff;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 1em Arial;
width: 240px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
/*border-bottom: 1px solid gray;*/
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/*END JQUERY DROP DOWN MENU*/