﻿@font-face { 
    font-family: 'mysegoe'; 
    src: url('../../Fonts/segoe-ui.ttf') format('truetype'), url('/Fonts/Segoe-UI.eot'); 
    /* IE9 */ 
    src: url('../../Fonts/Segoe-UI.eot?#iefix') format('embedded-opentype');
} 
@font-face { 
    font-family: 'MyTrajanPro'; 
    src: url('../../Fonts/TrajanPro-Regular.otf') format('opentype');
    src: url('../../Fonts/trajanpro-regular-webfont.eot'); 
    /* IE9 */ 

}

@font-face {
	font-family: 'helvetica_neue_ext';
	src: url('../../fonts/HelveticaNeue/helveticaneue-thinext-webfont.eot');
	src: url('../../fonts/HelveticaNeue/helveticaneue-thinext-webfont.eot?#iefix') format('embedded-opentype'),  
         url('../../fonts/HelveticaNeue/helveticaneue-thinext-webfont.woff') format('woff'),  
         url('../../fonts/HelveticaNeue/helveticaneue-thinext-webfont.ttf') format('truetype'),  
         url('../../fonts/HelveticaNeue/helveticaneue-thinext-webfont.svg#helvetica_neue_extendedRg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'nimbus_sans_light';
    src: url('../../fonts/nimbus-sans/nimbus-sans-webfont.eot');
    src: url('../../fonts/nimbus-sans/nimbus-sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/nimbus-sans/nimbus-sans-webfont.woff') format('woff'),
         url('../../fonts/nimbus-sans/nimbus-sans-webfont.ttf') format('truetype'),
         url('../../fonts/nimbus-sans/nimbus-sans-webfont.svg#nimbus_sans_d_otLtEx') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexa_boldregular';
    src: url('../../fonts/nexabold/Nexa_Free_Bold-webfont.eot');
    src: url('../../fonts/nexabold/Nexa_Free_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/nexabold/Nexa_Free_Bold-webfont.woff') format('woff'),
         url('../../fonts/nexabold/Nexa_Free_Bold-webfont.ttf') format('truetype'),
         url('../../fonts/nexabold/Nexa_Free_Bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body 
{
    font-family     :   helvetica_neue_ext, Arial, Helvetica, sans-serif;
	font-size       :   10pt            ;
	color           :   #7e7e7e         ;
	margin          :   0               ;
	padding         :   0               ;
    background      :   url(../../Images/bg.jpg) center top repeat-y #f6f6f8;
    border          :   0px solid red   ;
}
#page
{
    width           :   867px           ;
	margin          :   0 auto          ;
    border          :   0px solid green ;
    height:100%;
}
#pageheader {
    margin-top      :   10px            ;
    height          :   85px            ;
	width           :   867px           ;
	float           :   left            ;
    border          :   0px solid red   ;
    z-index         :   0               ;
}
#topbanner {
    float           :   left            ;
    background-color:   transparent     ;
    border          :   0px solid green ;
    height          :   360px           ;
    color           :   white           ;
    width           :   867px           ;
    position        :   relative        ;
    top:8px;
}
/*#lower {
    background-color:   transparent     ;
    border          :   0px solid green ;
    height          :   340px           ;
    color           :   white           ;
    z-index         :   0               ;
}*/
.upper {
    border          : 0px solid white;
    background-color: transparent;
    z-index: 10;
    position: relative;
    top: -59px;
    left: 670px;
    width: 180px;
    height: 245px;
    font-size: large;
    font-weight: normal;
    color: #009999;
}
#pagecontent
{
    /*background-color:red;*/
    float:left;
    width           :   867px;
    /*margin          :   5px auto 5px auto;*/
    /*background-color:   White           ;*/
    /*height          :   975px          ;*/
    /*overflow-y      :   auto            ;*/
    color           :   #646464         ;
    border          :   0px solid blue   ;
    /*position        :   relative        ;*/
    top             :   10px             ;
    /*padding-left    :   5px             ;*/
    min-height:700px;
    height:100%;
}
#footer {
    width           :   867px           ;
    border          :   0px solid orange;
}

.logo_left {
    float           :   left            ;
    width           :   245px           ;
    border          :   0px solid orange;
    height          :   86px            ;
}
.logo_right {
    float           :   left            ;
    border          :   0px solid green ;
    width           :   612px           ;
    height          :   86px            ;
    top             :   0px             ;
    margin-left     :   10px            ;
}
#logo_right_top {
    border          :   0px solid blue  ;
    height          :   60px            ;
    /*background-image:url(/images/logo5.png);*/
    /*background :  linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);*/
    background : -webkit-linear-gradient(right, white, #D63030);/* For Chrome and Safari */
    background :    -moz-linear-gradient(right, white, #D63030);/* For old Fx (3.6 to 15) */
    background :     -ms-linear-gradient(right, white, #D63030);/* For pre-releases of IE 10*/
    background :      -o-linear-gradient(right, white, #D63030);/* For old Opera (11.1 to 12.0) */
    background :         linear-gradient(to right, white, #D63030);/* Standard syntax; must be last */
    
    /*opacity:0.2;*/
}
.logo_right_menu {
    border          :   0px solid red ;
    vertical-align  :   bottom;
}
.sliderorder {
    position:absolute;
    border:0px solid black;
    z-index:10;
    width:100px;
    height:50px;
    top:100px;
}
#breadcrumbs {
    float:left;
    /*position:relative;*/
    top:0px;
    height:30px;
}
/*#navigation_wrapper {
    float           :   left            ;
    margin-left     :   20px            ;
    height          :   76px            ;
    border          :   0px solid red   ;
    width           :   600px           ;
    margin-top      :   40px            ;
    /*background-image:   url(../../images/logo5.png);/
}*/

/*.navigation {
    float           :   left            ;
    vertical-align  :   text-bottom     ;
    border          :   0px solid blue  ;
    width           :   100%            ;
    
}*/

.loginview {
    float           :   right           ;
    vertical-align  :   top             ;
    border          :   0px solid orange;
    z-index         :   10              ;
}
.socialn {
    border          :   0px solid green ;
    margin-top      :   9px             ;
    float           :   right           ;
}
.logopic {
    float           :   right           ;
    height          :   24px            ; 
    width           :   76px            ;
}
.logotext {
    float           :   right           ;
    height          :   63px            ; 
    width           :   242px           ;
}

/*#wrapper {
	width:867px;
	margin:0 auto;
    border:1px solid green;
}*/

/*.home_container {
    border:1px solid blue;
	width:867px;
	float:left;
	margin:0 0 80px 0;
}*/


.SiteTitle {
    font-family:'Eras ITC';
    font-variant:small-caps;
}
/*#pagetitle {
    float       :       left            ;
    margin-left :       0px             ;
    border      :       1px solid red   ;
}*/

.xlss {
    /*font-weight:bold;*/
    color:red;
}

p {
    text-align:justify;
}

ul, li {
    text-align:justify;
}


/*.headerlogo {
    background-image: url("/Images/XLSSLogo50_1.png");
    background-repeat:no-repeat;
}*/

/*img .headerlogo {
    src: url('/Images/XLSSLogo50_1.png');
}*/




.pagecontentleft {
    width           :   67%             ;
    border          :   0px solid blue  ;
    float           :   left            ;
    top             :   0px             ;
}

#pagecontentright {
    width           :   30%             ;
    background-color:   #F5F5F5         ;
    border          :   0px solid orange;
    float           :   right           ;
    top             :   20px            ;
    z-index         :   10              ;
    position        :   relative        ;
    border-bottom-left-radius: 10px     ;
    border-top-left-radius: 10px        ;
    border-bottom-right-radius: 10px        ;
    border-top-right-radius: 10px        ;
    padding         :   8px 8px 8px 8px ;
    height:500px;
}

#pagetitle {
    float           :   left            ;
    width           :   867px           ;
    height          :   50px            ;
    background-color:   #F5F5F5         ;
    border          :   0px solid red   ;
    top             :   10px            ;
    position        :   relative        ;
    padding-top     :   5px             ;
    padding-left    :   0px             ;
}

.PageTitle {
    font-family     :   'helvetica_neue_ext';/*'Segoe UI'      ;     */
    font-size       :   xx-large        ;
    color           :   red         ;
}

#pagetitle_in_wrapper {
    margin-left:10px;
}



h2 {
    /*color:#ff8800;*/
    color:red;
    font-size: 18px;
    font-weight:normal;
    font-family     :   'helvetica_neue_ext';
}
h3 {
    /*color:#ff8800;*/
    color:red;
    font-size: 17px;
    font-weight:normal;
    font-family     :   'helvetica_neue_ext';
}



.homepage_banners {
    font-size   :   14px        ;
    color       :   black       ;
    text-align  :   left        ;
}
/*.textshadow {
    text-shadow: 2px 2px white;
}*/



.ContactUs {
    color           :   deepskyblue     ;
    font-weight     :   normal          ;
    font-size       :   20px            ;
    text-decoration :   none            ;
    font-family     :   'nimbus_sans_light';
}

.ContactUsDetails {
    color           :   #e10000         ;
    font-size       :   14px            ;
    text-decoration :   none            ;
    font-family     :   'nimbus_sans_light';
}

legend {
    color: darkorange;
}

.pcLogin {
    z-index:11;
}




h1 {
	font-family: 'nimbus_sans_light';
}
h2 {
	font-family: 'helvetica_neue_ext';
	font-weight: normal;
}

.hoverstyle {
    background-image:none;
    background-color:transparent;
}
.hoverstyle a {
    background-image:none;
    background-color:transparent;
}

.hoverstyle a:visited{
    background-image:none;
    background-color:transparent;
}
.hoverstyle a:hover{
    background-image:none;
    background-color:transparent;
}
.menustyle {
    font-family:'helvetica_neue_ext';
}


.navstyle {
    background-image:none;
    background-color:transparent;
}

.navstyle a:hover{
    background-image:none;
    background-color:transparent;
}

.navstyle a{
    background-image:none;
    background-color:transparent;
}



input.xltextEntry 
{
    width: 320px;
    border: 1px solid Green;
}
.legend{
    font-family:nimbus_sans_light;
    font-size:15px;
    color:red;
}


.dxbButtonHover_Metropolis {
    color: white;
    background-color: #FF0000;
    border: 1px solid #ff8800;
}
.ButtonHover {
    background-color:white;
    border:1px solid green;
}