@charset "utf-8";
/* CSS Document */

/* Carousel */
:focus {
	outline: 0;
}


/******RIGHT PRODUCT GROUP BUTTONS*********/

/*******************STYLE******************/

a div#kidsBtn.prodGrpbtn {
	background: url(../../images/config/Kids_combine.jpg) 0 0 no-repeat;
	cursor: pointer;
}

a div#kidsBtn.prodGrpbtn:hover {
	background-position:-146px 0;
}

a div#greenBtn.prodGrpbtn {
	background: url(../../images/config/Green_combine.jpg) 0 0 no-repeat;
	cursor: pointer;
	
}

a div#greenBtn.prodGrpbtn:hover {
	background-position:-146px 0;
}

 div#giftsBtn.prodGrpbtn {
	background: url(../../images/config/Gift_combine.jpg) 0 0 no-repeat;
	cursor: pointer;
}

a div#giftsBtn.prodGrpbtn:hover {
		background-position:-146px 0;
}


/****************POSITIONING***************/
.prodGrpbtn{
display:block;
text-decoration: none;
height:117;
width:146;
margin:0 0 9 9;
}



/*******************************************
**************CAROUSEL STYLE****************
*******************************************/

#carouselMain {
background-color: #030303;
border: 2px solid #000;
}

#carouselMain .slide {
border: 0px;
}

#carouselMain .slide .slideText {
background-color: transparent;
    color:rgb(255,255,255);
}
#carouselMain .slide .slideText h3 {
font-family: Georgia, Palatino, Times, Serif;
color: rgb(255,255,255);
font-weight: bold;
font-size: 260%;
line-height: 110%;    
}
#carouselMain .slide .slideText p {
font-family: Arial, sans-serif;
font-weight: bold;
line-height: 130%;

font-size:160%;
}
#carouselMain .slide a{color: rgb(255,255,255)}

#carouselMain .thumbContainer .selected {
background: url(../../images/carousel/reflectBorder.png) no-repeat;
*background-color: transparent;
}

#carouselMain .featureButton img {
border: 1px solid #fafafa;
}

#carouselMain .featureButton canvas {
background: url(../../images/carousel/reflectBorder.png);
}

#carouselMain .featureButton.selected {
}

/*********END OF CAROUSEL STYLE************/

/*******************************************
*************CAROUSEL POSITION**************
*******************************************/

#carouselMain {
width: 638px;
height: 365px;
position: relative;
margin: 0 0 10px 0;
overflow: hidden;
}

#carouselMain .slide {
position: absolute;
top: 0px;
left: 0px;
}

#carouselMain .slide .slideText {
position: absolute;
left: -5;
top: -5px;
width: 350px;
padding-left: 15px;
z-index: 1000;
}

#carouselMain .slide .slideText h3 {
margin:10 0 0 0;
padding:0;
}

#carouselMain .slide .slideText p {
width:350px;
margin-top: 3px; 
padding-bottom:15px;
}

#carouselMain .thumbContainer {
position: absolute;
width: 638px;
left: 0px;
top: 320px; /*Vertical position of the thumbnails*/
}

#carouselMain .thumbContainer .selected {
height: 59px;
}

#carouselMain .featureButton {
position: relative;
float: left;
left: 6px;
width: 59px;
margin: 0 4px 0 0;
overflow: hidden;
}

#carouselMain .featureButton img {
position: relative;
margin-bottom: 2px;
*margin-bottom: 2px;
}

#carouselMain .featureButton canvas {
margin-top: 2px;
*margin-top: 2px;
width: 62px !important;
}


/*********END OF CAROUSEL POSITION************/