/*
    Document   : site
    Description:
        Web site default styles
        Syntax recommendation http://www.w3.org/TR/REC-CSS2/
	
*/
@import url('/css/jello.css');
@import url('/css/header.css');
@import url('/css/account.css');

BODY {
    font-family: Arial;
    font-size: 12px;
    color: #4F4245;
}
A {
    color: #CA0050;
    text-decoration: none;
    border: none;
}
A:VISITED {
    color: #CA0050;
}
A:HOVER {
    color: #333;
}
P {
    line-height: 1.4em;
}

.contentWrapper ol li{
	list-style: decimal;	
	margin: 0 0 0 20px;
}

p.reference {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 11px;
}

H1 {
    font-size: 1.6em;
}
H1.index {
	font-size: 140%;
	font-weight: normal;
}
H2 {
    font-size: 1.5em;
}
H3 {
    font-size: 1.4em;
	margin-bottom: 12px;
}
H4 {
    font-size: 1.3em;
}
H5 {
    font-size: 1.2em;
}
H6 {
    font-size: 1.1em;
}
.clearBoth {
    clear: both;
}
.floatLeft {
    float: left;
    display: inline;
}
.floatRight {
    float: right;
}
.noBorder {
	border: none !important;
}
.infoLink {
	color: #9D8C92;
}

.noMargin {
	margin: 0;
}

.brclear {
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
	margin:0;
}

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

div.rightMenu {
	float: right;
	padding: 22px 0;
}

.horizontalLine {
    border-top: 1px solid #CCCCCC;
    margin: 20px 0;
    clear: both;
}
#header-background-wrapper {
	float: left;
	width: 100%;
	background: url('/img/interface/background-line.gif') transparent 0 0 repeat-x scroll;
	min-height: 150px; /* Chrome fix. Height of background image. */
}

.left-560 {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 560px;    /*** Critical left col width value ***/
  margin-left: -560px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
}
.outer-560 {
  border-left: 0; /*** Critical left divider dimension value ***/
  border-right: none; /*** Critical right divider dimension value ***/
  margin-left: 560px;    /*** Critical left col width value ***/
  margin-right: 0;    /*** Critical right col width value ***/
  background: url('/img/interface/leftBorderH453.jpg') no-repeat;
  _height: 453px;
  min-height: 453px;
}
.competition-wrapper .center-inner {
	margin-left: 40px;
}

#competitions h3 {
	margin: 0;
}

#clubLink {
    position:absolute;
    right:0;
    padding:2px 7px;
    background-color:#CA0050;
}

#clubLink SPAN A {
    font-weight:bold;
    color:#fff;
}

.competition-list LI {margin: 2px 0 2px 0}
.competition-list A {padding: 3px;}
.competition-list A.active { background-color: #ffff99 }

.left-240 {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 240px;    /*** Critical left col width value ***/
  margin-left: -240px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
}
#catalogue {
	min-height: 1px;
	position: relative;
}
	
.catalogue-left-container {
	padding: 5px;
	position: relative;
	zoom: 1;
}
.catalogue-outer {
	background-color: #FFFFFF;
	position: relative;
	zoom: 1;
}
.catalogue-wrapper {
	border-top: 1px solid #e2dcdf;
	background-color: #f5f3f4;
	zoom:1;
	position: relative;
}
.outer-240 {
  border-left: 0; /*** Critical left divider dimension value ***/
  border-right: none; /*** Critical right divider dimension value ***/
  margin-left: 240px;    /*** Critical left col width value ***/
  margin-right: 0;    /*** Critical right col width value ***/
}

.left-50p {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 500px;    /*** Critical left col width value ***/
  margin-left: -500px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/ 
}
.left-50p .blogPosts {
	padding: 10px 20px;
}

.outer-50p {
	border-left: none;
	border-right: none;
	margin-left: 500px;
	margin-right: 0;
}
.outer-50p .outer-container {
	padding: 10px 20px;
}
.outer-50p .center-container {
	position: relative;
}

.left-50p #blogPosts {
	padding-top: 0.6em;
	padding-right: 10px;
}
.left-50p #creativeTeamBlogPosts {
	padding-right: 10px;
}

#blogsByLetter {
	_height: 453px;
	min-height: 453px;
	position: relative;
}
.leftGradientBorder1 {
	background: url('/img/interface/leftBorderH453.jpg') no-repeat;
	_height: 453px;
	min-height: 453px;
	position: absolute;
	top: 0;
	left: -21px;
	width: 21px;
	margin: 0;
}

.contentHeader {
	padding: 8px 0;
	border-bottom: 1px solid #e2dcdf;
}

#pageContent {
	padding-left: 20px;	
}

.contentWrapper {
	
}

.contentWrapper UL LI {
	list-style: disc;
}

.index-page-left-container {
	min-height: 453px;
	padding: 5px 20px 5px 5px;
	background: transparent url(/img/interface/leftBorderH453.jpg) no-repeat scroll 100% 0;
}
.index-page-outer {
	background-color: #FFFFFF;
}
.index-page-wrapper {}

.outer-150 {
	border-left: 0; /*** Critical left divider dimension value ***/
	border-right: none; /*** Critical right divider dimension value ***/
	margin-left: 180px;    /*** Critical left col width value ***/
	margin-right: 0;    /*** Critical right col width value ***/	
}

.left-150 {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 150px;    /*** Critical left col width value ***/
  margin-left: -180px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
}

.left-340 {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 340px;    /*** Critical left col width value ***/
  margin-left: -340px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
}

.right-230 {
  float: right;
  position: relative; /* Needed for IE/win */
  width: 230px;    /*** Critical left col width value ***/
  margin-right: -230px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/	
}

/* index page */
.outer-650l {
	border-left: none;
	border-right: none;
	margin-right: 0;
	margin-left: 650px;
}

.outer-340r {
	border-left: none;
	border-right: none;
	margin-right: 340px;
	margin-left: 0;
}

.left-w650 {
	width: 650px;    /*** Critical left col width value ***/
	margin-left: -650px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
}

.right-0 {
	width: 0;
	margin-right: 0;
}

.left-0 {
	margin-left: 0;
	width: 0;
}
.right-w340 {
	margin-right: -340px;
	width: 340px;
}

.float-wrap-340l {
	margin-right: -340px;
}

/* end of index page */

.outer-340 .center-box {
	padding: 0 0 0 15px;
}
.outer-340 {
  border-left: 0; /*** Critical left divider dimension value ***/
  border-right: none; /*** Critical right divider dimension value ***/
  margin-left: 340px;    /*** Critical left col width value ***/
  margin-right: 0;    /*** Critical right col width value ***/
}

.outer-340-230 {
  border-left: 0; /*** Critical left divider dimension value ***/
  border-right: none; /*** Critical right divider dimension value ***/
  margin-left: 340px;    /*** Critical left col width value ***/
  margin-right: 230px;    /*** Critical right col width value ***/	
}

.titleBox, .followNavigationContainer {
    position: relative;
    border-bottom: 5px solid #e2dcdf;
    margin-bottom: 12px;
    _zoom: 1;
    padding: 10px 5px;
	background-color: #f5f3f4;
	font-size: 120%;
	font-weight: bold;
}

.subtitleBox {
	border-top: 4px solid #736268;
	border-bottom: 4px solid #e2dcdf;
	padding: 10px 5px;
	_zoom: 1;
	background-color: #f5f3f4;
	font-size: 120%;
	margin-top: 10px;	
}

.giftNameContainer{
	border-bottom:5px solid #E2DCDF;	
}

.followNavigationContainer{
	border:0 !important;
	margin:0 !important;
}

* html #loading {
	position: absolute;
}

#loading {
	padding: 2px 6px;
	z-index: 99999999;
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	background-color: #cb024f;
}

.col50percent {
	position: relative;
	width: 49%;
}

.col50percent DIV.inner {
	padding: 0 23px 0 35px;
}

.col60percent {
	position: relative;
	width: 55%;
}

.col40percent {
	position: relative;
	width: 44%;
}

.jumpLinks {
	padding: 8px 0;
	border-bottom: 1px solid #e2dcdf;
	margin-bottom: 12px;
	text-align: right;
}

.leftGradientBorder {
	background: url('/img/interface/leftBorderH453.jpg') no-repeat;
	_height: 453px;
	min-height: 453px;
	margin-left: -23px;
}

#workshopContainer {
	width: 100%;
}

#cse .gsc-input {
	width: 300px;
}

.cityTitle {
	position: relative;
	margin: 18px 0;
	padding: 8px 22px;
	left: -14px;
	font-size: 140%;
	border-bottom: 1px solid #e2dcdf;
	background-color: #f5f3f4;
	font-weight: bold;
}

#workshopsContainer .teachersWorkshop,
#workshopsContainer .workshopTeacher { padding-left: 45px; }
#workshopsContainer .workshopsList A { display: block; padding: 2px 4px 2px 4px; }
#workshopsContainer .workshopsList A.active { background-color: #ffff99 }


#workshopsContainer .currentWorkshop { display: none; }
#workshopsContainer #signupFormContainer { display: none; }

#workshopsContainer .teachersWorkshop .participate,  #openContainer .openCompetitionForm .follow {
	background-image: url('/img/icons/menhetn/confirm_24.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 0 0;
	padding-left: 32px;
	_height: 21px;
	min-height: 21px;
}


#loginPartial P { margin: 0; line-height: 1.2em; }
#loginPartial .loginInput { padding: 8px 0; }
#loginPartial .loginSubmit { padding: 8px 0; }

#workshopLoginRegisterContainer .title {
	font-weight: bold;
	font-size: 140%;
}

#workshopLoginRegisterContainer #loginPartial {
	border-top: 1px solid #e2dcdf;
	margin-top: 24px;
	padding: 12px 6px 0 6px;
}

#workshopLoginRegisterContainer #registerPartial {
	border-top: 1px solid #e2dcdf;
	margin-top: 24px;
	padding: 12px 6px 0 6px;
}


#indexLoginRegisterContainer .title { font-size: 140%; font-weight: bold;	}
#indexLoginRegisterContainer #registerPartial {
	background-color: #f5f3f4;
	border-top: 1px solid #9d8c92;
	padding: 12px 6px 8px 6px;
}
#indexLoginRegisterContainer #loginPartial {
	margin-top: 5px;
	background-color: #ece8ea;
	border-top: 1px solid #9d8c92;
	padding: 12px 6px 8px 6px;
}
#indexLoginRegisterContainer #newsletterPartial {
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: #ece8ea;
	border-top: 1px solid #9d8c92;
	padding: 12px 6px 8px 6px;
}
.signup {
	background-image: url('/img/icons/menhetn/edit_24.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 0 0;
	padding-left: 32px;
	_height: 21px;
	min-height: 21px;
}

#competitionOpen .description {width:500px; height: 100px}

#openContainer .openCompetitionForm .follow {
	margin: 10px 0 0 0;
}

#openContainer .recentFinished,  #finishedContainer .recentFinished{
	font-weight: normal;
	margin: 20px 0 10px 0;
}

 #finishedContainer .linkSee{
 	float: right;
 	margin: -25px 0 0 0;
 }

#listFinishedContainer hr,  #finishedContainer hr{
	margin: 10px 0 10px 0;
}

#listLinkContainer hr{
	margin: 10px 0 10px 0;
}


#finishedContainer .imgList{
	background-color: #ECE8EA;
	height: 144px;
	margin: 0 0 30px 0;
	position: relative;
	width: 540px;
}

#finishedContainer .imgCenter h4{
	margin: 20px 0 0 0;
}

#finishedContainer .imgList h4{
	background-color: #E2DCDF;
	font-weight: normal;
	height: 35px;
	padding: 10px 0 0 10px;
	width: 530px;
}

#finishedContainer .closeCompetitionTop{
	background-image: url(/img/interface/closeCompetitionTop.jpg);
	height: 11px;
	position: absolute;
	width: 540px;
}

#finishedContainer .closeCompetitionBottom{
	background-image: url(/img/interface/closeCompetitionBottom.jpg);
	height: 7px;
	position: absolute;
	width: 540px;
}

#finishedContainer .imgList #imageWrapper{
	float: left;
	height: 75px;
    margin: 10px 0 0 65px;
    position: relative;
}
#finishedContainer .imgWinner{
	margin: 0 0 10px 0;
}

#finishedContainer .winningTitle{
	margin: 0 0 20px 0;
	padding: 0;
}

#finishedContainer .viewImage{
	height: 60px;
	width: 90px;
	cursor: pointer;
}

#finishedContainer .viewImage .img{
	background-color: #ECE8EA;
	display: block;
	float: left;
	height: 60px;
	margin: 5px;
	overflow: hidden;
	padding: 5px 5px 20px 5px;
	width: 90px;
}	

#finishedContainer .viewImage .description{
	margin: 5px 0 0 0;
	position: absolute;
}	

#finishedContainer .imgList .page-arrow{
	height: 75px;
	width: 20px;
}

#finishedContainer .imgList .page-arrow .jCLPrev, #finishedContainer .imgList .page-arrow .jCLNext{
	height: 24px;
	width: 24px;
	cursor: pointer;
}

#finishedContainer .imgList .page-arrow .jCLPrev{
	margin: 30px 10px 0 30px;
	position: absolute;
}

#finishedContainer .imgList .page-arrow .jCLNext{
	margin: 30px 10px 0 470px;
	position: absolute;
}

#finishedContainer .imgList #imageWrapper ul{
	background-color: #ECE8EA;
	height: 60px;
	margin: 0 0 0 60px;
	/*padding: 10px 0 0 10px;*/
	width: 80%;
}

#finishedContainer .imgList #imageWrapper ul li{
	float: left;
	padding: 0 5px 0 0;
	width: 90px;
}

#finishedContainer .imgListAll{
	margin: 20px 0 0 0;
}

#finishedContainer .imgListAll h4{
	margin: 0 0 15px 0;
}

#finishedContainer .imgListAll #imageWrapper ul{
	height: 60px;
	margin: 0;
	width: 100%;
}

#finishedContainer .imgListAll #imageWrapper ul li{
	float: left;
	padding: 0 5px 35px 0;
	width: 20%;
}

#finishedContainer .imgCenter p{
	margin: 20px 0 20px 0;
}

.gallery ul {
	margin-left: 0;
	padding-left: 0;
} 

.imageList ul li {
	float:left;
	padding: 0 30px 25px 0;
	list-style: none;
	width: 240px;
}

.listAllCompetitions{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.listAllCompetitions span{
	width: 50%;
}

.listAllCompetitions .textRight, .listCenterCompetitions ul .textRight{
	text-align: right;
}

.listCenterCompetitions ul{
	width: 100%;
}

.listCenterCompetitions ul li{
	float: left;
	margin: 5px 0 0 0;
	width: 50%;
}

/*#openContainer .recentOpen, #finishedContainer .recentOpen {*/
.listCompetition h4 { 
	font-weight: normal;
}

.listCompetition #listOpenContainer{
	margin: 10px 0 10px 0;
}
	
#listOpenContainer hr{
	margin: 0 0 10px 0;
}

#openContainer .openCompetitionForm h4{
	margin: 15px 0 20px 0;
}

#openContainer #uploadImage input{
	margin: 10px 0 5px 0;
}

#openContainer .fileType{
	overflow: hidden; 
	width: 495px;
}

#openContainer  #uploadImage .fileType input{
	font-size: 14px;
}

#openContainer #uploadImage TEXTAREA{
	margin: 10px 0 20px 0;
}

#workshopsContainer .workshopTeacher .teachersData {}

#workshopsContainer .workshopTeacher .teachersData IMG {
	margin-right: 10px;
	float: left;
}

.regionTable {
	border-collapse: collapse;
}

.regionTable TR.active {
	background-color: #ffff99;
}

.regionTable TD,
.regionTable TH
{
	font-size: 120%;
	padding: 5px;
}

TEXTAREA, SELECT {
	font-family: arial;
    border-color: #cfc5cb;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    padding: 4px;
}

/**
 * Table that should contain form.
 * Use TH scope="row" for side text.
 */
.formTable {
    border-collapse: collapse;
}
.formTable TD, .formTable TH {
    padding: 3px;
}
.formTable TH {
    text-align: right;
    font-weight: normal;
}
.inputField, .formTable INPUT, .formTable TEXTAREA, .formTable SELECT {
    border-color: #cfc5cb;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    padding: 4px !important;
    width: 200px;
}

.inputField100 {
	width: 100%;
}

#competitionOpen DIV {}

.quantityWrap {
	position: relative;
}
INPUT.quantity {
    border-color: #cfc5cb;
    border-style: solid;
    border-width: 1px;
	padding: 4px 4px;
	width: 50px !important;
	height: 17px;
}
INPUT.quantityUpdate {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 52px;
	margin-top: 5px;
}
INPUT.reference {
    border-color: #cfc5cb;
    border-style: solid;
    border-width: 1px;
	padding: 4px 4px;
	width: 118px !important;
	height: 17px;
}
.inputButton, .formTable .formSubmit INPUT {
    cursor: pointer;
    background: #736268 none repeat scroll 0 0;
	font-family: Arial;
	border: none;
    color: #FFFFFF !important;
    font-size: 120%;
	font-weight: bold;
    width: auto;
    padding: 4px 6px;
}

.alphabetBlog LI {
	font-size: 120%;
    float: left;
}

.alphabet LI {
	font-size: 120%;
    float: left;
}
.alphabet LI A:HOVER, .alphabet LI A.active {
	background-color: #ece8ea;
}

.alphabetBlog LI A {
	padding: 4px 5px;
}

.alphabet LI A {
	padding: 4px 5px;
	width: 88px;
	display: block;
	_width: 80px;
}

.alphabetGroup LI {
	margin-right: 15px;
	margin-bottom: 10px;
	float: left;
}

.accountContentWrapper{
	border-top:5px solid #e2dcdf;
	border-bottom:5px solid #e2dcdf;
	padding:0 0 6px 0;
}

.paginationControl {
	text-align: right;
	position: relative;
}

.paginationControl LI {
	border: 0; margin: 0; padding: 0;
	font-size: 120%;
	list-style: none;
	text-align: center;
	display: inline;
	float: left;
}
.paginationControl .linkPaginator{
 	height: 15px;
 	/*overflow: hidden;*/
}

.paginationControl .linkPaginator A {
 	display: inline !important;
 	float: none !important;
	
}

.paginationControl A:LINK,
.paginationControl A:VISITED
{
	padding: 3px 6px;
	display: block;
	float: left;
	text-decoration: none;
}
.paginationControl A:HOVER {
	background-color: #e2dcdf;
	color: #333;
}
.paginationControl .active {
	display: block;
	float: left;
	/*padding: 3px 6px;*/
	background-color: #E2DCDF;
}
.paginationControl .previous, .paginationControl .next  {
	display: block;
	float: left;
	zoom: 1;
	overflow: auto;
	padding: 0px;
}
.paginationControl .previous .off {
	background-image: url('/img/interface/prev-off.gif');
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 3px 6px 3px 13px;
	position: relative;
	zoom:1;
	float: left;
}
.paginatorWrapper{
	padding: 6px 0; 
	position: relative;
	_width: 550px;
}
.paginationControl .previous .on {
	background-image: url('/img/interface/prev.gif');
	background-repeat: no-repeat;
	background-position: 0 5px;
	overflow: hidden;
	zoom: 1;
	padding: 0px 3px 0px 13px;
	float: left;
}
.paginationControl .previous .on2 {
	padding: 0px 3px 0px 23px;
	background-image: url('/img/interface/prev-step.gif');
	background-repeat: no-repeat;
	background-position: left center;
	overflow: hidden;
	float: left;
}
.paginationControl .next .off {
	background-image: url('/img/interface/next-off.gif');
	background-repeat: no-repeat;
	background-position: center right;
	padding: 3px 23px 3px 13px;
	float: left;
}
.paginationControl .next .on {
	padding: 0px 13px 0px 3px;
	background-image: url('/img/interface/next.gif');
	background-repeat: no-repeat;
	background-position: center right;
	float: left;
}
.paginationControl .next .on2 {
	padding: 0px 20px 0px 0px;
	background-image: url('/img/interface/next-step.gif');
	background-repeat: no-repeat;
	background-position: center right;
	float: left;
}

/**
 * General message container. See Message controller
 */
.messageContainer {
    padding: 0.6em;
    border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
    margin-bottom: 1.2em;
}
.messageContainer P {
    padding: 0 !important;
}
.messageContainer.error {
    border-color: #FFBBBB;
    background-color: #FFEEEE;
}
.messageContainer.message {
    border-color: #BBBBFF;
    background-color: #EEEEFF;
}
.messageContainer.warning {
    border-color: #EEEE55;
    background-color: #FFFFEE;
}

.registerForm .errorValidation {
	display: block;
}

.errorValidation {
	color: #FF1A53; 
	padding: 4px;
}
.errorInput{}

/* Panels */
.panel {
	z-index: 1000;
}

.choicePanel {
    border: 1px solid #ccc;
    background-color: #FFF;
    white-space: nowrap;
    position: relative;
	top: 20px !important;
}
.choicePanel UL {
	display: block;
	padding: 0;
	margin: 0;
}
.choicePanel UL LI {
	padding: 3px;
	margin: 0;
    display: block;
    float: none !important;
}
.choicePanelInner {
    width: 100%;
    white-space: nowrap;
}

.choicePanelInner UL LI{
  display: block !important;
}

#languagePanelContainer {
	float: right;
	position: absolute;
}

#blogs .blogList LI {
    float: left;
    width: 200px;
}

#blogs .blogList LI A {
    padding: 2px;
}

#blogs .updated {
    padding: 2px;
    background-color: yellow;
}

#blogs .blogLetter {
    padding: 10px 12px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #d5d5d5;
    color: #a51129;
}

.blogPostItem {
	position: relative;
	margin-bottom: 20px;
	zoom: 1;
}

#userLogin{
	margin: -10px 0 0 -20px;
	position: relative;
}

#userRegister{
	margin: -10px 0 0 -7px;
	position: relative;
}

#userComplete{
	margin: -10px 0 0 -7px;
	position: relative;
	height: 453px;
}

#userActivate, .formComplete{
	margin: 0 0 0 20px;
}

#userForgot .formReset{
	margin: 0 0 0 60px;
}

#userForgot .formReset UL{
	width: 300px;
}

#userForgot .formReset UL .leftForgot{
	float: left;
	margin: 10px 10px 10px 0;
	text-align: right;
	width: 70px;
}

#userForgot .formReset UL .rightForgot{
	float: left;
	margin: 10px 10px 10px 0;
	width: 200px;
}

#userForgot .formReset UL .submitForgot{
	padding: 0 0 0 80px;
	width: 100px;
}

#userForgot h3{
	font-size: 14px;
}

.formComplete .formSubmit{
	margin: 0 0 0 18px;
}

#userActivate .formActivate{
	margin: 0 0 0 18px;
}

.formActivate span, .formComplete span{
	padding: 0 10px 0 0;
	position: relative;
}

#userActivate .formActivate span .inputField, .formComplete span .inputField{
	height: 20px !important;
	font-size: 14px;
}

#userActivate .formActivate span .inputButton{}
.formComplete span .inputButton{}

#userLogin .leftBorder, #userRegister .leftBorder{
	background: url('/img/interface/leftBorderH453.jpg') no-repeat;
	float: left;
	height: 453px;
	left: 0;
	_margin: 0 0 0 -25px !important;
	position: relative;
	top: 0;
	width: 21px;
}

.leftBorder{
	background: url('/img/interface/leftBorderH453.jpg') no-repeat;
	float: left;
	height: 453px;
	left: -30px;
	position: absolute;
	top: 35px;
	width: 21px;
}

.rightBorder{
	background: url('/img/interface/rightBorderH481.jpg') no-repeat;	
	height: 453px;
	float: right;
	left: 980px;
	_left: 1131px;
	padding: 0;
	position: absolute;
	top: 35px;
	width: 16px;
}	

#userRegister .rightBorder{
	background: url('/img/interface/rightBorderH481.jpg') no-repeat;	
	height: 481px;
	left: 988px;
	_left: 1143px;
	padding: 0;
	position: absolute;
	width: 16px;
}	
	
#userLogin h1, #userRegister h1, #userComplete h1{
	color: #53494a;
	font-size: 14px;
	position: relative;
	z-index: 20;
	zoom: 1;
}

#userLogin h1{
	margin: 0 0 13px 20px;
}

#userRegister h1, #userComplete h1{
	margin: 0 0 13px 0;
}

#userRegister h2{
	background: none;
	border: none;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	position:relative;
}

#productReviews hr, #sendToFriend hr, #userLogin hr, #userRegister hr, #userForgot hr,
#userComplete hr, #openContainer hr,  #finishedContainer hr, .listCompetition hr,
.listAllCompetitionsHr {
	background: #dfddde;
	border: 0px;
	color: #dfddde;
	height: 1px;
	position: relative;
	/*width: 100%;*/
	z-index: 55;
}

.listAllCompetitionsHr{
	margin: 10px 0 10px 0;
}

#userComplete .middleLine{
	border: 0;
	border-bottom: 1px dotted #dfddde;
	height: 0px;
}

#userLogin .messageContainer{
	margin: 0 0 10px 20px;
}

#userLogin .loginForm{
	margin: 19px 0 0 53px;
	_padding: 0 0 200px 0;
}

#userLogin .loginForm .inputField{
	height: 22px;
	font-size: 14px;
	width: 251px;
}

#userLogin .loginForm .inputButton{
	width: 100px;
}

#userLogin .formSubmit{
	margin: 25px 0 0 67px !important;
}

.forgotInfo{
	font-size: 14px;
	margin: 0 0 0 20px;
}

#userLogin .forgotLink p{
	margin: 0 !important;
	padding: 0 !important;
}

#userRegister .registerInfo{
	height: 420px;
	margin: 36px 0 0 0;
	_margin: 36px 0 0 -5px;
	position: relative;
	overflow: hidden;
	width: 308px;
	z-index: 50;
}

#userRegister .registerInfo ul{
	margin: 25px 0 0 15px;	
	z-index: 20;
}

#userRegister .registerInfo ul li{
	list-style: disc;
	color: #CA0050;
	padding: 18px 0 0 0;	
	position: relative;
	z-index: 20;
}

#userRegister .registerInfo ul li label{
	color: #4d4747;	
}

#userRegister .registerForm{
	padding: 0 0 0 10px;
	position: relative;
}

#userRegister .registerForm ul {
	width: 630px;
}

#userRegister .registerForm ul li {
	float: left;
	_float: none;
	border-bottom: 1px dashed #e1ddde;
	padding: 0 0 0 0;
	width: 640px;
	_padding: 10px 0;
	*padding: 10px 0;
}

#userRegister .registerForm ul li ul li {
	border: none;
	width: auto;
	float: none;
	padding: 2px 0;
}

#userRegister .registerForm ul li ul li INPUT {
	width: auto !important;
	height: auto !important;
}

#userRegister .registerForm ul li div{
	float: left;
	width: 315px;
}

#userRegister .registerForm .inputContainer input{
	/*border: 1px solid #4a4446;*/
	font-size: 14px;
	height: 20px;
	padding: 3px 0 0 5px;
	width: 251px;
}

#userRegister .registerForm .inputContainer h2{
	padding: 10px 0 0 0;
}

#userRegister .registerForm .infoContainer{
	padding: 35px 0 0 0;
}

#userRegister .registerForm .remeberContainer{
	margin: 0 !important;
	padding: 0 !important;
}

#userRegister .registerForm .remeberContainer .infoContainer{
	margin: 0 !important;
	padding: 0 !important;
}

#userRegister .registerForm .remeberContainer .infoContainer ul{
	padding: 0 !important;
	width: 600px;
}

#userRegister .registerForm .remeberContainer .infoContainer ul li{
	list-style: none;
	width: 600px;
	padding: 0 0 5px 3px;
}

#userRegister .registerForm .infoContainer ul{
	padding: 0 0 0 32px;
	width: 285px;
	z-index: 20;
}

#userRegister .registerForm .infoContainer ul li {
	border: none;
	list-style: disc !important;
	margin: 0 0 12px 0;
	padding: 0;	
	z-index: 20;
}

#userRegister .registerForm .inputContainer .checkboxInput{
	border: none;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
}

#openContainer .openCompetitionForm ul li{
	position: relative; 
}

.listCompetition{
	margin: 0 0 0 30px;
}

#categories .inner {
	font-size: 14px;
	padding: 10px 10px 10px 5px;
}

.navigationCategories LI {}

.navigationCategories LI A, .galleryNavigation li a {
	background-image: url(/img/interface/next.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	padding: 3px 3px 3px 18px;
	display: block;
	position: relative;
}
.navigationCategories LI A:HOVER,
.galleryNavigation li a:hover, .galleryNavigation li .active {
	background-color: #ECE8EA;
}
.navigationCategories LI A.active {
	background-image: url(/img/interface/next-off.gif) !important;
	background-color: #CFC5CB;
	color: #4f4245;
}
.navigationCategories UL LI UL LI {
	margin-left: 15px;
}
.navigationCategories UL LI UL {
	display: none;
}
.catalogueFooterContainer {
	margin-left: 15px;
	border-top: 5px solid #e2dcdf;
	margin-top: 10px;
}
#productList .header {
	padding: 4px 10px;
	background-color: #ece8ea;
	border-bottom: 1px solid #E2DCDF;
}
#productsListContainer .addButton {
	position: absolute;
	bottom: 0;
	left: 0;
}

#recaptcha_r2_c1{
	position: relative;
	zoom: 1 ;
}

.recaptchaRegister #recaptcha_container {
	width: auto !important;
}

.recaptchaRegister .inputContainer DIV {
	margin: 6px 0 0 0;
}

.recaptchaImage {
	padding: 2px;
	border: 1px solid #e7e7e7;
}
.recaptchaRefresh {
	background: url('/img/icons/recaptcha-refresh.jpg') no-repeat;
	min-height:28px;
	padding: 0 0 0 38px !important;
}
.recaptchaAudio {
	background: url('/img/icons/recaptcha-audio.jpg') no-repeat;
	min-height:28px;
	padding: 0 0 0 38px !important;
}

INPUT.addButton {
	border: none;
	height: 30px;
	background-color: #CA0050;
	background-image: url(/img/icons/menhetn/shopping-cart_24.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	color: #FFF;
	width: 100%;
	cursor: pointer;
	padding: 7px 7px 7px 2px;
	font-weight: bold;
}

A.addButton {
	border: none;
	height: 16px;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: 5px 3px;
	text-align: center;
	color: #FFF;
	width: 100%;
	cursor: pointer;
	padding: 7px 7px 7px 2px;
	font-weight: bold;
}

.noProduct, .singleProduct {
	margin: 10px 0 0 15px;
}

.singleProduct {
	margin-bottom: 30px;
	position: relative;
	width: 220px;
	min-height: 350px;
	_height: 320px;
	overflow: hidden;
	float: left;
	background-color: #ece8ea;
	padding: 5px;
}

.product IMG {
	border: 1px solid #e2dcdf;
}

.product .name, .singleProduct .name {
	font-size: 140%;
	font-weight: bold;
	color: #CA0050;
	border: 0;
	padding: 0;
	margin: 4px 0;
	background-color: transparent;
	height: 40px;
	overflow: hidden;
}

.product .price {
	font-size: 14px;
}

#sendToFriend{
	width: 100%;
}

#sendToFriend .toFriend{
	width: 574px;
}

#sendToFriend .email SPAN{

	width: 260px;
}

#sendToFriend .yourName{
	margin: 0 15px 0 0;
}

#productReviews .headerReviews{
	background: #F5F3F4;
	height: 40px;
	margin: 10px 0 5px 0;
}

#productReviews .headerReviews H3 { margin: 10px 0 0 10px; }
#productReviews hr { border: 2px solid; }
#productReviews .headerReviews SPAN { margin: 13px 10px 0 0; }

.ratingContainer { margin: 0 0 10px 0; position: relative; }
.ratingContainer TABLE { border-collapse: collapse; }

#productReviews .sumRating{
	background: #CA0050;
	height: 15px;
	padding: 0 !important;
	position: absolute;
	z-index: 30;
}

#productReviews .rating{
	background: #F5F3F4;
	height: 15px;
	position: relative;
	width: 100px;
}

.starsReview{
	left: 220px;
	top: 0px;
	position: absolute;
}

.reportCommentContainer {
	position: relative;
}

.reportCommentContainer .reportOption {
	position: absolute;
	width: 200px;
	background-color: #ece8ea;
	border: 1px solid #ccc;
	z-index: 1000;
}

.reportCommentContainer .reportOption DIV A {
	padding: 2px;
	display: block;
	border-bottom: 1px solid #ccc;
}

.reportCommentContainer .reportOption DIV A:HOVER {
	background-color: #ccc;
}
#productReviews .contentReview{
	margin: 10px 0 10px 0;
}

#productReviews .contentReview P{
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 0;
	width: 810px;
}

#productReviews .contentReview UL{
	overflow: hidden;
	margin: 0 0 10px 0;	
}

#productReviews .contentReview UL LI{
	overflow: hidden;
}

#productReviews .hidden{
	display: none;
	visibility: hidden; 
}

#productReviews .hrForm{
	color: #9D8C92;
	margin: 35px 0 10px 0;
}

#productReviews .canvasFormReview{
	margin: 5px 0;
	border-top: 5px solid #9d8c92;
	position: relative;
}

#productReviews .canvasFormReview .retingProduct{
	padding: 0 0 0 10px;
	position: absolute;
	top: 37px;
}

#productReviews .canvasFormReview .retingProduct LABEL{
	display: block;
	margin: 0 0 10px 0;
}

#productReviews .canvasFormReview .ratingSelect{
	width: 130px;
}

.commentRow {
	border-top: 5px solid #ece8ea;
	padding: 20px 0 20px 0;
}
.commentRow .commentInfo { float: left; width: 170px; }
.commentRow .commentText { margin-left: 170px; }
.commentRow .commentInfo DIV {
	margin: 1px 0 0 0;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(/js/jquery/jquery-rating/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/js/jquery/jquery-rating/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

#singleProductContainer{}
#singleProductContainer .header {
	border-bottom: 1px solid #e2dcdf;
	padding: 0 0 16px 0;
	margin: 0 0 9px 0;
}
#productInfo{ padding: 0 12px; }
#productImages {
	text-align: center;
	background-color: #ece8ea;
	padding: 5px;
	width: 330px;
}

.productPriceContainer {
	width: 100%;
}
.productPriceContainer .price {
	font-size: 1.2em;
	padding: 0 0 10px 0;
}
.productPriceContainer .quantity {
	background-color: #ece8ea;
}
.productPriceContainer .quantity DIV {
	padding: 10px;
}

.productPriceContainer .productRelationContainer {
	padding: 10px;
	background-color: #ece8ea;
}
.packageProductContainer {
	border: 1px solid #cfc5cb;
	background-color:#fff;
	margin: 3px 0 3px 0;
}

.packageProductContainer LI {
	padding:6px;
	border-bottom: 1px solid #cfc5cb;	
}
.packageProductContainer LI:last-child { border:none; }

#productImages #currentImage {
	overflow: hidden;
	width: 330px;
	/*min-height: 250px;
	_height: 250px;*/
}

#productImages div.scrollable.vertical {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollers have typically larger height than width */
	height: 160px;
	width: 100%;
}

/* root element for scrollable items */
#productImages div.scrollable.vertical div.items {
	position:absolute;

	/* this time we have very large space for height */
	height:20000em;
	margin: 0px;
}

/* override item style defined in scrollable.css */
#productImages div.scrollable div.items div {
	float:none;
}

/* single scrollable item */
#productImages div.scrollable div.items div {
	float:left;
	/* text/font settings */
	color:#999;
	text-align:center;
	cursor:pointer;
	margin: 5px 10px 0 0;
}

/* FOOTER */
#footer-background-wrapper {
	float: left;
	width: 100%;
	background: url(/img/interface/background-line.gif) transparent 0 100% repeat-x scroll;
	min-height: 150px; /* Chrome fix. Height of background image. */
}
#footer {
	margin-top: 2%;
}
#footer A {
	font-size: 12px;
}
#footer .separatorLine {
    margin-top: 30px;
    margin-bottom: 15px;
}
#footer .logoFooter{
	float: left;
	width:163px;
}
#footer .generalFooter {
	float: left;
	overflow: hidden;
	width: 660px !important;
}
#footer .generalFooter UL{
	float: left;
	overflow: hidden;
	width: 165px;
}

#footer .generalFooter UL LI UL LI{
	float: none;
	font-size: 0.9em;
    width: 115px !important;
}
#footer UL A {
    padding: 1px 0;
}
#footer UL A:HOVER {
    text-decoration: underline;
    border: none;
}
#footer UL LI UL {
    font-size: 0.9em;
    width: auto;
    float: none;
}
#footer .cart{
	padding: 0 15px 0 0;
}
#footer .copyrightFooter{
	padding: 0 0 25px 0;
	margin: 26px 0 0 0;
	text-align: center;
}

#footer .copyrightFooter li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.followCatalogue {
	background-image: url(/img/icons/menhetn/confirm_24.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 6px 0 4px 30px;
	margin-left: 8px;
	position: relative;
	_zoom: 1;
	display: inline;
	/*overflow: auto;*/
	height: auto;
}

.cartTable {
	margin-top: 20px;
	border-collapse: collapse;
	border: none;
	width: 100%;
	color: #554449;
}

.cartTable TH {font-weight: normal}
.cartTable TD, .cartTable TH {padding: 8px 3px;}

#shoppingCartTableWrapper .cartTable TH {border-bottom: 5px solid #4f4245; border-top:1px solid #E2DCDF;}
#shoppingCartTableWrapper .productRow {background-color: #f5f3f4;}
#shoppingCartTableWrapper .productsCostRow, #shoppingCartTableWrapper .deliveryCostRow {
	border-top: 1px solid #e2dcdf;
	border-bottom: 0;
	background-color: #ece8ea;
	font-size: 1.2em;
}
#shoppingCartTableWrapper .totalCostRow {
	border-top: 1px solid #4f4245;
	border-bottom: 5px solid #4f4245;
	background-color: #ece8ea;
	font-size: 1.2em;
}
#confirmOrderCartTableWrapper .cartTable TH {border-bottom: 5px solid #4f4245;}
#confirmOrderCartTableWrapper .productsCostRow, #confirmOrderCartTableWrapper .deliveryCostRow {
	border-top: 1px solid #e2dcdf;
	font-size: 1.2em;
}
#confirmOrderCartTableWrapper .totalCostRow {
	border-top: 1px solid #e2dcdf;
	border-bottom: 1px solid #4f4245;
	font-size: 1.2em;
}

.cartTable td.dist9 {
	height: 9px;
	line-height: 9px;
}

.cartTable td.dist5 {
	height: 5px;
	line-height: 5px;
}

.massFieldsTableWrapper {
	width: 100%;
}

.massFieldsTableWrapper .cell {
	padding: 0 10px 0 0;
}

.massFieldsTableWrapper td {
	padding: 0;
}

.massFieldsTableWrapper td.linkCell {
	background-color: #f5f3f4;
	font-size:1.2em;
	padding: 8px 10px;
}

.massFieldsTableWrapper .inputButton {
	font-size:100% !important;
}

.massFieldsTable {
	border-collapse:collapse;
	width: 100%;
}

.massFieldsTable .massFieldsRow, .massFieldsTableWrapper .linkRow .linkCell{
	background-color: #f5f3f4;
	border-bottom: 1px solid #4F4245;
}

.massFieldsTable .massFieldsRowHead {
	border-bottom: 2px solid #4F4245;
	color:#CA0050;
	font-size:1.2em;
}

.massFieldsTable td.lefty {
	padding: 8px 50px 8px 10px;
}

.massFieldsTable td.righty {
	padding: 8px 80px 8px 0px;
}

.cartTable .title {
	font-size:1.2em;
	font-weight:bold;
}

#shoppingCartPrintTableWrapper { padding: 2% }
#shoppingCartPrintTableWrapper .cartTable TD, #shoppingCartPrintTableWrapper .cartTable TH { border: 1px solid #554449; }

.infoBoxGrey {
	margin: 5px 0;
	padding: 13px;
	background-color: #f5f3f4;
	border-top: 1px solid #e2dcdf;
	border-bottom: 5px solid #e2dcdf;
}

.viewOne, .viewScrollerContainer, .viewScrollerContainerProduct { margin-top: 10px; float:left; }

.gallerieView {
	background: transparent url(/img/interface/rightBorderH481.jpg) left top no-repeat;
	padding: 0 0 0 30px;
}

.gallerieView h3 {
	color: #4f4245;
}

.gallerieView .viewOne {
	border-top: 1px solid #e2dcdf;
	padding: 9px 0 0;
	width: 540px;
}

.gallerieView .viewOne p {
	margin: 0;
}

.gallerieView .viewOne h3 {
	margin-bottom: 3px;
}

.galleryNavigation li a {}

.viewScrollerContainer {
	padding: 0 0 0 30px;
	width: 227px;
}

.viewScroller {
	background-color: #f5f3f4;
	border-top: 1px solid #e2dcdf;
	height: 100%;
	padding: 10px;
}

.viewScrollerContainer p {
	margin:0;
	padding:10px 0 0 12px;	
}

#viewer {
	clear:both; 
	height:60px;
	overflow:hidden;
	width:205px;
}

#viewerFrame {
	clear:both; 
	padding:0;
}

#viewer img {
	display:inline; 
	border:0;
}

#viewerFrame a {
	display:block; 
	float:left; 
	width:115px; 
	height:60px;
}

.viewScroller .buttons a {
	cursor:pointer;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	padding:5px 0 0 2px;
	width:50px;
}

.viewScroller .buttons .prev {
	float: left;
}

.viewScroller .buttons .next {
	float:right;	
	text-align:right;
}

.imageList {
	border-top:1px solid #e2dcdf;
	padding:9px 0 0;
}

/* INDEX page styles */

h1.partialTitle {
	font-size: 17px;
	color: #4F4245;
	margin: 0;
	margin-bottom: 5px;
}

h1.red {
	color: #CA0050;
}

div.redline {
	width: 100%;
	height: 1px;
	border-top: 1px solid #CA0050;
	margin-bottom: 10px;
}

.gray {
	color: #e2dcdf;
}

.inline {
	display: inline;
}

div.menuDescription {
	border-right: 1px solid white;
	height: 100px;
	text-align: left;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	margin: 0;
}

div.menuDescription h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: normal;
}

.followLinkContainer {
	background-image: url('/img/interface/white-arrow-right-11.gif');
	background-repeat: no-repeat;
	background-position: 10px 50%;
    position: relative;
	padding-left: 25px;
	height: 25px;
    _zoom: 1;
    line-height: 25px;
}

.followLinkContainer a, .followLinkContainer a:link, .followLinkContainer a:hover, .followLinkContainer a:visited {
	color: white;
}

#menu-description {
	background: #f1eef0;
	width: 100%;
	height: 110px;
	margin-top: 15px;
}

#sign-me-in-bottom {
	background-color: #ECE8EA;
	height: 120px;
	border-top: solid 1px #9D8C92;
	padding: 10px;
}

.hidden{
	display: none;	
}

#register-index {
	background-color: #F5F3F4;
	height: 100px;
	border-top: solid 1px #9D8C92;
	padding: 10px 0 0 10px;
	margin-bottom: 10px;
}

#languageTextContainer {
	padding-right: 13px;
	background: url('http://site.azzaworld.com/img/interface/arrow-down-12.gif') no-repeat;
	background-position: center right;
	cursor: pointer;
	position: relative;
}



/* End of INDEX page styles */

/* Index page product carousel */

.viewScrollerContainerProduct { padding: 0; width: 100%; }
.viewScrollerProduct { height: 100%; padding-left: 60px; padding-right: 60px; }
.viewerProduct { clear:both; height: 70px; overflow: hidden; position:relative; width: 100%; }
.viewerFrameProduct { }
.viewerFrameProduct:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.viewerProduct img { border: 0; }
.viewerFrameProduct a { display: block; float: left; width: 60px; height: 60px; }
.viewerFrameProduct div { display: block; float: left; width: 180px; height: 60px; }
.viewScrollerProduct .buttons a { display:block; }
.viewScrollerProduct .buttons .prev { float: left; }
.viewScrollerProduct .buttons .next { float: right; }
.imageListProduct { padding: 0; }

/* end of index page product carousel */

.advertismentContainer {
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#competitionClosed .winning-entries .description {width: 450px;}
.winning-entries .entry {
	margin: 10px 0;
}
#competitionClosed .other-entries .entry {float: left;}
#competitionClosed .photo-container, #competitionClosed .winning-entries .description {float: left;}
#competitionClosed .photo-container {
	padding: 5px;
	margin: 0 10px 10px 0;
	background-color: #ece8ea;
	width: 90px;
	min-height: 45px;
	_height: 45px;
	float: left;
}
#competitionClosed .photo-container .username { text-align: center; font-weight: bold; width: 90px; overflow: hidden; height: 15px }
#competitionEntries .entriesContainer {width:540px}
#competitionEntries .entriesContainer .header {
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	background-color: #e2dcdf;
	padding: 8px 5px;
	font-size: 1.3em;
}
#competitionEntries .entriesContainer .body {
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	height: 80px;
	background-color: #ece8ea;
	position:relative;
}
#competitionEntries .entriesContainer .body .leftButton {width:10px;height:17px;position:absolute;top: 26px; left: 16px;}
#competitionEntries .entriesContainer .body .rightButton {width:10px;height:17px;position:absolute;top: 26px; right: 16px;}
#competitionEntries .entriesContainer .body .carouselContainer {position: absolute; top: 9px; left: 75px !important;}
#competitionEntries .entriesContainer .body .carouselContainer UL LI {margin-right: 10px}

.daySelect { width: 50px !important; }
.monthSelect { width: 50px !important; }
.yearSelect { width: 70px !important; }

.chooseCountryContainer {
	font-size: 16px;
	line-height: 22px;
	color: #4F4245;
}

.giftCodesTitleBox{
	background-color: #f5f3f4;
	border-top: 5px solid #e2dcdf;
	padding: 10px 10px;
	color: #625a6a;
	font-size: 120%;
	font-weight: bold;
}

.hidden{
	display: none;	
}

.star-rating-control input{
	display: none;	
}

.reviewOptionWrapper{
	padding: 0 10px;
	float: left;
}

.reviewOptionContainer{
	padding: 0 0 10px 0;
}
.blogPaginatorWrapper{
	border-top: 1px solid #e2dcdf; 
}
.blogPaginatorWrapper, .blogPaginatorWrapper .paginatorWrapper, .blogPaginatorWrapper .paginatorWrapper .paginationControl{
	_width: 490px;	
}

.printPage {
	float: right;
}

/* Giftcodes Navigation */
	
.giftcodesNavigation{
	background-color: #f5f3f4;
	padding: 10px 0 0 10px;
}
.orderGiftcodesWrapper, .giftcodeBalanceWrapper{	
	float: left;
	position: relative;
	bottom: -1px;
}
.orderGiftcodesWrapper a, .giftcodeBalanceWrapper a{
	background-color: #e2dcdf;
	color: #ce3286;
	padding: 10px;	
}
.giftcodesNavigation a{
	display: block;
	text-decoration:none;	
}
.orderGiftcodesWrapper{
	margin: 0 10px 0 0;
}
.giftcodesNavigation{
	border-bottom: 1px solid black;
}
.currentMonthWrapper{
	padding: 20px 10px 10px 10px;
	border-bottom: 5px solid #9d8c92;	
}
.currentYearWrapper ul li,.currentMonthWrapper ul li{
	padding-bottom: 15px;
}
.currentMonthWrapper .first, .currentMonthWrapper .last{
	font-weight: bold;
}
 .currentMonthWrapper .last{
 	padding-bottom: 30px;
}
.currentYearWrapper{
	padding: 25px 10px; 
}
.currentYearWrapper .first{
	font-weight: bold;
}
.shopSortWrapper{
	border-top: 1px solid #e2dcdf;
	border-bottom: 1px solid #e2dcdf;
}
.shopSortContainer{
	background-color: #f5f3f4;
	padding: 7px 6px;
}
.shopSortContainer ul li{
	float: left;
	padding-right: 35px;
}
.shopSortContainer .first{
	width: 209px;
}
.shopSortContainer ul .second{
	width: 45px;
}
.shopSortContainer a{
	display: block;
	padding: 3px 5px;	
}
.shopSortContainer .titleWrapper{
	padding: 3px 0;
}
.shopSortContainer .active a{
	background-color: #E2DCDF;
}	
.orderGiftcodesWrapper .active, .giftcodeBalanceWrapper .active{
	background-color: white;
	color: #564549;
	border-top: 1px solid #4f4245;
	border-left: 1px solid #4f4245;
	border-right: 1px solid #4f4245;
	position: relative;
}
.teacherProductWrapper{
	border-bottom: 1px solid #e2dcdf;
}
.teacherProductContainer{
	padding: 9px 35px 14px 10px;
	font-size: 14px;
}	
.teacherProductContainer .imageContainer{
	float: left;
}
.teacherProductContainer .description{
	color: #CA0050;
	float: left;
	overflow: hidden;
	padding-left: 10px;
	width: 225px;
}
.teacherProductContainer .productInfo{
	float: left;
	overflow: hidden;
	width: 270px;
}
.teacherProductContainer .productInfo ul li{
	padding:  0 0 3px 20px;
}
.teacherProductContainer .productOptions{
	float: right;	
}
.teacherProductContainer .productInfo .available{
	background: url("/img/available.jpg") no-repeat scroll 2px 2px;
	font-weight: bold;
}
.teacherProductContainer .productInfo .unavailable{
	background: url("/img/unavailable.jpg") no-repeat scroll 2px 2px;
	font-weight: bold;
}
.productRefCode{
	float: left;
}
.productOptions ul li{
	padding-bottom: 8px;
}
.productOptions label{
	padding-right: 10px;
}
.productOptions input{
	width: 50px;
}

.teacherSortMenuWrapper ul {
	border-top: 1px solid #E2DCDF;
}

.teacherSortMenuWrapper ul li {
	position: relative;
}

.teacherSortMenuWrapper ul li, .teacherSortMenuWrapper ul {
	float: left;
	font-size: 14px;	
}

.teacherSortMenuWrapper ul li a.active {
	color:#333;
	background-color: #CFC5CB;
}

.teacherSortMenuWrapper ul {
	background-color: #f5f3f4;
	padding: 10px 0;
	width: 100%;
	margin-top: 10px;
}

.teacherSortMenuWrapper ul li{
	z-index:1000;
	padding-right: 35px;
}

.teacherSortMenuWrapper ul li a{
	display: block;
	padding: 2px 3px 3px 4px;
}

.teacherSortMenuWrapper ul li a:hover{
	background-color: #cfc5cb;
	color: #575067;
}

.opened{
	position: relative;	
}

#deliveryDetails .inputField { width:250px; /*border:1px solid #4f4245;*/ }

.product-family-box-catalog, .product-theme-box-catalog { z-index:3000; display:none; background-color:#ece8ea; padding:10px; width:240px; position:absolute; top:24px; left:0px; }
.product-family-box-catalog UL, .product-theme-box-catalog UL { border:1px solid #cfc5cb; background-color:#fff; padding:0; margin:0;  max-height:420px; overflow:auto;}
.product-family-box-catalog UL LI, .product-theme-box-catalog UL LI { border-bottom:1px solid #cfc5cb; padding:0px; margin:0; width:100%; }
.product-family-box-catalog UL LI A, .product-theme-box-catalog UL LI A { display:block; padding:10px; width:220px; margin:0; }
.product-family-box-catalog UL LI A:HOVER, .product-theme-box-catalog UL LI A:HOVER { background:none; }
.product-family-box-catalog UL LI:last-child, .product-theme-box-catalog UL LI:last-child { border-bottom:none; }


.product-thumb-container { 
	float:left;
	height:75px; 
	padding: 5px 10px 0 0;
	width:75px;   
}

.product-thumb-wrapper {
	height: auto !important;
}

.product-thumb-wrapper .last {
	padding: 5px 0 0;
}

.aboutPageCapcha .inputContainer{
	float:left;
	width:315px;
}

.aboutPageCapcha .recaptcha_container{
	float: left;	
}

.aboutPageCapcha .infoContainer{
	float: left;
	padding: 12px 0 0 20px;
	width: 315px;	
}

.aboutPageCapcha .infoContainer ul li{
	padding-bottom: 3px;
}

.aboutPageCapcha .recaptchaImage{
	margin-bottom: 5px;
}

.contactTextArea textarea{
	width: 400px;	
}

.galleryLeftButton{
	float: left;	
}

.galleryRightButton{
	float: right;	
}

.galleryLeftButton a{
	padding: 5px 0 5px 15px;
	background: url('/img/interface/left-carousel-arrow.png') no-repeat scroll 0 3px;
	display: block;
}

.galleryRightButton a{
	padding: 5px 15px 5px 0px;
	display: block;
	z-index: 10;
}

.galleryRightButton{
	position: relative;	
	z-index: 99;
}

.rightArrowContainer{
	position: absolute;
	right: 0;
	top: 3px;	
	zoom: 1;
	z-index: 1000;
}

#pager {
	width: 300px;
	height: 25px;
	margin: 2px auto;
	padding: 2px 0;	
}

#pager a {
	font-size: 10px; 
	border:1px solid #CA0050; 
	margin-right: 4px;
	padding: 1px 3px;
	z-index: 100;
}

#pager a.activeSlide {
	margin-right: 4px;
	color: white;
	background-color: #CA0050;
}
.galleryButtonsContainer{
	padding: 0 10px 0 0;
	text-align: center;
	
}


.printPage a{
	background: url('/img/icons/menhetn/print_24.png') no-repeat scroll right top;	
	padding: 5px 27px 3px 0;
}

#breadcrumbs-wrap { padding: 3px 0 10px 0; text-align: right; text-transform: capitalize; }
#sellers-list ul { padding: 4px 0; border-bottom: 1px solid #CCC; }
#catalogue-front { padding: 12px; }
#teachers-selling-product { margin-top: 12px; }

.extranetHPGalleryWrapper{
	margin: 0 auto;
	width: 650px;	
}

.extranetTextWrapper{
	margin: 15px 0 0 0;	
}

.extranetGalleryButtonsContainer{
	padding: 0 45px 0 3px;	
}

.suggestion-header {
	width:100%;
	padding: 23px 0 0 63px;
	position:relative;
	height:33px;
}

.suggestion-header h1 {
	margin: 0 !important;
}

.suggestion-talk-cloud {
	position:absolute;
	top:0;
	left:0;
	width:63px;
	height:56px;
	background: url("/img/interface/talk-cloud-azza.png") no-repeat 0 0;
}

.suggestion-facebook-recommend {
    margin-top:22px;	
}

.suggestion-registration-dialog .ui-dialog-titlebar, .suggestion-registration-dialog {
    padding:0 !important;
}

.suggestion-registration-dialog .ui-widget-header { background:url("/img/interface/gradient-azza-suggestion.png") repeat-x scroll 0 0 transparent; border:none; }

.suggestion-registration-dialog .ui-dialog-title { margin: 0 !important; }

#suggestion-registration { padding: 0; }
.suggestion-close-dialog {
    cursor:pointer;
    position:absolute;
    top:16px;
    right:4px;
    width:16px;
    height:16px;
    background: url("/img/icons/menhetn/close_16.png") no-repeat 0 0;
}

.newsLetterError {
	border-color: red;	
}

.out-of-stock { color: red; }