/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* for 600px or less */
@media screen and (max-width: 600px) {

	body { background: #fff; margin: 0; padding: 0; font-family: arial, sans-serif; }
	* { font-size: 15px!important; line-height: 1.5em!important; }
	a { text-decoration: underline; color: #006fc0; }
	table th { text-align: left; }
	h1 { font-size: 21px!important; line-height: 1.3em!important; color: #085380; }

	#mob-header { float: left; width: 100%; background: #13b9e2; /* Change BG color to suit clients color scheme */ }
    #mob-menu-btn, #mob-search-btn { float: left; display: block; text-align: right; font-size: 17px; margin: 8px 0 8px 10px; color: #fff; cursor: pointer; cursor: hand; width: 28px; height: 18px; padding: 6px 3px; border: solid 1px #fff; text-transform: uppercase; font-weight: bold; background: url(../images/mobile/nav-menu.png) no-repeat center center; background-size: auto 14px; -moz-border-radius: 3px; border-radius: 3px; }
    #mob-search-btn { background: url(../images/mobile/search-btn.png) no-repeat center center; background-size: auto 18px; margin-right: 10px; }
      
	#mob-logo { float: left; width: 100%; text-align: center; margin: 0; padding: 15px 0 17px 0; background: #0baedd; border-bottom: solid 6px #fad422; }
    #mob-logo img { max-width: 80%; max-height: 45px; }	
	#mob-header .list { float: right; padding: 3px 18px 3px 18px; margin: 10px; font-size: 15px; color: #fff; text-decoration: none; background: url(../images/mobile/btn-bg.gif) repeat-x 0 0 #106293; -moz-border-radius: 28px; border-radius: 28px; }
	
	#container,
	#wrapper,
	#content-holder,
	#header,
	#guiFooter,
	#responsive-mobile-ad-unit
	{ float: left; width: 88%; padding: 0 6%; }
	
	
	/* For anything that requires hiding */
/*
	#directory #sidebar,
*/
	#logo,
    hr,
	#header,
	#nav,
	#slider_controls,
	.cleaner,
	#guiMenu,
	#listyourbusiness,
	#mainMenu,
	.hidden,
	#Listings_Menu,
	#Home-Banner-Top,
	.content-banner,
	.Listings_SearchPanel,
	#form_sort,
	#Listings_ViewMode,
	.Listings_ResultListDescription,
	#Listings_ViewFeaturedTabbed,
	#Listings_Breadcrumbs,
	#searchbox,
	.side_box_icon,
	#ad_homebottom,
	.top_image_overlay,
	#searchbox_directory,
	.google-ads-728x90,
	#Listings_Ads_Listings_Middle,
    #Listings_ViewTopExtra
    { display: none!important; }

    /* Mobile Navigation --------------- */

	.expand-menu-btns, .expand-search-form { display: none; }
	#mob-nav { 
		float: left; 
		width: 100%;
		border-bottom: solid 1px #1080b5!important; 
	}
    #mob-nav ul { 
        float: left; 
        width: 100%; 
        margin: 0; 
        padding: 0;
		border-top: none;
		border-bottom: solid 1px #1080b5;
    }
    #mob-nav ul li { 
        float: left; 
        width: 100%;
        margin: 0;
		padding: 0;
		background: none;
        list-style-type: none;
    }
    #mob-nav ul li a {
        float: left;
        width: 85%;
        padding: 8px 10% 8px 5%;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        font-size: 14px;
        background: url(../images/mobile/subnav-arrow.png) no-repeat 94% center; 
        background-size: 10px auto;
        border-top: solid 1px #1080b5;
		text-decoration: none!important;
		text-align: left!important;
    }
    #mob-nav ul li a:hover { background-color: #106293; }
    
	#mob-search { float: left; width: 90%; margin: 0 5%; padding: 10px 0 0 0;  }
	#mob-search form { float: left; width: 100%; margin: 0; padding: 0; background: #fff; -moz-border-radius: 20px; border-radius: 20px;  }
	#mob-search form input[type="text"] { float: left; border: none; background: none; padding: 10px 0 5px 20px; width: 73%; }
	#mob-search .search-btn { float: right; margin-right: -1px; -webkit-appearance: none; -webkit-border-radius: 0; }
	
	#mob-nav li.highlight a { background: #1080b5; border-top: solid 1px #37a6d4; font-weight: normal; }
	#mob-nav li.highlight-first a { background: #1080b5; border-top: solid 1px #37a6d4; font-weight: bold; }
	#mob-nav li.highlight-last a { background: #1080b5; border-bottom: solid 5px #18ceb2; border-top: solid 1px #37a6d4; font-weight: normal; }
			
	/* Feature Panel --------------- */
	
	#feature-panel, #feature_panel { float: left; width: 100%; background-size: 100% auto; }
	#feature-panel article, #feature_panel article { background-size: 100% auto; }
	#feature_panel #banners { float: left; width: 100%; }
	#feature_panel #banners img { width: 100%!important; height: auto!important; }
	
    /* General --------------- */

	.mob-hide{display:none !important;} /* can be used to hide elements only on small screen */
	.web-hide{display:inherit !important;}
	.mobile-advert {
		float: left;
		margin: 20px 0;
		min-height: 60px;
		width: 100%;
	}
	.mobile-advert-footer {
		float: left;
		margin: 15px 5%;
		min-height: 60px;
		width: 90%;
	}
	#wrapper img { max-width: 100%!important; height: auto!important; } /* Adjusts width on photos within content */
	#wrapper { padding-top: 25px; padding-bottom: 25px; }
	#container { padding-top: 20px; }
	#responsive-mobile-ad-unit { padding: 0; width: 100%; padding-top: 15px; padding-bottom: 30px; }
	#top-image { }
    #mob-advert { float: left; width: 100%; margin: 0 0 30px 0; }
	.responsive-advert { float: left; width: 100%; }
	.addthis_toolbox { margin: 0 0 20px 0; }
	.Listings_ViewCoreDetailsTitle { font-weight: bold; margin-top: 20px; }
	#Listings_ViewCoreDetailsTabbed { background: none; }
	#Listings_ViewTopMap, #Listings_MapSmall { width: 300px; overflow-x: hidden; }
	#q-quote p { position: relative; }
	#q-quote p label { position: absolute; top: 11px; left: 10px; }
	#q-quote input[type=text], #q-quote textarea { width: 90%; padding: 10px; border: solid 1px #ccc; }
	#contentholder img { max-width: 100%!important; height: auto; }
	.testimonial { float: left; width: 90%; padding: 10px 5%; background: #f1f4ea; font-style: italic; }
	#important_security_notice { float: left; width: 88%; padding: 10px 5%; background: #f1f4ea; border: solid 5px #dde3d0; margin-bottom: 20px; }
	
	.mob-btns, .subList, #footer ul, .catList {
		/* Any list within content can be made into a nice button format by adding this class to the ul */ 
		float: left;
		width: 100%!important; 
		margin: 0 0 20px 0!important;
		padding: 0!important;
	}
	.mob-btns li, .subList li, #footer ul li, .catList li { 
		float: left;
		width: 100%!important;
		list-style-type: none;
		margin: 0!important;
		padding: 0!important;
	}
	.mob-btns li a, .subList li a, .mob-btn, .map-btn, #footer ul li a, .catList li a { 
		float: left;
		width: 90%;
		padding: 8px 5%;
        background: url(../images/mobile/subnav-arrow-black.png) no-repeat 94% center #edfafc; 
		color: #0baedd;
        background-size: 8px auto;
		text-decoration: none;
		border-bottom: solid 1px #cbeff7;
	}
	.mob-btns li:first-child a, .mob-btns li.first a, .subList li.first a, .catList li:first-child a  { -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
	.mob-btns li:last-child a, .mob-btns li.last a, .subList li.last a, .catList li:last-child a { -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-bottom: none; }
	.mob-btn, .map-btn { margin: 0 0 15px 0; -moz-border-radius: 5px; border-radius: 5px; border: none; }
	.map-btn { background: url(../images/mobile/icon-map.png) no-repeat 95% center #000; background-size: 20px auto; }
	
	.mob-btns li a:hover, .subList li a:hover, .mob-btn:hover, .map-btn:hover, .catList li a:hover { background-color: #cbeff7; }

	#mob-website-btn { float: left; width: 100%; }
	.mob-btn-lg { 
		float: left;
		width: 90%;
		padding: 15px 5%;
        background: #f78706; 
		text-align: center; 
		font-size: 21px!important;
		line-height: 25px;
		margin: 0;
		color: #fff;
		text-decoration: none;
	}
	.mob-btn-lg:hover { 
		background-color: #f57805;
	}

	/* Sidebar --------------- */
	
	#sidebar { float: left; width: 100%; border-top: solid 1px #d4d4d4; padding: 30px 0 10px 0; }
	#sidebar h2, #sidebar #subnav h2, #sidebar h5 { 
		float: left;
		width: 90%!important;
		padding: 10px 5%!important;
		margin: 0 0 1px 0;
        background: #085380!important; 
		color: #fff;
        background-size: 8px auto;
		text-decoration: none;
		-moz-border-radius: 5px 5px 0 0; 
		border-radius: 5px 5px 0 0;
		font-weight: bold;
	 }
	 #sidebar .mrec_ad_top { 
	 	margin: 0 0 20px 0; 
		text-align: center;
	 }

    /* Fieldset --------------- */

	fieldset, #field_form { width: 90%;	}
	fieldset p,
	fieldset label,
	fieldset span {
		width: 100%;
		float: left;
	}
	fieldset { float: left; width: 88%; padding: 10px 6%; margin: 0; background: #efefef; border: solid 1px #d5d5d5; margin: 0 0 10px 0; }
	fieldset legend { font-weight: bold; }
	
	fieldset input[type="text"],
	fieldset input[type="email"],
	fieldset input[type="tel"],
	fieldset input.txtshort,
	fieldset input.txtshorter,
	fieldset textarea,
	fieldset .commentBox, 
	fieldset .long
	fieldset #enquiry,
	fieldset select
	{ width: 95%!important; padding: 4px; -moz-border-radius: 5px; border-radius: 5px; border: solid 1px #d5d5d5; }
	
	fieldset input[type="submit"], #submit { 
		-webkit-appearance: none;
		background: #f33e51;
		padding: 5px 10px;
		-moz-border-radius: 5px; 
		border-radius: 5px; 
		color: #fff;
		border: none;
		font-size: 1.1em;
	}
	
	 /* Footer --------------- */

	#guiFooter, #footer { 
		float: left;
		background: url(../images/mobile/logo.png) no-repeat center 35px #1080b5;
		background-size: auto 30px;
		padding: 90px 8% 40px 8%;
		width: 84%;
		text-align: center;
		margin-top: 20px;
	}
	#footer p, #guiFooter p,
	#footer p span, #guiFooter p span,
	#footer p a, #guiFooter p a, 
	#footer ul li, #guiFooter ul li,
	#footer ul li a, #guiFooter ul li a { 
		color: #fff;
		font-size: 13px!important;
	}
	#guiFooter a { 
		text-decoration: underline; 
	}
	#guiFooter p, 
	#guiFooter ul { 
		width: 100%!important; 
		margin: 0 0 15px 0;
		padding: 0;
		text-align: center;
		color: #fff;
	}
	#guiFooter p, #guiFooter p span, #guiFooter p a { font-size: 11px!important; }
	#guiFooter ul li { 
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#guiSide { padding: 0; }
	
	.verticalAds { 
		float: left;
		width: 100%; 
		text-align: center;
		padding: 20px 0;
		margin: 0;
		display: none;
	}
	
	#Listings_HomeColumnsLatestSide, 
	#Listings_HomeColumnsBrowseWide {
		width: 100%;
		padding: 0;
	}
	.Listings_ResultListTitle { 
		background: none!important; 
		padding: 0!important;
		margin: 0!important;
		
	}
	.Listings_ResultListTitle a { 
		color: #085380!important; 
	}
	#Listings_ViewDescription { 
		padding-top: 20px; 
	}
	.ui-state-active a { color: #fff!important; text-shadow: none; }
	#guiSide { 
		float: left;
		width: 100%;
		padding-bottom: 20px; 
	}
	#directory .Listings_HomeColumnsHeader { 
		padding: 7px 3%;
		float: left;
		width: 94%;
		margin: 0;
	}
	#directory .Listings_HomeColumnsHeader h2 { margin: 0; line-height: 1.0em; }
	#directory .Listings_BrowseListLink { 
		float: left; 
		text-align: left;
		padding: 5px 0 30px 0;
	}
	#directory .Listings_BrowseList, .Listings_BrowseList li { 
		width: 100%;
		float: left;
	}
	
	/* Listing Results */
	#directory .Listings_ResultList { 
		float: left; 
		width: 92%; 
		border-top: solid 1px #efefef;
		padding: 10px 4%; 
		height: auto;
	}
	#directory .Listings_ResultListFeatured { height: auto; }
	#directory .Listings_ResultListPhone { margin-left: 0px; }
	
	#directory .Listings_ResultListThumbnail { 
		float: left;
		width: 28%;
		padding: 0;
	}
	#directory .Listings_ResultListThumbnail img { max-width: 100%; height: auto; }
	#directory .Listings_ResultListText { 
		float: right;
		width: 65%;
		padding: 10px 0 0 0; 
	}
	#directory .Listings_ResultListWhenPosted,
	#directory .Listings_ResultListViews 
	{ display: none; }
	
	#directory .Listings_ResultListWhere { 
		padding: 15px 0;
	}

	#Listings_Pagination { 
		float: left;
		width: 100%;
		margin: 0 0 20px 0;
	}

	#Listings_ResultHeader { 
		padding: 0;
	}
	.Listings_BrowseList { 
		margin: 0 0 30px 0;
		padding: 0;
	}
	.Listings_BrowseList li {
		margin: 0;
		padding: 0;
		list-style-type: none; 
		float: left;
		width: 100%;
	}
	.Listings_BrowseList li a { 
		float: left;
		width: 98%; 
		padding: 8px 0 8px 2%; 
		border-bottom: solid 1px #ccc; 
	}
	.Listings_ViewImageMainImage { 
		width: 96%!important;
	}
	#Site_ProgressStepsWrapper { 
		border-bottom: solid 1px #ccc;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	#Site_ProgressStepsWrapper ul { 
		margin: 0;
		padding: 15px 0 0 0;
	}
	#Site_ProgressStepsWrapper li { 
		list-style-type: none;
		margin: 0;
		padding: 0;
		
	}
	#Site_ProgressStepsWrapper li a { 
		text-decoration: none;
	}
	
	.quick-quote p label { float: left; width: 100%; }
	.quick-quote p input {  }
	
	/* -- Listing Detail Page -- */
	.Listings_ViewTopExtra,
	#Listings_ViewAddThis 
	{ display: none; }
		
	.ui-tabs-nav { float: left; width: 100%; }
	.ui-tabs-nav li:nth-child(3), .ui-tabs-nav li:nth-child(4) { display: none; }
	#Listings_ViewOverviewMain { width: 100%; }
	
	#Listings_ViewCoreDetailsTabbed { float: left; width: 100%; }
	#Listings_ViewCoreDetailsWhere { float: left; width: 90%!important; background: #edfafc; padding: 0 5% 15px 5%!important; margin-top: 20px; }
	#Listings_ViewCoreDetailsWho { float: right; background: #edfafc; width: 90%!important; padding: 0 5% 15px 5%!important; }
	#Listings_ViewTopExtra { width: 100%; text-align: center; background: #efefef; }
	#Listings_ViewTopExtra img { max-width: 100%!important; }
	#Listings_ViewCoreDetailsTabbedFeatured { width: 100%; background: #fff; }
	#Listings_ViewTopMap { float: left; width: 100%; background: #efefef; margin-bottom: 20px; }
	#Listings_MapSmallv2{width:100%;height:0;padding:68.49315% 0 0;overflow:hidden;position:relative;}
	#Listings_MapSmallv2 > div,#Listings_MapSmallv2 > iframe{width:100%;height:100%;position:absolute;left:0;top:0;}
	#Listings_MapSmallLinks { float: left; margin: 0 0 15px 10px; }
	h1#Listings_ViewTitle strong { font-size: 22px!important; }
	h1#Listings_ViewTitle img { display: none; }
	.Listings_ViewCoreDetailsTitle { font-size: 17px!important; }
	#Listings_ViewImageMain img { max-width: 100%!important; }
	
	#Listings_ViewTabs, .ui-tabs-nav { background: #cbeff7; margin-bottom: 20px; }
	#Listings_ViewTabs .ui-tabs-anchor { color: #404b03; }
	#Listings_MapSmallLinks { float: left; margin: 0 0 15px 10px; }
	
}