html
{ overflow:0; margin:0; padding:0;}
* { font-family:Arial,Helvetica,sans-serif;}
body
{ text-align:center; background-image:url(../image/body.jpg); background-repeat:repeat-y; background-attachment:scroll; background-position:center center; margin:0; padding:0;}
body,td,th,input,textarea,select,a
{ font-size:12px;}
form
{ display:inline; margin:0; padding:0;}
input,textarea,select
{ margin:3px 0;}
a,a:visited
{ color:#4d4d4d; text-decoration:underline; cursor:pointer;}
a:hover
{ text-decoration:none;}
a img
{ border:1px;}
p
{ margin-top:0;}
#container
{ width:960px; margin-left:auto; margin-right:auto; text-align:left;}
#header .div2
{ float:left; padding-top:15px; padding-left:0;}
#header .div3
{ float:right; padding-top:7px; height:38px;}
#header .div3 a
{ margin-left:15px; background-repeat:no-repeat; background-position:left center; padding:1px 0 2px 20px; color: #525252;}
#header .div4
{ width:510px; clear:right; float:right; height:32px; padding-right:14px;}
#header .div4 a
{ float:left; margin-right:2px; width:100px; height:18px; padding-top:9px; padding-bottom:9px; background:url(../image/tab_1.png) no-repeat; text-align:center; color:#333; text-decoration:none; font-size:14px; font-weight:700; position:relative; z-index:1;}
#header .div4 a:hover
{ background:url(../image/tab_2_hover.png) no-repeat; color:#000;}
#header .div4 a.selected
{ background:url(../image/tab_2.png) no-repeat; color:#FFF; padding-bottom:10px; z-index:3;}
#header .div5
{ clear:both;}
#header .div5 .left
{ background:url(../image/header_1_left.png) no-repeat; width:5px; height:40px; float:left;}
#header .div5 .right
{ background:url(../image/header_1_right.png) no-repeat; width:5px; height:40px; float:right;}
#header .div5 .center
{ background:url(../image/header_1_center.png) repeat-x; height:40px; margin-left:5px; margin-right:5px;}
#header .div6
{ clear:both; margin-bottom:10px;}
#header .div6 .left
{ background:url(../image/header_2_left.png) no-repeat; width:3px; height:32px; float:left;}
#header .div6 .right
{ background:url(../image/header_2_right.png) no-repeat; width:3px; height:32px; float:right;}
#header .div6 .center
{ background:url(../image/header_2_center.png) repeat-x; height:32px; margin-left:3px; margin-right:3px; padding-left:3px; padding-right:3px;}
#header .div7
{ float:right; padding-top:2px;}
#header .div8
{ float:left; margin-top:6px;}
#header .div10
{ float:left; margin-top:2px;}
#search
{ padding-top:7px; padding-left:5px; color:#FFF; font-weight:700;}
#search select
{ border:1px solid #0A5391; padding:1px;}
#search a
{ color:#FFF;}
#search input
{ border:1px solid #0A5391; padding:2px;}
#breadcrumb
{ float:left; padding-top:7px; padding-bottom:11px; height:13px; margin-bottom:10px; color:#000;}
.switcher
{ float:right; margin-top:3px; margin-left:10px;}
.switcher a
{ text-decoration:none; display:block;}
.switcher .selected
{ background:#FFF url(../image/switcher.png) repeat-x;}
.switcher .selected a
{ border:1px solid #CCC; background:url(../image/arrow_down.png) 140px center no-repeat; color:#666; width:145px; padding:2px 5px;}
.switcher .selected a:hover
{ background:#F0F0F0 url(../image/arrow_down.png) 140px center no-repeat;}
.switcher .option
{ position:absolute; z-index:3; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; background-color:#EEE; display:none; width:155px;}
.switcher .option a
{ color:#000; padding:3px 5px;}
.switcher .option a:hover
{ background:#FFC;}
.switcher img
{ position:relative; top:1px;}
#column_left
{ float:left; width:180px; margin-right:10px; clear:left;}
#column_right
{ float:right; width:180px; margin-left:10px; clear:right;}
#content
{ margin-left:190px; margin-right:190px;margin-bottom:10px;}
#content .top .left
{ background:url(../image/content_top_left.png) no-repeat; width:4px; height:32px; float:left;}
#content .top .right
{ background:url(../image/content_top_right.png) no-repeat; width:75px; height:32px; float:right;}
#content .top .center
{ background:url(../image/content_top_center.png) repeat-x; margin-left:4px; margin-right:4px;}
#content .top h1
{ padding:8px 0 8px 7px;}
#content h1,.heading
{ color:#000; font:700 14px Arial,Helvetica,sans-serif; text-transform:uppercase; margin:0;}
.heading
{ border-bottom:1px solid #DDD; padding-bottom:3px; margin-bottom:10px;}
#content .middle
{ border-left:1px solid #DDD; border-right:1px solid #DDD; background:#FFF; min-height:700px; padding:10px 10px 1px;}
#content .bottom .left
{ background:url(../image/content_bottom_left.png) no-repeat; width:5px; height:5px; float:left;}
#content .bottom .right
{ background:url(../image/content_bottom_right.png) no-repeat; width:5px; height:5px; float:right;}
#content .bottom .center
{ background:url(../image/content_bottom_center.png) repeat-x; height:5px; margin-left:5px; margin-right:5px;}
.box
{ margin-bottom:10px; background:url(../image/box_top.png) no-repeat;}
.box .top
{ color:#000; font:700 14px Arial,Helvetica,sans-serif; text-transform:uppercase; padding:8px 0 8px 7px;}
.box .top img
{ float:left; margin-right:5px;}
.box .middle
{ border-left:1px solid #DDD; border-right:1px solid #DDD; background:#FFF; padding:10px;}
.box .bottom
{ height:5px; background:url(../image/box_bottom.png) no-repeat;}
.success
{ margin-bottom:10px; background:#E4F1C9; border:1px solid #A5BD71; font:11px Verdana,Geneva,sans-serif; text-align:center; padding:5px 0;}
.warning
{ margin-bottom:10px; background:#FFDFE0; border:1px solid #F99; font:11px Verdana,Geneva,sans-serif; text-align:center; padding:5px 0;}
.wait
{ margin-bottom:10px; background:#FBFAEA; border:1px solid #EFEBAA; font:11px Verdana,Geneva,sans-serif; text-align:center; padding:5px 0;}
.required
{ color:red; font-weight:700;}
.error
{ color:red; display:block;}
.help
{ cursor:pointer;}
.tooltip
{ border:1px solid #FDDA5C; background:#FBFF95; font-size:11px; width:250px; padding:5px;}
.clear
{ overflow:hidden; width:100%;}
.button
{ padding-left:5px; display:inline-block; margin-right:5px; background:url(../image/button_left.png) top left no-repeat; text-decoration:none; color:#FFF;}
.button span
{ color:#FFF; display:block; background:url(../image/button_right.png) top right no-repeat; padding:4px 12px 5px 5px;}
.buttons
{ background:#F8F8F8; border:1px solid #DDD; margin-bottom:10px; padding:5px;}
.buttons table
{ width:100%; border-collapse:collapse;}
.buttons table td
{ vertical-align:middle;}
.content
{ background:#F7F7F7; border:1px solid #DDD; margin-top:3px; margin-bottom:10px; padding:10px;}
.list
{ margin-bottom:10px; width:100%;}
.list td
{ text-align:center; vertical-align:top; padding-bottom:10px;}
.sort
{ margin-bottom:10px; background:#F8F8F8; height:30px; width:100%;}
.sort .div1
{ float:right; margin-left:5px; padding-top:6px; padding-right:9px;}
.sort .div2
{ text-align:right; padding-top:9px;}
.sort select
{ font-size:11px; margin:0; padding:0;}
.pagination
{ display:inline-block; width:100%; background:#F8F8F8; margin-bottom:10px;}
.pagination .links,.pagination .results
{ padding:7px;}
.pagination .links a
{ border:1px solid #CCC; text-decoration:none; color:#000; padding:4px 7px;}
.pagination .links b
{ border:1px solid #CCC; text-decoration:none; color:#000; background:#FFF; padding:4px 7px;}
.pagination .results
{ float:right;}
.tabs
{ width:100%; height:31px; margin-bottom:0;}
.tabs a
{ float:left; display:block; margin-right:2px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; border-left:1px solid #DDD; border-right:1px solid #DDD; background:#FFF url(../image/tab_3.png) repeat-x; color:#000; font-weight:700; font-size:13px; text-decoration:none; z-index:1; position:relative; top:1px; padding:6px 15px 7px;}
.tabs a.selected
{ background:#FFF url(../image/tab_3.png) repeat-x; border-bottom:0; padding-bottom:8px; z-index:3;}
.tab_page
{ border:1px solid #DDD; background:#FFF; display:block; z-index:2; margin-bottom:10px; padding:10px;}
#footer
{ width:100%; clear:both; padding-top:5px; border-top:1px solid #DDD;}
#footer .div1
{ float:left; text-align:left;}
#footer .div2
{ float:right; text-align:right;}
/**#category ul {/*category box general setting*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/*list-style: url('../image/bullet_1.png');*/
list-style: none;
background: #f8f8f8; /*background of the category box*/
}
#category a {
color: #2e2e2e; /*categories font colour*/
text-decoration: none;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #ccc #a19f99 #ccc; /*on 4 sides*/
margin: 0;
padding: 5px 15px;

}
#category a:hover {
text-decoration: none; /*underine on hovering on the links in the categories*/
background: #9c969d;
text-decoration: none;
font-weight:bold;
color:#000000;
}
*/
#information ul { /*information box general setting*/  
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/*list-style: url('../image/bullet_1.png');*/
list-style: none;
background: #f8f8f8; /*background of the information box*/
}
#information a{
color: #ffffff; /*information font colour*/
text-decoration: none;
display: block;
border-width: 1px;
border-style: dotted;
height: 20px;
line-height: 20px;
text-indent: 15px;
font-size:10px;
border-color: #fff #fff #fff #fff; /*on 4 sides*/
background-color: #e2e2e2;
background-image: url("../image/bullet_2.png");
background-repeat: no-repeat;
background-position: 5px center;
margin: 0;
padding: 2px 5px; 
}
#information a:visited {
text-decoration: underline; /*underline on hovering on the links in the information*/
text-decoration: underline;
}

#information a:hover {
text-decoration: none; /*underine on hovering on the links in the information*/
background: #d3d0d4;
text-decoration: none;
font-weight:bold;
color:#000000;
}

#information a, #information a.inactive {
    font-weight: normal;
}
#information a.active {
    color: #000000; 
    background: #d3d0d4;
    font-weight:normal;
}
.cart{border-collapse:collapse;width:100%;border:1px solid #EEE;margin-bottom:10px}
.cart th{background:#EEE;font-weight:400;padding:5px}
.cart td{padding:5px}
.normal{border-color:#CCC;border-style:solid;border-width:1px}
#category a.active{font-weight:700}
#category .bottom{display:hidden}
#navigatormenu{width:960px;background:url(../image/navigatormenu.png) no-repeat;list-style-type:none;display:table;float:left;position:relative;top:0;right:0;margin:0;padding:0}
#navigator{width:960px;list-style-type:none;display:table;float:left;position:relative;top:0;right:0;margin:0;padding:0}
#navigator li{background:url(../image/navigator-bg.png) no-repeat top center;display:inline;position:relative;top:0;left:0}
#navigator li.divider{background:url(../image/btndiv.png) no-repeat left 14px;width:2px;height:40px;display:block;float:left}
#navigator li a{background:url(../image/navigator-bg.png) no-repeat top center;height:16px;display:block;float:left;cursor:pointer;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:700;text-decoration:none;letter-spacing:0;padding:14px 25px 12px}
#navigator li a:hover{color:#ffdddd; background-position:center bottom;background:url(../image/hover.png) no-repeat top center, url(../image/navigator-bg.png) no-repeat top center}
#navigator li a.left{background-position:left top;background:url(../image/navigator-bg.png) no-repeat top left}
#navigator li a.left:hover{background-position:left bottom;background:url(../image/hover.png) no-repeat top center, url(../image/navigator-bg.png) no-repeat top left}
#navigator li a.right{background-position:right top}
#navigator li a.right:hover{background-position:right bottom}
#navigator li a .selected{background-image:url(../image/indicator.png), url(../image/navigator-bg.png)}
#navigator li form{background:url(../image/navigator-bg.png) no-repeat top right;display:block;float:right;height:24px;padding:8px 10px}
#header .div9,.pagination .links{float:left}
.buttons input,#category{margin:0;padding:0}
#information a,#navigator input{color:#000}
.cart_remove { margin-top: 3px; background: url('../image/list_remove_btn.gif') no-repeat left center transparent; padding-right:10px; cursor:pointer;}
.cart_remove_loading, .tracker_loading { margin-top: 3px; background: url('../image/ajax_load.gif') no-repeat transparent; padding-right:10px;}
#category a.active {
  font-weight:bold;
}

#category .bottom {
  display:hidden;
}
/* Styles for the new category menu */

#category{
  padding:0;
  background-color:#666666;
}
#category ul {
	margin:0px;
    padding:0px;
	list-style:none;
    list-style-position:outside;
}
#category ul li.toplevel a {
    font-weight:bold;
    color:#e9e9e9;
}
#category ul li.toplevel {
    background-color:transparent;
    background-image: url('../image/toplevel.gif');
    background-repeat: repeat-x;
    background-attachment: scroll;
    color:#fff;
    border-bottom:1px dotted #282727;
    border-top:1px dotted #282727;
}

#category ul li.sub {
    border-bottom:1px dotted #ccc;
  	padding-left:12px;
}
#category ul li.sub a {
  	padding-left:12px;
    font-weight:normal;
    background-color:#ffffff;
    font-weight:11px;
    color:#000000;
}
#category ul a {
    padding:4px 10px;
    display:block;
    color:#333;
    text-decoration:none;
}
#category ul li a:hover {
    background-color:#666666;
    color:#FFFFFF;
    border:0;
}
#category a.active,
#category a.active:link,
#category a.active:visited
 {
    font-weight:normal;
    background-color:#666;
    color:#FFFFFF;
}

#category ul li.sub a:hover {
    padding-left:12px;
    font-weight:normal;
    font-weight:11px;
    color:#000000;
    background-color:#faf6cb;
}

#category ul li.sub a.active:visited
{
    font-weight:normal;
    background-color:#faf6cb;
    color:#000000;
}