* { padding: 0; margin: 0; }
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 background:#ffffff;
 margin: 0;
}
img { 
 border:none;
}

input { 
 font-size:12px;
}

#pf { 
 display:none;
}

#bigwrapper { 
 margin: 0 auto;
 width: 100%;
}

#wrapper { 
 margin: 0 auto;
 width: 990px;
 background:#ffffff;
 padding:0;
}
#header {
 width: 970px;
 float: left;
 padding: 0;
 min-height:190px;
 height: auto !important;
 height: 190px;
 margin: 0 0 15px 0;
}
#toplogo {
 float: left;
 padding: 0;
 margin: 40px 0 0 40px;
 width:310px;
 height:90px;
}
#headermenu {
 float:right;
 margin: 20px 0 0 20px;
 line-height:11px;
}
#headermenu li{
 margin:0;
 padding:0;
 width:100%;
 list-style-type:none;
 float:left;
 text-transform:uppercase;
}
#headermenu ul{
 margin:0;
 padding:0;
 width:100%;
 float:left;
}
#headermenu li a{
float: left;
color: #404040;
padding: 3px 5px 3px 5px;
text-decoration: none;
margin:0;
}

#headermenu li a:hover, #headermenu li .current, #headermenu li .current{
color: #f2f2f2;
background:#101010;
}

#topbanner {
 float:left;
 width:990px;
 height:370px;
 overflow:hidden;
 margin:0;
 padding:0;
 background:#000000;
}
#topbanner ul, #topbanner li { 
 margin:0;
 padding:0;
 list-style:none;
}
#topbanner li { 
 width:990px;
 height:370px;
 overflow:hidden;
}

.headerhl_left {
 float:right;
 padding:0;
 margin: 0 4px 10px 0;
 font-weight:bold;
 display:block;
}
.headerhl_left a, .headerhl_left a:visited{
 text-decoration: none;
 color:#404040;
}

.headerhl {
 float:left;
 padding:0;
 margin: 0 0 10px 4px;
 font-weight:bold;
 display:block;
}
.headerhl a, .headerhl a:visited{
 text-decoration: none;
 color:#404040;
}
.headerhl h1{
 font-size:11px;
 font-family:arial;
 font-weight:bold;
 color:#404040;
 margin:0;
 padding:0;
 line-height:11px;
}

.headermenuholder {
 float:left;
 padding:0;
 margin: 0;
 width:155px;
 overflow:visible;
 display:block;
}
.divider {
 float:left;
 width:3px;
 padding:0;
 margin: 0 7px 0 8px;
 height:107px;
}

#cart {
 padding: 8px 8px 0 15px;
 width:440px;
 font-size: 12px;
 color:#f2f2f2;
 margin: 0;
 height:21px;
 background:#202020;
}
#cart a {
 color:#f2f2f2;
}

#customer {
 position:relative;
 padding: 8px 12px 0 0;
 width:460px;
 font-size: 12px;
 color:#303030;
 margin: 0;
 height:21px;
 float:right;
 text-align:right;
}
#customer a {
 color:#303030;
}

#highlight {
 margin: 0;
 background:url("../images/site/bg_highlight.jpg") no-repeat;
 background-position: bottom;
 width:990px;
 min-height:280px;
 height: auto !important;
 height: 280px;
 padding:0;
 clear:both;
 position:relative;
}

#highlight_store {
 margin: 0;
 background:url("../images/site/bg_highlight.jpg") no-repeat;
 background-position: bottom;
 width:990px;
 min-height:480px;
 height: auto !important;
 height: 480px;
 padding:0 0 0 0;
 clear:both;
 position:relative;
}
#highlight_inner {
 margin: 0 20px 0 20px;
 padding:0;
 clear:both;
 position:relative;
 width:950px;
}

#content {
 margin: 0;
 width:950px;
 min-height:28px;
 height: auto !important;
 height: 28px;
 padding:20px;
 clear:both;
 background:url("../images/site/bg_bottom.jpg") no-repeat;
 color:#999999;
}
#content h1 {
 color:#d9d9d9;
}
#content a{ 
 color:#858585;
 text-decoration:none;
 font-size:9px;
 text-transform: uppercase;
}

#footer { 
 width: 990px;
 clear: both;
 margin: 5px 0 0 0;
 padding:0;
 min-height:145px;
 height: auto !important;
 height: 145px;
 background:url("../images/site/bg_bottom.jpg") no-repeat;
 color:#f2f2f2;
 text-align:center;
 position:relative;
}
#footer a{ 
 color:#f2f2f2;
}
#footer .brands a{ 
 color:#757575;
 text-decoration:none;
 font-size:9px;
}
#footer .div1{ 
 float:left;
 width: 270px;
 margin: 20px 0 10px 20px;
 padding:0;
 height:125px;
 color:#f2f2f2;
 line-height:14px;
 text-align:left;
}
#footer .div2{ 
 float:left;
 width: 280px;
 margin: 20px 0 10px 20px;
 padding:0;
 height:125px;
 color:#f2f2f2;
 line-height:14px;
 text-align:left;
}
#footer .div3{ 
 float:left;
 width: 330px;
 margin: 20px 0 10px 20px;
 padding:0;
 height:125px;
 color:#f2f2f2;
 line-height:13px;
 text-align:left;
}
.submit { 
 cursor:pointer;
 float:right;
 margin:0;
 padding:6px 10px 6px 10px;
 background:#303030;
 color:#f2f2f2;
}


#tigerton {position:absolute; color:#909090; top:124px; right:10px;;}
#tigerton a, #tigerton a:hover, #tigerton a:visited{text-decoration:underline;}

H1 	{font-family: Georgia, serif; font-weight:normal; font-size: 26px; margin:0; line-height:29px; color:#505050;}
H2 	{font-family: Georgia; font-weight:normal; font-size: 15px; margin:0px; line-height:18px; color:#505050;}
H3 	{font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size: 13px; margin:0px; line-height:15px; color:#909090;}
H4 	{font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px; margin:0px; line-height:20px;}
H5 	{font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; margin:0px;}


a:visited	{color:#336699; text-decoration:underline;}
a:active	{color:#336699; text-decoration:underline;}
a			{color:#336699; text-decoration:underline;}
a:hover		{color:#336699; text-decoration:underline;}
	
.space1		{clear:both; height: 1px; line-height:1px; font-size:1px;}
.space5 	{clear:both; height: 5px; line-height:5px; font-size:5px;}
.space7 	{clear:both; height: 7px; line-height:7px; font-size:7px;}
.space10	{clear:both; height: 10px; line-height:10px; font-size:10px;}
.space20	{clear:both; height: 20px; line-height:20px; font-size:20px;}





/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 898px;
	min-height:250px;
 	height: auto !important;
 	height: 250px;
 	margin:0;

	/* custom decorations */
	/*border:1px solid #ccc;
	background:#ff0000;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:30000em;
	position:absolute;
	clear:both;
}


.scrollable .div {
	float:left;
	margin:0;
	padding:0 45px 0 10px;
	cursor:pointer;
	width:175px;
	min-height:205px;
 	height: auto !important;
 	height: 205px;
}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
}



/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/site/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px; margin-top:80px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 5px; margin-top:80px;} 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	



/* position and dimensions of the navigator */
.navi {
	margin:0 auto;
	height:35px;
	width:65px;
	position:relative;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/site/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	position:relative;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}