@font-face {
	font-family: Arial, Helvetica, sans-serif;
}
* {
    margin:0;
    padding:0;
}
body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color:#333;line-height: 200%;
    margin:0px;
    background-image: url(http://s24.postimg.org/lial02xmd/energy_flow_background.jpg);
    background-size: cover;
}

#megacontainer
{
    width:900px;
    margin:auto;
    position:relative;
    display:table;
}

#component
{
    float:left;
    width: 100%;
    color: #fff;
}

#topmenu
{
    margin:20px auto 0;
    background: url(images/ribbon_bg.png) no-repeat 50% top;
}

#topmenu ul
{
    margin:8px 0 0;
    padding:0;
}

#topmenu li
{
    display:inline;
    margin:15px 18px; 
    font-family: Arial, Helvetica, sans-serif;
}

#topmenu a
{
    color:#FFF;
    font-size: 16px;
    text-decoration:none;	
    text-shadow: 1px 1px 1px #292929;
    font-family: Arial, Helvetica, sans-serif;

}

#topmenu a:hover
{
    color:#faffc2;	
}

.top_li.active a
{
    color:#faffc2 !important;	
}

h1, .article_title h4, .position {   /*edited on 23/07/2013 by FY*/
    color: #f3ecc6 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px !important;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 1px rgb(245, 237, 237);    
    margin-bottom: 30px;
    padding: 10px 0;
    text-transform: none;
}
#fp-maintext {
	margin:40px auto 0;
	text-align:justify;	
	float:left;
	padding-bottom: 40px;
}

#maintext
{
	margin:50px 0 20px 0;
	width:600px;
	text-align:justify;	
	float:left;
}

#orderform
{
	margin: 50px 0 0 0;
	text-align:center;	
	float:left;
}


#col2
{
	width:300px;
	text-align:center;
	margin:50px 0 0 0;
	float:right;
}

p
{
	margin:0 0 10px 0; 
}

#fp-contact
{
	float:right;
	margin:420px 30px 0 0;	
	font-size:40px;
	text-align:center;
	width:350px;
	line-height:100%;
}

#footer {
	text-align: center;
	font-size:12px;
	float:left;
	z-index:-1;
}

a
{
	text-decoration:none;
	color:#cc363f;	

}

#topmenu span
{
	font-size:25px;	
}

#freedelivery
{
	/*float:left;
	background:url(images/freedelivery.jpg) top left no-repeat;
	width:480px;
	height:105px;	*/
}

#freedelivery div.type1 
{
	margin:35px 0 0 0px;
	text-align:right;
	width:472px;
	
}

#freedelivery div.type2 
{
	font-size:10px;
	text-align:right;
	width:472px;
}

#usercontainer
{
    margin:0 0 30px 0;
    width:900px;
    float:left;
    overflow:visible;
}
.userblock
{
    width:293px;
    height:272px;
    background:url(images/block.jpg) no-repeat top right;
    float:right;	
    margin:0 3px;
    z-index:1;
    position:relative;

}
.userblock div
{
	padding:10px;	
	text-align:justify;
	line-height: 21px;
}

.userblock ul
{
        list-style-image: url(images/bullet.png);
		
}

#iconthumb
{
	position:absolute;
	left:200px;
	top:200px;
	width:115px;
	height:105px;
	background:url(images/thumb.png) no-repeat;	
	z-index:5;
}

#iconcake
{
	position:absolute;
	left:220px;
	top:190px;
	width:101px;
	height:93px;
	background:url(images/cake1.png) no-repeat;	
	z-index:5;
}
#iconphone
{
	position:absolute;
	left:220px;
	top:210px;
	width:102px;
	height:74px;
	background:url(images/phone.png) no-repeat;	
	z-index:5;
}

.errorcell
{
	color:#F3C;	
}

/*---------- bubble tooltip -----------*/
.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
    font-weight:bold;
    text-decoration:none;
}
.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover{ z-index:25; color: #aaaaff; background:;}
.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
    padding: 15px 0 0 0;
    width:200px;
    color: #993300;
    text-align: center;
    filter: alpha(opacity:90);
    KHTMLOpacity: 0.90;
    MozOpacity: 0.90;
    opacity: 0.90;
}
.tt:hover span.top{
    display: block;
    padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
.tt:hover span.middle{ /* different middle bg for stretch */
    display: block;
    padding: 0 8px; 
    background: url(images/bubble_filler.gif) repeat bottom; 
}
.tt:hover span.bottom{
    display: block;
    padding:3px 8px 10px;
    color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}


.bottombar {
    width:100%;
    float:left;
    background: #000;
    text-align:center;
    bottom:0;
    position: static;
    padding:5px 0;
	 
}

.bottombar a {
    color: #fff;
    font-weight:bold;
    font-size:11px;
}

.article_title h2
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FF6161;
    font-size: 33px;
    text-shadow: white 0px 1px;
}


.contact_label> input[type="submit"]
{
    background: #f3ecc6;
    border: 0;
    width: 80px;
    padding: 5px;
    margin-left: 10px;
    color: #000;
    border-radius: 5px;
    cursor: pointer;
	
}

.contact_label> input[type="submit"]:hover
{
	background: #e80b35;
	color: #fff;
}
/*Banner CSS added 23 Jul 2013 by FY*/
.cs-prev, .cs-next {
    padding:10px 15px;
    color: #000000;
    background: #fff;
    /* These three lines are for transparency in all browsers. */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" !important;
       filter: alpha(opacity=40) !important;
       opacity:.4 !important;
}
.cs-prev:hover, .cs-next:hover {
    color: #fff;
    background: #000;
    /* These three lines are for transparency in all browsers. */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
       filter: alpha(opacity=50) !important;
       opacity:.5 !important;
}
.gallery_category_title {
    
}
.gallery_category_title h1{
    
}
.mbpgallery-category-box-file {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #E8E8E8;
    float: left;
    height: 100px !important;
    margin: 10px !important;
    overflow: hidden !important;
    padding: 0px !important;
    text-align: center;
    width: 100px !important;
}
.mbpgallery-category-box-file:hover {
    border: 1px solid #faffc2;
}
.mbpgallery-category-box-file-first {
    display: table;
    height: 100px !important;
    overflow: hidden;
    vertical-align: middle;
    width: 100px !important;
}
.gallery_back_button span.back_btn {
    background: url("images/icons/icon-40-prev.png") no-repeat top left !important;
    display: block;
    height: 26px;
    width: 30px;
}
.contact_form {
    color: #f3ecc6 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px !important;
    font-weight: normal;
    font-style: italic;
    text-shadow: 0 1px rgb(245, 237, 237);    
    margin-bottom: 15px;
    padding: 10px 0;
    text-transform: none;
}
.contact_form_div .contact_label {
    color: #fff;
    margin-bottom: 5px;
}
.contact_form_div .contact_field {
    margin-bottom: 15px;
}
.contact_field input, .contact_field textarea {
    padding: 5px;
}
.email img {
    display:none;
}
.contact_label input {
    margin-right: 10px;
}
/*end*/

/*CSS added 13 Aug 2013 by FY*/
.home_title_container {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.award_title, .magician_name {
    display: block;
    font-family: 'Mrs Saint Delafield', cursive;
}
.award_title {    
    font-size: 60px;
    color: #fff;
    margin-bottom: 50px;
}
.magician_name {
    font-size: 105px;
    color: #faffc2;
}