/******************************************************************
1030up.css
-------------------------------------------------------------------
Stylesheet: Desktop
-------------------------------------------------------------------

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop. 

******************************************************************/

/* These styles are applied for viewports 1030px and higher */
@media only screen and (min-width: 1030px) {

    /*
    ------------------------------------------------------------------
    --> Foundation Overrides
    ------------------------------------------------------------------*/

    /* Add additional padding between columns for larger displays */
    .row .column, .row .columns {
        padding: 0 15px;
    }



    /*
    ------------------------------------------------------------------
    --> Page Header
    ------------------------------------------------------------------*/

    /* --> Header Logo -----------------------------------------------*/

    #header-logo { margin: 22px 0 0 47px; }

	
    /* --> Radio Buttons----------------------------------------------*/
 	
    div.radio-cont { margin: 4px 0 0 -20px;  }

    /*
    ------------------------------------------------------------------
    --> Charm Bar
    ------------------------------------------------------------------*/

    #charm-toggle {
        top: 160px;
    }



    iframe#prod-widget {
    width: 100%;
    height: 323px;
    border: none;
    max-width: 100%;
    }

    #ad-etc{ margin-top: 0; }
    #news-etc { max-height: 442px; }

    #sba-buttons{ padding: 15px 5px; }

    #sba-buttons div.mm-button-txt-wrap { font-size: 1em; }

    /*
    ------------------------------------------------------------------
    --> Main Navigation
    ------------------------------------------------------------------*/

    /* --> Top Navigation Container ----------------------------------*/

    /* Add additional padding for larger displays */
    section#top-nav .nav-row .columns { padding: 0 15px; }


	/* --> Top Navigation Item Link ----------------------------------*/

    nav.main-nav ul.nav-list > li.nav-item > a {
        font-size: .960em;
        /*background: url('/img/00/sbb_sprite_ui.png') no-repeat -90% 20px;*/
        background: transparent;
    }


    /* --> Top Navigation Divider ------------------------------------*/

    nav.main-nav .top-bar-section > ul > .divider {
        border: 0;
        width: 1px;
        /*background: url('/img/00/sbb_sprite_ui.png') no-repeat -260px -15px;*/
        background: transparent;
        display: inline-block;
    }

    /* Hide the first separator in the main nav */
    nav.main-nav .top-bar-section > ul > .divider.first {
        display: none;
    }

    /* Has-Dropdown Arrow (Show for larger displays) */
    nav.main-nav .has-dropdown > a:after {
        display: none;
    }



    /*
    ------------------------------------------------------------------
    --> Side Navigation
    ------------------------------------------------------------------*/

    /* --> Side Navigation Wrapper -----------------------------------*/

    .side-nav-wrap {
        width: 92%;
        margin-left: 2%;
        padding: 0 15px 15px;
    }


    /* --> Side Navigation Heading -----------------------------------*/

    .page-nav-heading {
        font-size: 2.5em;
    }


    /* --> Side Navigation Item Link ----------------------------------*/

    nav#side-nav .sf-menu a {
        font-size: 1.3em;
        border-bottom: 1px solid #ebf2f8;
    }




    /*
    ------------------------------------------------------------------
    --> Secondary Pages
    ------------------------------------------------------------------*/

    /* --> Side Buttons ----------------------------------------------*/

    /* Side Button Wrapper */
    #dynamic-side-btns .mm-buttongen-cont {
        width: 92%;
        margin-left: 2%;
    }

    /* Side Button Link Wrapper */
    #dynamic-side-btns a.mm-button-link {
        font-size: 1.8em;
        padding: 10px;
    }

    /* Side Button Sub-Text */
    #dynamic-side-btns .mm-button-subtxt {
        font-size: 0.8em;
    }

    /* Add some margin-top for buttons without subtext
   and have an image */
    #dynamic-side-btns .has-no-subtext.has-img {
        margin-top: 10px;
    }



    /*
    ------------------------------------------------------------------
    --> BreadCrumbs / System Buttons
    ------------------------------------------------------------------*/

    /* --> System Buttons ----------------------------------------------*/

    /* Column that contains the system buttons */
    .columns.system-btns-col { padding: 0 15px; }



    /*
    ------------------------------------------------------------------
    --> Home Contents
    ------------------------------------------------------------------*/

    /* --> Home Tagline ----------------------------------------------*/

    #home-tagline { font-size: 1.0em; }


    /* --> Most Popular ----------------------------------------------*/

    /* Most Popular list item */
    .home-mostpop ul.az-list li {
        padding-left: 20px;
        background: url('/img/00/sbb_sprite_ui.png') no-repeat -290px -17px;
    }

    /* Most Popular list item link */
    .home-mostpop ul.az-list li a {
        font-size: 1.0em;
        padding: 0;
    }


    /* --> Home Side Buttons -----------------------------------------*/
    
    #dynamic-home-slideshow 
    {
      height:320px;
    }
    
    
    #dynamic-home-slideshow .galleria-images {
        width: 60% !important;
    }

    #dynamic-home-slideshow .galleria-counter {
        color: #333;
        text-shadow: none;
    }

    /* Subtext container */
    #dynamic-side-btns.home-side-btns .mm-button-subtxt {
        margin-top: 20px;
    }

    #dynamic-home-slideshow .galleria-info-title {
        font-size: 2.6em;
    }

      #dynamic-home-slideshow .galleria-info-title {
          font-size: 2.4em;
      }
      
            
      #dynamic-home-slideshow .galleria-info-description {
        font-size: 1.45em ;
      }

    /* Subtext paragraphs */
    #dynamic-side-btns.home-side-btns .mm-button-subtxt p {
        float: none;
        font-size: 0.9em;
        margin: 0 0 5px 0;
    }

    #dynamic-side-btns.home-side-btns .mm-button-img {
        width: 130px;
    }

    /* Side Button Text */
    #dynamic-side-btns .mm-button-txt {
        font-size: 1.4em;
    }



    /*
    ------------------------------------------------------------------
    --> Page Footer
    ------------------------------------------------------------------*/

    /* --> Footer Navigation -----------------------------------------*/

    /* Navigation list item link */
    nav.foot-nav ul.foot-nav-list li a { font-size: 1.4em; }




    /*
    ------------------------------------------------------------------
    --> Photo Manager and Photo Book Styles
    ------------------------------------------------------------------*/

		
	#pm-gallery00 {
		height:auto !important;
		position: relative;
	}


	#pm-gallery00 .scrollable {

		position:relative;
		overflow:hidden;
		width: 640px;
		height:120px;
	}


	#pm-gallery00 .scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}

	#pm-gallery00 .items div {
		float:left;
		width:640px;
	}

	#pm-gallery00 .scrollable div.img-wrap {
		float:left;
		margin:19px 12px 19px 12px;
		padding:0px;
		width: 102px;
		height: 77px;
		overflow: hidden;
	}

	#pm-gallery00 .scrollable img {
		border:1px solid #ccc;
	}


	#pm-gallery00 .scrollable .active {
		border:1px solid #000;
		position:relative;
		cursor:default;
	}


	#pm-gallery00 .scrollable {
		float:left;	
	}


	#pm-gallery00 a.browse {
		background:url(/custom/photomanager/hori_large.png) no-repeat;
		display:block;
		width:30px;
		height:30px;
		float:left;
		margin:40px 10px;
		cursor:pointer;
		font-size:1px;
	}


	#pm-gallery00 a.right 			{ background-position: 0 -40px; clear:right; margin-right: 0px;}
	#pm-gallery00 a.right:hover 		{ background-position:-30px -40px; }
	#pm-gallery00 a.right:active 	{ background-position:-60px -40px; } 


	#pm-gallery00 a.left				{ margin-left: 10px; } 
	#pm-gallery00 a.left:hover  		{ background-position:-30px 0; }
	#pm-gallery00 a.left:active  	{ background-position:-60px 0; }



	#pm-gallery00 a.disabled {
		visibility:hidden !important;		
	} 	


	#pm-gallery00 #image_wrap {

		width:100%;
		min-height:400px;
		height:auto !important;
		height:400px;
		margin:0 0 0 0;
		text-align:center;

	}

  #pm-gallery00 #image_wrap_g {

		width:100%;
		min-height:400px;
		height:auto !important;
		height:400px;
		margin:0 0 0 0;
		text-align:center;

	}

	#pm-gallery00 #scrollable_wrap {

		width: 760px;
		margin: 0 0 0 40px;
		border-top: 1px solid #ccc;
	}

	#pm-gallery00 #text_wrap {

		width: 100%;
		margin: 0 0 0 95;
		text-align: center;
	}

	#pm-gallery00 h1, #pm-gallery00 h2, #pm-gallery00 h3
	{
		margin: 0 auto 5px auto;
		text-align: center;
	}

	#pm-gallery00 #overlay
	{
		width: 300px;
		height: 240px;
		background: #e4e2e3;
		display: none;
		font: normal normal normal 13px/125% tahoma,sans-serif;
		color: #000;
	}

	#pm-gallery00 #overlay #edtdiv
	{
		font: normal normal normal 13px/125% tahoma,sans-serif;
		color: #c00;
	}

	#pm-gallery00 #overlay #title font
	{
		font: normal normal bold 27px/33px Garamond, Times, serif;
		color:#b4b08c;
		display:block;
		font-variant: small-caps;
	}
	
}