/*Overal setup */

*  {margin: 0;padding: 0;}

body  {

	font: 12px/18px helvetica, arial;

	background:#050505 url(images/bnr.jpg) 100px 0 no-repeat;

}

h1 {font:24px arial;color: #fff;display: block;}

h1 a {color: #fff;text-decoration: none; text-indent:-999em;display:block;width:300px;height:65px; background:transparent url(images/logo.png) no-repeat;}

h4 {font:16px Georgia, "Times New Roman", Times, serif; color:#c30;}

a { color: #c60; text-decoration: none;outline: 0;}

a:hover { color: #fff; }

img a {border: 0; }

.clear  { clear: both; }

.error {padding:15px 15px 15px 65px;background:#441d1d url(images/alert.png) no-repeat 0 50%; color:#eee;}

#wrapper { overflow: auto;background:url(images/ta.jpg);}



/*header, top small navigation setup */

#header {width:100%;height:240px;position:relative;}

#header ul.top {float:left;width:400px;height:20px;position: absolute;left:650px;top:10px;list-style-type: none;font: 11px Helvetica, arial;color: #eee;}

#header ul.top li {float:left; }

#header ul.top li a {float:left;margin-right: 13px;color:#ddd;display:block;}

#header ul.top li a:hover{color:#999;}

#header ul.top li SPAN a  {color:#444;}

#header h1 {	font:24px Helvetica, sans-serif;color:#fff;position:absolute;left:0;top:80px;}

#header p {font:11px Helvetica, sans-serif; font-style:italic; font-weight:bolder;color:#999;position:absolute;left:20px;top:150px;text-transform:uppercase;width:400px;}



/*main navigation setup */

#header ul.nav{width:100%;height:39px;position:relative;background: url(images/nav.jpg);top:200px;}

#header ul.nav li {float:left;margin:0;padding:0;list-style-type: none;}

#header ul.nav li a {display:block;padding:0 15px;font:bold 12px/39px Arial, Helvetica, sans-serif;color:#fff;background-color:inherit;text-decoration:none;}

#header ul.nav li a:hover {	color:#fff;background:#111;border-bottom:2px solid #c30;}

.tnav {height:35px; background:url(images/nav.jpg) repeat-x; position:relative; top:180px;}

.tnav ul, li {color:#eee;}



/*header, cartoon */

.header-cartoon  {display:none;margin:-40px 10px 0px 400px; width:170px; height:200px; background:transparent url(images/headerimg.png) no-repeat;}





.menu {width:1045px; height:32px; position:relative; z-index:100;font-family:Helvetica, arial, sans-serif;  }

/* hack to correct IE5.5 faulty box model */

* html .menu {width:846px; w\idth:845px; z-index:5000;}

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

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

.menu ul ul {width:70px;}

/* 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:12px;text-decoration:none; color:#efefef; height:34px;padding:3px 0 0 20px; line-height:29px; }

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

* html .menu a, * html .menu a:visited {width:90px; w\idth:90px; z-index:10000;}

/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#333; }

/* style the second level hover */

.menu ul ul a.drop:hover{background:#666;}

.menu ul ul :hover > a.drop {background:#666;}





/* 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; border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#333; color:#999; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;z-index:10000;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#eee; background:#111;z-index:10000;}

.menu :hover > a, .menu ul ul :hover > a {color:#eee; background:#111;z-index:10000;}



/* 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; z-index:10000;}

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

.menu ul :hover ul ul{visibility:hidden;z-index:10000;}

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

.menu ul :hover ul :hover ul{ visibility:visible;z-index:10000;}



/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#333;z-index:10000;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#666;}





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

.menu ul ul {visibility:hidden;position:absolute;height:0;top:36px;left:0; width:149px;z-index:10000;}

/* another hack for IE5.5 */

* html .menu ul ul {top:32px;t\op:32px;}



/* position the third level flyout menu */

.menu ul ul ul{left:149px; top:-1px; width:149px;z-index:10000;}



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

.menu ul ul ul.left {left:-149px;z-index:10000;}





/*Left sidebar */

#left{background:#050505 url(images/cartoon2.png) no-repeat 0 50%;width: 250px;min-height: 600px;float:left;margin: 10px 0;}



/*Left sidebar panel

shopping cart, member login, top sales etc.

 */

#cart {width:235px;padding:4px;background:transparent url(images/pxb.png); margin:40px 0 0 0;color:#4B2B3E; overflow:hidden;}

#cart h4 {color:#c60;font:bold 12px/24px Arial, Helvetica, sans-serif;}

#cart p {color:#ccc; padding:3px 0 10px 0;font:normal 11px arial, serif;}

#cart span {font-size:14px; color:#eee;}

#cart a.checkout {background:url(images/chkout-btn.jpg) no-repeat;width:65px; height:20px; display:block;margin-bottom: 10px;text-indent:-999em;opacity: .70;}

#cart a.checkout:hover {opacity: .98;}

#panel {background: #121212; opacity: .9;height: 180px;display: none; padding:4px;}

.slide {margin:0;padding: 0;background: url(images/viewall.png) no-repeat center top;}

.btn-slide {text-align: center;width: 70px;height: 25px;padding: 4px;margin: 0 auto;display: block;color: #fff;text-decoration: none;}

#cart .pn  {float:left; display:block;color:#990; font-size:11px; margin-right:8px;}

#cart .price  {float:left; display:block;color:#c60; font-size:10px;}





#leftPan{top:0px;margin:0; padding:15px 0;}

#leftmemberPan{ overflow: auto;width:96%;position:relative; margin:5px; padding:0; border:1px solid #333; background:#222; color:#000;}

#leftmemberPan h2{height:20px; display:block;margin:5px; font-size:12px; color:#5EA000;}

#leftPan form{width:220px;padding:0; margin:0 0 0 8px; color:#666;}

#leftPan form label{width:80px; display:block; float:left; padding:14px 15px 0 16px; }

#leftPan form label.emailpadding{padding:2px 15px 0 16px;}

#leftPan form input{ float:left; width:100px; margin:10px 0 5px 0}

#leftPan form input.fieldpadding{margin:2px 0 9px 0}

#leftPan h3{margin:10px 0 10px 13px; font:bold 14px helvetica,arial; color:#ddd;}

#leftPan ul{ display:block; float:right; width:220px;margin-bottom: 20px; list-style-type: none;}

#leftPan ul li{padding:0px 0 5px 0; text-align:left;} 

#leftPan ul li a{text-decoration:none;color:#c30;border-bottom: 1px dotted #252525; }

#leftPan ul li a:hover{text-decoration:none;color: #ddd;border-bottom: 1px solid #c60;}



#leftPango{width:220px; height:25px; position:absolute; top:100px;  background:#B0AD93; display:block; padding:0; margin:0; font-size:12px; color:#fff; line-height:23px; font-weight:bold;}

#leftPango p.textposition a{float:left; padding:0 0 0 20px; margin:0; text-decoration:none; color:#FFFFFA; background:#B0AD93;}

#leftPango p.textposition a:hover{text-decoration:underline; background:none;}

#leftPan form input.gobutton{float:right; border:none; width:45px; height:21px; display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;}

#leftPango a:hover{background:url(images/arrow4.gif) no-repeat 30px 1px #333229; text-decoration:none; color:#fff;}





/*Clickable tabs - left sidebar */

#taaabs  { margin:10px 5px;}

#taaabs a.hightlighted, #taaabs a.hightlighted_down { padding:2px 4px;text-decoration:none; color:#999;font-size: 12px;}

#taaabs a.hightlighted:hover  { background:#202020; }

#taaabs a.hightlighted_down { background:#202020;color:#ddd; }

._asides {margin-bottom: 5px;padding: 10px 10px 60px 10px;color:#666;background: #151515 url(images/sumo.png) no-repeat bottom right;}

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

._asides li {list-style-type: none;line-height: 1.4em;padding:5px 0;}

._asides a { padding: 0;text-decoration:none;}

._asides a:hover { color: #ddd; }	







/* main content styles, right side*/

#right {width:auto;height:1%; color: #999;overflow:hidden;padding:15px; margin-top:15px; }

#right h3 { margin: 8px 0; font: 18px helvetica,arial;display: block;color: #ddd;}



#right table tr td {color: #CCC;}

.content-box {float: left;background: url(images/opa.png);color: #d2d2d2;width:100%;clear:both; border-bottom:1px solid #191919; padding:10px 0;}

.content-box p { clear: both;}

.content-box h2 { margin: 8px 0; font: 18px helvetica,arial;display: block;}

.content-box h2 a { padding: 5px 2px;}

.content-box h2 a:hover { background: #c60;	color: #fff;}

.content-box img {	float: left;border: 4px solid #444;	margin: 5px 10px 5px 0;	}



/* jQuery enabled sticker */

.sticker {background: url("images/sticker_bg.gif"); background-color:#FCF4B0; background-repeat: repeat-x;padding: 16px 20px 10px;margin:4px 4px;z-index:2; width:680px;}

.sticker h4 {font:14px helvetica,arial; color:#930;}

.sticker p {color:#222;}

.sticker qq {color:#222;}

.sticker .delete {position: absolute;top: 10px;right: 10px;cursor: pointer;color:#c00;}



/* text */

.txtbox {float: left;color: #d2d2d2; background:transparent url(images/px.png)}

.txtbox p { display:block;margin-bottom:20px;}

.txtbox h3 { margin: 8px 0; font: 18px helvetica,arial;}

.txtbox h3 a { padding: 5px 2px;}

.txtbox h3 a:hover { background: #c60;	color: #fff;}

.txtbox img {	float: left;border: 0;	margin: 5px 10px 5px 0;	}

.txtbox {width: 800px;}



/* footer */

#footer {padding:20px 30px;overflow:hidden;background:url(images/px.png);}

#footer  ul{height:20px;display:block;list-style-type:none;}

#footer ul li{display:block;float:left; }

#footer ul li a{font:12px Arial, Helvetica, sans-serif;color:#FDFDFD;	text-decoration:none; margin:0 8px;}

#footer ul li a:hover {color:#c60;}

#footer p{font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#666;display: block;}

#footer .fatboy { position: relative; float: right;right: 220px;top: -100px;}



/* top sell */

.topsell {margin: 10px;}

.topsell ul { float:left; color:#eee; line-height:14px;font-size:11px;border-bottom: 1px dotted #333;	}

.topsell ul li { float:left;margin:0; padding:0;list-style: none;}

.topsell ul li a { color:#eee; padding:8px 6px; display:block; width:180px;	}

.topsell ul li a:hover { background:#333; text-decoration: none;}

.topsell ul img { float:left; clear:left; padding:0 10px 0 5px; position:relative; top:-4px; left:0; border: none;}

.topsell ul a em { color: #666; font-style: normal;}



/* search result */

.result_item {float:left;width:180px;padding:5px 15px;border-right:solid 0px #333;}

.result_item h3 { font: 12px Arial;color:#333; }

.result_item ul li { list-style-type:none;}

a.i_thumb { display:block;padding:3px;margin:0;	}



.i_thumb img{  border:solid 0px #FFF; }





/* pagenavi */

.pagenavi {font-family: arial, verdana;float: left; margin-left: 265px;}

.pagenavi a, .pagenavi a:link, .pagenavi a:active { padding:1px 4px;margin: 3px;text-decoration: none;border: 1px solid #222;color: #666; }

.pagenavi a:hover {border: 1px solid #333;color: #fff;background-color: #333;}

.pagenavi span.current {padding: 1px 4px;margin: 2px;border: 1px solid #c00;color: #eee;background-color: #c30; }

.pagenavi span.extend {padding: 1px 4px;margin: 2px;	color: #999;}

/* pagenavi2 */

.pagenavi2 {font-family: arial, verdana;float: left; margin-left: 0px;}

.pagenavi2 a, .pagenavi a:link, .pagenavi a:active { padding:1px 4px;margin: 3px;text-decoration: none;border: 1px solid #222;color: #666; }

.pagenavi2 a:hover {border: 1px solid #333;color: #fff;background-color: #333;}

.pagenavi2 span.current {padding: 1px 4px;margin: 2px;border: 1px solid #c00;color: #eee;background-color: #c30; }

.pagenavi2 span.extend {padding: 1px 4px;margin: 2px;	color: #999;}





/* ---------- gallery styles Fancy zoom! ----------------------- */

.gallery {list-style: none;margin: 0;padding: 0;}

.gallery li {margin: 10px;padding: 0;float: left;position: relative;width: 180px;height: 130px;}

.gallery img {background: #fff;border: solid 6px #333;}

.gallery span {width: 20px;height: 18px;display: block;position: absolute;bottom: 10px;right: 10px;}

.gallery .photo {background: url(images/photo.gif) no-repeat;}

.gallery a {text-decoration: none;}

.gallery a:hover img  {border-color: #c60;}

.gallery a:hover span {background-position: left -22px;}



/* gallery desc. */

.g-descr ul{padding:0px;margin:0px;list-style:none;}

.g-descr li{display:block;width:350px;margin: 6px 0;}

.g-descr li a{padding:5px;text-decoration:none;color:#5f472e;

background:url(images/bullet_star.gif) no-repeat left;}

.g-descr li a:hover{color: #ccc;background:#333}



/* form */

.formbox {float: left;color: #d2d2d2;background:transparent url(images/px.png)}

.formbox p { display:block;margin-bottom:20px;}

.formbox h3 { margin: 8px 0; font: 18px helvetica,arial;}

.formbox SPAN {padding:4px 5px; background:#222; display:block; color:#c60;font-weight:bold; clear:left; margin:5px 0;}






/*input { color:#ddd;font:normal 12px helvetica,arial;background:#090909; border:1px solid #222; padding:6px;width:240px;}





#comment { width:400px;font:1.4em arial;background:#090909; border:1px solid #222;color:#eee; padding:8px;}

#commentform #submit { background: #c30; color: #e4f6ba; padding: 4px 0; width: 5em; border: none;font:bold 12px arial; }