/* GENERAL STYLES
--------------------------------------------------------- */
body { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#0f3c53; background:url(../library/bg.jpg) no-repeat top center fixed #6ba7ef}
td {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

html, body, div, a, p, h1, h2, h3, h4, h5, span {margin:0; border:0; padding:0; outline:none;}
img{border:0;}
table{border-collapse:collapse}

/* - Changing the default colour of selected text in firefox & safari - */
::selection {background: #0f3c53; color:#fff;}/*Safari*/
::-moz-selection {background: #0f3c53; color:#fff}/*Firefox*/


/* MAIN LINKS
--------------------------------------------------------- */
a:link{text-decoration: underline; color:#0f3c53;}
a:visited{text-decoration: underline; color:#0f3c53;}
a:active{text-decoration: underline; color:#0f3c53;}
a:hover{text-decoration: underline; color:#447a01;}



/* TYPOGRAPHY
--------------------------------------------------------- */
h1, h2, h3, h4, h5{color:#063852; line-height:1.3; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; text-shadow:0px 1px #fff; margin:0 0 5px 0}
h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
p{margin:0 0 12px 0}

.headline{font-weight:bold; font-size:13px; line-height:1.3; text-decoration:underline; font-style:italic }


/* LISTS
--------------------------------------------------------- */
ul{margin:0;padding:0; list-style:none}
ul li{margin:0;padding:0;}
ol{margin:0;padding:0;}
ol li{margin:0;padding:0;}




/* STYLES
--------------------------------------------------------- */
#bgimg {position:absolute;z-index: -1;}
#container_bg{width:1000px; height:auto; background:url(../library/shadow-bg.png) repeat-y; margin:0 auto 0 auto}
#container{width:960px; height:auto; background:url(../library/texture-bg.gif) repeat; margin:0 auto 0 auto}



/* BANNER
--------------------------------------------------------- */
#banner{width:1000px; height:120px; background:url(../library/banner.jpg) no-repeat; margin:0 auto; position:relative}

	/* - Top Flags - */
	#top_flags{position:absolute;top:30px; right:30px;}
		
		#top_flags a{float:left;width:36px;height:21px; margin:0 10px 0 0}
		#top_flags a:focus{position:relative; top:1px;}
		
		#english{background:url(../library/sprite.png) no-repeat -127px 0}
		#english:hover{background-position:-127px -21px}
		
		#french{background:url(../library/sprite.png) no-repeat -48px 0}
		#french:hover{background-position:-48px -21px}
		
		#spanish{background:url(../library/sprite.png) no-repeat -166px 0}
		#spanish:hover{background-position:-166px -21px}
		
		#german{background:url(../library/sprite.png) no-repeat -87px 0}
		#german:hover{background-position:-87px -21px}
		
		#italian{background:url(../library/sprite.png) no-repeat -205px 0}
		#italian:hover{background-position:-205px -21px}
		
		#chinese {background:url(../library/chinese_flag.jpg) no-repeat; border:1px solid #FE0000; border-radius:3px; height:20px; white-space:35px;}
		#chinese:hover {border:1px solid #fff;}
		
	/* - Dropdown / Social Links - */
	#second_area{position:absolute; top:65px; right:30px; font-size:11px;  color:#fff;}
	
		#second_area p{position:absolute; top:0;right:40px; line-height:1.5;width:220px;}
		
		#second_area select, #second_area option{margin:0 5px;padding:1px;border:0;font-size:11px;line-height:1.5;}
		
		#facebook{width:23px; height:23px; float:left; background:url(../library/sprite.png) no-repeat 0 0}
		#facebook:hover{background-position:0 -23px}
		
		#twitter{width:23px; height:23px; float:left; background:url(../library/sprite.png) no-repeat -23px 0;display:none;}
		#twitter:hover{background-position:-23px -23px}
		
		.float_right{float:right}
		.float_left{float:left}
		
		#second_area a:focus{position:relative; top:1px}
		
	/* - Banner Nav - */
	#banner_nav{position:absolute;top:90px; right:20px;}
	#banner_nav li{float:left; background:url(../library/banner-spacer.png) no-repeat right center}
	#banner_nav li:last-child {background:none;}
	#banner_nav li a{float:left; font-weight:bold; text-transform:uppercase; padding:5px;margin:0; text-shadow:0px 1px #212221}	
	
		#banner_nav li a:link, #banner_nav li a:visited, #banner_nav li a:active{color:#fff; text-decoration:none}
		#banner_nav li a:hover{text-decoration:underline}						
															

/* NAV
--------------------------------------------------------- */
#nav{width:940px; height:42px; margin:0 auto 0 auto;padding:8px 0 0 0;}
#nav li{float:left;padding:0;}
#nav li a{float:left; height:35px; padding:0 8px; line-height:2.5; background:url(../library/spacer.png) no-repeat right center; font-weight:bold; text-transform:uppercase; font-size:14px;}
#nav li a:link, #nav li a:visited, #nav li a:active{color:#093e6a; text-decoration:none}
#nav li a:hover{text-decoration:none; color:#fff; background:#093e6a}

#mobile_nav, #closeM, #responsive_nav {display:none;}

/* SLIDESHOW
--------------------------------------------------------- */


/* required block for any slide show - use for all slide shows on your site  */
/*   main containers  */ 
#slides_container {height:300px; position:relative; overflow:hidden; margin:0 auto; max-width:940px; width:100%;}
#slides_container div {display:none; left:0; position:absolute; width:100%;}
#slides_container div span {display:none; position:absolute; left:0px; top:0px; z-index:1000;}
#slides_container #egg_timer {position:absolute; left:50%; top:50%;}
#slides_container img {width:100%;}



#slideshow {width:100%; max-width:940px; height:300px; margin:0 auto 20px auto; position:relative;}

	
	#slideshow p{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;z-index:10000; color:#fff; font-size:24px; position:absolute; bottom:15px; left:20px; text-shadow:0px 1px #000}



		/*#gallery-slider_img{width: 940px;height: 300px; position: relative;}
		#gallery-slider_img ul{margin:0;padding:0;list-style:none; display:none;height:300px; width:940px; overflow:hidden}
		#gallery-slider_img li{height:300px; width: 940px}*/
	   




/* CONTENT
--------------------------------------------------------- */
#content{width:940px; height:auto; margin:10px auto 20px auto; line-height:1.7;}

	.column{width:300px;height:auto; float:left;margin:0 10px 0 0; padding:0 10px 0 0 ;background:url(../library/content-spacer.png) no-repeat right center}
	.right_column{width:300px;height:auto; float:right;margin:0;}
	.right_column img {border:5px solid white; box-sizing:border-box; margin:0 0 15px; max-width:100%;}
	.right_column2{width:450px; height:auto; float:right; margin:0;}
		
		.img_style{margin:15px 0 0 0; float:right}
		
		.column p strong{color:#7897a7;}
		
		#pre_booking{width:302px; height:124px; display:block; margin:0 0 15px 0;background:url(../library/sprite.png) no-repeat 0 -50px}
		#pre_booking:hover{background-position:0 -190px}
		#pre_booking:focus{position:relative; top:1px; }
		
		#newsletter{width:298px; height:auto; background:#e2e1d2; padding:0 0 5px 0; margin:10px 0 15px 0;border:1px solid #d0cfba; position:relative}
		
			#newsletter input{width:194px; height:18px; margin:5px 0 0 6px;padding:7px 8px 8px 8px; line-height:1; border:1px solid #bbbbbb; background:#f4f4ee; font-size:15px;font-family:Georgia, "Times New Roman", Times, serif; color:#9d9d9d;}
		
			input#newsletter_submit{width:74px; height:35px; cursor:pointer; text-indent:-9999px; float:right; position:absolute;top:40px;right:7px; background:url(../library/sprite.png) no-repeat -302px -340px}
			#newsletter_submit:hover{background-position:-302px -375px}
			#newsletter_submit:focus{background-position:-302px -410px}
	
	#leftcol{width:615px; height:auto; float:left; padding:0 15px 0 0;background:url(../library/content-spacer.png) no-repeat right top}	
	#leftcol2{width:450px; height:auto; float:left; padding:0 15px 0 0;background:url(../library/content-spacer.png) no-repeat right top}	

	
		#content ul{ list-style: disc; margin:10px 0 10px 30px}
		#content ul li{/*padding:3px 0*/}

	#fullcol{width:940px; height:auto; float:left}
	
	
	#leftcol table.chinese_table {margin-bottom:30px; text-align:center; width:100%;}
	#leftcol table.chinese_table tr th, #leftcol table.chinese_table tr td {width:25%;}
	
	

/* FOOTER
--------------------------------------------------------- */	
#footer{width:940px; height:auto; margin:0 auto 50px auto; line-height:1.3; font-size:11px; color:#444444;}

#footer_left{width:228px; float:left}

	.footer_spacer{margin:20px 0 10px 0}
	
	#footer_logo{width:178px; height:93px;display:block; margin:0 30px 0 25px; background:url(../library/sprite.png) 0 -340px}

	#footer_contact{width:250px; height:auto;margin:0 20px 20px 0;float:left}
	#footer_contact p{margin:0 0 10px 0}
	
	#footer ul{float:left;margin:0 30px 0 0;}
	#footer ul li{padding:5px 0}
	#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active{color:#444444; text-decoration:none;}
	#footer ul li a:hover{color:#447a01;}
	
	#footer_sig{font-size:11px;margin:20px auto 0 auto; text-align:center;color:#bfbfac}

#spacer{max-width:1000px; width:100%; height:50px; margin:0 auto}

	#footer_sig a:link, #footer_sig a:visited, #footer_sig a:active{color:#89897e!important; text-decoration:none!important; line-height:1.7}
	#footer_sig a:hover{color:#5d5d55!important}





.field_m, .field_m2 {color:inherit;display:inline-block;padding:0 10px;font-weight:bold;}
.field_m2 {
  color:inherit;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {color: inherit;}
  50% {color: #FF4136;}
  100% {color: inherit;
}
}


/****************STYLING THE AREAS PRODUCED BY THE cms*************************/
/*by leaving the following empty the tags will be styled from your regular tags*/


/* ECOMMERCE SITES, PRODUCT LISTING
--------------------------------------------------------- */

div.cms_prod_listing{width:180px;border: solid 1px #A1FF43;float:left;	margin:10px;color: #774C4C;text-align: center;height: 220px;}/* the div containing each product  */

#cms_addedcart{border: solid 1px #E59497; width: 80%;margin-left: auto;margin-right:auto;background: #E9FDCE; text-align:center; }/*the DIV displaying the message when something has been added to the cart*/

select.cms_form_cart, input.cms_form_cart,submit.cms_form_cart{background: #E4FFCA; font-size: 14px;}/*form fields for the add to cart sections*/

p.error{font-weight: bold; color:#FF0000;}/*the errors shown when adding to cart*/




/* STYLINGT THE TABLE WHICH CONTAINERS THE CART ON THE DETAIL PAGE
--------------------------------------------------------- */
td.cart_header_normal{border: solid 1px #E28FD3;border-right:0px;text-align:center;background: #E4FFCA;height:30px;}/*header  / first row, all fields except last to the right*/
td.cart_header_last_right{border: solid 1px #E28FD3;text-align:center;background: #E4FFCA;}/*header  / first row, all fields except last to the right*/

td.cart_td_normal{border-left: solid 1px #E28FD3;border-bottom: solid 1px #E28FD3;}/* all td's except last to the right*/
td.cart_td_last_right{border-left: solid 1px #E28FD3;border-bottom: solid 1px #E28FD3;border-right: solid 1px #E28FD3;}/* td's  last to the right*/
td.cart_total_left{border:0; height: 30px;line-height: 200%;}/*main cart, total at the bottom*/
td.cart_total_right{border:solid 1px #E28FD3;border-top:0px; height: 30px;line-height: 200%;}/*main cart, total at the bottom*/


div.cms_special_offer{width: 100%;text-align:center;}

p.all_offers{}/*the p tag for the link to all offers*/




/* CHECKOUT SECTION ONLY
--------------------------------------------------------- */

		#checkout_container{width: 860px; margin-left:auto; margin-right:auto;padding:15px;}/*container contiing all elements for the checkout*/
					#checkout_step0_left{width: 99%;}/* the div containing the login palette for step 0, login or register*/
					#checkout_step0_right{width: 99%;}/* the div containing the login palette for step 0, login or register*/
					
			h1.checkout{font-size: 18px;color: #E28FD3;	background-image: url(library/bullet_li.gif);background-repeat: no-repeat;padding-left: 18px;}
			p.checkout_steps{}/*The tag showing the links to step by step*/
			p.checkout_general{}/*general p tags during checkout*/
			
			div.products_checkout{width: 90%; margin-left:auto; margin-right: auto; border: solid 1px red;}
			
			
			div.checkout_address{border:solid 1px black;padding:10px;width: 80%;margin-left:auto;margin-right:auto; color: #999999;}
			
			div.checkout_address_selected{border:solid 1px red;padding:10px;background: #FFFFE1}/* the address currently selected*/
			
			div.checkout_shipment{width: 90%;border: solid 1px red; background: #FFFFFF;margin-left:auto;margin-right:auto;}
			
			h2.checkout{font-size: 16px;color: #E28FD3;	background-image: url(library/bullet_li.gif);background-repeat: no-repeat;padding-left: 18px;}

.main_tr1{background: #F1E0EE}
.main_tr2{background: #E7F0D9}





/* CUSTOMER AREA
--------------------------------------------------------- */
p.cust_orders{margin-left: 100px;}/*showing the order detail*/
#cust_area{margin:15px;}/*the area where the content is*/











/* STYLING THE LINKS PAGE(S)
--------------------------------------------------------- */
h2.cms_links_cat{}/* Displays the links categories*/
p.cms_links{}/* Displays the actual link and description*/
a.cms_links{}/*Displays the actual links*/
p.cms_links_empty{}/*The line letting users know there is no links in the database if applicable*/




/* STYLING THE HELP/FAQ PAGE(S)
--------------------------------------------------------- */
p.cms_nofaq{}/*the line showing that there is no faq in the database*/
h3.cms_faq_category{margin-left: 40px;}/*the category of either help or FAQ*/
p.cms_faq_questions{margin-left: 60px;}/*the clickable questions on the faq or help*/
span.cms_faq_title{font-weight: bold;/*display:none;*/}/*this shows weather this is an help or faq, you can hide this using CSS if you do not want to show it*/
a.cms_faq_links{}/*all links within the FAQ section including the back to the top links*/
#cms_faq_spacer{height: 150px;}/*the div allowing you to include space between the last question and the first answer*/
p.cms_faq_answer_title{margin-left: 40px; font-weight:bold;}/*the title of the answer*/
p.cms_faq_answer_detail{margin-left: 50px;}/*the comment on the answer*/
p.cms_backtop{margin-left: 80px;}/*the P tag containing the back to top link*/
hr.cms_faq_hr{width: 50%;margin-left:auto;margin-right:auto;}




/* STYLING THE GOOGLE API MAP
--------------------------------------------------------- */
#cms_api{}




/* STYLING THE FORM FIELDS ON THE CONTACT FORM 
--------------------------------------------------------- */

#contact_page form table td strong{display:none;}
form td{padding:5px 0 5px 0}

input.cms_form, textarea.cms_form, radio.cms_form, select.cms_form, submit.cms_form{background:#f4f4eb; border:1px solid #d7d7c4; color:#aaa995;  font-size:12px; font-family:Arial, Helvetica, sans-serif}
input.cms_form, textarea.cms_form, select.cms_form{padding:7px;}
input.cms_form:hover, textarea.cms_form:hover, select.cms_form:hover, input.cms_form:focus, textarea.cms_form:focus, select.cms_form:focus{background:#fff; border:1px solid #093e6a; color:#0f3c53}
#subm{ width:auto; height:30px; background:#3c7f0b; border:1px solid #52ac10;color:white;font-weight:bold; text-transform:uppercase; -moz-border-radius: 15px; -webkit-border-radius: 15px; cursor:pointer; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
#subm:hover{ background:#4a9910}
#subm:focus{position:relative; top:1px}




#cms_upload_window{border: solid 1px black; background: #FFFFE1;padding:15px;}



/* STYLING THE IMAGE GALLERY
--------------------------------------------------------- */
h2.cms_image_gallery{}/*displaying the categories of images*/
div.cms_photo_name{display:none}/*name of the photo*/
div.cms_image_layout{width:235px; height:225px; z-index:50;border: solid 0px white; margin:0;text-align:center;padding:0;float:left;}/*This is the div which contains the actual thumbnail with name etc*/
div.cms_image_layout img{border:2px solid #c8c8b6;padding:2px;margin:0 auto}
div.cms_image_layout a img{display:none;}
div.cms_image_layout a{width:100px; height:30px; background: url(../library/glass.png) no-repeat; display:block;position:relative; top:-40px;left:4px;*left:-60px;overflow:hidden;font-size:0; color:black!important}
div.cms_image_layout a, div.cms_image_layout a:visited, div.cms_image_layout a:active{color:black!important; border-bottom:0!important}
div.cms_image_layout a:hover{}

div.clearfloat{clear:both;}/*If you are floating the above div, then you might need to cancel the float at the end of category, you can do so by using this div*/
#cms_image_window{border: solid 1px black; width:300px; margin-top:5px;margin-left:auto;margin-right:auto; text-align:center;}/*div styling the container on the window for enlarged images*/
h1.cms_image_window{}/* displays the image name*/




/* STYLING THE NEWS
--------------------------------------------------------- */
p.cms_current_news{background-image:url(library/bullet_right.gif);background-repeat: no-repeat;padding-left:11px;margin-bottom:0px;}/*displays the listing of news*/
p.cms_current_news_desc{margin-top:0px;margin-left:25px;}/*small description just under the headline on the listing of news*/
p.other_news{}/*the p tag showing the link "to go to archive click here or to go to live news click here*/
h2.cms_news_headline{color: #9F57A4;margin-top:20px;}/*the headline on the news detail page*/
p.cms_news_back{}/*the back link /button on the news detail page*/




/* STYLING THE TESTIMONIAL PAGE
--------------------------------------------------------- */
div.testimonial_container{}/* full container surrounding each testimonial*/
p.testimonial_text{font-style:italic;}/* actual text*/
p.testimonial_name{font-weight: bold; }/* name and company with link*/
div.testimonial_bottom{	margin-top: 25px; margin-bottom: 25px;width: 100%; height: 5px;background-image: url(library/testimonials_separator.gif);	background-repeat: no-repeat;background-position: center;}/* after each testimonial */





/************ news ticker ***************/

#newsticker{width:100%;margin:10px 0;height: 100px; }
#newsticker p{line-height:1.5!important; background:none; margin-bottom:15px;}
	.newsdetail{ background:none;}
.bloglink{text-decoration:none!important; color:#e0bb00!important; font-size:13px; line-height:1.3!important}		

#IE6_message{width: 800px;border:solid 1px red;position: absolute;left: 50%;margin-left: -400px; top: 200px; background:#F5F5F5;text-align:center;padding:20px;}




/************************************************************/
ul.tabs {
	margin: 0!important;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0!important;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #f0f0e6;
	border-bottom: 1px solid #f0f0e6;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #f0f0e6;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}


@media only screen and (max-width : 1040px) {
	* {box-sizing:border-box;}
	body {background:#629EE7;}
	#banner, #container_bg, #container, #nav, #content, #footer, .footer_spacer, #fullcol {width:100%!important;}
	
	#nav li a {font-size:12px; font-weight:normal; padding:0 6px;}
	#leftcol {padding:0 1%; width:62%;}
	.right_column {padding:0 1%; width:38%;}
		#pre_booking, #newsletter {max-width:302px; width:100%;}
		#newsletter {height:110px;}
				#newsletter input {height:30px;}
				#newsletter_submit {left:0; margin:auto!important; position:absolute!important; right:0; text-align:center; top:74px !important;}
	/* GALLERY PAGE */
	#overlay, #lightbox, #outerImageContainer, #imageContainer, #lightbox img, #hoverNav {width:100%!important;}
		div.cms_image_layout {height:auto; margin:0.5%; max-height:225px; width:24%;}
			div.cms_image_layout img {max-height:167px; max-width:100%;}
	/* CONTACT PAGE */	
		#leftcol2, .right_column2 {padding:0 1%; width:50%;}	
		.right_column2 #cms_api iframe {max-width:420px; width:100%;}
		.contact_details {width:33% !important;}
}

@media only screen and (max-width : 900px) {
	#banner {background:url(../library/header_responsive.jpg) no-repeat scroll center bottom / contain; margin:40px 0 4px;}
	#top_flags {left:0; margin:auto; position:absolute; right:0; text-align:center; top:-35px; width:276px;}
	#second_area {color:#fff; left:0; position:absolute; right:0; text-align:center; top:-2px;}
		#second_area p {left:0; line-height:1.5; margin:auto; position:relative; right:0; top:0; width:220px;}
		#facebook {position:absolute; right:1%; top:-33px;}

/* NAVIGATION */
	#banner_nav, #nav, .mob_nav {display:none;}
	#mobile_nav {color:#fff; display:inline; font-size:18px; position:absolute; right:0; top:32px;}
	#closeM {display:inline;}
	#responsive_nav {display:none; text-align:center;}
	#responsive_nav li {border-bottom:1px solid #fff; float:none; margin:0; width:100%; height:auto}
	#responsive_nav a {display:block; font-size:15px; margin:0; padding:4px 0; text-decoration:none; width:100%;}
	#responsive_nav li:hover {opacity:.7;}
	#slideshow p {bottom:15%;}
	
	#leftcol, .right_column, #leftcol2, .right_column2 {float:none; padding:0 10px; text-align:center; width:100%;}
	#pre_booking, #newsletter {margin:0 auto 15px;}
		#newsticker {margin:10px auto; width:80%;}
			.addthis_toolbox {margin:0 auto; max-width:304px; text-align:center; width:100%;}
	#footer {margin:0 auto 10px; padding-bottom:10px; text-align:center;}
		#footer_logo {margin:0 auto;}
		#footer_left {float:none; width:100%;}
		#footer ul {display:none;}
		#footer_contact {display:none;}

}

@media only screen and (max-width : 700px) {
	#banner, #container_bg, #container, #nav, #content, #footer, .footer_spacer, #fullcol {text-align:center;}
	#banner {background:url(../library/mobile_logo.png) no-repeat scroll center bottom / contain; margin:40px auto 0; max-width:347px; width:100% !important;}
	#mobile_nav {top:90px;}
	#slideshow p {bottom:28%; font-size:18px;}
	div.cms_image_layout {width:48%;}
		div.cms_image_layout a {left:35%}
	#left_col form table {width:100%!important;}	
		#left_col form input {width:100%!important;}
		#left_col form td {display:block; padding:2px 0; text-align:center;}
		#left_col input.cms_form, textarea.cms_form, select.cms_form {margin-bottom:10px; width:100%;}
		div.cms_image_layout a {display:none;}
		.mobile_hide {display:none;}
		
}

@media only screen and (max-width : 500px) {
	table {margin-bottom:5px; width:100%!important;}
	form td {display:block; padding:1px 0; width:100%;text-align:center;}
		input.cms_form, textarea.cms_form, select.cms_form {width:100%;}
	#cms_api iframe {height:auto; width:100%;}
	.contact_details {width:100%!important;}
	#content ul {list-style:none; margin:0;}
	ul.tabs {height:92px!important;}
	#content ul li {width:100%!important;}
	#slideshow {height:150px;}
	#slideshow p {display:none;}
}


@media only screen and (max-width : 400px) {
	h1 {font-size:18px;}
	.mob_nav {color:#629EE7; display:inline-block; font-size:24px; position:relative; top:-2px;}
	#mobile_nav {color:#629ee7; display:block; font-size:15px; margin:0 auto; position:relative; right:0; top:0; width:100%;}
	
	div.cms_image_layout {width:98%;}
	#slideshow {height:100px;}
}