/*
- these stylesheet settings apply to all media
- for printing styles edit templates/print.css
- learn more about CSS at http://www.w3schools.com/css/
- 2003/11/23 PaulM PandA.nl
*/
/* replaces old "select width settings" in currencies.php, manufacturers.php box and search.php box */
.boxText select {
width: 95%;
}
/* set pageheading text (now included in h1 tag) size back to normal size */
h1 {
margin-bottom: 20px;
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #9a9a9a;
}
/* product tabs */
TABLE.tabline {
  background: none;
  border-bottom: 0px solid;
  color: #dedede;
}

.tabcontent {
	padding: 10px; /* 1em acts little ike cellpadding, so dont touch this */
	margin: 0px;
	clear:both;
	background: url(images/design/bg_content_product_tabs.gif) no-repeat left top;
	/*background: #FFFAFA;*/   /* Background color */
	border-top:1px solid #6B6D6B;
	border-bottom:1px solid #6B6D6B;
    border-left:1px solid #6B6D6B;
	border-right:1px solid #6B6D6B; 
	font-family: Verdana, Arial, sans-serif;
	font-style:normal;
    color:#000000;      /* font color */
	font-size: 10px;    /* font size -- does not affect standard view */
}

.tabcontent_full {
	padding: 10px; /* 1em acts little ike cellpadding, so dont touch this */
	margin: 0px;
	clear:both;
	background: url(images/design/bg_content_product_tabs_full.gif) no-repeat left top;
	/*background: #FFFAFA;*/   /* Background color */
	border-top:1px solid #6B6D6B;
	border-bottom:1px solid #6B6D6B;
    border-left:1px solid #6B6D6B;
	border-right:1px solid #6B6D6B; 
	font-family: Verdana, Arial, sans-serif;
	font-style:normal;
    color:#000000;      /* font color */
	font-size: 10px;    /* font size -- does not affect standard view */
}

.ttc {
	padding: 4px; /* 1em acts little ike cellpadding, so dont touch this */
	margin: 0px;
	clear:both;
	background: #FFFAFA;   /* Background color */
	font-family: Verdana, Arial, sans-serif;
	font-style:normal;
    color:#000000;      /* font color */
	font-size: 10px;    /* font size -- does not affect standard view */
}

#mainnavtabbed1{
	clear:both;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#mainnavtabbed1 li{
	margin-left:0px; /* distance between tabs */
	margin-right:0px; /* distance between tabs */
	margin-top:0px;
    margin-bottom:0px;
	text-align: center; /* alignment of text within tabs */
	float:left;
/*	width:25%;  width of actual tab */
}

/* this is the active tab class, just as below */
#mainnavtabbed1 li a{
	margin-left:0px; /* distance between tabs */
	margin-right:2px; /* distance between tabs */
    margin-top:0px; /* distance between tabs */
    margin-bottom:0px; /* distance between tabs *******************/
	padding-left:10px; /* padding around the text within the tabs */
	padding-right:10px; /* padding around the text within the tabs */
	padding-top:3px; /* padding around the text within the tabs */
	padding-bottom:4px; /* padding around the text within the tabs */
	border-left:1px solid #6B6D6B; /* border of the inactive tab */
	border-top:1px solid #6B6D6B; /* border of the inactive tab */
	border-bottom:0px solid #6B6D6B; /* border of the inactive tab *******************/
	border-right:1px solid #6B6D6B; /* border of the inactive tab */
	background:none;
	display:block;
	color:#808080;
	text-decoration:none;
	font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
}

/* the folowing section deals with the tabbed button when active */

#mainnavtabbed1 li a.tabon,#mainnavtabbed1 li a.tabon:hover{
	color:#000000;        /* Font color on tab */
	font-weight: bold;
	background: url(images/design/heading_active_tab.jpg);
	border-left:1px solid #6B6D6B;
	border-top:1px solid #6B6D6B;
	border-bottom:0px solid #6B6D6B; /* border of the active tab *******************/
	border-right:1px solid #6B6D6B;
}

/* the folowing section deals with the tabbed button when hovered */
#mainnavtabbed1 li a:hover{
	color:#000000;      /* Font color on hover */
	background:none;
	border-left:1px solid #6B6D6B;
	border-top:1px solid #6B6D6B;
	border-bottom:0px solid #6B6D6B; /* border of the hover tab *******************/
	border-right:1px solid #6B6D6B;
}
h2{
	margin:0;
	font-size:120%;
	font-family:"trebuchet ms", verdana, sans-serif;
}
h1{
	margin:0;
	font-size:150%;
	color:#fff;
	font-family:"trebuchet ms", verdana, sans-serif;
}

HR {
	 color: #ccc;
     background-color: #ccc;
	 height: 1px;
	 border: none;
}

SPAN.product_tabsSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ce3929;
}

SPAN.xsell_productsSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #9a9a9a;
}

SPAN.xsell_productsPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ce3929;
}

/* effect */
div#tooltipDiv {
	padding: 3px;
	border: solid 1px #808080;
	display: none; /*white-space: nowrap;*/
	background: #FFF;
	color: #2B3D2B;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
}

/* tooltip */
a.tool { position:relative; cursor:help; }
a.tool:hover { text-decoration:none; }
a.tool span.tip { display:none; }
a.tool:hover span.tip {
	display:block;
	z-index:100;
	position:absolute;
	top:1.5em;
	left:0;
	width:auto;
	line-height:1.2em;
	padding:3px 7px 4px 6px;
	border:1px solid #336;
	background-color:#f7f7ee;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	text-align:left;
}
#content a.tool::after { padding-left:3px; content:url('/images/design/bubble.gif'); }