﻿










/*:::::::::::::::::::
:::::  General  :::::
:::::::::::::::::::*/
* { 
    margin: 0;
    padding: 0;
}

a {
	text-decoration: none;
	color: #dadbdf;
	outline: none;
}

a:hover {
	color: #7290b6;
}

header { 
    position: relative;
    margin: 10px auto 0px auto;
}

header #topBanner {
    background: url(Images/header_bg.jpg) 0 bottom repeat-x #f8f8f8;
	position: static;  
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

#MyLogo {
	color: #f0f3f7;
    position: absolute;
    top: 0px;
	background: url(images/menu_hov_bg.png) 0 0 repeat-x #3c5890;
}

nav {
	position: absolute;
}

.ulMenu {
	display:block;
	position: relative;  
}





.MainContent980 {
	position: relative;
	margin: 0 auto 0 auto;
	background-color: #272d3b;
	box-shadow: 0 0 15px rgba(0,0,0,0.4);
	background: url(images/content_bg.png) 0 0 repeat;
	padding: 0px;
    overflow: hidden;
}




footer { 
    position: relative;
}

footer #mainFooter {
	text-transform: uppercase;
	color: #707277;
}

footer #mainFooter .SimpliBestWay {
	color: #7290b6;
}
  
footer .alogo {
	text-transform: capitalize;
}


/*#mainFooter a:hover {
	text-decoration: underline;	
	color: #7290b6;
}*/



/*=======================
===  region Old Code  ===
=======================*/
/*#region Old Code */


h1, h2, h3, h4, h5, h6 
{
    /*
    */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #dadbdf;
}

h2 
{
	font-size: 24px;
	line-height: 26px;
	font-family: 'PT Sans Narrow', sans-serif;
	padding: 35px 0 20px;
}


.InnerContentP30
{
    padding: 30px;
}

.AllCollapsedPanels
{
    display: none;
    height: 0px;
    overflow: hidden;
}

.NewTest
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 200%;
    background: #656565;
    opacity: .07;
    filter: alpha(opacity=70);
}

.cmdBtn
{
    display: inline-block;
    width: 300px;
	padding: 10px;
    border-color: transparent !important;
	background: url(Images/btn_bg.png) 0 0 repeat-x #3d5990;
	font: 11px/18px Arial, Helvetica, sans-serif !important;
	color: #fff;
	text-transform: uppercase;
	transition: 0s ease !important;
	-webkit-transition: 0s ease !important;
	-o-transition: 0s ease !important;
}

.zLabel
{
    color: #d7d7d7;
    font-weight: lighter;
}

.cssFileUpLoad 
{
    color: #8b8b8b;
	background-color: transparent;
    border: 1px solid #8b8b8b;
    margin-bottom: 10px;  
    margin-right: 15px;
    font-family: Tahoma;
    width: 200px;
    font-size: 8pt;
    font-weight: bolder; 
    padding: 2px;
}

.cmdAddButton
{ 
    padding: 0 10px 0 10px;
    margin: 0 0 0 10px;
    height: 25px;
    font-family: Book Antiqua;
    font-size: 12pt;
    color: White;
    font-weight: lighter; 
    vertical-align: middle;
    text-align: center;
    text-shadow: 1px 1px #000; 
    background: -moz-linear-gradient(#43A9FF, #0043A8);
    background: -o-linear-gradient(#43A9FF, #0043A8);
    background: -webkit-linear-gradient(#43A9FF, #0043A8);
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border: 15px 15px 15px 15px;
}    

.cmdAddButton:hover
{
    font-weight: bolder;
    font-size: 15px;
    letter-spacing: 2px;
    height: 29px; 
    background: #0019a8;
    background: -moz-linear-gradient(#43c8ff, #0019a8);
    background: -o-linear-gradient(#43c8ff, #0019a8);
    background: -webkit-linear-gradient(#43c8ff, #0019a8);
    cursor: pointer; 
}

.centerPanelDiv
{
    position: absolute; 
    left: 14.7%;
    top: 11%; 
    overflow: hidden;
    width: 70%;
    padding: 14px;
	background-color: #272d3b;
	box-shadow: 0 0 15px rgba(0,0,0,0.4);
	background: url(images/content_bg.png) 0 0 repeat;
	 height: 300px;
	 color: #dadbdf;	
	 border: 3px solid #f0f0f0;
	 _border-radius: 10px;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 clear: both !important;
}


.DefaultFollow, .sDetailFollow, .toursFollow
{
	background: url(Images/feedback_bg.png) repeat-x 0 0 #3c588f;	
	padding: 14px 18px 10px 20px;
}

.DefaultFollow
{
    position: absolute;
    top: 70px;
    right: 6px;
	width: 180px;
}

.sDetailFollow
{
    display: none;
    position: absolute;
    top: 80px;
    right: 10px;
	width: 180px;
}

.eConstructorFollow
{
    position: absolute;
    top: 120px;
    right: 0px;
}

.toursFollow
{
    display: none;
    position: absolute;
    top: 80px;
    right: 10px;
	width: 190px;
}

.FollowP1, .FollowP2
{
	font: 22px/26px	'Sansita One', cursive;
	color:#fff;
	text-shadow: 2px 2px 2px #4c6899;
	margin: 0;
}

.FollowP2
{
	text-align: right;	
}

.FollowSpan 
{
	font: 25px/36px	'Sansita One', cursive;
	color:#a1caff;
	text-align: center;
	text-shadow: 1px 2px 3px #0A265D;
	display: block;
	padding-top: 5px;	
}

/**************************
*******   Header   ********
***************************/


.aHeaderLogo
{
	text-decoration: none !important;
}
/*
.clear 
{
	float: none !important;
	clear: both;
}
*/


/*************************
******   body   **********
*************************/

body 
{
	font: 13px/20px Arial, Helvetica, sans-serif;
	color: #97a0af;
	position: relative;
	min-width: 980px;
	background: url(Images/bg_body.jpg) center 0 no-repeat #030e23;	
}


/*************************
******   footer   ********
*************************/





/*#endregion */




footer .social a {
	background: url(images/soc_bg.png) 0 0 repeat-x;
    background-size: 100% 100%;
}

footer .social a:hover {
	background: url(images/soc_hover.png) 0 0 repeat-x;
}

footer .social a span {
	display: block;
	background: url(images/socials.png) right 0 no-repeat;
}





/*::::::::::::::
:::::  PC  :::::
::::::::::::::*/
@media screen and (min-width: 851px) {
    header { 
        width: 65%;
    }

    header #topBanner {  
        height: 81px;
        margin: 0px auto 30px auto;
	    padding-left: 30px;
    }


    header .cmdMenu {
        display: none;
    }

    #MyLogo {
        left: 15px;
        height: 91px;
        width: 24%;
        font: 55px/85px 'Dancing Script', cursive;
	    font-weight: 500;
	    text-align: center;
        text-shadow: 1.4px 1.4px #000;
    }

    nav {
        width: 500px;
	    right: 17.5%;
	    top: -10px;
    }

    .ulMenu {
        float: right;
    }

    ul.ulMenu>li {
	    position: relative;
	    text-align:left;
	    display:block;
	    float: left;
	    bottom: -10px;
	    background: url(images/menu_separator.png) 0 0 no-repeat;	
    }

    ul.ulMenu>li a {
	    text-decoration:none;
	    font: 18px/81px 'PT Sans Narrow', sans-serif;
	    text-align: center;
	    padding: 0px 30px;
	    display: block;
	    text-transform:uppercase;
	    /*font-style: normal !important;*/
	    color:#818699;
	    position: relative;
    }

    .ulMenu ul {
	    position:absolute;
	    top: -999px;   
	    display:none;   
    }

    .ulMenu li:hover ul, .ulMenu li.sfHover ul {
	    z-index: 99;
    }

    ul.ulMenu li:hover li ul, ul.ulMenu li.sfHover li ul {
	    top:-999px;
	    display:none;
    }

    ul.ulMenu li li:hover ul, ul.ulMenu li li.sfHover ul {
	    left:100%;
	    top:0;
    }


    ul.ulMenu>li a:hover, ul.ulMenu>li.current a, ul.ulMenu>li.sfHover a {
	    color: #fff;
	    background: url(images/menu_hov_bg.png) 0 0 repeat-x #3c5890;
	    z-index: 2;	
    }

    .ulMenu>li>ul {
	    width: 81px;
	    left: 0px;
	    padding: 9px 10px 5px;
	    top: 90px;
	    z-index: 100;
	    background: url(images/sub_bg.png) no-repeat 0 0 #c3c4c8;
    }

    .ulMenu>li>ul>li {
	    display: block;
	    text-align: center;
	    position: static;
	    float: none;
	    line-height: 12px;
	    margin: 7px 0 10px;
    }

    ul.ulMenu>li>ul>li>a {
	    font: bold 16px/20px 'PT Sans Narrow', sans-serif;
	    color: #fff1bf;
	    display: inline;
	    padding: 0;
	    background: none !important;
	    color:#818699 !important;
    }

    .ulMenu>li>ul>li>a:hover, .ulMenu>li>ul>li.sfHover>a {
	    color:#7290b6 !important;
    }

    .ulMenu>li li>ul {
	    width:81px;
	    left:102px !important;
	    top: 36px !important;
	    padding: 9px 10px 5px;
	    background: url(images/sub_bg.png) no-repeat 0 0 #c3c4c8;
	    text-align: center;
	    z-index: 999;
	    }

    .ulMenu>li li>ul>li {
	    display:block;
	    text-align: center;
	    position: static;
	    float: none;
	    line-height: 12px;
	    padding: 7px 0 8px;
    }

    .ulMenu>li li>ul>li>a {
	    font: bold 16px/20px 'PT Sans Narrow', sans-serif;
	    color: #fff1bf;
	    display: inline;
	    padding: 0;
	    background: none !important;
	    color:#818699 !important;
    }

    .ulMenu>li li>ul>li>a:hover {
	    color: #7290b6 !important;
    }







    .MainContent980 {
        width: 65%; 
	    font: 13px/20px Arial, Helvetica, sans-serif; 
    }










    footer {
        width: 65% !important;
        margin: 0px auto 60px auto;
        padding: 14px 0px;
	    background: #C3C4C8 url(images/footer_bg.png);
        background-size: 100% 100%;
	    box-shadow: 0 0 15px rgba(0,0,0,0.4);
        font-size: 18px;
        letter-spacing: 0.5px;
        text-shadow: 0.8px 0.8px #000;
    }

    /*footer #mainFooter {
	    height: 80px;	
	    position: static; 
	    font-size: 12px;
	    background: url(images/footer_bg.png) repeat-x #C3C4C8;
	    box-shadow: 0 0 15px rgba(0,0,0,0.4);
    }*/
    
    footer .SimpliBestWay {
        font: 28px/28px 'Dancing Script', cursive;
	    font-weight: 600;
        letter-spacing: 1.5px;
	    text-transform: capitalize;
        text-shadow: 1.4px 1.4px #000;
        white-space: nowrap;
        margin-left: 10%;
    }
    

    /*footer #mainFooter .SimpliBestWay {
        position: absolute;
        top: 7px;
        left: 290px;
        font: 23px/25px 'Dancing Script', cursive;
	    font-weight: 600;
        letter-spacing: 2px;
	    text-transform: capitalize;
        text-shadow: 0.5px 0.5px #000;
    }*/

    /*footer .footerSpacer {
        width: 100%; 
        float: left; 
        margin-top: 25px;
    }*/

    footer .alogo {
	    font: 26px/26px 'Dancing Script', cursive;
        font-weight: 500;
	    color: #7290b6;
        text-shadow: 1.4px 1.4px #000;
        margin: 5px 0px 0px 45%;
    }

    footer .alogo2 {
	    color: #707277;
	    text-decoration: none;
	    text-transform: uppercase;
	    margin-right: 5px;
    }


 
    /*footer .copyInfo {
        float: left;
        padding-left: 30px;
        margin-top: 10px;
    }*/


    footer .social a {
        float: right;
	    display: block;
    }

    footer .social {
        float: right;
        padding-right: 30px;
    }

    .social a {
        margin-left: 3px;
    }

    footer .social a span {
	    width: 30px;
	    height: 30px;
    }

    .social a:first-child+a span {
	    background-position: -66px top;
    }

    .social a:first-child+a+a span {
	    background-position: -33px top;
    }

    .social a:first-child+a+a+a span {
	    background-position: left top;
    }


}


/*:::::::::::::::
::::: iPod  :::::
:::::::::::::::*/
@media screen and (min-device-width: 481px) and (max-device-width: 850px) {

}



/*:::::::::::::::
::::: Cell  :::::
:::::::::::::::*/
@media screen and (min-device-width: 10px) and (max-device-width: 480px) {
    header { 
        width: 90%;
    }

    header #topBanner {  
        height: 120px;
        margin: 18px auto 28px auto;
	    padding-left: 24px;
    }

    #MyLogo {
        left: 14px;
        height: 134px;
        width: 440px;
        font: 70px/130px 'Dancing Script', cursive;
	    font-weight: 600;
	    text-align: center;
        text-shadow: 2.4px 2.4px #000;
    }
    
    header .cmdMenu {
        width: 170px; 
        height: 104px; 
        position: absolute; 
        top: 8px; 
        right: 18px;
        display: block;
    }

    nav {
        width: 50%;
	    left: 2%;
	    top: -10px;
        z-index: 1;	
        display: none;
    }

    ul.ulMenu li {
        width: 100%;
	    position: relative;
	    text-align: left;
	    display: block;
	    float: left;
	    bottom: -10px;
        background: url(Images/header_bg.jpg) 0 bottom repeat-x #f8f8f8; 
	    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    }

    ul.ulMenu li a {
	    position: relative;
	    display: block;
	    color:#818699;
        font: 48px/120px 'Dancing Script', cursive;
	    font-weight: 500;
	    text-decoration:none;
        text-shadow: 2.4px 2.4px #000;
	    text-align: left;
	    text-transform: uppercase;
	    padding-left: 24px;
    }




    .MainContent980 {
        width: 90%; 
	    font: 13px/20px Arial, Helvetica, sans-serif; 
    }










    footer {
        width: 90% !important;
        margin: 0px auto 130px auto;
        padding: 14px 0px;
	    background: #C3C4C8 url(images/footer_bg.png);
        background-size: 100% 100%;
	    box-shadow: 0 0 15px rgba(0,0,0,0.4);
        font-size: 30px;
        text-shadow: 1px 1px #000;
    }

    /*footer #mainFooter {
        width: 100%;
        position: relative;
        margin: 0 auto 0 auto;
        background-color: fuchsia;
    }*/

    footer .SimpliBestWay {
        font: 48px/70px 'Dancing Script', cursive;
	    font-weight: 600;
        letter-spacing: 1px;
	    text-transform: capitalize;
        text-shadow: 2.5px 2.5px #000;
        white-space: nowrap;
        margin-left: 15%;
    }
    
    /*footer .footerSpacer {
        width: 100%;  
        min-height: 63px;
        background-color: orange;
    }*/

    footer .alogo {
	    font: 48px/58px 'Dancing Script', cursive;
        font-weight: 500;
	    color: #7290b6;
        text-shadow: 1.8px 1.8px #000;
        margin-left: 84px;
    }

    footer .alogo2 {
	    color: #707277;
	    text-decoration: none;
	    text-transform: uppercase;
	    margin-right: 5px;
    }







    
    footer .social {
        display: none;
        width: 100%;
        text-align: center;
    }

    footer .social a {
        margin-left: 6px;
    }

    footer .social a span {
	    width: 60px;
	    height: 60px;
    }
    
    /*footer .social a:first-child+a span {
	    background-position: -66px top;
    }

    footer .social a:first-child+a+a span {
	    background-position: -63px top;
    }

    footer .social a:first-child+a+a+a span {
	    background-position: left top;
    }*/






    /*footer .copyInfo {
        width: 75%;
        display: block;
        padding-left: 8px;
        background-color: orange;
    }*/
}



@media print {
    /*body 
    {
        display :  none;
    }
    @page :footer {
        display: none;
    }

    @page :header {
        display: none;
    }*/

    @page {
        size: auto;   /* auto is the initial value */
        margin: auto auto 0 auto;  /* this affects the margin in the printer settings */
    }

    .postBackAlert, #cmdGBrowsingHis, #doNotPrint, #dCollapsableControls, #dUniProgress, .NavBar, .DoNotPrint, .cmdCloseXCenter25, .cmdHistoryAlert, .NewNavMenu, .BackNextFollowMe, .Bill2CustFollowMe, .cmdOjoSalton
    {
        display: none !important;
    }

    #dTaxRpt, .AllCollapsedPanels
    {
        border: none;
        box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; 
    }
    
     a[href]:after {
        content: "(" attr(href) ")" !important;
        }
}