/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
font-family: sans-serif, Trebuchet, Tahoma, Verdana, Arial, Calibri;
vertical-align:top;
}

img {
  border:none;
}



#header_search {
margin-left:52px;
width:364px;
height:40px;
float:left;
margin-top:20px;
background:url(images/search_surround.png) 100% 0 no-repeat;
}
#header_search_button {
margin-left:12px;
margin-top:4px
}
#header_search_box {
background-color:#ffffff;
border:none;
width:270px;
height:14px;
margin-left:12px;
margin-top:12px;
vertical-align:top;
}
#header_basket  {
width:234px;
height:40px;
float:right;
margin-right:10px;
margin-top:20px;
background:url(images/basket_surround.png) 100% 0 no-repeat;
}
#header_basket_content a {
float:left;
font-size:10px;
color:#ffffff;
margin-top:12px;
margin-left:55px;
text-decoration:underline;
}
#header_basket_content a:hover {
color:#f4dd2f;
}

/* ---------- Mega Drop Down --------- */
#mega {
clear:both;
width:960px;
height:1px;
background:#ffffff;
}
#mega {
clear:both;
max-width:960px;
margin-left:0px;
padding-left:0px;
background-image:url('images/mainnav_right.png');
background-repeat:repeat-x;
list-style:none;
font-weight:bold;
height:2em;
margin:0px -1px 0 0;
z-index:100;
}
#mega li {
background-image:url('images/mainnav_off.png');
background-repeat:repeat-x;
margin-left:-1px;
float:left;
width:90px;
text-align:center;
position:relative;
font-family: Trebuchet, Verdana, Arial, sans-serif;
font-size: 12px;
color:#292727;
}
#mega li:hover {
background:#eee;
border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
padding:0px 0 0px 0;
/*
margin-top:-7px;
*/
z-index:100; /* shadow above adjacent li */
}
#mega a {
color:#000;
outline:0;
text-decoration:none;
display:block;
line-height:27px;
}
/* ----------- Hide/Show Div ---------- */
#mega div {
position:absolute;
left:-999em;
/*margin-top:1px;*/
min-width:400px;
padding:0 10px 10px;
border:1px solid #ffffff;
border-top:0;
font-weight:normal;
text-align:left;
background:#292727;
background-image:url('images/fade_dropdown.jpg');
background-repeat:repeat-x;
}
#mega li:hover div {
left:-1px;top:auto;
}
#mega li.dif:hover div {
left:-221px;
}
/* --------- Within Div Styles --------- */
#mega div h2 {
font-size:1em;
margin:10px 0 5px 0;
clear:both;
float:left;
width:330px;
position:relative; /* makes above drop shadow */
color:#f4dd2f;
font-weight:bold;
font-family: Trebuchet, Verdana, Arial, sans-serif;
font-size: 16px;
width:100%;
}
#mega div p {
float:left;
width:160px;
padding-left:10px;
position:relative; /* makes above drop shadow */
margin-left:5px;
margin-right:5px;
font-size: 13px;
}
#mega div p a {
border-bottom:dotted;
border-width:1px;
border-color:#666666;
text-decoration:underline;
float:left;
clear:left;
width:100%; /* For IE6/7 */
line-height:1.4;
color: #ffffff;
font-size: 13px;
}
#mega div a:hover {
text-decoration:none;
border-width:1px;
color: #f4dd2f;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
}
/* ---------- Drop Shadow ---------- */
#mega div .s1, #mega div .s2, #mega div .s3 {
position:absolute;
width:100%;height:100%;
}
#mega div .s1 {
background:url(images/rightcorner.png) 100% 0 no-repeat;
top:1px;right:-9px;
} 
#mega div .s2 {
background:url(images/leftcorner.png) 0 100% no-repeat;
bottom:-9px;left:1px;
} 
#mega div .s3 {
background:url(images/shadow.png) 100% 100%;
top:9px;right:-9px;
}
#mega li:hover .s4 {
background:url(images/li-shadow.png) 100% 0 repeat-y;
position:absolute;
top:0;right:-9px;
height:100%;
padding:0 8px 0 0;
}
* html #mega li:hover .s4 {
background:none;
}
#mega li:hover .dif-s4 {
padding-bottom:9px
}


BODY {
  text-align: center;
  color: #000000;
  margin: 0px;
  background:#000000;
  background-image:url('images/site_bg_fade.JPG');
/*
  background:#000;
  background-image:url('images/christmas.JPG');
*/
  background-repeat:repeat-x;
}

.body {
  width: 960px;
  color: #000000;
  margin: auto;
  text-align: left;
}

.body a {
  text-decoration: underline;
}


#frontpage_block {
clear:left;
}
#index_box_left {
width:223px;
float:left;
padding:5px;
border-top: solid 1px #cccccc;
font-size:11px;
color:#444444;
background:url(images/index_bg.png) 100% 0 repeat-x;
}
#index_box {
width:223px;
float:left;
padding:5px;
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
font-size:11px;
color:#444444;
background:url(images/index_bg.png) 100% 0 repeat-x;
}
#frontpage_block a {
font-size:11px;
color:#444444;
text-decoration:none;
display:block;
}
#frontpage_block a:hover{
font-size:11px;
color:#444444;
text-decoration:underline;
display:block;
}
#index_box_title {
font-weight:bold;
font-size:15px;
color:#444444;
}
#index_box_title a{
font-weight:bold;
font-size:15px;
color:#444444;
}
#index_box_title a:hover{
font-weight:bold;
font-size:15px;
color:#444444;
text-decoration:none;
}
#frontpage_block  ul{
list-style: none; 
}
#frontpage_block li{
padding-left: 10px;
display:block;
background-repeat: no-repeat;
background: url(images/list_point.png) no-repeat 0 3px;
margin-top:3px;
margin-left:-25px;
}

.marginforheader {
  background: #ffffff;
  clear:both;
}

#header {
  background-color: #292727;
  clear:both;
  width:960px;
  }

#topmost_trail {
  background-color: #292727;
  clear:both;
  width:960px;
  float:left;
}

#topmost_trail H1 {
color:#A6A1A1;
margin-left:14px;
font-size:15px;
padding-top:0;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
}
#topmost_nav {
clear:both;
background-color:#292727;
color:#ffffff;
width:960px;
height:30px;
margin:auto;
font-family: Trebuchet, Verdana, Arial, sans-serif;
font-size: 11px;
}
#topmost_nav a {
color:#ffffff;
text-decoration:underline;
}

#navlist ul {
list-style-type: none;
padding:0px;
margin:0px;
}
#navlist li {
float:left;
padding-left:14px;
padding-top:5px;
padding-bottom:5px;
text-align:center;
position:relative;
display:block;
}
#socials {
float:right;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
margin:0px;
}
.footer_lists_head {
-moz-border-radius: 4px;
background-color:#f4dd2f;
margin-bottom:5px;
font-weight:bold;
font-size:11px;
color:#292727;
padding-left:5px;
}

.footer_lists {
background-image:url(images/radial_bg_grey2_1.png);
display:block;
}
.footer_lists a {
color: #ffffff;
font-size:10px;
text-decoration:none;
}

.footer_lists a:hover {
background-color:#666666;
color: #ffffff;
font-size:10px;
text-decoration:underline;
}

.foot_link {
padding-left:5px;
display:block;
color: #ffffff;
font-size:10px;
}


.news {
background: #272929;
background-image:url(images/radial_bg_grey.png);
color: white;
height:460px;
}

.news a {
color: white;
text-decoration:underline;
}


.sellers {
background: #272929;
background-image:url(images/radial_bg_grey.png);
color: white;
}

.sellers a {
color: white;
text-decoration:underline;
}

table.sellers_box {
border:1px solid #f4dd2f;
}

.foot_link {
  font-size:10px;
  display:block;
}

/*--- Beginning of Jcarousel ---*/
.jcarousel-skin-tango .jcarousel-container {

}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 420px;
    height: 390;
    padding: 5px 20px;
}


.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  420px;
    height: 390px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 400px;
}



.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 20px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    top: -45px;
    right: 30px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/sellers_next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: -45px;
    right: 55px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/sellers_prev.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/*--- End of Jcarousel ---*/

	/* Layout Settings */
	.jquerybubblepopup{width:auto;height:auto;margin:0px;padding:0px;position:absolute;border:0px;z-index:100;text-align:center;background-color:transparent;}
	.jquerybubblepopup-ie{filter:progid:DXImageTransform.Microsoft.Shadow(color="#666666", Direction=135, Strength=3);} /* the plugin adds this class only if browser is IE; if IE9, it's added to main <DIV> else to <TABLE> */
	.jquerybubblepopup table{width:auto;height:auto;margin:0px;padding:0px;display:table;border-collapse:collapse;border-spacing:0px;border:0px;empty-cells:show;background-color:transparent;}
	.jquerybubblepopup tbody{display:table-row-group;vertical-align:middle;border:0px;background-color:transparent;}
	.jquerybubblepopup td{margin:0px;padding:0px;background-color:transparent;}
	.jquerybubblepopup-top-left,    .jquerybubblepopup-top-right,
	.jquerybubblepopup-bottom-left, .jquerybubblepopup-bottom-right{width:21px;height:21px;overflow:hidden;background-repeat:no-repeat;}
	.jquerybubblepopup-top-middle,  .jquerybubblepopup-bottom-middle{overflow:hidden;background-repeat:repeat-x;}
	.jquerybubblepopup-middle-left, .jquerybubblepopup-middle-right{overflow:hidden;background-repeat:repeat-y;}
	.jquerybubblepopup-tail{border:0px;margin:0px;padding:0px;display:inline;}

/*  
	Themes:

	The plugin adds the class of the theme (for example ".jquerybubblepopup-azure") 
	to the main <DIV> container, then you can edit the style of any element inside the 
	Bubble Popup markup for each theme.
	
	The following code defines fonts and backgrounds of the "innerHtml" for each theme:
*/
	.jquerybubblepopup-black  .jquerybubblepopup-innerHtml
	{
		font-family:'Trebuchet MS',Arial;
		font-size:11px;
		font-weight:normal;
		color:#000000;
		background-color:#FFFFFF;
	}

	
	.pinfo_alert{
font-size:12px;
float:left;
text-align:left;
}