@media only screen and (min-width:200px) and (max-width: 700px)
{
    * { margin:0;padding:0; outline:none; }

    body { font-size: 62.5%; }

    p { margin: 0 .3em 1em; }

    #wrapper {
        background: none repeat scroll 0 0 #FFFFFF;
        color: #000000;
        font-family: Georgia,"Times New Roman",Times,serif;
        max-width:480px;
        overflow:hidden;
    }

    #wrapper img { max-width: 100%; }

    div.container {
        width:99%;
        margin:1px;
        overflow: hidden;
    }

    /** hide desktop stuff start */

    #top_header { display:none; width:0; }
    div.breadcrumb_container { display:none; width:0; text-indent: -999px; }
    div.breadcrumb_container_mobile { display:block; font-family: Verdana,serif; font-size: 12px; margin-top:-20px; padding-left:10px;}

    #leftcolumn { display:none;width:0}
    #rightcolumn { display:none;width:0}
    #content { width:100%; margin: 0; }

    #main_map_container { display: none; width:0 }

    .left_nav {display:none;float:none;}
    .ForumDiv { display:none;width:0 }
    #footer { display:none; width:0; }
    .footer_copyright { display:none;width:0 }

    /** hide desktop stuff end */

    div.mobile-header {
        display:block;
        top:0;
        text-align:center;
        width:100%;
        /*height:50px;*/
        background-color:#fff;
        color:#000;
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size: 16px;
        margin:0 0 25px;
        z-index:100;
        border-bottom:10px solid #0A3D87;
    }
    
/*    div.mobile_header h1 a {
        width:165px;
        height:50px;
        display:inline-block;
    }*/

    h1 img {
        border:0;
    }

    div#mobile-navigation {
        display:block;
        width:100%;
        min-height:50px;
    }

    /** main content section */
    .mobile-content {
        display:block;
        float:none;
        padding: 70px 15px 0;
        min-height: 500px;
        position: relative;
    }

    .nav-primary {
        margin:0 0 1.5em;
        position:relative;
        overflow:hidden;
    }

    .nav-primary a {
        display:block;
        padding: .5em .8em;
        text-decoration: none;
        color: #333;
    }

    .nav-primary ul {
        /*border:1px solid #e6e6e6;*/
    	text-indent: 40px;
    }

    .nav-primary li {
        font-size:1.8em;
         color: #555;
        /*border-bottom: 1px solid #eee;*/
    }

    .nav-primary li:last-child {
        border-bottom: 0;
    }
    .nav-primary > span{
	  position: absolute;
	  margin-top: 2px;    
    }

    .nav-primary a {
        padding-right: .3em;
    }

    .nav-primary h6 {
        position:absolute;
        top:0;
        left:auto;
        right:0;
        display: block;
        width:5em;
        height: 46px;
        background: #ccc url(/images/icons.png) no-repeat -207px 45%;
        text-indent: -999em;
        cursor:pointer;
    }

    .nav-primary.expanded h6 {
        background-position: -169px 45%;
    }

    .nav-primary li {
        clear:left;
        display:none;
    }

    .nav-primary.expanded li,
    .nav-primary li.nav-current {
        display:list-item;
    }

    .nav-primary li.nav-current {
        border-bottom-width: 0;
    }

    .nav-primary.expanded li.nav-current {
        /*border-bottom-width:1px;*/
    }

    .main-nav a {
        display:block;
        padding: .5em .8em;
        text-decoration: none;
    }

    .main-nav .nav-current {
        font-weight:bold;
        padding-left:15px;
        padding-top:3px;
        height:2em;
    }

    .main-nav li {
        line-height:1.3em;
    }

    .main-nav li:first-child {
        /*margin-bottom:5px;*/
        padding-top:9px;
    }

    div.multicoloured_divider_short {
        display:none;width:0;float:none;
    }

    .section_container_middle {

    }

    .section-heading h3 {
        border-bottom: 5px solid #000;
        margin-bottom: 5px;
        text-align: center;

    }

    .section-heading img {
        border:0;
        margin-bottom:15px;
    }

    .results {
        border-bottom: 1px solid #E7E7E7;
        margin: 15px 0;
        overflow: hidden;
    }

    .results li {
        -moz-border-bottom-colors: none;
        -moz-border-image: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: none repeat scroll 0 0 #F5F5F5;
        border-color: #E7E7E7 #E7E7E7 -moz-use-text-color;
        border-style: solid solid none;
        border-width: 1px 1px medium;
        color: #333333;
        cursor: pointer;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: bold;
        height: 34px;
        list-style: none outside none;
        padding: 14px 0 0 15px;
        width:100%
    }

    .results li a {
        color: #333333;
        text-decoration: none;
    }

    div.mapholder {
        border:1px solid #000;
        display: none;
    }

    .google-map {
        max-width:100%;
        height:400px;
        overflow:hidden;
    }

    .mobile-ads {
        width:316px;
        height:auto;
    }

    #rightcolumn {
        float:left;
        display:block;
        width:100%;
    }

    iframe, object, embed{ max-width: 100%; }

    /** footer stuff */
    .mobile-footer {
        display:block;
        float:none;
        padding:10px 15px 0;
        font-size:80%;
        border-top:2px solid gray;
        margin-top:15px;
    }
}

/* iphone 5 sideways */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 568px) {
    * { margin:0;padding:0; outline:none; }

    body { font-size: 62.5%; }

    p { margin: 0 .3em 1em; }

    #wrapper {
        background: none repeat scroll 0 0 #FFFFFF;
        color: #000000;
        font-family: Georgia,"Times New Roman",Times,serif;
        max-width:100%;
    }

    #wrapper img { max-width: 100%; }



    /** hide desktop stuff start */

    #top_header { display:none; width:0; }
    div.breadcrumb_container { display:none; width:0; text-indent: -999px; }

    #leftcolumn { display:none;width:0}
    #rightcolumn { display:none;width:0}
    #content { width:100%; }

    .left_nav {display:none;float:none;}
    .ForumDiv { display:none;width:0 }
    #footer { display:none; width:0; }
    .footer_copyright { display:none;width:0 }

    /** hide desktop stuff end */

    div.mobile-header {
        display:block;
        top:0;
        text-align:center;
        width:100%;
        /*height:50px;*/
        background-color:#fff;
        color:#000;
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size: 16px;
        margin:0 0 25px;
        z-index:100;
        border-bottom:10px solid #0A3D87;
    }

    /*div.mobile_header h1 a {
        width:165px;
        height:50px;
        display:inline-block;
    }*/

    h1 img {
        border:0;
    }

    div#mobile-navigation {
        display:block;
        width:100%;
        min-height:50px;
    }

    /** main content section */
    .mobile-content {
        display:block;
        float:none;
        padding: 70px 15px 0;
        min-height: 500px;
        position: relative;
    }

    .nav-primary {
        margin:0 0 1.5em;
        position:relative;
        overflow:hidden;
    }

    .nav-primary a {
        display:block;
        padding: .5em .8em;
        text-decoration: none;
        color: #333;
    }

/*    .nav-primary ul {
        border:1px solid #e6e6e6;
    }

    .nav-primary li {
        font-size:1.8em;
        border-bottom: 1px solid #eee;
    }
*/
    .nav-primary li:last-child {
        border-bottom: 0;
    }

    .nav-primary a {
        padding-right: .3em;
    }

/*    .nav-primary h6 {
        position:absolute;
        top:0;
        left:auto;
        right:0;
        display: block;
        width:4em;
        height: 4.5em;
        background: #ccc url(/images/icons.png) no-repeat -205px 45%;
        text-indent: -999em;
        cursor:pointer;
    }
*/
    .nav-primary.expanded h6 {
        background-position: -169px 45%;
    }

    .nav-primary li {
        clear:left;
        display:none;
    }

    .nav-primary.expanded li,
    .nav-primary li.nav-current {
        display:list-item;
    }

    .nav-primary li.nav-current {
        border-bottom-width: 0;
    }

    .nav-primary.expanded li.nav-current {
        border-bottom-width:1px;
    }

    .main-nav a {
        display:block;
        padding: .5em .8em;
        text-decoration: none;
    }

    .main-nav .nav-current {
        font-weight:bold;
        padding-left:15px;
        padding-top:3px;
        height:2em;
    }

    .main-nav li {
        line-height:1.3em;
    }

 /*   .main-nav li:first-child {
        margin-bottom:5px;
    }*/

    div.multicoloured_divider_short {
        display:none;width:0;float:none;
    }

    .section_container_middle {

    }

    .section-heading h3 {
        border-bottom: 5px solid #000;
        margin-bottom: 5px;
        text-align: center;

    }

    .section-heading img {
        border:0;
        margin-bottom:15px;
    }

    .results {
        border-bottom: 1px solid #E7E7E7;
        margin: 15px 0;
        overflow: hidden;
    }

    .results li {
        -moz-border-bottom-colors: none;
        -moz-border-image: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: none repeat scroll 0 0 #F5F5F5;
        border-color: #E7E7E7 #E7E7E7 -moz-use-text-color;
        border-style: solid solid none;
        border-width: 1px 1px medium;
        color: #333333;
        cursor: pointer;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: bold;
        height: 34px;
        list-style: none outside none;
        padding: 14px 0 0 15px;
        width:100%
    }

    .results li a {
        color: #333333;
        text-decoration: none;
    }

    div.mapholder {
        border:1px solid #000;
        display: none;
    }

    .google-map {
        max-width:100%;
        height:400px;
        overflow:hidden;
    }

    .mobile-ads {
        width:316px;
        height:auto;
    }

    #rightcolumn {
        float:left;
        display:block;
        width:100%;
    }

    iframe, object, embed{ max-width: 100%; }

    /** footer stuff */
    .mobile-footer {
        display:block;
        float:none;
        padding:10px 15px 0;
        font-size:80%;
        border-top:2px solid gray;
        margin-top:15px;
    }
}
