* { padding:0; margin:0; outline:0; }
body {
	background:#9E9E9E;
	font-family: Arial, sans-serif!important;
	font-size:14px;
	color:#252525;
	margin-top:5px;
	margin-bottom:5px;
    margin-left:5px;
    margin-right:5px;
	
}

.container-center 
{
    text-align:center;
    width:auto;
}

input, textarea, select { font-family: Arial, sans-serif!important;  }

td, tr, table, a, .a, span, label, div, body, .td {
        font-family: Arial, Helvetica, sans-serif!important;
        font-size:13px;
    }

.p td
{
    padding:3px;
    color: #3d3d3d;
}

textarea
{
    font-size:13px;
    color: GrayText;
}

p, .p 
{
	font-size:14px;
	line-height:20px;
	color: GrayText;    
}

.tablep 
{
	font-size:14px;
	line-height:18px;
	color: GrayText;    
}

 .tafel td
{
    sborder:1px solid #999;
    padding:3px;
    line-height:20px;
    color: #6D6D6E;
}



.Uppercase
{
    text-transform: uppercase;
}

.white, .white:visited
{
    color:#FFF;
}

.notext { font-size:0; line-height:0; text-indent: -4000px; display:block; }

a img { border:0; }

a, .a { color:#F29021; text-decoration: none; cursor:pointer; }
a:hover, .a:hover { text-decoration: none; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h1 { font-size:30px; line-height:34px; text-transform: uppercase; color:#F29021; }
h1 span{ color:#f4d359; }
h2 span{ color:#F29021; font-size:18px; }
h2 { font-size:16px; line-height:20px; color:#F29021; margin:0; margin-bottom:10px; }
.h2 { font-size:16px; line-height:20px; color:#F29021; margin:0; margin-bottom:10px; }
h3, .h3 { font-size:14px; line-height:20px; color:#F29021; margin-bottom:10px;}
h3 span{ color:GrayText;}

h1, h2, h3,
#navigation,
#slider-navigation,
#footer { font-family: Arial, sans-serif!important;}

.h3_NoPaddingBottom
{
     font-size:14px; line-height:20px; color:#F29021; margin-bottom:0px; font-weight:bold;
}

h1#logo {line-height:20px; padding-top:0px; height:65px; float:left; padding-right:20px;}
h1#logo a{ display:block; height:60px;}


    .shell_header {
        margin: 0 auto;
        padding: 5px;
        BACKGROUND: #336699;
    }

@media only screen and (min-width: 768px) {
    .shell_header {
        margin: 0 auto;
        padding: 5px;
        BACKGROUND: #336699 url(../css/images/X-PortOnlineLogoHeader.jpg) right no-repeat;
    }
}

.shell_header a {color:#fff; }
#header {  margin: 0 auto; border-bottom:1px solid #000; background-color:#fff; text-align:center;}


.shell { text-align:left;  background-color:#fff; padding:20px; padding-top:5px; display:inline-block; margin-top:10px; }
.shell_footer { margin:0 auto; padding-left:20px; padding-right:20px; height:55px; background-color:#FFF;}

#headerHigher { height:240px; background:url(images/headerHigher.jpg); }



#shellter2 { background:#fff; padding:20px; text-align:left; border:2px solid #2F2F2F; min-width:200px; width: auto !important; width: 500px; overflow:auto; white-space:nowrap; display:inline-block; }


#shellter
{
    background:#fff;
    border:2px solid #2F2F2F;
    text-align:left;
    display:inline-block;
   
    width:auto;       
    min-width: 320px;
}


@media only screen and (min-width: 768px) {
    #shellter
    {
        background:#fff;
        border:2px solid #2F2F2F;
        text-align:left;
        display:inline-block;
   
        width:auto;       
        min-width: 500px;
    }
}




#main {  padding:0 0; margin:0 auto; text-align:center;}
#main p{ padding-bottom:15px; }

a.more { font-size:10px; background:url(images/more.gif) no-repeat 0 center; padding-left:10px; }

.cols {}
.col { float:left; width:250px; margin-right:115px;}
.col-last { margin-right:0;}





#footer { color:#6d6d6d; background-color:#fff; border:1px solid #DCDCDC; padding-top:5px;}
#footer .shell{  background-color:#FFF;}
#footer .right { white-space:nowrap; font-size:14px; text-align: right; }
#footer .right span{ padding:0 1px;}
#footer .right a{ text-decoration: none; color:#939393;}
#footer .right a:hover{ color:#f6cb44;}
.footer-logo { float:left; width:225px; height:25px; background:url(images/footer-logo_sitrus.gif); }

#page_break {
    page-break-after: always;
}

.selectButton {
	-moz-box-shadow:inset 0px 0px 0px -1px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px -1px #ffffff;
	box-shadow:inset 0px 0px 0px -1px #ffffff;
	background-color:#e8e8e8;
	border:1px solid #9c9c9c;
	ddisplay:inline-block;
	color:#3d3d3d;
	padding:2px 16px;
    }
.selectButton:hover {
	background-color:#ffd37a;
 }
.selectButton:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */


.tallyButton {
	-moz-box-shadow:inset 0px 0px 0px -1px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px -1px #ffffff;
	box-shadow:inset 0px 0px 0px -1px #ffffff;
	background-color:#F5F5F5;
    background-image:url('');
	border:1px solid #888;
	ddisplay:inline-block;
	ccolor:#3d3d3d;
	ffont-weight:bold;
	padding:0px 0px;
    }
.tallyButton:hover {
	background-color:#ffd37a;
 }
.tallyButton:active {
	position:relative;
	top:1px;
}

.delete 
{
    background-image:url(images/delete.gif);
}

.noStyle
{
    background-color:Green;
}




.Button {
	-moz-box-shadow:inset 0px 0px 0px -1px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px -1px #ffffff;
	box-shadow:inset 0px 0px 0px -1px #ffffff;
	bbackground-color:#F5F5F5;
    background-color:#e8e8e8;
    background-image:url('');
	border:1px solid #888;
	ddisplay:inline-block;
	color:#3d3d3d;
	ffont-weight:bold;
	padding:0px 5px;
    margin-bottom:2px;
    }
.Button:hover {
	background-color:#ffd37a;
 }
.Button:active {
	position:relative;
	top:1px;
}

.SideMenuItem {
    color:#F29021;
    background-color:#FFF7EF;
    font-weight:bold;
}

.Supreme {
     background-color:#5B9BD5;
     color:green;
}