﻿.foo{/* W3C Likes this so it validates */}

/*
********************************************************
CSS Stylesheet
Created on:01/07/2014
Version:1.0
Development by: Perfectly Picked
Developer:Gavin Davies
*******************************************************
*/
/* COMMON TAG ELEMENTS */


@media only screen and (max-width: 768px){

    /* HEADINGS */
    h1{font-size:26pt;}
    h2{font-size:16pt;}
    h3{font-size:12pt;}
    h4{font-size:12pt;}

	/* SITE STRUCTURE */
    #wrapper{ width:680px; }
    #parent{ min-width:680px; width:100%;}
    #content{ padding:22px 0 0 0; width:660px;}
    #content .sidenav .bot { background:url(../images/bg/theme/bg_silver_strip_corners_680.png) 0% 0% no-repeat;}
    #content .sidenav { margin:0 10px 0 -10px; }
    #content .bodycopy.nav { width:410px;}
    body.tablet #content .sidenav { display:none; }
    body.tablet #content .bodycopy.nav { width:640px;}

    #homepage .highlight-gadget { width:660px}

    /* HEADER */
    #header{margin:0 auto; padding:0; width:660px; position:relative;height:150px; }
    #nav-primary{ width:460px;}

    /* BANNER */
    #media-banner .banner { width:660px; }
    #media-banner .banner img { width:100% !important; height:100% !important; }

    /* CONTACT US */
    #content.contact-us { width:640px;}
    #content.contact-us .lhs { margin:0 0 0 10px; padding:0; float:none; width:auto; }
    #content.contact-us .rhs { margin:0 0 0 10px; padding:0; float:none; width:auto; }
    
     /* MY ACCOUNT */
    #content.myaccount { padding:22px 10px 30px 10px; width:640px; }
    #content.myaccount .section .checkboxlist label { width:auto; }
    #content.myaccount .my_orders { padding:0px; }

    /* NEWS AND PRESS RELEASES */
    #content.news { padding:0px 20px 20px 20px; width:620px;}
    #content.news h1 { width:70%; }

    /* WARRANTY */
    #content.warranty { width:620px; }
    #content.warranty .section .checkboxlist label { width:75px }
    #content.warranty .submit.continue { top:124px; }
    #content.warranty .btn_reset { top:90px; }

     /* SURVEY MANAGER  */
    #content.surveys { width:620px; }

    /* FOOTER */ 
    #footer { width:620px;}

    /* FOOTER - FOLLOW US */
    .follow-us-wrap { width:600px; }
    .follow-us-wrap .section a.logo {width:100%; background-size:80% auto !important }
    .follow-us-wrap .section.electrolux a.logo {width:100%; background-size:65% auto !important }
    .follow-us-wrap .section.zanussi a.logo {width:100%; background-size:65% auto !important }

    /* PAGE GADGETS */
    .page-gadgets {padding:0 0 5px 0; margin:0; position:relative; }
    .page-gadgets .section {padding:0; margin:7px 7px 7px 6px; float:left; width:400px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
    .page-gadgets .section .media { width:185px; height:175px; float:left; border-right:4px solid #B9B8B8; border-bottom:none !important; overflow:hidden;-webkit-border-bottom-left-radius: 5px;  -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px;  -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
    .page-gadgets .section .media img { text-align:center; height:100%; }
    .page-gadgets .section .wrap-right { float:left; width:200px; padding:0 0 0 10px }
    .page-gadgets .section a.lnkDownload { display:none; }

    /* PAGE GADGETS - HOMEPAGE */
    .page-gadgets .section.homepage .wrap-right { float:left; width:300px; padding:0 }


    /* ORDER POS */
    #content.order-form { width:640px; padding:22px 10px 20px 10px; }
    #content.order-form table td img { width:100%; }
    #content.order-form .rgMasterTable > tbody td label { width:30px }

     /* MESSAGES */
    #content.messages { width:640px; padding:22px 10px 20px 10px; }

}
