* {
 padding: 0;
 margin: 0;
 border: 0;
 
 }
 
html{
	height: 100%;
	margin-top:0px;
padding-top:0px;
font: small/1.4em Arial, Helvetica, sans-serif;
}

body {
 color: #404040; 
margin:50px 0px; padding:0px;
text-align:center;
height: 100%;
margin-top:0px;
padding-top:0px;
}

p.intro {
 font: 11px/1.3em Arial, Helvetica, sans-serif;
text-align:left;
}
ul{
 list-style: none;
 }
 li{
 margin-left:10px;
 }


#top{
position:relative;

background-color:#11669D;
width:100%;
height:	106px;
}

#cartHeader {
 color: #000; 
 font: 12px/1.3em Arial, Tahoma, sans-serif;
background-image: url(cartBack.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
position:	absolute;
right:	25px;
top:	5px;
width:	200px;
height:	100px;
margin: 10;
padding: 0;

}
div.headerNav{
position:	absolute;
left:	7px;
top:	73px;
margin: 0px;
padding: 0px;
}

div.headerNav a{
font-size:10px;
text-decoration: none;
}

ul.cartData {
 list-style: none;
position:	absolute;
text-align: left;
left:	0px;
top:	20px;
}


a.viewBasket:active, a.viewBasket:visited, a.viewBasket:link,a.viewBasket:hover {
font: 11px/1.3em Arial, Helvetica, sans-serif;
font-weight: bold;
color:#BCB7B6;
text-align: left;
 position:	absolute;
left:	125px;
top:	53px;
 }
 
li.cart {
 list-style: none;
display:block;
margin-left:10px;
}
img.cartImage {float: left;margin: 0px 0px;
position:	absolute;
right:	15px;
top:	10px;
  background: white;
}


#content{
float:left;
text-align: left;
margin:0px;
padding:0px;
/*border:1px solid #ddd;*/

}
img.featureHeaderImage{
float:left;
}
#breadCrumbs{

float:left;
/*border:1px solid #ddd;*/
width:100%;
text-align:left;

}
#main {

margin:0px auto;
	text-align:left;
	
 border: 1px solid #BFBEBE;
 padding: 0px;


 width:903px;
margin-top:0px;
padding-top:0px;
margin-left: auto;
margin-right: auto;

}

#left {
float:	left;
clear:left;
left:	0px;
top:	0px;
width:	158px;
position:relative;

/*border:1px solid #ddd;*/

}

#center {
float:left;
text-align: center;
width:566px;;
margin-top:0px;
padding-top:0px;
margin-left:10px;
margin-right:5px;

/*border:1px solid #ddd;*/


}
#right {
float:	right;
border: 0px solid #DCDEAA;
right:	0px;
top:	0px;
width:	158px;
position:relative;

/*border:1px solid #ddd;*/
}

#footer {

clear: both;
padding-top:10px;
margin-top:10px;
bottom:0px;

background:#fff;

background-repeat: no-repeat;
background-position:bottom;


text-align:center;

}
 div.categoryWrapper{
 text-align:left;
 }
 div.topLeftImage{
background-image: url(leftBoxTop.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 width:	157px;
 height:	37px;
padding-top:10px;
 font-size:16px;
 font-weight:bold;
 color:#FFFFFF;
 text-align:center;
 } 

 div.bottomLeftImage{
background-image: url(leftBoxBottom.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 width:	157px;
 height:	15px;
 }
  div.topRightImage{
background-image: url(rightBoxTop.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 width:	157px;
 height:	37px;
padding-top:8px;
 font-size:16px;
 font-weight:bold;
 color:#FFFFFF;
 text-align:center;
 } 

 div.bottomRightImage{
background-image: url(rightBoxBottom.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 width:	157px;
 height:	15px;
 }
 
span.itemHeader{
font-weight:bold;

}
 
/*left Nav */
.leftNav {
position:relative;
margin:0px;
padding:0px;
list-style-type:none;

}
 
.leftNav li {
margin:0;
padding:0;

}

.leftNav a{
display:block;
color:#bebebe;
text-decoration:none;
line-height:5; 
border-bottom:1px solid #e4e4e4;
}

.leftNav a:hover{
background:#faf6f6;
}

div.teaserBody {
background:#FFFFFF;
position:relative;
   width:	155px;
 border-left: 1px solid #bebebe;
 border-right: 1px solid #bebebe; 
 padding:0px;
  } 
  div.teaserBody span.text{
  font-weight:bold;
  margin:10px;
  }
    div.teaserBody span.number{
  font-weight:bold;
  font-size:14px;
  color:#11669C;
   padding:5px;
  
  }

 div.sideBox {
 width:150px;
float:left;
margin-bottom:15px;
}

 

/* Intro */
.featureLinks {
margin:0px;
padding:0px;
list-style-type:none;
position:relative;

}
 
.featureLinks li {
margin:0;
padding:0;
display:block;
}

.featureLinks a{

color:#bebebe;
text-decoration:none;
line-height:5; 
border-bottom:1px solid #e4e4e4;
}


 /*category */
 
 div.categoryPreview {
width:266px;
float:left;
margin:6px;
margin-bottom:15px;

}
 div.categoryPreview img{

float:left;
margin:5px;
}

div.categoryTeaserBody {
background:#FFFFFF;
position:relative;
   width:	264px;
 border-left: 1px solid #bebebe;
 border-right: 1px solid #bebebe; 

 padding:0px;
  font-size:11px;
 color: #404040; 
 text-align:left;
  } 
  div.categoryTopImage{
background-image: url(topImage.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 width:	266px;
 height:18px;

 font-size:12px;
 font-weight:bold;
color: #404040; 
 text-align:left;
 } 

div.categoryTopImage .title{
padding-left:10px;
}
 div.categoryBottomImage{
background-image: url(bottomImage.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 width:	266px;
 height:	18px;
 }
 
 /*shopping cart */
 
  #displayCart table{
 width:520px;
  
  }  
  
  #displayCart td{
 
  padding: 4px;
  text-align:right;
  }
  
 #displayCart td.header{
font: bold 0.9em Arial, Helvetica, sans-serif;
background-color: #ededed;
padding:5px;
}

#displayCart {
padding:10px;
border: 1px solid #ddd;

float:left;
}

/* side Cart */
div.sideCart a:active, div.sideCart a:visited, div.sideCart a:link,div.sideCart a:hover {
font-weight:bold;
}

/* products */
 
span.productPrice {
font-weight:bold;
}
span.productMoreInfo {
font-weight:normal;
color:#11669C;
}

 div.productPreview {
 width:550px;
float:left;
margin:3px;
padding:3px;
margin-bottom:15px;

}


div.buyNow{
float:left;
border:1px solid #ddd;
height:130px;
width:100%;
text-align: left;

}

div.moreInfo{
float:left;
border:1px solid #ddd;

width:100%;
text-align: left;
}

div.tabsHeader{
float:left;
    width:100%;
   margin:0px;
   padding:0px;
    font-size:93%;
    line-height:normal;
	 
}


 div.tabsHeader ul {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
    }
  div.tabsHeader li {
      float:left;
    background:url("newTabRight.jpg") no-repeat right top;
    margin:0;
    padding:0;
    }
	div.tabsHeader a {
    float:left;
    display:block;
    background:url("newTabLeft.jpg") no-repeat left top;
   padding:5px 10px 4px;
    }
	/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  div.tabsHeader a {float:none;}
  /* End IE5-Mac hack */
  	/*
  div.tabsHeader #current {
    background-image:url("newTabRightActive.jpg");
    }
  div.tabsHeader #current a {
    background-image:url("newTabLeftActive.jpg");
    }
    */
    
 
     div.tabsHeader a.active {
    font-weight:bold;
    }
	/* 
  div.tabsHeader #current a {
    background-image:url("newTabLeftActive.jpg");
	padding-bottom:5px;
    }
*/


.tabset_content	{ width:95%; background-color:white; float:left; z-index:1;margin:3px;margin-top:10px; display:none }
.tabset_label	{ display:none }

.tabset_content_active	{ display:block }

@media aural{
	.tabset_content,
	.tabset_label	{ display:block }
}
	
 div.productPreview img{

float:left;
margin:5px;
}

div.productTeaserBody {
background:#FFFFFF;
 
   width:	548px;
 border-left: 1px solid #bebebe;
 border-right: 1px solid #bebebe; 
margin:0px;
padding:0px;
  font-size:11px;
 color: #404040; 
 text-align:left;
float:left;

  } 
  
  div.manufacturerLogo{
float:right;
}
div.productRightPane{
width:282px;
float:right;
text-align:left;
}
div.productLeftPane{
width:250px;
float:left;
text-align:left;
}

div.productLeftPane div.relatedImage{
float:left;
margin:5px;
width:100px;
height:130px;
text-align:left;
}
 div.productTopImage{
background-image: url(productTop.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 width:	550px;
 height:18px;
margin:0px;
padding:0px;
 font-size:12px;
 font-weight:bold;
color: #404040; 
 text-align:left;
 float:left;
 } 

 div.productTopImage a.title{
margin-left:10px;
}

div.productPreview span.title{
margin-left:10px;
}
div.productBottomImage{
background-image: url(productBottom.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 width:	550px;
 height:	18px;
float:left;
margin:0px;
padding:0px;
 }
 
 
 
div.teaserBody ul{
list-style:none;
}
div.teaserBody ul li{
margin-left:10px;
}



#top_right_menu {
max-width: 250px;
color: #875FA8;
border: 1px solid #875FA8;
padding: 10px;
margin-bottom: 10px;
background-color: #DBD3E5;
position:absolute;
left:500px;
top:40px;
}



div.previousCustomer{
float:right;
margin-right:40px;

}

div.newCustomer{
float:left;
}

#register{
margin:0px;
}

div.registerForm{
clear:left;
float:left;

}

div.customerInfo{
text-align:left;
clear:left;
float:left;
margin-bottom:10px;
}
	


div.navHeader{
display:none;

}

#titleHeader{
clear:left;
border-bottom:1.2px solid #ddd;

text-align:left;
height:25px;
}





#navigation {

right:0px;
height:25px;
text-align:right;
padding:2px;
border-top:5px solid #000;
background:#000;
}


div.thumbBox{

width:160px;
float:left;

border-right:1.2px solid #ddd;
padding-right:10px;
margin-right:10px;
padding-left:5px;
}

div.textLeft{

text-align:left;

float:left;

padding:2px;
}
div.textRight{

text-align:left;
float:right;
width:520px;
border-left:1px dashed #7C9BB3;
padding:2px;
padding-left:8px;
margin-left:4px;

}

 
div.wrapper {
display:block;
clear:left;
margin-top:5px;
text-align:left;
padding-top:5px;
padding-bottom:5px;
height:100%;


}


div.separator {
width:40%;
clear:left;
}





 

  #sitemaps{

 width:218px;
float:left;
margin:5px;
}

 
div.clear {
clear:left;
}



h1.subHeader{
height:20px;
margin:0;
padding:0; 
padding-bottom:5px;

}
h2.subHeader{
font-size:14px;
margin:0;
padding:0; 
margin-top:10px;
margin-bottom:10px;
padding-bottom:5px;
color: #11669C;
}

h1.featureHeader{

height:30px;
padding:0px;
margin:0px;
}

h2{
font: 14px/1.3em Arial, Helvetica, sans-serif;
font-weight: bold;
 text-align: left;
margin-bottom:5px;
}

h3	{

 background-repeat: no-repeat;

 height: 25px;
 }
 h3.text{
 font: 12px/1.3em Arial, Helvetica, sans-serif;
font-weight: bold;
 text-align: left;
margin-bottom:5px;
 }
 h3 span {
 display:none;
 }
 
 /*
 h3.latestImagesHeader , h3.latestNewsHeader,h3.nowPlayingHeader,h3.usersOnlineHeader{
font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
color:#7C9BB3;
 height:30px;
 }
 */
 

#navigation li.element {
margin-left:4px;
display:inline;
}

#breadCrumbs li.element {
margin-left:2px;
display:inline;
}

div.header ul{
list-style: none;
}



div.header {
padding-bottom:10px;
}


 

 

 p.description-text{
 font-weight:normal;
 }
 
   ul.directory {

 text-align: left;
 list-style-type: none;
 }
 
  li.directory-link{
  font-weight:normal;
 padding-left:20px;
  list-style-type: none;

 }
   li.directory-category{
 font-weight:bold;
 list-style-type: none;
 padding:10px;
 
 }
 
   ul.sitemap {
 margin-left:30px;
 text-align: left;
list-style-image: url(sitemap.jpg);
 }
 
  li.sitemap{
  font-weight:normal;
 padding-left:20px;
 list-style-image: url(nib.jpg);
 }
   li.sitemap-top{
 font-weight:bold;
 padding-left:20px;
 list-style-image: url(greyNib.jpg);
 }
 
    ul.main-sitemap {
 margin-left:30px;
 text-align: left;
 }
     li.rss {
vertical-align: bottom;
}

/* ---------- a ---------- */


 
  a:active, a:visited, a:link{
color: #404040; 
 font: 12px/1.3em Arial, Helvetica, sans-serif;
 text-decoration:none;
 }
 
 
 a.title:active, a.title:visited, a.title:link{
color: #11669C; 
 font: 12px/1.3em Arial, Helvetica, sans-serif;
 text-decoration:none;
 font-weight:bold;
 }
 
  a.description:active, a.description:visited, a.description:link{
color: #404040;
 font: 11px/1.3em Arial, Helvetica, sans-serif;
 text-decoration:none;
 }

 p.intro a:active, p.intro a:visited, p.intro a:link{
color: #11669C; 
 font: 11px/1.3em Arial, Helvetica, sans-serif;
 text-decoration:none;
 font-weight:none;
 }
 


 

 
 a.sub {
color: #11669C;
border-bottom: 1px dotted #7C9BB3;

 }
   h2 a:active, h2 a:visited, h2 a:link,h2 a:hover {
  font: 20px Arial, Helvetica, sans-serif;

  color: #11669C;
 }


div.featurePreview{
padding-left:8px;
}


#slider {

padding:20px;
clear:left;
text-align:middle;
vertical-align:bottom;
bottom:0px;
}



img.imageThumbs{
clear:left;

}


 
 
 /* Advertising */
 
 div.topAd{
 position:relative;
 left:400px;
 top:90px;
 width:500px;

 }

 


/*Tabs navigation code */
#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
		background: url(../images/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}
	
	/*Forms */

	fieldset {
	margin: 1.5em 0 0 0 ;
	padding:0;
	border:1px solid #BFBEBE;
	width:500px;
	}

	fieldset.customerInfo {
	margin: 1.5em 0 0 0 ;
	padding: 1em;
	margin-bottom: 0.5em;
	border:1px solid #BFBEBE;
	width:512px;
	}
	
	fieldset.newCustomer {
	margin: 1.5em 0 0 0 ;
	padding:0;
	border:1px solid #BFBEBE;
	width:250px;
	height:250px;
	}
	fieldset.previousCustomer {
	
	padding:0;
	border:1px solid #BFBEBE;
	width:230px;
	height:250px;
	}
	
	legend {
	margin-left:1em;
	font-weight:bold;
	font-size:14px;
	}
	
	fieldset ol {
	padding: 1em 1em 0 1em;
	list-style:none;
	}
	
	fieldset li {
	padding-bottom:1em;
	}
	
	fieldset.submit {
	border-style:none;
	}
	
	label.login {
	float:left;
	width:10em;
	margin-right:1em;
	text-align:right;
	}
	
	span.required{
	color:#ff0000;
	}
	input {
 border:1px solid #BFBEBE;
}
