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


body  {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background-color: #b5e7de;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
A {
	color:#003d59;
	text-decoration:none;
}
img {
	border:0;
}
#container{
	width:960px;
	text-align:left;
	margin:auto;
}
.textSmall1 {
	font-size:0.85em;
}
.textSmall2{
	font-size:0.8em;
}
.textLarge1{
	font-size:1.1em;
}
.textLarge2{
	font-size:1.2em;
}
.textLarge3{
	font-size:16px;
	font-weight:bold;
}
.textLarge4{
	font-size:25px;
}
.textLarge5{
	font-size:16px;
	font-weight:bold;
}
.textError{
	/*color:#C00000;*/
	color:#FFFFFF;
}
.titleWhite{
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
}
.authorName{
	color:#532409;
}
.h3{
	margin:0;
	padding:0;
}
.textOrange{
	color:#f6911e;
}
.textRed{
	color:#e20062;
}
.textRed2{
	color:#bc1f2d;
}
/* BASIC GRID--------------------------------*/
.contentBlock {
	width:960px;
	/*margin-top:6px;*/
}
.leftColumn{
	width:325px;
	float:left;
}
.rightColumn{
	width:635px;
	float:left;
}



/* HEADER CLASSES-------------------------------------------------------------------- */
#header{
	width:960px;
	margin-top:15px;
	height:251px;
}
#logo{
	width:310px;
	height:226px;
	background:url(../images/sprite_1.gif) 26px 0 no-repeat;
	float:left;
}
#login{
	width:150px;
	float:left;
	margin-left:10px;
	text-align:right;
	margin-top:25px;
	font-size:11px;
	line-height:16px;
	margin-right:-3px;/*fix for the IE6 duplicate characters bug*/
}
#login a {
	display:block;
}
.searchBox{
	margin-top:125px;
}
.searchBox input{
	border:0;
}
.searchBox .inputBox{
	border:1px solid #dedfe0;
	padding:3px;
	width:100px;
}
.inputTitle{
	float:left;
	padding-top:3px;
}
.searchBox .submitButton{
	width:22px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -330px no-repeat;
}
#menu{
	width:150px;
	float:left;
	margin-left:15px;
	margin-top:25px;
}
.menuItem1, .menuItem2,.menuItem3,.menuItem4,.menuItem5,.menuItem6,.menuItem7{
	width:135px;
	height:18px;
	margin-bottom:7px;
	padding-top:4px;
	padding-left:15px;
	color:#FFFFFF;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(100,100,100, .5); 
	font-size:11px;
}
.menuItem1Active, .menuItem2Active,.menuItem3Active,.menuItem4Active,.menuItem5Active,.menuItem6Active,.menuItem7Active{
	width:123px;
	height:18px;
	margin-bottom:7px;
	padding-top:4px;
	padding-left:27px;
	color:#FFFFFF;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(100,100,100, .5); 
	font-size:11px;
}

.menuItem1{
	background:url(../images/sprite_1.gif) -779px -30px no-repeat;
}
.menuItem2{
	background:url(../images/sprite_1.gif) -779px -60px no-repeat;
}
.menuItem3{
	background:url(../images/sprite_1.gif) -779px -90px no-repeat;
}
.menuItem4{
	background:url(../images/sprite_1.gif) -779px -120px no-repeat;
}
.menuItem5{
	background:url(../images/sprite_1.gif) -779px -150px no-repeat;
}
.menuItem6{
	background:url(../images/sprite_1.gif) -779px -180px no-repeat;
}
.menuItem7{
	background:url(../images/sprite_1.gif) -779px -210px no-repeat;
}
.menuItem1Active{
	background:url(../images/sprite_1.gif) -979px -30px no-repeat;
	
}
.menuItem2Active{
	background:url(../images/sprite_1.gif) -979px -60px no-repeat;
}
.menuItem3Active{
	background:url(../images/sprite_1.gif) -979px -90px no-repeat;
}
.menuItem4Active{
	background:url(../images/sprite_1.gif) -979px -120px no-repeat;
}
.menuItem5Active{
	background:url(../images/sprite_1.gif) -979px -150px no-repeat;
}
.menuItem6Active{
	background:url(../images/sprite_1.gif) -979px -180px no-repeat;
}
.menuItem7Active{
	background:url(../images/sprite_1.gif) -979px -210px no-repeat;
}

#welcomeText{
	padding-top:22px;
	margin-left:10px;
	width:180px;
	padding-right:135px;
	float:left;
	background:url(../images/sprite_1.gif) -440px -14px no-repeat;
	font-size:11px;
}
#welcomeText h4{
	padding:0;
	margin:0;
}
#welcomeText p{
	margin:13px 0 0 0;
	padding:0;
	line-height:15px;
}

/* INDEX PAGE CLASSES-------------------------------------------------------------------- */

	/* VIDEO MODULE -----------------------------*/
	
#videoModule{
	width:635px;
}	
#videoModule .top{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -480px no-repeat;
}
#videoModule .middle{
	background-color:#232323;
	/*width:635px;
	overflow:hidden;	*/
}
#videoModule .middle p{
	/*margin:0;
	padding:0;*/
}
#videoModule .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -510px no-repeat;
}	
#videoModule .bottom2{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -630px no-repeat;
}
#questionPlayer{
	background-color:#000000;
}

		/*VIDEO ANSWER UPLOAD CLASSES -------------------- */
		
.videoAnswerUpload{
	width:605px;
	margin-left:15px;
	color:#FFFFFF;
	padding:20px 0 20px 0
}
.videoAnswerUpload .btnPreview{
	width:77px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -330px no-repeat;
	margin-top:10px;
	float:left;
	margin-top:15px;
}
.videoAnswerUpload .btnSend{
	width:82px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -360px no-repeat;
	margin-top:10px;
	float:left;
	/*margin-left:15px;*/
	margin-top:15px;
}

.uploadForm{}
.uploadForm ul{
	margin:0;
	padding:0;
}
.uploadForm li{
	list-style:none;
}
.uploadForm .inputBoxTitle{
	text-align:right;
	width:136px;
	padding-top:3px;
	height:17px;
	padding-right:10px;
	margin-top:10px;
	clear:left;
	float:left;
	font-size:12px;
}
.uploadForm .inputBoxField{
	width:150px;
	/*height:20px;*/
	float:left;
	background:#FFFFFF;
	clear:right;
	margin-top:10px;
}
.uploadForm .inputBoxField input{
	border:0;
	width:145px;
	height:18px;
	background-color:transparent;
	padding:2px 0 0 5px;
	margin:0;
}
.uploadForm .uploadBoxField{
	/*width:150px;
	height:20px;*/
	float:left;
	/*background:#FFFFFF;*/
	clear:right;
	margin-top:10px;
}
.uploadForm .uploadBoxField input{
	width:233px;
	/*height:18px;
	background-color:transparent;*/
	padding:2px 0 0 5px;
	margin:0;
}
.uploadForm .termsAgree{
	width:380px;
	float:left;
	font-size:11px;
	margin-top:10px;
	margin-left:-4px;
}
.uploadForm .termsAgree a{
	color:#ffff00;
}


		/* TEXT ANSWER UPLOAD CLASSES -------------------------------*/

.answerTextSubmit{
	color:#FFFFFF;
	padding:18px 0 18px 18px;
}

.answerTextSubmit ul{
	margin:0;
	padding:0;
}
.answerTextSubmit li{
	list-style:none;
}
.answerTextSubmit .inputBoxTitle{
	text-align:right;
	width:133px;
	padding-top:3px;
	height:17px;
	padding-right:10px;
	margin-top:10px;
	clear:left;
	float:left;
	font-size:12px;
}
.answerTextSubmit .inputBoxField{
	width:150px;
	/*height:20px;*/
	float:left;
	background:#FFFFFF;
	clear:right;
	margin-top:10px;
}
.answerTextSubmit .inputBoxField input{
	border:0;
	width:145px;
	height:18px;
	background-color:transparent;
	padding:2px 0 0 5px;
	margin:0;
}

.answerTextSubmit .textAreaField{
	width:315px;
	height:195px;
	float:left;
	background:#FFFFFF;
	margin-top:10px;
	clear:right;
}
.answerTextSubmit .textAreaField textArea{
	width:305px;
	height:188px;
	border:0;
	background-color:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:2px 0 0 5px;
}

.answerTextSubmit .noRobots{
	width:265px;
	height:17px;
	padding-top:3px;
	padding-left:5px;
	padding-right:10px;
	background-color:#1b75ba;
	color:#FFFFFF;
	margin-top:10px;
	font-weight:bold;
	font-size:11px;
	float:left;
}
.answerTextSubmit .inputBoxFieldShort{
	width:30px;
	height:20px;
	float:left;
	clear:right;
	background:#FFFFFF;
	margin:10px 0 0 5px;
}
.answerTextSubmit .inputBoxFieldShort input{
	border:0;
	width:30px;
	height:18px;
	background-color:transparent;
	padding:2px 0 0 5px;
	margin:0;
}

.answerTextSubmit .btnPreview{
	width:77px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -330px no-repeat;
	margin-top:10px;
	float:left;
	margin-top:15px;
}
.answerTextSubmit .btnSubmit{
	width:82px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -360px no-repeat;
	margin-top:10px;
	float:left;
	margin-left:10px;
	margin-top:15px;
}
.answerTextSubmit .termsAgree{
	width:380px;
	float:left;
	font-size:11px;
	margin-top:10px;
	margin-left:-4px;
}
.answerTextSubmit .termsAgree a{
	color:#ffff00;
}


.bigBoxTitle{
	background-color:#000000;
	height:27px;
	width:620px;
	padding:0 0 0 15px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
}
.bigBoxTitle a{
	color:#addee3;
}
.bigBoxTitle em{
	color:#FFCC33;
}
.closeBtn{
	width:74px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -390px no-repeat;
	float:right;
	margin-right:15px;
	margin-top:-18px;
}

.previewMessage{
	position:relative;
	padding:10px;
	background-color:#ee8668;
	color:#FFFFFF;
	font-size:11px;
	line-height:15px;
	margin:15px 0 15px -3px;
	width:585px;
}
.errorMessage{
/*	position:relative;
	padding:10px;
	background-color:#f4141e;
	color:#FFFFFF;
	font-size:11px;
	line-height:15px;
	margin:15px 0 15px -3px;
	width:585px;*/
	 position:relative;
	 padding:10px;
	 background-color:#f4141e;
	 color:#FFFFFF;
	 font-size:11px;
	 line-height:15px;
	 margin:15px 0 15px 15px;
	 width:570px;
}
.succesMessage{
  position:relative;
  padding:10px;
  background-color:#05A705;
  color:#FFFFFF;
  font-size:11px;
  line-height:15px;
  margin:15px 0 15px 15px;
  width:570px;
}



		/*ANSWER CONFIRMATION  -------------------------------*/

.answerConfirmation{
	color:#FFFFFF;
	padding:18px;
}

.answerConfirmation .message{
	width:285px;
	float:left;
}

.answerConfirmation .message input{
	border:0;
	background-color:#FFFFFF;
	width:285px;
	margin-top:5px;
}
.answerConfirmation .message p{
	line-height:15px;
	font-size:12px;
	margin-top:0;
	padding-top:0;
	margin-bottom:10px;
	padding-bottom:0;
}
.answerConfirmation ul{
	margin:0;
	padding:0;
	float:right;
	width:300px;
}
.answerConfirmation li{
	list-style:none;
}
.answerConfirmation .inputBoxField{
	width:150px;
	/*height:20px;*/
	background:#FFFFFF;
	margin-top:10px;
}
.answerConfirmation .inputBoxField input{
	border:0;
	width:145px;
	height:18px;
	background-color:transparent;
	padding:2px 0 0 5px;
	margin:0;
}

.answerConfirmation .textAreaField{
	width:301px;
	height:195px;
	background:#FFFFFF;
	margin-top:10px;
	clear:right;
}
.answerConfirmation .textAreaField textArea{
	width:291px;
	height:188px;
	border:0;
	background-color:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:2px 0 0 5px;
	font-size:12px;
}

.answerConfirmation .btnPreview{
	width:77px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -330px no-repeat;
	margin-top:10px;
	float:left;
	margin-top:15px;
}
.answerConfirmation .btnSend{
	width:71px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -420px no-repeat;
	margin-top:10px;
	float:left;
	margin-left:10px;
	margin-top:15px;
}

		/* VIDEO ANSWER MODULE -----------------------------*/
		
#videoAnswerModule{
	width:635px;
	text-align:center;
}		
#videoAnswerModule .top{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -480px no-repeat;
}
#videoAnswerModule .middle{
	/*background-color:#232323;	*/
	background-color:#000000;
}
#videoAnswerModule .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -510px no-repeat;
}
.theAuthor{
	color:#fae81d;
	padding:16px 0 16px 0;
	font-size:12px;
}
.theAuthor a{
	color:#fae81d;
	padding:16px 0 16px 0;
	font-size:12px;
}
.thePlayer{
}
.thePlayer .container{
	width:434px;
	padding-bottom:7px;
	background-color:#000000;
	margin:auto;
}
.theRecorder{
	padding:50px 0 50px 0;
}
.theRating{
	color:#FFFFFF;
	padding:16px 0 0 0;
	font-size:12px;
}
.theRating img{
	margin-bottom:-3px;
	margin-right:1px;
}
.thePermalink{
	color:#FFFFFF;
	padding:16px 0 16px 0;
	font-size:12px;
}
.thePermalink input{
	border:0;
	background-color:#FFFFFF;
	width:220px;
}

.movieNavi{
	float:left;
	position:relative;
	left:50%;
	text-align:left;
}
.movieNavi ul{
	list-style:none;
	position:relative;
	left:-50%;
	padding-right:40px;
}
.movieNavi li{
	float:left;
	position:relative;
}/* ie needs position:relative here*/

.prevAnswer{
	width:145px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -660px  no-repeat;
	margin-right:10px;	
}
.nextAnswer{
	width:134px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -690px  no-repeat;
}
.closeAnswer{
	width:73px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -720px  no-repeat;
	margin-right:10px;	
}
.postAnswer{
	width:106px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -750px  no-repeat;
	float:left;	
	margin-right:10px;
	/*margin-left:84px;	*/
}
.backBtn{
	width:89px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -780px  no-repeat;
	float:left;	
	margin-right:10px;	
}


	/* QUESTION BOX -----------------------------*/

.questionBox{
	width:325px;
}
.questionBox .top{
	width:310px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -250px no-repeat;
}
.questionBox .middle{
	width:325px;
	background:url(../images/sprite_1.gif) -854px -341px no-repeat;
}
.questionBox .middle .theQuestion{
	width:270px;
	height:186px;
	background-color:#000000;
	color:#FFFF00;
	overflow:hidden;
	padding:0 20px 0 20px;
}
.questionBox .middle .theQuestion h3{
	margin:0;
	padding:0;
}

.questionsNavi{
	color:#FFFFFF;
	margin-bottom:6px;
	background-color:#00FF99;
}
.questionsNavi .prev,  .questionsNavi .next{
	float:left;
	/*width:22px;*/
	height:21px;
	padding-top:1px;
}
.questionNo{
	float:left;
	width:120px;
	text-align:center;
	font-size:12px;
}

.questionBox .bottom{
	width:310px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -280px no-repeat;
}

	/*ANSWER OPTIONS BOX --------------------------------*/
	
.answerBox{
	width:310px;
}
.answerBox .top{
	width:310px;
	height:25px;
	background:url(../images/sprite_1.gif) 0 -317px no-repeat;
}
.answerBox .middle{
	width:280px;
	background:#FFFFFF;
	height:152px;
	padding:5px 10px 15px 20px;
}
.answerBox .middle h4{
	margin:0;
	padding:0;
}
.answerBox .middle h5{
	margin:0 0 15px 0;
}
.answerBox .bottom{
	width:310px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -360px no-repeat;
}

.answerBox .webcamAnswer{
	width:175px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -240px no-repeat;
	margin-top:10px;
	float:left;
}
.answerBox .uploadAnswer{
	width:182px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -270px no-repeat;
	margin-top:10px;
	float:left;
}
.answerBox .textAnswer{
	width:135px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -300px no-repeat;
	margin-top:10px;
	float:left;
}
.answersNumber{
	height:17px;
	margin-top:10px;
	float:left;
	clear:right;
	margin-left:5px;
	font-size:11px;
	padding-top:5px;
	width:90px;
}



	/* PRIZES BOX --------------------------------*/
	
.prizesBox{
	width:310px;
}
.prizesBox .top{
	width:310px;
	height:25px;
	background:url(../images/sprite_1.gif) 0 -387px no-repeat;
}
.prizesBox .middle{
	width:270px;
	background:#36bfb7;
	padding:5px 20px 10px 20px;
	color:#FFFFFF;
}
.prizesBox .middle p{
	font-size:11px;
	line-height:15px;
	margin-top:5px;
	padding-top:0px;
}

.prizesBox .middle a {
	color:#004a61;
}
.prizesBox .middle h4{
	margin:0;
	padding:0;
}


.prizesBox .bottom{
	width:310px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -430px no-repeat;
}
.prizesText h4{
	margin:0;
	padding:0;
}

	/*BLOG EXCERPT BOX -------------------------*/
	
.blogExcerptBox{
	width:310px;
}
.blogExcerptBox .top{
	width:310px;
	height:25px;
	background:url(../images/sprite_1.gif) 0 -1237px no-repeat;
}
.blogExcerptBox .middle{
	width:270px;
	background:#e16d42;
	padding:5px 20px 10px 20px;
	color:#FFFFFF;
	font-size:11px;
}
.blogExcerptBox .bottom{
	width:310px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -1280px no-repeat;
}
.blogExcerptBox .middle h4{
	margin:0;
	padding:0;
}

	/* USER ANSWERS BOX ------------------------*/
#userAnswers{
	width:635px;
}	
#userAnswers .top{
	width:635px;
	height:25px;
	background:url(../images/sprite_1.gif) 0 -547px no-repeat;
}
#userAnswers .middle{
	width:605px;
	background-color:#c76d4c;
	padding:5px 15px 20px 15px;
	overflow:hidden;
}
.textAnswers{
	padding-top:20px;
}
.textAnswers ul{
	margin:0;
	padding:0;
}
.textAnswers li{
	list-style:none;
	margin-right:4px;
	margin-bottom:5px;
	color:#FFFFFF;
	margin-top:10px;
	font-size:11px;
	line-height:15px;
}
.textAnswers a{
	color:#feee95;
}
#userAnswers .middle p{
	margin:0;
	padding:0;
}
#userAnswers .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -590px no-repeat;
}
.answersNavigation{
	color:#feee95;
}
.answersNavigation a{
	color:#FFFFFF;
	padding:0 5px 0 5px;
}	
.answersNavigation .activePage{
	width:27px;
	height:19px;
	background:url(../images/sprite_1.gif) -779px -1170px no-repeat;
	color:#ee8668;
	text-align:center;
}

.answersNavigation ul{
	margin:0;
	padding:0;
}
.answersNavigation li{
	list-style:none;
	float:left;
	height:19px;
	padding-top:3px;
}

.orderList{
	float:right;
	margin-top:-23px;
	color:#b4d9e2;
	font-size:0.85em;
	/*width:200px;*/
	color:#feee95;
}
.orderList a {
	color:#FFFFFF;
}
.moreAnswers{
	text-align:right;
	font-size:12px;
}
.moreAnswers a{
	color:#003d59;
}

#userAnswers2{
	width:635px;
}	
#userAnswers2 .top{
	width:635px;
	height:25px;
	background:url(../images/sprite_1.gif) 0 -1157px no-repeat;
}
#userAnswers2 .middle{
	width:605px;
	background-color:#2e435e;
	padding:5px 15px 3px 15px;
	overflow:hidden;
}
#userAnswers2 .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -1200px no-repeat;
}	
.videoAnswers {
	/*padding-bottom:3px;
	border-bottom:1px solid #b5e7de;*/
}
.videoAnswers ul{
	margin:0;
	padding:0;
}
.videoAnswers li{
	list-style:none;
	float:left;
	margin-right:4px;
	margin-bottom:5px;
}
.videoAnswers a{
	color:#c4cd3c;
}


/*SHOPSHOP CLASSES --------------------------------------------------------------------*/


	/* LEFT SIDE EXPLANATION BOX ------------*/
.shoppingBox{
	width:325px;
}
.shoppingBox .top{
	width:310px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -700px no-repeat;
}
.shoppingBox .middle{
	width:325px;
	background:url(../images/sprite_1.gif) -854px -650px no-repeat;
}
.shoppingBox .middle .theQuestion{
	width:270px;
	background-color:#36beb7;
	overflow:hidden;
	padding:0 20px 0 20px;
	color:#FFFFFF;
	font-size:11px;
}
.shoppingBox .middle .theQuestion h4{
	margin:0;
	padding:0;
}
.shoppingBox .bottom{
	width:310px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -730px no-repeat;
}
.step {
	padding:15px 0 15px 0;
	margin:15px 0 15px 0;
	color:#f3ff68;
	border-top:1px solid #a4e0dc;
	border-bottom:1px solid #a4e0dc;
}
.step1, .step2, .step3, .step4, .step5 {
	width:30px;
	height:30px;
	margin-right:10px;
	float:left;
}
.step1{
	background:url(../images/sprite_1.gif) -713px -779px no-repeat;
}
.step2{
	background:url(../images/sprite_1.gif) -713px -879px no-repeat;
}
.step3{
	background:url(../images/sprite_1.gif) -713px -979px no-repeat;
}
.step4{
	background:url(../images/sprite_1.gif) -713px -1079px no-repeat;
}
.step5{
	background:url(../images/sprite_1.gif) -713px -1179px no-repeat;
}
	/*PRODUCTS LISTING  ----------- */
	
.btnCart{
	width:101px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -510px no-repeat;
	float:right;
	margin-right:15px;
	margin-top:-18px;
}

#productsList{
	width:605px;
	margin-left:15px;
	margin-top:22px;
}
.listNavi{
	color:#e20062;
}
.listNavi a{
	padding:4px 8px 4px 8px;
	background-color:#a7aaac;
	color:#FFFFFF;
	margin-left:3px;
	font-weight:bold;
	font-size:11px;
}
.listNavi .current{
	background-color:#e20062;
}

#productsList ul{
	margin:0;
	padding:0;
}
#productsList li{
	list-style:none;
	font-size:11px;
	margin-top:12px;
	line-height:15px;
	height:215px;
	background-color:#FFFFFF;
	width:275px;
	padding-top:10px;
	padding-right:15px;
	float:left;
	margin-right:10px;
}
#productsList .productDetails{
	float:left;
	width:120px;
}

	/* SHOPPING CART ----------*/
	
#shoppingModule{
	width:635px;
}	
#shoppingModule .top{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -480px no-repeat;
}
#shoppingModule .middle{
	background-color:#def5f0;	
}
#shoppingModule .middle p{
	/*margin:0;
	padding:0;*/
}
#shoppingModule .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -660px no-repeat;
}	
.addToBaket{
	width:605px;
	margin-left:15px;
	margin-top:22px;
}
.addProduct{
	margin-top:7px;
	background-color:#FFFFFF;
	width:100%;
}
#addToCart{
	width:605px;
	margin-left:15px;
	margin-top:22px;
	position:relative;
}
#addToCart ul, #onCart ul{
	margin:10px 0 0 0;
	padding:0;
}

#addToCart li{
	list-style:none;
	font-size:11px;
	line-height:15px;
	height:190px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}
.addButton{
	/*margin-top:15px;*/
	width:113px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -480px  no-repeat;
}
.addButton2{
	/*margin-top:15px;*/
	width:113px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -480px  no-repeat;
}
.productSelects{
	position:absolute;
	left:154px;
	top:194px;
}
.productPicture{
	float:left;
	width:140px;
	height:180px;
	overflow:hidden;
	margin-right:10px;
	margin-left:5px;
	display:inline;
}
.productDetails{
	padding-top:15px;
	position:relative;
}
.productDetails input, .productSelects input{
	border:0;
	background-color:transparent;
	cursor:pointer;
}
.productSelects td{
	margin:0;
	padding:0;
}
#onCart{
	width:605px;
	margin-left:15px;
	margin-top:22px;
	background:url(../images/transport_gratuit.gif) 350px 50px no-repeat;
}
#onCart li{
	list-style:none;
	font-size:11px;
	margin-top:12px;
	line-height:15px;
	height:240px;
	background-color:#FFFFFF;
	width:275px;
	padding-top:10px;
	padding-right:15px;
}
#onCart .productDetails{
	float:left;
	width:120px;
}
#totalBasket{
	width:605px;
	margin-left:15px;
	margin-top:22px;
}
.totalBasketContent{
	text-align:center;
	width:100%;
	background-color:#FFFFFF;
	padding:25px 0 25px 0;
	margin-top:15px;
}
.totalBasketContent p{
	margin:10px 0 10px 0;
	padding:0;
}
.sendOrderBtn input {
	font-size:15px;
}

.removeItem{
	width:115px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -450px  no-repeat;
}

.orderSubmitBtns{
	float:left;
	position:relative;
	left:50%;
	text-align:left;
}
.orderSubmitBtns ul{
	list-style:none;
	position:relative;
	left:-50%;
	padding-right:24px;
}
.orderSubmitBtns li{
	float:left;
	position:relative;
}/* ie needs position:relative here*/
.btnPrevStep{
	width:80px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -810px  no-repeat;
	margin-right:15px;
}
.btnNexStep{
	width:126px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -840px  no-repeat;
}
.btnSendOrder{
	width:130px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -870px  no-repeat;
}
.btnProceedOrder{
	width:121px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -960px  no-repeat;
	margin-right:15px;
}
.btnContinueShopping{
	width:172px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -990px  no-repeat;
	margin-right:15px;
}
.btnContinueShopping2{
	width:172px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -1110px  no-repeat;
	float:right;
	margin-right:15px;
	margin-top:-18px;

}

	/* SHOPPER DELIVERY DETAILS ---------*/

.deliveryDetails{
	padding:15px 15px 0 18px;
}
.deliveryDetails ul{
	margin:22px 0 0 0;
	padding:0;
	border-bottom:1px solid #bfebe3;
}
.deliveryDetails li{
	list-style:none;
}
.deliveryDetails .inputBoxTitle{
	text-align:right;
	width:133px;
	padding-top:3px;
	height:17px;
	padding-right:10px;
	margin-top:10px;
	clear:left;
	float:left;
	font-size:12px;
}
.deliveryDetails .inputBoxField{
	width:315px;
	/*height:20px;*/
	float:left;
	background:#FFFFFF;
	clear:right;
	margin-top:10px;
}
.deliveryDetails .inputBoxField input{
	border:0;
	width:310px;
	height:18px;
	background-color:transparent;
	padding:2px 0 0 5px;
	margin:0;
}

.deliveryDetails .textAreaField{
	width:459px;
	height:57px;
	float:left;
	background:#FFFFFF;
	margin-top:10px;
	clear:right;
}
.deliveryDetails .textAreaField textArea{
	width:449px;
	height:50px;
	border:0;
	background-color:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:2px 0 0 5px;
}

.deliveryDetails p{
	margin:13px 0 27px 0;
	padding:0;
}


	/* PICTURE VIEWER -------------------*/
	
.pictureViewer{
	position:absolute;
	left:0;
	top:27px;
	z-index:3;
	background:url(../images/bg_picture_viewer.gif);
	width:575px;
	padding:30px;
	text-align:center;
}	

/* BLOG CLASSES ----------------------------------------------------------------------*/

	/*BLOG MODULE -------------------------*/
	
#blogModule{}
#blogModule .top{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -480px no-repeat;
}
#blogModule .middle{
	background-color:#f1f5f7;	
}
.blogTitle{
	width:474px;
	padding-left:161px;
	background-color:#000000;
	padding-bottom:15px;
}
.blogTitle h2{
	margin:0;
	padding:0;
}
.blogPost{}
.postTitle{
	width:300px;
	padding-top:18px;
	padding-bottom:5px;
	font-size:20px;
	margin-left:161px;
}
.postBody{
	width:460px;
	float:left;
	margin-left:161px;
	display:inline;
	font-size:12px;
	line-height:15px;
}
.postBody a{
	color:#ea008a;
	font-weight:bold;
}
.postBody p{
	margin:0 0 10px 0;
	padding:0;
}
.postTags{
	float:left;
	width:105px;
	margin-left:-576px;
	display:inline;
	text-align:right;
	font-size:11px;
}
.blogPost .top1{
	width:635px;
	height:25px;
	background:url(../images/sprite_1.gif) 0 -757px no-repeat;
}

.blogPost .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -800px no-repeat;
}	
.postComments{
	width:605px;
	border-bottom:1px solid #b5e7de;
	border-top:1px solid #b5e7de;
	margin:18px 0 18px 15px;
	padding:18px 0 3px 0;
}
.comment{
	padding-bottom:15px;
	clear:both;
	display:block;
}
.commentBody{
	width:460px;
	float:left;
	margin-left:146px;
	display:inline;
	font-size:11px;
	line-height:15px;
}
.authorPic{
	float:left;
	width:48px;
	height:48px;
	margin-left:-519px;
	display:inline;
	margin-top:4px;
}
.addComment{
}
.addComment ul{
	margin:0 0 0 0;
	padding:0 0 22px 0;
}
.addComment li{
	list-style:none;
	padding-left:23px;
}
.addComment .inputBoxTitle{
	text-align:right;
	width:128px;
	padding-top:3px;
	height:17px;
	padding-right:11px;
	margin-top:10px;
	clear:left;
	float:left;
	font-size:12px;
}
.addComment .inputBoxField{
	width:150px;
	/*height:20px;*/
	float:left;
	background:#FFFFFF;
	clear:right;
	margin-top:10px;
	border:1px solid #c3c6c8
}
.addComment .inputBoxField input{
	border:0;
	width:145px;
	height:18px;
	background-color:transparent;
	padding:2px 0 0 5px;
	margin:0;
}

.addComment .textAreaField{
	width:315px;
	height:150px;
	float:left;
	background:#FFFFFF;
	margin-top:10px;
	clear:right;
	border:1px solid #c3c6c8
}
.addComment .textAreaField textArea{
	width:310px;
	height:145px;
	border:0;
	background-color:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:2px 0 0 5px;
}
.addComment .btnPreview{
	width:77px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -540px no-repeat;
	margin-top:10px;
	float:left;
	margin-top:15px;
}
.addComment .btnSubmit{
	width:82px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -570px no-repeat;
	margin-top:10px;
	float:left;
	margin-left:10px;
	margin-top:15px;
}
.commentsNo{
	padding:0 0 18px 146px;
	font-weight:bold;
}
.youComment{
	padding:0 0 5px 161px;
	font-weight:bold;
}
.cuculandBlog a{
	color:#FFFFFF;
}

	/*LEFT SIDE QUESTION BOX --------------*/
	
.questionBox2{
	width:325px;
}
.questionBox2 .top{
	width:310px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -700px no-repeat;
}
.questionBox2 .middle{
	width:325px;
	background:url(../images/sprite_1.gif) -854px -650px no-repeat;
}
.questionBox2 .middle .theQuestion{
	width:270px;
	background-color:#36beb7;
	overflow:hidden;
	padding:0 20px 0 20px;
}
.questionBox2 .middle .theQuestion h4{
	margin:10px 0 0 0;
	padding:0;
	font-size:25px;
}
.questionBox2 .bottom{
	width:310px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -730px no-repeat;
}

/* ICETEA BABY CLASSES----------------------------------------------------------------*/
#iceteaModule{}
#iceteaModule .top{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -480px no-repeat;
}
#iceteaModule .middle{
	background-color:#FFFFFF;
	padding-bottom:18px;	
}
#iceteaModule .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -830px no-repeat;
}	


#iceteaModule .middle .title{
	width:454px;
	padding-top:18px;
	padding-bottom:5px;
	font-size:24px;
	margin-left:161px;
}
.descriptionBody{
	width:300px;
	float:left;
	margin-left:161px;
	display:inline;
	font-size:12px;
	line-height:15px;
	padding-right:160px;
	background:url(../images/tetrapak_logo.gif) 328px 102px no-repeat;
}
.descriptionBody a{
	color:#ea008a;
	font-weight:bold;
}
.descriptionBody p{
	margin:0 0 10px 0;
	padding:0;
}
.descriptionSide{
	float:left;
	width:136px;
	margin-left:-607px;
	display:inline;
	font-size:12px;
	color:#ea008a;
	font-weight:bold;
}

/* KEEP IN TOUCH CLASSES -------------------------------------------------------------*/

	/*NEWSLETTER MODULE --------*/

#newsletterModule{
	width:635px;
}	
#newsletterModule .top{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -480px no-repeat;
}
#newsletterModule .middle{
	background-color:#eb1d25;
	font-size:12px;	
}
#newsletterModule .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -860px no-repeat;
}	

#newsletterModule .leftSide, #newsletterModule .rightSide, #feedsModule .leftSide, #feedsModule .rightSide, #twitterModule .leftSide, #twitterModule .rightSide, #emailModule .leftSide, #emailModule .rightSide, #widgetModule .leftSide, #widgetModule .rightSide{
	margin-left:15px;
	float:left;
	width:295px;
	color:#FFFFFF;
	margin-top:22px;
	padding-bottom:21px;
	font-size:11px;
}

#newsletterModule .rightSide ul{
	margin:14px 0 0 0;
	padding:0;
}
#newsletterModule .rightSide li{
	list-style:none;
}
#newsletterModule .rightSide .inputBoxTitle{
	width:40px;
	padding-top:3px;
	height:17px;
	padding-right:10px;
	margin-bottom:12px;
	clear:left;
	float:left;
	font-size:12px;
}
#newsletterModule .rightSide .inputBoxField{
	width:150px;
	/*height:20px;*/
	float:left;
	background:#FFFFFF;
	clear:right;
	margin-bottom:12px;
}
#newsletterModule .rightSide .inputBoxField input{
	border:0;
	width:145px;
	height:18px;
	background-color:transparent;
	padding:2px 0 0 5px;
	margin:0;
}
#newsletterModule .rightSide .btnSubmit{
	width:111px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -600px no-repeat;
	/*margin-top:10px;*/
	float:left;
}
#newsletterModule .rightSide .btnLogin{
	width:60px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -900px no-repeat;
	margin-top:10px;
	float:left;
	margin-top:10px;
}
#newsletterModule .leftSide .btnRetrieve{
	width:159px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -930px no-repeat;
	margin-top:10px;
	margin-top:10px;
}



	/* FEEDURI  -------------*/
	
#feedsModule{
	width:635px;
}	
#feedsModule .top{
	width:635px;
	height:25px;
	background:url(../images/sprite_1.gif) 0 -547px no-repeat;
}
#feedsModule .middle{
	background-color:#c76d4c;	
	font-size:12px;	
}
#feedsModule .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -590px no-repeat;
}	
.rss{
	width:170px;
	padding-left:22px;
	background:url(../images/ico_rss.gif) 0 0 no-repeat;
	margin-bottom:12px;
	color:#532409;
}	
	
	
	/* TWITTER  -------------*/
#twitterModule{
	width:635px;
}	
#twitterModule .top{
	width:635px;
	height:25px;
	background:url(../images/sprite_1.gif) 0 -887px no-repeat;
}
#twitterModule .middle{
	background-color:#36beb7;	
	font-size:12px;	
}
#twitterModule .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -930px no-repeat;
}	

	/* TWITTER  -------------*/
	
#emailModule{
	width:635px;
}	
#emailModule .top{
	width:635px;
	height:25px;
	background:url(../images/sprite_1.gif) 0 -1087px no-repeat;
}
#emailModule .middle{
	background-color:#d4edeb;	
	font-size:12px;	
}
#emailModule .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -1130px no-repeat;
}	
#emailModule .leftSide, #emailModule .rightSide{
	color:#000000;
	
}	
	/*WIDGET -----------------*/
	
#widgetModule{
	width:635px;
}	
#widgetModule .top{
	width:635px;
	height:25px;
	background:url(../images/sprite_1.gif) 0 -1317px no-repeat;
}
#widgetModule .middle{
	background-color:#FFFFFF;	
	font-size:12px;	
}
#widgetModule .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -830px no-repeat;
}	
#widgetModule .leftSide, #widgetModule .rightSide{
	color:#000000;
}	





/* AUTENTIFICARE & NEW ACCOUNT ------------------------------------------------------ */	

	/*CREATE NEW ACCOUNT -----------------*/
	
#newAccountModule{}
#newAccountModule .top{
	width:635px;
	height:25px;
	background:url(../images/sprite_1.gif) 0 -957px no-repeat;
}
#newAccountModule .top2{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -480px no-repeat;
}

#newAccountModule .middle{
	background-color:#b69a91;
	padding-bottom:35px;	
}
#newAccountModule .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -1000px no-repeat;
}	
.btnNewAccount{
	width:82px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -1080px no-repeat;
	float:right;
	margin-right:15px;
	margin-top:-18px;
}

.newAccount{
	width:605px;
	margin:0 0 0 15px;
	padding-bottom:22px;
	border-bottom:1px solid #bfebe3;
}
.newAccount .title{
	color:#FFFFFF;
	padding-top:5px;
}

.newAccount ul{
	margin:0;
	padding:6px 0 0 3px;
	
}
.newAccount li{
	list-style:none;
}
.newAccount .inputBoxTitle{
	text-align:right;
	width:133px;
	padding-top:3px;
	height:17px;
	padding-right:10px;
	margin-top:10px;
	clear:left;
	float:left;
	font-size:12px;
	color:#FFFFFF;
}
.newAccount .inputBoxField{
	width:150px;
	/*height:20px;*/
	float:left;
	background:#FFFFFF;
	clear:right;
	margin-top:10px;
}
.newAccount .inputBoxField input{
	border:0;
	width:145px;
	height:18px;
	background-color:transparent;
	padding:2px 0 0 5px;
	margin:0;
}
.newAccount .uploadBoxField{
	width:235px;
	/*height:20px;*/
	float:left;
	/*background:#FFFFFF;*/
	clear:right;
	margin-top:10px;
}
.newAccount .uploadBoxField input{
	/*border:0;*/
	width:234px;
	/*height:18px;
	background-color:transparent;*/
	padding:2px 0 0 0;
	margin:0;
}

.subscribeCheck{
	float:left;
	margin-top:10px;
	margin-left:2px;
	color:#FFFFFF;
}
.deliveryDetails .btnCreateAccount{
	width:93px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -630px no-repeat;
	margin-top:10px;
	float:left;
	margin-top:15px;
}
.deliveryDetails .btnCreateAccount input{
	width:93px;
	height:22px;
	background-color:transparent;
	border:0;
}
.agreeToTerms{
	float:left;
	padding-top:10px;
	font-size:11px;
	width:400px;
	line-height:15px;
}
.profilePicture{
	float:left;
	margin-top:10px;
}


	/*EDITARE CONT ------------------------*/
	
.btnEditAccount{
	width:102px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -1020px no-repeat;
	float:right;
	margin-right:15px;
	margin-top:-18px;
}
.deliveryDetails .btnEditAccount{
	width:102px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -1050px no-repeat;
	margin-top:10px;
	float:left;
	margin-top:15px;
}
.deliveryDetails .btnEditAccount input{
	width:102px;
	height:22px;
	background-color:transparent;
	border:0;
}
.deliveryDetails .btnEditAccount{
	width:102px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -1050px no-repeat;
	margin-top:10px;
	float:left;
	margin-top:15px;
}
.btnHome{
	width:62px;
	height:22px;
	background:url(../images/sprite_1.gif) -779px -1140px no-repeat;
}
/* ARCHIVE ---------------------------------------------------------------------------*/

	/*WINNERS BOX -----------*/
.questionNumber{
	color:#FFFFFF;
	font-size:12px;
	margin-bottom:8px;
	font-weight:bold;
}
	
#winnersBox{
	width:310px;
}
#winnersBox .top{
	width:310px;
	height:25px;
	background:url(../images/sprite_1.gif) 0 -317px no-repeat;
}
#winnersBox .middle{
	width:280px;
	background:#FFFFFF;
	/*height:148px;*/
	padding:2px 10px 33px 20px;
}
#winnersBox .middle h4{
	margin:0;
	padding:0;
}
#winnersBox .middle h5{
	margin:9px 0 0 0;
	padding:0;
}

#winnersBox .bottom{
	width:310px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -360px no-repeat;
}
	
#winnersBox .middle ul{
	margin:10px 0 0 0;
	padding:0;
}
#winnersBox .middle li{
	list-style:none;
	padding-bottom:10px;	
}
.winnerImg{
	float:left;
	margin-right:10px;
	width:63px;
}
.winnerDetails{
	width:200px;
	float:left;
	clear:right;
}


/* LEGAL MODULE -----------------------------------------------------------------------*/

#staticModule{}
#staticModule .top{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -480px no-repeat;
}
#staticModule .middle{
	background-color:#FFFFFF;
	padding-bottom:10px;	
}
#staticModule .bottom{
	width:635px;
	height:12px;
	background:url(../images/sprite_1.gif) 0 -830px no-repeat;
}	
#staticModule p{
	padding:15px 15px 0 15px;
	margin:0;
	font-size:12px;
	line-height:15px;
}
.termHighlight{
	background-color:#FFCC33;
}

/* FOOTER CLASSES-------------------------------------------------------------------- */

#footer{
	clear:both;
	text-align:right;
	font-size:11px;
	padding:10px 0 20px 0;
}
.termsConditions{
	float:left;
	/*margin-left:325px;*/
	display:inline;
}
.copyright{
	float:right
}

/* Miscellaneous ------------------------------------------------------------------------*/

.ratingWidget1{
	display:inline;
}
.topTools{
	background-color:#000000;
	width:610px;
	height:26px;
	padding-right:25px;
}
.topTools2{
	float:right;
	width:174px;
	height:26px;
	margin-top:-26px;
	margin-right:25px;
}

#share{
	/*margin-left:34px;*/
	float:right;
	height:20px;
	background:url(../images/sprite_1.gif) 0 -1050px no-repeat;
	width:174px;
}
.shareItem{
	float:right;
	width:20px;
	height:20px;
	margin-left:3px;
}


#sectionTitle{
	font-size:1.8em;
}
.marginTop{
	margin-top:10px;
}
.paddingTopBottom{
	padding:20px 0 20px 0;
}
.marginTop2{
	margin-top:20px;
}
.paddingBottom1{
	padding-bottom:15px;
}
.paddingBottom2{
	padding-bottom:25px;
}
.fltrt { 
	float: right;
}
.fltlft { 
	float: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* clearfix --------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */