@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------Begin Of Reset Code ------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {	line-height: 1;	color: black;	background: white;	margin:0;	padding:0}
ol, ul { 	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */

blockquote:before, blockquote:after,
q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
/*----------------------------------------------------End Of Reset Code ------------------------------------------------------*/

/* ----------------- Common ---------------------- */
.fltlft { float:left; }
.fltrht { float:right }
.clear 	{ clear:both; font-size:0px; line-height:0px; padding:0px; margin:0px; height:0px; }
.clrBlock{clear:both; font-size:0px; line-height:0px; display:block;}
body{background:#fff; font:12px Arial, Helvetica, sans-serif; color:#000000;}
strong{font-weight:bold;}

.container{width:998px; height:inherit;  margin:0 auto; border:0px solid #f00; }


/*-------------------- Header ---------------------------*/
#header							{min-width:998px;width:auto !important;width:998px; height:100px; background:#fff url(heading/header_bg.jpg) center top repeat-x; border-bottom:3px solid #f7941d;}
#logo							{float:left; width:auto; height:auto;}

#header_rgt						{float:right; width:760px; height:auto;}

#login							{float:right; width:auto; height:auto; padding:0 50px 0 0;}
#login ul						{padding:14px 0 5px 0;}
#login ul li					{font:normal 14px Arial, Helvetica, sans-serif; text-align:center; color:#cfcecf; float:left; border-right:1px solid #cfcecf; padding:0 10px;}
#login ul li.signout			{border-right:none;}
#login ul li.cart				{background:url(heading/cart.gif) center top no-repeat; width:117px; height:37px; display:block; margin:-14px 0 0 0; border:none; padding:10px 0 0 0;}
#login ul li.cart a				{font:bold 12px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 38px;}
#login ul li.cart a:hover		{text-decoration:none;}
#login ul li a					{color:#cfcecf; text-decoration:none;}
#login ul li a:hover			{text-decoration:underline;}

/* --------------------------------- Navigation ---------------------------------- */
#nav										{float:left; width:auto; height:auto; margin-top:12px; padding:4px 0 0 0; z-index:60; position:relative;overflow:none;}
#navi										{display:block; width:auto;}
#navi li									{display:block; float:left; padding:0 10px; position:relative;}
#navi li a									{display:block; color:#136baf; text-decoration:none; font:18px/18px Arial, Helvetica, sans-serif; padding:0 0 0 15px;}
#navi li a span								{background:url(heading/li_bg1.gif) no-repeat right center; color:#136baf; display:inline-block; padding:8px 30px 4px 0;} 
#navi li a:hover, #navi li:hover a , #navi li.selected a {background:url(heading/main_li_bgL.jpg) no-repeat left top; color:#fff;}
#navi li a:hover span, #navi li:hover a span,  #navi li.selected a span{background:url(heading/main_li_bgR.jpg) no-repeat right top; color:#fff;}

#navi li .nav_spcat							{display:block; color:#136baf; text-decoration:none; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0 10px 0 15px;}
#navi li .nav_spcat span							{background:url(heading/li_bg1.gif) no-repeat right center; color:#136baf; display:inline-block; padding:1px 30px 2px 0;} 

/* Second level */
#navi li ul									{display:none; position:absolute; top:100%; left:10px; z-index:1000; width:163px;}
#navi li:hover ul                           {display:block;}
#navi li ul li								{position:relative!important; width:163px!important; padding:0px!important; display:block;}
#navi li ul li a						    {background:url(heading/li_bg.png) no-repeat!important; display:block;  height:30px; font:10px/30px Arial, Helvetica, sans-serif!important; color:#fff!important; padding:0 0 0 5px; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc;  box-shadow: 5px 5px 5px #ccc;}
#navi li ul li a:hover, #navi li ul li:hover a , #navi li ul li.selected a{background:url(heading/li_bg_hover.png)!important;}

/* CUSTOM HEADER */
#navi li ul li .maincat_hover						    {background:url(heading/li_bg.png) no-repeat!important; display:block;  height:30px; font:10px/30px Arial, Helvetica, sans-serif!important; color:#fff!important; padding:0 0 0 5px; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc;  box-shadow: 5px 5px 5px #ccc;}
#navi li ul li .maincat_hover:hover, #navi li ul li:hover .maincat_hover , #navi li ul li.selected .maincat_hover{background:url(heading/li_bg_maincat_hover.png)!important;}

/* End Second Level*/

/* Third Level */
#navi li:hover ul li ul						{display:none; position:absolute!important; top:0px!important;  left:163px!important; width:180px!important; z-index:1000; }
*html #navi li ul li ul				{display:none; position:absolute!important; top:0px!important;  left:163px!important; width:180px!important; z-index:1000; }
*html #navi li ul li:hover ul						{display:block;}
#navi li ul li ul li 					{width:180px; display:block; background:none!important;}
#navi li ul li.selected ul li a				{background:#1e6db5 none!important; width:180px!important; height:29px; font:10px/29px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 5px; border-bottom:1px solid #fff;-moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc;}
#navi li ul li ul li a:hover, #navi li ul li ul li.selected a:hover			{background:#f8941d none!important;}

/* End Third Level */


/* --------------------------------- End Navigation ------------------------------ */

/* --------------------------------- BREADCRUMBS ------------------------------ */
.breadcrumbs_container {min-width:998px;width:auto !important;width:998px;height:20px;line-height:19px;border-bottom:solid 1px #f7941d;}
.breadcrumbs_text {width:980px;color:#000;margin:0 auto;padding-left:10px;text-align:left;}
.breadcrumbs_text a, .breadcrumbs_text a:visited {color:#274795;text-decoration:none;}
.breadcrumbs_text a:hover {text-decoration:underline;}
.breadcrumbs_text span {color:#f7941d;}


/* --------------------------------- BREADCRUMBS ------------------------------ */
#site_search_container						{float:right; width:242px; padding:0 0 0 0; margin:10px 18px 0 0;}
#site_search_container a						{float:right; margin:0 58px;font-size:10px;}
#site_search_container p						{font:bold 12px Arial, Helvetica, sans-serif; color:#ebebeb;}
#site_search_container p span.txtbx input		{float:left; background:url(heading/txtbox.gif) center left no-repeat; border:none; width:176px; height:27px; font:normal 12px/27px Arial, Helvetica, sans-serif; color:#666;font-weight:bold; padding:0 0 0 10px;}
#site_search_container p span.but input {
    background:url(heading/go_but.gif) center left no-repeat; width:45px; height:28px; font:bold 14px/28px Arial, Helvetica, sans-serif; color:#fff; border:0 none; cursor:pointer; float:left; margin:0 0 0 5px; padding-top:-12px;}
/*-------------------------------------------------------*/


a:link {
	color: #1e6db5;
}
a:visited {
	color: #0099CC;
}
a:hover {
	color: #6196D1;
}
a:active {
	color: #6196D1;
}

/* GLOBAL NEWS CONTENT DISPLAY FORMAT */
.addons_container {width:98%;padding-top:16px;padding-bottom:16px;min-height:100px;}
.addons_heading {width:100%;height:40px;padding:2px;display:block;border-bottom:solid 1px #d7d7d7;padding-bottom:6px;margin-bottom:6px;}
.addons_heading_image {float:left;}
.addons_heading_text {float:left;line-height:39px;padding-left:8px;height:40px;text-align:left;font-size:14px;font-weight:bold;}
.addons_description {width:100%;font-size:12px;padding:3px 0 3px 0;}



/* BUTTONS START */
.smallbtn
{
  display: block;
  width: 79px;
  height: 28px;
  background: url(product/smallbtn.png) no-repeat 0 0;
}
.smallbtn:hover
{ 
  background-position: 0 -28px;
}
.smallbtn div
{
  font-size: 11px;
  color:#fff;
  line-height:26px;
  text-align:center;
  font-weight:bold;
}
/* BUTTONS END */

/* DROP DOWN MENU BEGIN */
/* applied to original <select> to hide */
.has_sb{position:absolute;left:-999999em;text-indent:-999999em;}

/* always visible styles */
.selectbox{display:inline-block;*display:inline;font-family:arial;font-size:1em;margin:1px;position:relative;vertical-align:middle;zoom:1;}
.selectbox .display{
  background:#fff;
  border:1px solid #abadb3;
  color:#000;
  cursor:default;
  display:block;
  font-weight:normal;
  height:1.46em;
  line-height:1.46em;
  overflow:hidden;
  outline:none;
  padding:0 24px 0 3px;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.selectbox.disabled .display{color:#999;}
.selectbox.focused .display .text{background-color:#f8a51d;color:#fcfcfc;display:inline-block;*display:inline;zoom:1;}
.selectbox .display.active{border-color:#7b7d83;}
.selectbox .display .arrow_btn{
    background: url(product/dropdown.png) repeat-x left top;
    display:block;
    height:26px;
    line-height:.92em;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    width:27px;
}
.selectbox .display.hover .arrow_btn{background-position: 0 -18px;}
.selectbox .value{display:none;}

/* dropdown styles */
.selectbox.sbitems{
  background:#fff;
  border:1px solid #828790;
  display:block;
  font-family:arial;
  font-size:1em;
  list-style-type:none;
  margin:0;
  overflow-x:hidden;
  overflow-y:auto;
  padding:0 0 1px 0;
  z-index:99999;
  -moz-box-shadow:0 3px 5px rgba(0,0,0,.5);
  -webkit-box-shadow:0 3px 5px rgba(0,0,0,.5);
}
.selectbox.sbitems.above{}
.selectbox.sbitems li{display:block;margin:0;padding:0;/*white-space:nowrap; maybe necessary if using fixedWidth: false */}
.selectbox.sbitems li.first{margin-top:0;}
.selectbox.sbitems li>.sbitem{color:#000;cursor:default;display:block;padding:4px 6px;text-decoration:none;}
.selectbox.sbitems li>.sbitem>.text{display:inline-block;*display:inline;zoom:1;}
.selectbox.sbitems li.selected>.sbitem{border-bottom:1px dotted #999;border-top:1px dotted #999;background-color:#fce9b3;}
.selectbox.sbitems li.disabled>.sbitem{color:#999;}
.selectbox.sbitems li.hover>.sbitem{background-color:#f8a51d;color:#fcfcfc;}
.selectbox.sbitems .value{display:none;}

/* fixed width example styles */
.selectbox .display.modelselect{
  width:200px;
  padding:0 24px 0 3px;
}
.selectbox.modelselect.sbitems{
  width:227px; /* width of display text plus the padding (60 + 27) = 87 */
}
.selectbox .display.quantityselect{
  width:30px;
  padding:0 24px 0 3px;
}
.selectbox.quantityselect.sbitems{
  width:57px; /* width of display text plus the padding (60 + 27) = 87 */
}

/* DROP DOWN MENU END  */
/* IMAGE PRELOADER */
div#preload { display: none; }

/* SITE FOOTER */
#site_footer {
	clear:both;
	width:100%;
	height:60px;
	background:url(../css/heading/footer_bgk.png) repeat-x 0 0;
}
#site_footer div {
	margin:0 auto;
	padding-top:11px;
	width:600px;
	color:#898989;
	text-align:center;
}
#site_footer a {
	font-weight:bold;
	font-size:12px;
	margin:0 5px;
}