/* ---------------------- Above header -------------------- */
.aboveHeaderWrapper { /*delete later*/
 	margin-top:10px;
	margin-bottom:5px;
	width: 980px;
	max-height:18px;
	min-height:18px;
	color:#868686;	/* week grey */

}

.dhurataAboveHeaderWrapper {
 	margin-top:10px;
	margin-bottom:5px;
	width: 980px;
	max-height:18px;
	min-height:18px;
	color:#868686;	/* week grey */
	font-size: 14px;
}

.dhurataAboveHeaderWrapper a {
	text-decoration:none;
}

.cakestocanadaAboveHeaderWrapper {
 	margin-top:10px;
	margin-bottom:5px;
	width: 980px;
	height: 1.5em;

	color:#FFF;
	background-color:#EB5252; 
}

.cakestocanadaAboveHeaderWrapper a, .cakestocanadaAboveHeaderWrapper a:link {
	color:#FFF;
	text-decoration:none;
	padding-right:10px;
}

.cakestocanadaAboveHeaderWrapper a:hover {
	color:#000;
	text-decoration:none;
}

.aboveHeaderWrapperLeftBox {
	margin-right:400px;
	max-height:15px;
	min-height:15px;
	
	/*background-color:#00FF40; */
}

.aboveHeaderWrapperRightBox { /* this is how I position this div beside aboveHeaderWrapperLeftBox and pushed to the far right of the container */
	/*float:right; */
	position:relative;
	top:-15px;
	left:580px;
	max-width:400px;
	min-width:400px;
	text-align:right;
	
	/*background-color:#FF0080; */
}


.shoppingCardStatus {
	margin-left:1px;
/*	background:url(../css/images/shoppingCart_red.gif) no-repeat;*/
	
	max-height:18px;
	min-height:18px;

/*
	background-color:#FFFFFF;
	border:1px groove #CDCDCD;
	height:20px;
	max-width:350px;
	min-width:350px;
	*/
}

.shoppingCardStatus:before {
  position: absolute;
  font-family: 'FontAwesome';
  top: 0;
  left: 10px;
  content: "\f07a";
}


.shoppingCardStatus span {
	position:relative;
	top:1px;
	margin-left:30px;
}


.changeLanguageAl {
	max-width:24px;
	min-width:24px;
	max-height:15px;
	min-height:15px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/buttons/al/al_flag24x15.jpg) no-repeat;
}

.changeLanguageEn {
	max-width:24px;
	min-width:24px;
	max-height:15px;
	min-height:15px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/buttons/en/en_flag24x15.gif) no-repeat;
}

.dhurataTwitterLink {
	max-width:24px;
	min-width:24px;
	max-height:15px;
	min-height:15px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/twitter_14x14.png) no-repeat;
}
.dhurataTwitterLinkBig {
	display:block;
	float:left;
	max-width:35px;
	min-width:35px;
	max-height:25px;
	min-height:25px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/twitter_25x25.png) no-repeat;
}

.dhurataFacebookLink {
	max-width:24px;
	min-width:24px;
	max-height:15px;
	min-height:15px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/facebook_14x14.png) no-repeat;
}
.dhurataFacebookLinkBig {
	display:block;
	float:left;
	max-width:35px;
	min-width:35px;
	max-height:25px;
	min-height:25px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/facebook_25x25.png) no-repeat;
}


.dhurataInstagramLink {
	max-width:24px;
	min-width:24px;
	max-height:15px;
	min-height:15px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/32-instagram.png) no-repeat;
}
.dhurataInstagramLinkBig {
	display:block;
	float:left;
	max-width:35px;
	min-width:35px;
	max-height:25px;
	min-height:25px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/instagram_25x25.png) no-repeat;
}


.dhurataPinterestLink {
	max-width:24px;
	min-width:24px;
	max-height:15px;
	min-height:15px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/facebook_14x14.png) no-repeat;
}
.dhurataPinterestLinkBig {
	display:block;
	float:left;
	max-width:35px;
	min-width:35px;
	max-height:25px;
	min-height:25px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/facebook_25x25.png) no-repeat;
}


.dhurataLinkedinLink {
	max-width:24px;
	min-width:24px;
	max-height:15px;
	min-height:15px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/linkedin_14x14.png) no-repeat;
}
.dhurataLinkedinLinkBig {
	display:block;
	float:left;
	max-width:35px;
	min-width:35px;
	max-height:25px;
	min-height:25px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/linkedin_25x25.png) no-repeat;
}

.dhurataGooglePlusLink {
	max-width:24px;
	min-width:24px;
	max-height:15px;
	min-height:15px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/googleplus_14x14.png) no-repeat;
}
.dhurataGooglePlusLinkBig {
	display:block;
	float:left;
	max-width:35px;
	min-width:35px;
	max-height:25px;
	min-height:25px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/googleplus_25x25.png) no-repeat;
}

.dhurataYoutubeLink {
	max-width:24px;
	min-width:24px;
	max-height:15px;
	min-height:15px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/icons/youtube_14x14.png) no-repeat;
}
.dhurataYoutubeLinkBig {
	display:block;
	float:left;
	max-width:35px;
	min-width:35px;
	max-height:25px;
	min-height:25px;
	overflow:hidden;
	text-decoration:none;
	
	background:url(../css/images/icons/youtube_25x25.png) no-repeat;
}


/* --------------------------- TOP -------------------- */
@media screen and (min-width: 500px) {
#dhurata-header-topM { display:none }
#dhurata-header-top {
 height: 73px;
 width: 980px;
 padding: 0px 10px 0 10px;
 /*margin: 10px 0px 0px 0px; */
 color: #333;
 background:url(../css/images/header-top.jpg) no-repeat;
}
}
@media screen and (max-width: 500px) {
#dhurata-header-top { display:none }
#dhurata-header-topM {
margin-top: 15px;
margin-bottom: 35px;
padding-top: 5px;
padding-bottom: 5px;
width:320px;
width: 100vw;
font-size: 15px;
background-color:#F7F7F7;;
color: #990000;
}
#dhurata-header-topM span {
color: #333;
}
}

#header-top {
 height: 73px;
 width: 980px;
/* padding: 0px 10px 0 10px;*/
 /*margin: 10px 0px 0px 0px; */
 color: #333;
/* background:url(../css/images/header-top-plain.jpg) no-repeat;*/
}

.header-text { 
  padding: 18px 0px 0px 0px;
 color:#c8161c;
 text-align:left;
 font-size:16px;
 font-weight:500;
 white-space:nowrap;
}
 
.dhurata-header-text { 
 padding: 8px 20px 0px 80px;
 color:#404040;
 text-align:left;
/* font-family:Arial, Helvetica, sans-serif; c8161c*/
 font-size:14px;
 font-weight:500;
 white-space:nowrap;
}
 
/*
.header-text span {
	margin-left:5px;
	margin-right:5px;
	color:#868686;
}
*/
 
.verticalDevider {
	margin-left:5px;
	margin-right:5px;
	color:#868686;
}
 
.headerPhone {
	font-weight:200;
	color:#777777;
}

/* this is like e box which will later host the search  */
.header-links { 
 	margin: 15px 0 0 437px;
	border:1px solid #CDCDCD;
	height:20px;

	max-width:482px;
	min-width:482px;
	background-color:#FFFFFF;	
}
.theTopSearchBox { 
 	margin: 4px 0 0 437px;
	border:1px solid #CDCDCD;
	height:20px;

	max-width:482px;
	min-width:482px;
	background-color:#FFFFFF;	
}


/* ------------------------- CENTER -------------------------- */
#header-center {
	width: 980px;
}


#cakestocanadaLogoWrapper {
	float:left;
	width:400px;
	margin-top:0px; /* 20 */
}

#dhurataLogoWrapper {
	float:left;
	width:400px;
	margin-top:-15px;
}

#logoWrapper { /* delete */
	float:left;
	width:400px;
	margin-top:-15px;
}

#dhurataLogo {
	margin-left:16px;
	width: 223px;
	height: 35px;
	
/*	background:url(../css/images/logo.jpg) no-repeat;*/
	background-position: 0px -3px;
}
@media screen and (max-width: 500px) {
	#dhurataLogo { display:none}
	#dhurataLogo-indexPage {
		margin-top:15px;
	}
}

#dhurataUnderLogo {
	height:150px; /* just got this number with tentatives 135 */
	width:400px;
	background-image: url(images/bg/Valentines-Day-Ribbon-Albanian.png); 
/*	background-image: url(../css/images/albaniaMothersDay_h148.jpg);*/
/*	background-image: url(../css/images/flowersGiftsToAlbania253x150Grey.jpg);
/* background-image: url(../css/images/christmasFlowersGiftsToAlbania.jpg); */
/*	background-image: url(../css/images/bg/valentineGiftToAlbania.jpg); */

/*	background-image: url(images/bg/flowerDelivery.jpg); */
/*	background-image: url(images/bg/receivingWeddingFlowers.jpg);*/
	
	background-repeat: no-repeat;
	background-position: 0px -10px; /* normalisht 0px 7px */
}

#cakestocanadaLogo {
	margin-left:16px;
	width: 300px;
	height: 50px;
	
	background:url(../css/images/cakestocanadaLogo.jpg) no-repeat;
	background-position: 0px -3px;
}

#cakestocanadaUnderLogo {
	height:130px; /* just got this number with tentatives */
	width:400px;
	background-image: url(images/bg/cakestocanadaUnderLogo.jpg);
	background-repeat: no-repeat;
	background-position: 16px -10px;
}



/*
#logo {
	float:left;
	width: 223px;
	height: 35px;
	color: #333;
	background:url(../css/images/logo.jpg) no-repeat;
		
	background-color:#A2A2A2;

}
*/

/* ---------------- Center index page ---------------- */
#header-center-indexPage {
	width: 980px;
	height:100%; /* this makes no diference !? */
	color:#FFFFFF;
	background-image: url(../css/images/indexPage/flowersAndGiftsToAlbania.jpg); 
/*	background-image: url(../css/images/indexPage/flowers_gifts_for_valentines.jpg); */
/*	background-image: url(../css/images/indexPage/womanAndMotherGift.jpg); */
/*	background-image: url(../css/images/indexPage/MotherDay12.jpg); */
/*	background-image: url(../css/images/indexPage/americanmotherday.jpg); */
/*	background-image: url(../css/images/indexPage/gezuar7-8marsin.jpg); */
/*	background-image: url(../css/images/indexPage/28nentor.jpg);*/
/*	background-image: url(../css/images/indexPage/worldsmothersday.jpg); */
/*	background-image: url(../css/images/indexPage/christmasDayFlowersGiftsToAlbania.jpg); */
/*	background-image: url(../css/images/bg/easterFlowersAndGifts.jpg); */
/*	background-image: url(../css/images/indexPage/fathersdaygifts.jpg);*/
	background-repeat: no-repeat;
	background-position: 387px 1px; /* left top */
	
	/*background-color:#80FFFF; */

}

#dhurataLogo-indexPage {
	margin-left:16px;
	width: 223px;
	height: 35px;
	
	background:url(../css/images/logo.jpg) no-repeat;
	background-position: 0px -3px;
}

#enterSite {
	margin-left:22px; /* same as dhurataLogo */
	margin-top:16px;
	
	/* size fits the background */
	width:291px;
	height:225px;
	
	background-image: url(../css/images/indexPage/enter.jpg);
	background-repeat: no-repeat;
	/*background-color:#B8B8B8; */
}

#enterButtonWrapper {
	margin-left:20px;
	padding-top:90px;
	
	/*background-color:#004080; */
}

#enterButtonWrapper a {
	display:block;
	padding-left:30px;
	width: 184px;
	height: 59px;

/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 18px;
	font-weight: normal;
/*	font-family: Verdana; */
	text-decoration: none;
	line-height:55px; /* will center the text verticaly */
	
	background:url(../css/images/indexPage/languageButton.jpg) no-repeat left bottom;
	cursor:pointer;
	cursor:hand;
}

#enterButtonWrapper a:hover {
	background:url(../css/images/indexPage/languageButtonHover.jpg) no-repeat left bottom;
}


#deliveryIntroBox {
	margin-top: 10px;
	margin-bottom: 20px;
	/* size fits the background width:827px; */
	width:980px;
	height:170px; /* same as image height */
	background-image: url(../css/images/indexPage/deliveryIntroBox.jpg);
	background-repeat: no-repeat;
	background-position:bottom center;
	/*background-position:bottom right; */
	text-align:center;
}

/* this is how you center div inside div */
#deliveryIntroMessages {
    margin: 0 auto;
	width:936px;
}

#deliveryIntroMessages div {
	float:left; 
	width:271px; 
	padding:20px;
	text-align:left;
}

#deliveryIntroMessages div span {
	font-size:14px;
/*	font-family:Arial, Helvetica, sans-serif;*/
	font-weight:700;
}

/* --------------- user testimonials ----------------------*/

#quote { /*delete later*/
	float:right;
	width: 545px;
	height: 170px;
	/*margin: 0px 20px 0px 0px; inheritably margin becomes all 0 */
	background:url(../css/images/testimonial-box.jpg) no-repeat;
}

#dhurataQuote {
	float:right;
	width: 545px;
	height: 170px;
	/*margin: 0px 20px 0px 0px; inheritably margin becomes all 0 */
	background:url(../css/images/testimonial-box.jpg) no-repeat;
}

#cakestocanadaQuote {
	float:right;
	width: 545px;
	height: 170px;
	/*background:url(../css/images/testimonial-box.jpg) no-repeat;*/
}


#quoteReadMore {
	position:relative; 
	/*top:-182px; */
	top:-22px;
	left:31px;
	font-size:11px;

}

#quoteReadMore a {
	text-decoration:none;
	font-style:italic;
	/*color:#454545;  same as headline, */
	color:#CE0000; /* same as headlineSign */
}

#scrollup {
	position: relative;
	overflow: hidden;
	width: 500px;
	height:140px; /* clarice had it 300px and that make them show underneath and it impossible for me to hide them via z-index */
	
	/*background-color:#804040; */
}

.headline {
	position: absolute;
	top: 210px;
	xleft: 20px;
	height: 195px;
	padding: 43px 20px 0 30px; /* the first one dictates the vertical positioning of the text */
	width:450px;
	
	/*background-color:#8080FF; */
}

.headline span {
	font-size:23px; 
	font-weight:200;
	font-style:italic;
	color:#000000;
}

.headlineContent {
	max-height:55px;
	min-height:55px;
	overflow:hidden;
	
	font-size:15px;
	font-style:italic;
	line-height:115%;
	color:#454545; /* text color */
	/*color:#c8161c;  
	background-color:#008080; */
}

.headlineOpenBracket {
	position:absolute; /* to headline */
	top:37px; 
	left:20px; 
	text-align:left; 
	
	/*background-color:#5A5A5A; */
}

.headlineSign {
	/* margin-top:15px; */
	text-align:right;
	font-style:italic;
	font-size:12px; 
	line-height: 16px;
	font-weight:200; 
	color:#CE0000;
}

.headlineDate {
	text-align:right;
	font-style:italic;
	font-size:12px; 
	font-weight:200; 
	color:#454545;
}

.telAndLinksLine, .telAndLinksLine1 {
    display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
	font-weight: 500;
	color: #868686;
	font-size:110%;
}
.telLine {
	font-size:80%;
}
@media screen and (max-width: 500px) {
.telAndLinksLine, .telAndLinksLine1  {
	font-size:130%;
	line-height:130%;
}
#cakestocanadaLogoWrapper {
	padding-top:15px;
}
.telImage {
    display: table-cell;
	vertical-align:top;
	width:32px;
	text-align:left;
}
.telLine {
    display: table-cell;
	vertical-align:top;
	padding-left:14px;
}
}
@media screen and (min-width: 800px) {
.telLine {
	padding-left:0px;
}
}

.linksLine {
    display: table-cell;
	text-align:right;
/*	padding-right:40px;*/
}

.linksLine a {
    text-decoration:none;
	color:#000;
	padding-left:10px;
}