/* CSS Document */
body
{
margin:0;
}
.headerWrapper
{
	height:146px;
	margin:0;
	background-color: #FFFFFF;
	background-image: url(../images/header_Bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.header
{
width:913px;
height:146px;
margin:0px auto;
}
.headerCol1
{
width:12px;
height:137px;
margin:0px;
float:left;
}
.headerCol2
{
width:206px;
height:137px;
margin:0px;
float:left;
}
.headerCol3
{
	width:683px;
	height:137px;
	margin:0px;
	float:left;
	background-image: url(../images/header_Col3Bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.headerCol4
{
	width:12px;
	height:137px;
	margin:0px;
	float:right;
}
.headerCol3Row1
{
width:683px;
height:73px;
margin:0px;
float:left;
}
.headerCol3Row2
{
width:683px;
height:29px;
margin:0px;
float:left;
}
.headerCol3Row3
{
width:683px;
height:35px;
margin:0px;
float:left;
}
.headerCol3Row3 ul
{
padding:0;
margin:0px;
float:right;
}
.headerCol3Row3 ul li
{
padding:0;
margin:0px;
display:block;
float:left;
}
/*---------Menu Classes Starts--------*/
.menu
{
width:683px;
height:29px;
}
.menu ul
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.menu ul li
{
	height:29px;
	display:block;
	float:left;
}
.menu ul li .home,.menu ul li .home a
{
	display:block;
	width:70px;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: 0 -29px;
	text-indent: -9999px;
}
.menu ul li .home a:hover
{
	display:block;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	text-indent: -9999px;
}
.menu ul li .home .active
{
	display:block;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
.menu ul li .buffy,.menu ul li .buffy a
{
	display:block;
	width:120px;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -70px -29px;
	text-indent: -9999px;
}
.menu ul li .buffy a:hover
{
	display:block;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -70px 0px;
	text-indent: -9999px;
}
.menu ul li .buffy .active
{
	display:block;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -70px 0px;
	text-indent: -9999px;
}
.menu ul li .labyrinth,.menu ul li .labyrinth a
{
	display:block;
	width:148px;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -188px -29px;
	text-indent: -9999px;
}
.menu ul li .labyrinth a:hover
{
	display:block;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -188px 0px;
	text-indent: -9999px;
}
.menu ul li .labyrinth .active
{
	display:block;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -188px 0px;
	text-indent: -9999px;
}
.menu ul li .gloomy,.menu ul li .gloomy a
{
	display:block;
	width:110px;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -333px -29px;
	text-indent: -9999px;
}
.menu ul li .gloomy a:hover
{
	display:block;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -333px 0px;
	text-indent: -9999px;
}
.menu ul li .gloomy .active
{
	display:block;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -333px 0px;
	text-indent: -9999px;
}
.menu ul li .genki,.menu ul li .genki a
{
	display:block;
	width:73px;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -443px -29px;
	text-indent: -9999px;
}
.menu ul li .genki a:hover
{
	display:block;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -443px 0px;
	text-indent: -9999px;
}
.menu ul li .genki .active
{
	display:block;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -443px 0px;
	text-indent: -9999px;
}
.menu ul li .contact,.menu ul li .contact a
{
	display:block;
	width:95px;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -515px -29px;
	text-indent: -9999px;
}
.menu ul li .contact a:hover
{
	display:block;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -515px 0px;
	text-indent: -9999px;
}
.menu ul li .contact .active
{
	display:block;
	height:100%;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -515px 0px;
	text-indent: -9999px;
}
/*----------Menu Classes Ends------*/
/*----------Sitemap class starts heer--------*/
.sitemap
{
	margin:0;
	padding:0;
	width:187px;
	height:36px;
	background-image: url(../images/sitemap.gif);
	background-position: left top;
	float:right;
}
.sitemap ul
{
	margin:12px 0 0 -5px;
	*margin:12px 0 0 38px;	
}
.sitemap ul li
{
	margin:0;
	padding:0;
	display:block;
	float:left;
	font-family: Tahoma, Arial;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.sitemap ul li a
{
	color: #FFFFFF;
	text-decoration: none;
}
.sitemap ul li a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
/*-------------*/
.productWrapper
{
	width:913px;
	margin:0 auto;
}
.productWrapper .product
{
height:308px;
margin:0px auto;
float:left;
}
.productWrapper .productImage
{
width:319px;
margin:0px;
float:left;
}
.productWrapper .productImage .imageArea
{
width:319px;
margin:0px;
float:left;
}
.breadcrumb
{
	width:299px;
	margin:0px;
	
	float:left;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #4a6aac;
	text-decoration: none;
}
.breadcrumb a
{
	color: #4a6aac;
	text-decoration: none;
}
.breadcrumb a:hover
{
	color: #4a6aac;
	text-decoration: underline;
}
.breadcrumb span
{
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #6c767d;
	text-decoration: none;
	padding:0 0 0 5px
}
.productWrapper .productContent
{
width:383px;
_width:363px;
margin:15px 0 0 0px;
float:left;
}
.productWrapper .productContent ul
{
	margin:0 0 10px 15px;
	padding:0;
}
.productWrapper .productContent ul li
{
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #272d3a;
	text-decoration: none;
	margin:15px 0 0 0;
	padding:0;
	list-style-image: url(../images/bulletLi.gif);
	list-style-type: none;
	list-style-position: outside;
}
.productWrapper .productContent p
{
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #272d3a;
	text-decoration: none;
	margin:15px 0 0 10px;
	padding:0;
}
.productWrapper .productContent ol
{
	margin:0 0 10px 0px;
	padding:0;
}
.productWrapper .productContent ol li
{
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #272d3a;
	text-decoration: none;
	margin:5px 0 0 0;
	padding:0;
	list-style-type: none;
	list-style-position: outside;
}
.addToCart
{
	width:383px;
	_width:363px;
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #272d3a;
	text-decoration: none;
	margin:0 0 10px 15px;
}
.addToCart .addToCartCol1
{
	width:165px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #6A85BD;
	float:left;
}
.addToCart .addToCartCol2
{
	float:left;
	margin:10px 0 auto 15px;
}
.inputSmall
{
width:30px;
height:18px;
border:1px solid  #4d6cae;
margin:10px 0 0 10px;
font-family:Tahoma, Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #b71b15;
	text-decoration: none;
}
.productId
{
	font-family:Tahoma, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #506fb0;
	text-decoration: none;
}
.inStock
{
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #4e9a06;
	text-decoration: none;

}
.price
{
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #b71b15;
	text-decoration: none;

}
h1
{
	font-family:Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	/*color: #506fb0;*/
	color: #b71b15;
	text-decoration: none;
	margin:0;
	padding:0;
	line-height: 18px;
}
h2
{
	font-family:Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #505059;
	text-decoration: none;
	margin:0;
	padding:3px 0 0 0;
	line-height: 18px;
}
hr
{
	border: 1px solid #6A85BD;
}
.productWrapper .logos
{
width:211px;
_width:200px;
height:308px;
margin:0px;
float:right;
}
.productWrapper .highlights
{
	width:191px;
	_width:191px;
	height:340px;
	margin:0px;
	padding:40px 0px 0 20px;
	float:right;
	background-image: url(../images/highlights.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.productWrapper .highlights ul
{
	padding: 0;
	margin:0px 0 0 15px;
	width:160px;
}
.productWrapper .highlights ul li
{
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #272d3a;
	text-decoration: none;
	margin:10px 0 0 0;
	padding:0;
	list-style-image: url(../images/bulletLi.gif);
	list-style-type: none;
	list-style-position: outside;
}
.otherProductWrapper
{
	height:180px;
	*height:190px;
	background-color: #FFFFFF;
	background-image: url(../images/otherProducts_Bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.products
{
width:913px;
	margin:0 auto;
}
.products ul
{
padding:0px;
margin:2px 0 0 0;
}
.products ul li
{
	padding:2px 0 0 0;
	*padding:0px 0 0 0;
	margin:0;
	display:block;
	float:left;
}
.otherViews
{
	width:319px;
	height:133px;
	background-image: url(../images/rolloverImagesBg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.otherViews .imagesArea
{
padding:0;
margin:0;
}
.otherViews .imagesArea ul
{
padding:12px 0 0 12px;
margin:0;
}
.otherViews .imagesArea ul li
{
padding:0;
margin:0 3px;
}
.otherViews .heading
{
	height:15px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #506fb0;
	text-decoration: none;
	padding:15px 0 0 15px;
}
.otherViews .heading .small
{
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.scrollImagesArea
{
	width:575px;
	height:140px;
	padding:0 0 0 19px;
	background-color: #FFFFFF;
	background-image: url(../images/carouselBg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.scrollImagesArea .heading
{
	height:15px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #506fb0;
	text-decoration: none;
	padding:15px 0 0 5px;
}
.scrollImagesArea .mainImagesArea
{
	height:95px;
	margin:0;
	padding:0;
	
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 560px; /*Width of Carousel Viewer itself*/
height: 94px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 269px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.panel .panelCol1
{
	width:140px;
	float:left;
	margin:5px 0 0 0;
	padding:0;
}
.panel .panelCol2
{
	float:left;
	width:120px;
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #272d3a;
	text-decoration: none;
	margin:5px 0 0 0;
	padding:0;
	list-style-type: none;
	list-style-position: outside;
}
.panel .panelCol2 p
{
padding:0 0 10px 0;
margin:0;
}
p .more
{
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #272d3a;
	text-decoration: none;
}
p .more a
{
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #272d3a;
	text-decoration: underline;
}
p .more a:hover
{
	color: #b71b15;
	text-decoration: none;
}
.clr{
	clear:both;
	line-height:1px;
	font-size:1px;
}
.copyrightsWrapper
{
	height:36px;
	margin:0;
	background-color: #FFFFFF;
	background-image: url(../images/copyrights_Bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.copyrights
{
	width:200px;
	margin:0px auto;
	font-family: Arial, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #989999;
	text-decoration: none;
	padding:20px 0 5px 0;
}


.productWrapper .contact
{
width:580px;
margin:15px 0 0 10px;
float:left;
}

.productWrapper .contact ol li
{
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #272d3a;
	text-decoration: none;
	margin:0px 0px 0px -25px;
	padding:0;
	list-style-type: none;
	list-style-position: outside;
}

.productWrapper .sitemap2 ol li
{
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #272d3a;
	text-decoration: none;
	margin:0px;
	padding:10px 0 0 10px;
	list-style-type: none;
	list-style-position: outside;
	background-image: url(../images/red_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 14px;
	*background-position: left 18px;
}
.productWrapper .sitemap2 ol li a
{
 	color: #272d3a;
	text-decoration: underline;
}
.productWrapper .sitemap2 ol li a:hover
{
 	color: #b71b15;
	text-decoration: none;
}
.productWrapper .sitemap2 ol li ol li
{
	font-family:Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #272d3a;
	text-decoration: none;
	margin:0 0 0 -30px;
	padding:10px 0 0 10px;
	list-style-type: none;
	list-style-position: outside;
	background-image: url(../images/red_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 14px;
	*background-position: left 18px;
}
.productWrapper .sitemap2 ol li ol li a
{
 	color: #272d3a;
	text-decoration: underline;
}
.productWrapper .sitemap2 ol li ol li a:hover
{
 	color: #b71b15;
	text-decoration: none;
}