html
{
height:100%;
margin:0px;
padding:0px;
}

p
{
padding:0;
margin:0;
}

body
{
background: url(images/bg.png) repeat; /* this is for background */
color:#000000; /* this is for font color */
margin:0px;
padding:0px;
height:100%;
font:13px 'Cambria';

}

#megacontainer /* to be container */
{
top:0;
width:100%;
margin:auto; /* to be center */
overflow:hidden;
border:0px solid green;
padding:0px;
}

.header
{
padding-top:15px;
margin-top:0px;
border:0px red solid;
width:100%;
display:block;
min-height:100px;
}

.container /* to be grey */
{
margin:auto; /* to be center */
background: #ffffff; 
width:1024px;
min-height:1000px;
margin-top:60px;
overflow: visible;
border:1px solid #cccccc;
}

.innercontainer
{
padding-top:20px;
margin:auto; /* to be center */
width:969px;
overflow: visible;
}

.logo
{
display: block;
margin-left: auto;
margin-right: auto;
float:left;
border: 0;
}

.social
{
float:right;


}

.socialbar
{
float:right;
margin-top: 25px;
}

.social img
{
border:0px;
padding:0px 1px 0px 1px;
opacity: 1;
}

.social img:hover
{
opacity: 0.7;
-webkit-transition: opacity 0.3s ease-in-out;
}



.searchbar{
	float: right;
}

.searchbar ul.side_row{
	list-style-type: none;
}

.search > label{
	display: none;
}

.search > input[id="search_word"]
{
	/*
	margin-right:15px;
	margin-bottom:8px;

	background:black;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	width:106px;
	height:25px;
	*/

	height: 16px; 
	width: 90px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	border: 1px solid grey;
	padding: 5px 30px 5px 5px;
	
}

.search > input[type="submit"]
{
	background: url(images/search_icon.png) no-repeat;
	border: 0;
	width: 21px;
	height: 21px;
	padding: 0;
	margin: 0px;
	
}

.search > input[type="submit"]:hover{
	cursor: pointer;
}

.rotator
{
float:left;
display:block;
margin:auto;
}

.rotator_shadow
{
height:40px;
background: url(images/shadow.png);
display:block;
float:left;
width:100%;
}

/**
* Menu
*/

#menu{
    height: 30px;
    width: 665px;
	float:right;
	border-top:1px solid #e0dcdc;
	border-bottom:1px solid #e0dcdc;
	margin-bottom:10px;
	
}

#menu li {
    float:left;
    position:relative;
    list-style:none;
	height: 30px;
}

#menu ul{
	margin-left: 0px; 
	padding-left: 0px; 
	margin-bottom: 0px; 
	margin-top: 0px;
	padding-top:8px;
}

#menu a {
	font:12px 'Cambria';
    color:#9f9f9f;
    text-decoration:none;
    display:block;
	text-align: center;
}


/* 
	LEVEL ONE
*/
ul.menu li{
    /*APPEND*/
    padding: 0px;
    margin: 0px;
}

ul.menu                         
{ 
    position: relative; 
}

ul.menu li                      
{ 
    font-weight: bold; 
    float: left; 
    zoom: 1;
    /*APPEND*/
    list-style-type: none;
    color: #FFFFFF;
    display: block;
    float: left;
    font: 100% 'lucida sans unicode',arial,sans-serif;
    min-height: 37px;
    letter-spacing: 0.1em;
    /*padding: 29px 26px 6px;*/
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

/*ADD-ON*/
ul.menu li.top_li{
    padding: 0px 9px 0px 9px;
}
ul.menu li ul.sub_menu li{
    padding: 20px 10px 3px;
}

ul.menu a:hover		            { color: #0091d5;

}

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

ul.menu .top_li a:active                { color: #0091d5;

}
ul.menu li a                    { /*display: block; padding: 4px 8px; border-right: 1px solid #333;*/
	 								  color: #FFFFFF; height:30px;
                                       
}
ul.menu li:last-child a         { border-right: none; 

} 

/* Doesn't work in IE */
ul.menu li.hover,
ul.menu li:hover,
ul.menu li.active,                
ul.menu li:active
{ 
    /*background: #F3D673; color: black;*/ 
    position: relative; 
    /*APPEND*/
    color: white;
}

#menu li .active
{
color: #0091d5;
}

#menu li a:hover
{
color: #0091d5;
}

/* 
	LEVEL TWO
*/
ul.menu ul 						{ min-width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; 

}
ul.menu ul li 					{ font-weight: normal; background: #335175; color: #000; float: none;                       
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.menu ul li a					{ border-right: none; width: 100%; display: inline-block; 

} 

/* 
	LEVEL THREE
*/
ul.menu ul ul 					{ left: 100%; top: 0; 

}
ul.menu li:hover > ul 			{ visibility: visible;
}



.left_bar
{
width:745px;

float:left;

}

.right_bar
{
width:201px;
height: 498px;
float:right;
}



.right_bar_open
{
color:white;
font-size:20px;
font-weight:bold;
text-align:center;
/*background:#43bbed;*/
background: black;
width:100%;
height:40px;
float:left;
border-bottom:1px solid white;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}


.right_bar_close
{
/*background:#43bbed;*/
background: black;
width:100%;
height:40px;
float:left;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.right_bar_c
{
/*background:#3990cd;*/
background: #fa8d4e;
width:100%;
height:70px;
float:left;
border-bottom:1px solid white;
padding-bottom:15px;
}

.right_bar_c p
{
color:white;
float:left;
}



.right_bar_c img
{
float:left;
padding:10px;
display: inline;
margin: 3px;
opacity: 0.7;
-webkit-transition: opacity 0.3s ease-in-out;
}


.right_bar_c img:hover
{
opacity: 1;
}

.bottom_bar
{
padding-top:25px;
width:747px;
height:160px;
float:left;
}

.bottom_bar img
{
margin-right:0px;
}

.bottom_bar img:last-child     
{ 
border-right: none !important; 
}

#footer
{
float:left;
width:960px;
padding-bottom:10px;
}

#footer p
{
margin:auto;
text-align:center;
color: #646464;
}

.home_image
{
display: block;
margin-left: auto;
margin-right: auto;
padding-top:25px;

}

.mbpgallery-category-box-file
{
height: 95px !important;
}

.form_inner input[type="button"].qty_plus
{
    width:15px;
    border:none;
    background: none !important;
}

.form_inner input[type="button"].qty_minus
{
    width:15px;
    border:none;
    background: none !important;
}

/*
Banner Rotator
*/

#coin-slider1415{ background-repeat:no-repeat;overflow: width:916px; overflow:hidden; zoom: 1; position: relative; overflow:visible; }
#coin-slider1415 a {text-decoration: none; outline: none; border: none; }
#coin-slider1415 .cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
#coin-slider1415 .cs-prev { background:url(image/prev.png) no-repeat 0 0 transparent !important; width:35px; height:35px; text-indent:-9999px; display:block; padding:0 !important; opacity:1 !important; filter:alpha(opacity=100) !important; left: 20px !important;}
#coin-slider1415 .cs-next {background:url(image/next.png) no-repeat 0 0 transparent !important; width:35px; height:35px; text-indent:-9999px; display:block; padding:0 !important;  opacity:1 !important; filter:alpha(opacity=100) !important; right: 20px !important; }
#coin-slider-coin-slider1415 .cs-buttons { position:absolute !important; padding-top:20px !important; z-index: 3000 !important; }
#coin-slider-coin-slider1415 .cs-buttons a {margin-left: 5px; height: 16px; width: 16px; float: left; text-indent: -1000px; background:url(images/non_select.png) no-repeat; border:0px; }
#coin-slider-coin-slider1415 .cs-buttons .cs-active { height: 16px; width: 16px; background:url(images/select.png) no-repeat; }
.wrapper_div1272 #coin-slider1415 .cs-title { top: 250px; height:20px;width:906px; }

.cs-buttons
{
display:none !important;
}


.contact_field
{
margin-top: -3px !important;
}



/** login **/ 

.top_tools 
{
float: right;
color: #43bbed;
font-weight: bold;
text-align: right;
}

.button_login,.button_register
{
    display: inline;
    font-weight: bold;
    float:right;
    width:45px;
    text-align: right;
    
}

.button_login
{
    background: url("image/seperator.jpg");
    background-repeat: no-repeat;
    width:55px;
}
    
.button_login a
{
    color: black !important;
    display: inline-block;
	text-decoration: none;
}

.button_login a:hover
{
    color: #43bbed!important;
}
	
.button_register a
{
    color: black !important;
	text-decoration: none;
}

.button_register a:hover
{
    color: #43bbed!important;
}



.button_logout,.button_user
{
    display: inline-block;
}

 

.top_login 
{
    width:990px;
    text-align: right;
    margin:auto;
    padding-bottom:5px;
}

.top_tools
{
padding: 10px;
width: 400px;
float: right;
}

.button_login, .button_register, .login_reset
{
float: right !important;
margin-right: 10px !important;
}

.print-icon, .email-icon 
{
list-style:none;
float:left;
}

.published, .author, .hits
{
float:left;
}

.m_login.myform button, .m_login.myform .submit
{
background: rgb(55, 160, 255) !important;
}

.button_setting
{
float:right;
}

.button_user
{
padding: 7px;
font-size: 15px;
}


.button_login a, .button_logout input[type="submit"], .login_reset a, .button_setting button[type="button"], .button_register
{
display: inline-block;
zoom: 1;
padding: 6px 20px;
margin: 0;
cursor: pointer;
border: 1px solid #bbb;
overflow: visible;
font: bold 13px arial, helvetica, sans-serif;
text-decoration: none;
white-space: nowrap;
color: #555;
background-color: #ddd;
background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGg[...]QmCC);
transition: background-color .2s ease-out;
background-clip: padding-box;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
text-shadow: 0 1px 0 rgba(255,255,255, .9);
}

.button_login a:hover, .button_logout input[type="submit"]:hover, .login_reset a:hover, .button_register:hover
{
background-color: #eee;
color: #555;
}


.button_setting button:hover
{
background-color: #eee !important;
color: #555;
}

.button_login a:active, .button_logout input[type="submit"]:active, .login_reset a:active, .button_setting button[type="button"]:active, .button_register:active
{
background: #e9e9e9;
position: relative;
top: 1px;
text-shadow: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.button_logout
{
padding-right: 5px;
float: right;
}