﻿@import url("reset.css");

/*#fancybox-content {
    min-width: 500px;
}*/

@media screen {
    body
	{
	    color:#666666;
        font:normal 12px Arial, Helvetica, sans-serif;
        line-height: 16px;
    }

/* BASE
___________________________________________________________________*/

    h1, h2, h3, h4, h5, h6 {
        color: #000000;
        font-weight: bold;
        float: none;
        display: block;
        line-height: normal;
    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 18px;
    }

    .h2
    {
        color: #003366;
        font-size: 18px;
        margin: 0 0 6px 0;
        font-weight: bold;
    }

    h2.inline
    {
        float: left;
        margin: 0 15px 0 0;
        position: relative;
        top: 5px;
    }

    
    h3.zero
    {
        margin:0;
        padding: 0
    }
    h3.inline
    {
        float: left;
    }



	blockquote
	{
		margin:20px;
	}

	strong
	{
		font-weight:bold;
	}

	em, i
	{
		font-style:italic;
	}

	textarea
	{
		color:#333;
		font:normal 11px Arial, Helvetica, sans-serif;
	}

    a:link, a:visited {
        color: #004d86;
        text-decoration: none;
    }

	a:hover
	{
		text-decoration:underline;
	}

	.floatLeft
	{
		float:left;
	}

	.floatRight
	{
		float:right;
	}

	/* FONT SIZES */
	.ten{font-size: 10px}
	.eleven{font-size: 11px}
	.twelve{font-size: 12px}
	.thirteen{font-size: 13px}
	.fourteen{font-size: 14px}
	.fifteen{font-size: 15px}
	/* FONT COLORS */
	.white { color: #ffffff }


/* CLEARFIX
___________________________________________________________________*/

	.clearFix
	{
		clear: both;
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.clearFix:after
	{
		content: " ";
	}

	* html .clearFix
	{
		zoom: 1;
	} /* IE6 */

	*:first-child+html .clearFix
	{
		line-height:0;
		zoom: 1;
	} /* IE7 */

	header, footer, article, section, nav, menu, hgroup
	{
		display: block;
	}

/* GOOGLE SEARCH
________________________________________________________________________*/

	#GoogleSearch
	{
		position:relative;
		z-index:102;
		float:right
	}

	#GoogleSearch form
	{
		background:url(/images/buttons_SPRITE.png) no-repeat -148px 0;
		height: 25px;
        right: 0;
        top: 25px;
        width: 300px;
        z-index: 2;
	}


    .gsc-search-box-tools .gsc-search-box .gsc-input
    {
        padding-right:0;
    }

/* LAYOUT
____________________________________________________________________________*/

	#Container
	{
		text-align:left;
		margin:0 auto;
		padding-bottom: 30px;
		width:1000px;
	}

/* HEADER
____________________________________________________________________________*/

.ShopOnlineSection {
    float: left;
    clear: none;
    display: inline;
	margin-left: 10px;
    margin-top: 17px;
}

a.ShopBtn {
	color: #4d90fe !important;
	background-color: white;
    padding: 5px 8px 5px 8px;
    border-radius: 3px;
	font-size:12px;
	border: 1px solid #3079ed;
}

a.ShopBtn:hover{
	text-decoration: none !important;
	border: 1px solid #2f5bb7;
}

#GoogleSearchContainer{
	float: right;
    clear: none;
    display: inline;
	margin-top: 10px;
    width: auto;
}

.no-float-button {
    float: none;
    display: inline-block;
}

.DisplayNone { display:none}

	#Header
	{
	    color: #fff;
	    float:left;
	    font-size: 10px;
		height:111px;
		position:relative;
		width:1000px;
	}

	#printHeader
	{
	    display:none;
	}


	#Header a:link, #Header a:visited
	{
	    color: #fff;
	    text-decoration:none;
    }
	#Header a:hover
	{
	    text-decoration: underline
	}

	/* HEADER LEFT */
	#Header .left
	{
	   float: left;
	   width: 350px;
	}

	/* HEADER RIGHT */
	#Header .right
	{
		float:right;
		position: relative;
		top: 8px;
        right: 0;
		/*width: 435px;*/
        width: 455px;
	}
	#Header .right #TopLinks
	{
		float: right;
        margin: 0 0 8px;
        position: relative;
	}

	#Header .right #TopLinks span
	{
		display:inline;
		width:74px
    }

	#Header .right #ShareCenter
	{
	    clear: both;
	    float: left;
	}

	#Header .right #ShareCenter ul
	{
	    float: right;
	    list-style-type: none;
	    margin: 0 0 0 32px
	}

	#Header .right #ShareCenter ul li
	{
	    float: left;
	    margin: 0 0 0 4px;
	}

	#Header .right #ShareCenter ul li a
	{
	    background-image:url(/images/layout/BirdTech_Sprite.png);
	    background-repeat: no-repeat;
	    display: block;
	    height: 16px;
	    width: 16px;
	}

	#Header .right #ShareCenter ul#LanguageSelector
	{
	    float: left;
	    margin-right: 30px;
	    margin-left:0;
	    width: 209px
	}

	#Header .right #ShareCenter ul#LanguageSelector li#HeaderLanguageContainer
	{
	    float: left;
	    width: 209px
	}

	#Header .right #ShareCenter ul#LanguageSelector li#HeaderLanguageContainer a
	{
	    display: inline;
	    float:right
	}

	#Header .right #ShareCenter ul#LanguageSelector li#HeaderLanguageContainer .dash
	{
	    float: right;
	    margin: 0 5px
	}

	#Header .right #ShareCenter ul#LanguageSelector li#HeaderLanguageContainer .change
	{
	    float:right
	}

	#Header .right #ShareCenter a.languageSelect:link, #Header .right #ShareCenter a.languageSelect:visited
	{
		color: #ffcc33
	}
	#Header .right #ShareCenter a.languageSelect:hover
	{
	}

	/* DISPLAYS THE AVAILABLE LANGUAGES */
	#Header .right #ShareCenter #LanguagePanel
	{
	   background-color: #4D90FE;
    	border: 1px solid #666666;
    	float: right;
    	left: 53px;
    	position: absolute;
    	text-align: right;
    	top: 42px;
    	z-index: 1500;
	}

	#Header .right #ShareCenter #LanguagePanel li
	{
	    	clear: both;
    		float: left;
    		padding: 4px 10px;
    		width: auto;
	}

	#Header .right #ShareCenter #LanguagePanel li a
	{
	    background: none repeat scroll 0 0 transparent;
    		clear: both;
    		float: left;
    		width: auto;
	}

	#Header .right #ShareCenter ul li a.facebook
	{
	    background-position: 0 -82px;
	}
	#Header .right #ShareCenter ul li a.twitter
	{
	    background-position: -20px -82px;
	}
	#Header .right #ShareCenter ul li a.linkedIn
	{
	    background-position: -40px -82px;
	}
	#Header .right #ShareCenter ul li a.youTube
	{
	    background-position: -60px -82px;
	}

	/* NAVIGATION  */
	#Navigation
	{
	    float:left;
	    position: relative;
	    z-index: 1000;
	}

	#Navigation ul
	{
	    float:left;
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	}

	#Navigation ul li
	{
	    float: left;
	    margin-right: 2px;
	    position: relative
	}
	#Navigation ul li.last
	{
	    margin: 0
	}

	#Navigation ul li a.topLevel
	{
	    background-image:url(/images/layout/BirdTech_Sprite.png);
	    background-repeat: no-repeat;
	    color: #fff;
	    display: block;
	    font-size: 14px;
	    height: 32px;
	    width: 332px;
	}
	#Navigation ul li a.topLevel span
	{
	    margin: 0 0 0 30px;
	    position: relative;
	    top: 8px;
	}

	#Navigation ul li a.topLevel:link, #Navigation ul li a.topLevel:visited
	{
	    background-position: 0 0;
	}
	#Navigation ul li a.topLevel:hover
	{
	    background-position: -334px 0;
	    text-decoration: none;
	}

	#Navigation ul li a.topActive:link, #Navigation ul li a.topActive:visited
	{
	    background-position: -668px 0;
	}

	/* DROPDOWNS */
	#Navigation .Dropdown
	{
	    background-color: #FFFFFF;
        border: 12px solid #003366;
        display:none;
        float: left;
        padding: 20px;
        position: absolute;
        width: 936px;
        z-index: 50;
        left: 0;
        top: 32px;
	}

	#Navigation .Dropdown div.left
	{
	    float: left
	}

	#Navigation .Dropdown div.right
	{
	    float:right;
	    margin-right: 50px;
	}

	#Navigation .Dropdown div.right img
	{
	    float:left;
	    margin: 0 0 30px 0;
	}

	#Navigation .Dropdown div.right div
	{
	    float:left;
	    line-height: 11px;
	    width: 165px;
	}

	#Navigation .Dropdown div.right div.linksColOne
	{
	    clear:both;
	    margin-right: 30px
	}

	#Navigation .Dropdown div.right a
	{
	    line-height: 14px;
	}

	/* FOOTER */
    #Footer
    {
        float: left;
        margin: 35px 0;
        width: 1000px;
    }
    #Footer #Shadow
    {
        background: url("/images/layout/BirdTech_Sprite.png") no-repeat scroll 0 -32px transparent;
        width: 1000px;
        height: 30px
    }
	#Footer #Copyright
	{
	    color: #003366;
        float: left;
        font-size: 11px;
        font-weight: bold;
        margin: 0 0 5px 25px;
	}
	#Footer #FooterLinks
	{
	    clear: both;
	    color: #666666;
	    float:left;
	    margin: 0 0 0 25px;
	}
	#Footer #FooterLinks a:link, #Footer #FooterLinks a:visited
	{
        font-size: 11px;
	}
	#Footer #FooterPhone
	{
	    color: #003366;
        float: right;
        font-weight: bold;
        margin: 0 25px 0 0;
	}

	#fixed-footer{
		background: none repeat scroll 0 0 #006699;
    		bottom: 0;
    		color: #FFFFFF;
    		margin-top: 20px;
    		padding: 10px 0;
    		position: fixed;
    		text-align: center;
    		width: 100%;
    		z-index: 3000;
	}

#fixed-footer a{
	color: #fff;
	font-weight: bold
}

	.total-order-value-container {
		font-size: 16px;
		font-weight: bold;
		padding-top: 1em;
	}

}

@media print
{
    body
	{
	    background:url(/images/layout/Background.jpg) repeat-x center top;
	    color:#666666;
        font:normal 12px Arial, Helvetica, sans-serif;
        line-height: 16px;
    }

/* BASE
___________________________________________________________________*/

    h1
    {
        color: #003366;
        font-size: 25px;
        margin: 5px 0 15px;
        line-height: 25px;
    }
    h2, .h2
    {
        color: #003366;
        font-size: 18px;
        margin: 0 0 6px 0;
        line-height: 18px;
    }
    h2.inline
    {
        float: left;
        margin: 0 15px 0 0;
        position: relative;
        top: 5px;
    }

    h3
    {
        color: #003366;
        font-size: 12px;
        font-weight: bold;
    }
    h3.zero
    {
        margin:0;
        padding: 0
    }
    h3.inline
    {
        float: left;
    }

	h4
    {
        color: #003366;
        font-size: 12px;
        font-weight: bold;
        margin: 13px 0 0;
        text-transform: uppercase;
    }

	blockquote
	{
		margin:20px;
	}

	p
	{
		margin:0 0 14px 0;
	}

	strong
	{
		font-weight:bold;
	}

	em, i
	{
		font-style:italic;
	}

	textarea
	{
		color:#333;
		font:normal 11px Arial, Helvetica, sans-serif;
	}

	a:link, a:visited
	{
		color:#0099ff;
		text-decoration:none;
	}

	a:hover
	{
		text-decoration:underline;
	}

	.floatLeft
	{
		float:left;
	}

	.floatRight
	{
		float:right;
	}

	/* FONT SIZES */
	.ten{font-size: 10px}
	.eleven{font-size: 11px}
	.twelve{font-size: 12px}
	.thirteen{font-size: 13px}
	.fourteen{font-size: 14px}
	.fifteen{font-size: 15px}
	/* FONT COLORS */
	.white { color: #ffffff }


/* CLEARFIX
___________________________________________________________________*/

	.clearFix
	{
		clear: both;
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.clearFix:after
	{
		content: " ";
	}

	* html .clearFix
	{
		zoom: 1;
	} /* IE6 */

	*:first-child+html .clearFix
	{
		line-height:0;
		zoom: 1;
	} /* IE7 */

	header, footer, article, section, nav, menu, hgroup
	{
		display: block;
	}


	.noPrint
	{
	    display:none;
	}

    #Container
	{
		text-align:left;
		margin:0 auto;
		padding-bottom: 30px;
		width:650px;
	}
   #Header
	{
	   display:none;
	}

    #printHeader {
        margin-left: 50px;
    }

    .subpage-left-column-nav-container {
        padding: 20px 20px 20px 10%;
    }

    #Box-Logo {
        display: none;
    } 
    
    #printHeader img {
        width: 96px;
        padding: 13px 0;
    }

    #Box-Phone {
        overflow: hidden;
        height: auto;
        border: none;
    }
    
    #SUBPAGE-CONTAINER-MAIN {
        margin-top: 129px;
    }

    .subpage-single-column-desc {
        font-size: 14px;
    }

    a[href]:after {
        content: "";
    }

    #subpage-right-column {
        padding: 0;
    } 
    
    .header-box {
        padding: 0 !important;
        height: 69px;
        overflow: hidden;
    }

    #CONTAINER-TOP {
        border: none;
    } 
    
    #Footer {
        float: left;
        margin-top: 20px;
        padding-top: 20px;
        width: 650px;
        border-top: solid 1px #ccc;
        position: relative;
    }

	#Footer #FooterLinks
	{
        display:none;
    }
    #Footer #Shadow
    {
        display:none;
    }

    #Footer #Copyright
    {
        color: #003366;
        float: left;
        font-size: 11px;
        font-weight: bold;
        margin: 0;
        position: relative;
    }

    #Footer #FooterPhone
    {
        color: #003366;
        font-weight: bold;
        left:400px;
        position: relative;
    }

    #AWSCloudSearchContainer {
        display: none;
    }

    #Container-CTA {
        visibility: hidden;
    }

	#nav_main_services,
	#nav_main_app,
	#nav_main_pro,
	#nav_main_support {
		display: none;
	}

    .subpage-left-column-blocks {
        display: none;
    }
}
