/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
	#Base 1152 Grid
	
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 1152 Grid
================================================== */

/*    body {background: url("http://buywine.robertoatley.com.au/img/robertoatley/Miscellaneous/paperSmall.png") repeat scroll 0 0 #F8F8F8;} */
    body {background: #F8F8F8;}
    body {background: #FFFFFF;}
    body {background: #222222;}
    #theContent{background: #FFFFFF;}
/*    .container.main {box-shadow: 0 15px 15px 0 #BBBBBB;} */
    

    .container                                  { position: relative; width: 1152px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 12px; margin-right: 12px; }
        .container .column.centered,
    .container .columns.centered                         { text-align:center;}
    
    .row                                        { margin-bottom: 20px; }
    
	.menubar{padding:14px 0 10px;}
	
	.dl-menuwrapper{display:none; visibility:hidden;}
	
    .showForSmall{display:none; visibility:hidden; height:0;}
    .hideForSmall{display:inline; visibility:visible; height:auto;}
    .shrinkForSmall{height:auto;}
    .shrinkForLarge{height:0;}

    /* fix menu/scroll issue 
    .full-menuwrapper{float:left; display:inline-block; visibility:visible; width:100%;} 
    */
    .full-menuwrapper{display:inline-block; visibility:visible; width:100%;}
    
    .full-menu-links{display:inline-block; float:right; margin-top:5px;}
    .full-menu-ul li a{cursor:pointer;}
    .container.main.hero.slideshow{display:block; visibility:visible;}
    
    .dl-logo {float:right; display:inline-block; max-width:100%; padding-top:5px;}
    .dl-logo img {max-width:100%; margin-top:2px;}
    .dl-logo img#offerSub{height:41px!important;}

    .full-logo{display:inline-block;}
    
    .full-logo img#logoSub{width:300px;}
    .full-logo img#offerSub{height:41px!important;}
    
    input{text-indent:0px!important;}
    
    div.g1{padding:2px; border:1px solid #D4D4D4;}
	button.inset{font-weight:bold;}
	button.picker{font-family: "Gill Sans","Gill Sans MT","Trebuchet MS",Calibri,sans-serif; display: block; width:100%; max-width:100%; text-align:left; margin-bottom:6px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
	
	
	.region_selector{margin-bottom:0px !important;}
	
	#wine_portfolio{
			width:100%; 
			margin-top:0px; 
			vertical-align:top; 
			padding-top:20px; 
			padding-left:20px; 
			margin-bottom:20px; 
			background: none repeat scroll 0 0 #F8F8F8;
			border:1px solid #EFEFEF;
			-moz-border-radius: 5px 5px 5px 5px !important;
			-webkit-border-radius: 5px 5px 5px 5px !important;
			border-radius: 5px 5px 5px 5px !important;
		}
	
	.wine.item{
			border:1px solid lightgray;
			-moz-border-radius: 5px 5px 5px 5px !important;
			-webkit-border-radius: 5px 5px 5px 5px !important;
			border-radius: 5px 5px 5px 5px !important;
			background-color: #FFFFFF;
		    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
			margin:0px 18px 18px 0; 
			vertical-align:top; 
			display:inline-block; 
			width:46%;
			min-width:300px;
			}

	.rrp_single{margin-top:10px;}
	
	.wine.item .productTitle{
		border:none; 
			-moz-border-radius: 5px 5px 0px 0px !important;
			-webkit-border-radius: 5px 5px 0px 0px !important;
			border-radius: 5px 5px 0px 0px !important;

		background-color: #E0E0E0;
		border-bottom:1px solid #CCCCCC;
		min-height:50px;
		font-weight:bold;
		}
		
	.wine.item .productDetail
		{
		padding:7px 6px; 
		background-color: #FFFFFF;
		-moz-border-radius: 5px 5px 5px 5px !important;
		-webkit-border-radius: 5px 5px 5px 5px !important;
		border-radius: 5px 5px 5px 5px !important;
		} 
	
		/* Cart	*/
		.inYourCart div{vertical-align:middle; margin:0;}
		.cr{color:#AA0000; background-color:#FFF;}
		.cw{color:#FFFFFF; background-color:#FFF;}
		.cb{color:#357EBD; background-color:#FFF;}
		.cg{color: #7FAD00; background-color:#FFF;}
		.cdg{color: #618200; background-color:#FFF;}
		.vam{vertical-align:middle!important;}
		.fs32px{font-size:32px!important;}
		.fs24px{font-size:24px!important;}
		.fs18px{font-size:18px!important;}
		.cartAdjust{cursor: pointer;}
		.incr{padding:0 5px 7px 1px; font-weight:bold;}
		button.cart{font-size:20px; font-weight:bold; padding:3px; border-radius:24px;}
		
		.inYourCart{margin-top:7px; padding:4px 0 3px; border-top:0px solid lightgray; vertical-align:top;}
		
		.inYourCartSubtext{
			background: #7FAD00; /* Old browsers */
		    border: 0px;
			-moz-border-radius: 5px 5px 5px 5px !important;
			-webkit-border-radius: 5px 5px 5px 5px !important;
			border-radius: 5px 5px 5px 5px !important;
		    color: #FFF;
		    font-size: 13px;
		    font-family: "Helvetica Neue", Arial;
			font-weight: 300;
		    padding: 0 2px 1px;
			vertical-align:middle;
		    margin-top:2px;
		    text-align: center;
		    width: 66px;
		    display:inline-block;
			}
			
		.cartActions{margin-top:3px; padding-top:7px; border-top:1px dotted lightgray;}
		button.tight.small{padding:5px 7px!important;}
		
		.add.flat{
			background: #618200; /* Old browsers */
		    border: 0px;
			-moz-border-radius: 20px 20px 20px 20px !important;
			-webkit-border-radius: 20px 20px 20px 20px !important;
			border-radius: 20px 20px 20px 20px !important;
		    color: #FFF;
		    font-size: 19px;
		    font-family: "Helvetica Neue", Arial;
			font-weight: 800;
		    padding: 7px;
			vertical-align:middle;
		    text-align: center;
		    height: 32px;
		    line-height: 20px;
		    display:inline-block;
		    margin:0px 0px 0px 7px;
			}
		
		/* Fix stupid iOS and it's form messedupness */							
		input {-webkit-appearance: none!important;}
        
		input.checkbox {-webkit-appearance: checkbox!important;}
	
	div.r, div.r div{text-decoration:line-through;}
	
	.gill{font-family:"Gill Sans","Gill Sans MT","Trebuchet MS",Calibri,sans-serif;}
	
	li.dl-back a div.arrow-right{display:none;}
	
	div.plus800{display:inline-block;}
	div.below800{display:none;}
	
	.menuBlock{
		border-bottom: 2px solid #2E1E4F; 
		position: fixed; 
		top:0; 
		z-index:20000; 
		width:100%; 
		background: none repeat scroll 0 0 #D4D4D4;
		box-shadow: 0px 2px 16px 0 #666
		}
			
	
	/* MODAL WINDOW MAGIC */
	
	.modalWrap { /* The div that shows/hides. */
	    display:none; /* starts out hidden */
	    z-index:40001; /* High z-index to ensure it appears above all content */
		}
	
	.modalOverlay { /* Shades out background when selector is active */
		left: 0;
		top: 0;
	    position:fixed;
	    width:100%;
	    height:100%;
	    background-color:black;
	    opacity:.5; /* Sets opacity so it's partly transparent */
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE transparency */
	    filter:alpha(opacity=50); /* More IE transparency */
	    z-index:40001;
	}
	
	.vertical-offset { /* Fixed position to provide the vertical offset */
	    /* position:fixed; */
	    position:absolute;
	    top:20%;
	    width:100%;
	    z-index:100001; /* ensures box appears above overlay */
		}
	
	.modalBox { /* The actual box, centered in the fixed-position div */
	    width:90%; /* Whatever width you want the box to be */
	    max-width:800px; 
	    position:relative;
	    margin:0 auto;
	    /* Everything below is just visual styling */
	    background-color:white;
	    padding:10px;
	    border:1px solid black;
	}
	
	.modalBox.cart{width:90%; max-width:580px; min-width:300px; border-radius:5px;}
	
	input.footer-subscribe__input, input.footer-subscribe__input--short {
	    background-color: #2A2A2A;
	    border: 1px solid #484848;
	    border-radius: 5px 5px 5px 5px;
	    color: #999 !important;
	    display: block;
	    font-size: 13px;
	    height: auto;
	    line-height: 18px;
	    margin-bottom: 8px;
        padding: 6px;
	    width: 300px;
		}

	.iez{zoom: 1; *display: inline;}
	.tool-tip-inner{color:##FFFFFF; font-family: "Helvetica Neue",Arial; font-size: 11px; line-height:12px;}
	.tool-tip-inner h5{font-weight:bold; color:##FFFFFF; font-family: "Helvetica Neue",Arial; font-size:13px; line-height:14px;}
	.tool-tip-inner p{margin:0; line-height:16px;}
	.tool-tip-inner ul, .tool-tip-inner ul li{margin:0;}
	.tool-tip-inner ul li{padding:0; margin-left:12px; font-size: 11px; line-height:12px;}
	.tool-tip-inner ul{padding-left:12px; list-style-type: disc;}
	
	ul.picker_tabs li a{padding:9px 2px;}
	
	/* element hider */
    .hidden{display:none;}

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
	.container .one.columns                     { width: 48px;  }
	.container .two.columns                     { width: 120px;  }
	.container .three.columns                     { width: 192px;  }
	.container .four.columns                     { width: 264px;  }
	.container .five.columns                     { width: 336px;  }
	.container .six.columns                     { width: 408px;  }
	.container .seven.columns                     { width: 480px;  }
	.container .eight.columns                     { width: 552px;  }
	.container .nine.columns                     { width: 624px;  }
	.container .ten.columns                     { width: 696px;  }
	.container .eleven.columns                     { width: 768px;  }
	.container .twelve.columns                     { width: 840px;  }
	.container .thirteen.columns                     { width: 912px;  }
	.container .fourteen.columns                     { width: 984px;  }
	.container .fifteen.columns                     { width: 1056px;  }
	.container .sixteen.columns                     { width: 1128px;  }
	
	.container .sixteen.columns.nomargin            { width: 1152px; margin-left:0; margin-right:0; }
	
    .container .one-third.column                { width: 320px; }
    .container .two-thirds.column               { width: 744px; }
    .container .two-thirds.column.pf               { width: 780px; }

    /* Offsets */
	.container .offset-by-one                   { padding-left: 72px;  }
	.container .offset-by-two                   { padding-left: 144px;  }
	.container .offset-by-three                   { padding-left: 216px;  }
	.container .offset-by-four                   { padding-left: 288px;  }
	.container .offset-by-five                   { padding-left: 360px;  }
	.container .offset-by-six                   { padding-left: 432px;  }
	.container .offset-by-seven                   { padding-left: 504px;  }
	.container .offset-by-eight                   { padding-left: 576px;  }
	.container .offset-by-nine                   { padding-left: 648px;  }
	.container .offset-by-ten                   { padding-left: 720px;  }
	.container .offset-by-eleven                   { padding-left: 792px;  }
	.container .offset-by-twelve                   { padding-left: 864px;  }
	.container .offset-by-thirteen                   { padding-left: 936px;  }
	.container .offset-by-fourteen                   { padding-left: 1008px;  }
	.container .offset-by-fifteen                   { padding-left: 1080px;  }
	
	/* .footer{position:absolute; bottom:0;}	 */

	/* grid show/hide */
	.show-desktop	{display:block;} .column.show-desktop, .columns.show-desktop {display:inline;}
	.column.hide-desktop, .columns.hide-desktop, .hide-desktop	{display:none;}
	.column.show-tablet, .columns.show-tablet, .show-tablet	{display:none;}
	.hide-tablet	{display:block;} .column.hide-tablet, .columns.hide-tablet {display:inline;}
	.column.show-phone, .columns.show-phone, .show-phone {display:none;}
	.hide-phone		{display:block;} .column.hide-phone, .columns.hide-phone {display:inline;}
	
	hr.mtb10{margin:10px 0 10px 0;}
	
	.menuDivSpacer{height:83px;}


/* #Tablet (LANDSCAPE)
================================================== */

    /* Note: Design for a width of 1024px */

    @media only screen and (min-width: 1024px) and (max-width: 1151px) {
	    
  		/* .sf-menu a {padding: 0.75em 1em;} */
			
	    .full-menu-links{margin-top:0px;}

        .container                                  { width: 1024px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }
        
        .container .one.column,
		.container .one.columns                     { width: 44px;  }
		.container .two.columns                     { width: 108px;  }
		.container .three.columns                     { width: 172px;  }
		.container .four.columns                     { width: 236px;  }
		.container .five.columns                     { width: 300px;  }
		.container .six.columns                     { width: 364px;  }
		.container .seven.columns                     { width: 428px;  }
		.container .eight.columns                     { width: 492px;  }
		.container .nine.columns                     { width: 556px;  }
		.container .ten.columns                     { width: 620px;  }
		.container .eleven.columns                     { width: 684px;  }
		.container .twelve.columns                     { width: 748px;  }
		.container .thirteen.columns                     { width: 812px;  }
		.container .fourteen.columns                     { width: 876px;  }
		.container .fifteen.columns                     { width: 940px;  }
		.container .sixteen.columns                     { width: 1004px;  }
		
		.container .sixteen.columns.nomargin            {max-width:100%; width:1024px; margin-left:0px; margin-right:0; }
        .container .one-third.column                { width: 320px; }
        .container .two-thirds.column               { width: 664px; }
        .container .two-thirds.column.pf               { width: 780px; }
        
        /* Offsets */
		.container .offset-by-one                   { padding-left: 64px;  }
		.container .offset-by-two                   { padding-left: 128px;  }
		.container .offset-by-three                   { padding-left: 192px;  }
		.container .offset-by-four                   { padding-left: 256px;  }
		.container .offset-by-five                   { padding-left: 320px;  }
		.container .offset-by-six                   { padding-left: 384px;  }
		.container .offset-by-seven                   { padding-left: 448px;  }
		.container .offset-by-eight                   { padding-left: 512px;  }
		.container .offset-by-nine                   { padding-left: 576px;  }
		.container .offset-by-ten                   { padding-left: 640px;  }
		.container .offset-by-eleven                   { padding-left: 704px;  }
		.container .offset-by-twelve                   { padding-left: 768px;  }
		.container .offset-by-thirteen                   { padding-left: 832px;  }
		.container .offset-by-fourteen                   { padding-left: 896px;  }
		.container .offset-by-fifteen                   { padding-left: 960px;  }
		
		/* grid show/hide */
		.show-desktop	{display:block;} .column.show-desktop, .columns.show-desktop {display:inline;}
		.column.hide-desktop, .columns.hide-desktop, .hide-desktop	{display:none;}
		.column.show-tablet, .columns.show-tablet, .show-tablet	{display:none;}
		.hide-tablet {display:block;} .column.hide-tablet, .columns.hide-tablet {display:inline;}
		.column.show-phone, .columns.show-phone, .show-phone		{display:none;}
		.hide-phone	{display:block;} .column.hide-phone, .columns.hide-phone {display:inline;}


    }

    
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 1024px */

    @media only screen and (max-width: 1024px) {
	    
       	.showForSmall{display:inline; visibility:visible; height:auto;}
       	.showForSmallBLOCK{display:block; visibility:visible; height:auto;}
    	.hideForSmall{display:none; visibility:hidden; height:0;}
   	    .shrinkForSmall{height:0;}
        .shrinkForLarge{height:auto;}
        
        .minHeight58 {min-height:58px;} 
        
		/* .sf-menu a {padding: 0.75em 1em;} */
		
	    .full-menu-links{margin-top:0px;}
		
        .dl-menuwrapper{display:inline-block; visibility:visible;}
        .full-menuwrapper{display:none; visibility:hidden;}
	    .dl-logo {float:right; display:inline-block; max-width:230px;}
		/* .menubar{padding:20px 0 0;} */
		
		.container .two-thirds.column.min286px{min-width:286px!important;}
		.container .two-thirds.column.max440px{max-width:440px!important;}

		.menuBlock{
			border-bottom: 2px solid #2E1E4F; 
			position: relative; 
			width:100%; 
			background: none repeat scroll 0 0 #D4D4D4;
			}
			
		.wine.item{
			margin:0px 5px 20px 0; 
			width:100%;
			}

		.hideBelow1024{display:none; visibility:hidden;}
		
		/* grid show/hide */
		.column.show-desktop, .columns.show-desktop, .show-desktop	{display:none;} 
		.hide-desktop	{display:block;} .column.hide-desktop, .columns.hide-desktop {display:inline;}
		.show-tablet	{display:block;} .column.show-tablet, .columns.show-tablet {display:inline;}
		.column.hide-tablet, .columns.hide-tablet, .hide-tablet	{display:none;}
		.column.show-phone, .columns.show-phone, .show-phone		{display:none;}
		.hide-phone		{display:block;} .column.hide-phone, .columns.hide-phone {display:inline;}

    	}
	    
    /* Note: Design for a width of 768px */
    
    @media only screen and (min-width: 768px) and (max-width: 1024px) {


    	.wine.item{width:100%;}
	    
       	.showForSmall{display:inline; visibility:visible; height:auto;}
    	.hideForSmall{display:none; visibility:hidden; height:0;}
   	    .shrinkForSmall{height:0;}
        .shrinkForLarge{height:auto;}
        
        .minHeight58 {min-height:58px;} 
        
        .ac_results li {
			padding: 6px 5px;
			}

	    .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

		.container .sixteen.columns.nomargin            { width: 768px; margin-left:0; margin-right:0; }
		
        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
        
/* 		.container .one-third.column.min286px{min-width:286px!important;}
		.container .two-thirds.column.max440px{max-width:440px!important;}
*/		
   		.container .one-third.column.min286px{min-width:320px!important;}
		.container .two-thirds.column.max440px{max-width:400px!important;}
		
	   	.column.show-desktop, .columns.show-desktop, .show-desktop	{display:none;}
		.hide-desktop	{display:block;} .column.hide-desktop, .columns.hide-desktop {display:inline;}
		.show-tablet	{display:block;} .column.show-tablet, .columns.show-tablet {display:inline;}
		.column.hide-tablet, .columns.hide-tablet, .hide-tablet	{display:none;}
		.show-phone		{display:block;} .column.show-phone, .columns.show-phone {display:inline;}
		.column.hide-phone, .columns.hide-phone, .hide-phone		{display:none;}
		
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */
    
    @media only screen and (max-width: 767px) {
	    
	    .tacPhone{text-align:center!important;}
	    
    	ul.picker_tabs li a{padding:9px 1px;}
    	.showForSmall{display:inline; visibility:visible; height:auto;}
    	.hideForSmall{display:none; visibility:hidden; height:0;}
   	    .shrinkForSmall{height:0;}
	    .shrinkForLarge{height:auto;}
	    
        .minHeight58 {min-height:58px;} 
        
        .ac_results li {
			padding: 6px 5px;
			}

	    
    .dl-menuwrapper li a {
		padding: 12px 20px;
		}
		
	#wine_portfolio {padding-left:0px; background: #FFFFFF; border:0px;}
	    
    body {background: url("../images/1x1white.gif") repeat scroll 0 0 #FFFFFF;}
	    .container.main {box-shadow: 0 0 0 0 #FFFFFF;}
	    .container.main.hero.slideshow{display:none; visibility:hidden;}

        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }
        
        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }
        
		.container .sixteen.columns.nomargin            { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

	   	.column.show-desktop, .columns.show-desktop, .show-desktop	{display:none;}
		.hide-desktop	{display:block;} .column.hide-desktop, .columns.hide-desktop {display:inline;}
		.show-tablet	{display:block;} .column.show-tablet, .columns.show-tablet {display:inline;}
		.column.hide-tablet, .columns.hide-tablet, .hide-tablet {display:none;}
		.show-phone		{display:block;} .column.show-phone, .columns.show-phone {display:inline;}
		.column.hide-phone, .columns.hide-phone, .hide-phone {display:none;}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
	    
    	.showForSmall{display:inline; visibility:visible; height:auto;}
    	.hideForSmall{display:none; visibility:hidden; height:0;}
   	    .shrinkForSmall{height:0;}
        .shrinkForLarge{height:auto;}

        .minHeight58 {min-height:58px;} 
   	    
        .ac_results li {
			padding: 6px 5px;
			}
			
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }
        
	    .container.main.hero.slideshow{display:none; visibility:hidden;}

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
		.container .sixteen.columns.nomargin            { width: 420px; margin-left:0; margin-right:0; }
		
		.column.show-desktop, .columns.show-desktop, .show-desktop	{display:none;}
		.hide-desktop	{display:block;} .column.hide-desktop, .columns.hide-desktop {display:inline;}
		.show-tablet	{display:none;}
		.hide-tablet	{display:block;} .column.hide-tablet, .columns.hide-tablet {display:inline;}
		.show-phone		{display:block;} .column.show-phone, .columns.show-phone {display:inline;}
		.hide-phone		{display:none;}
    }
    
/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

    
/* Fix ie7 menu 

.ie7 .dl-menuwrapper{display:inline-block; visibility:visible;}
.ie7 .full-menuwrapper{float:left; display:none; visibility:hidden; width:100%;}

.ie7 .dl-logo {float:right; display:inline-block; max-width:100%; padding-top:5px;}
.ie7 .dl-logo img {max-width:100%; margin-top:2px;}
    
.ie7 .full-logo{display:none;}
.ie7 .full-logo img{width:300px;}

*/