﻿/*** HTML element styles ***/

body{
	margin:0;
	padding:0;	
	background: #1b1f23 url(/content/imgs/BgFill.gif) repeat left top;
	color:#666666;
	font-family:verdana,arial;
	font-size:.75em;	
	
}

fieldset{
	border:none;
	margin:0;
	padding:0;
}

form{
	margin:0;
	padding:0;
	display:inline;
}

tbody{
	font-family:verdana,arial;
	color:#666666;
}

p{
	margin-top:0;
	margin-bottom:1em;
	padding:0;
}

img{
	margin:0;
	padding:0;
	border:0;
}

a:link{
	color:#0099f4;
	text-decoration:none;
}  

a:visited{
	color:#0099f4;
	text-decoration: none;
}  

a:hover{
	color:#ff7000;	
	text-decoration:underline;
}  

a:active{
	color:#ff7000;	
	text-decoration:underline;
}  

a:link img{
	border-color:#0099f4;
}  

a:visited img{
	border-color:#0099f4;
}    

a:hover img{
	border-color:#ff7000;  
}

a:active img{
	border-color:#ff7000;  
}  

label{
	cursor:pointer;	
}

/*** Std classes ***/

.Left{
	float:left;
}

.Right{
	float:right;
}

.Clear{
	clear:both;
}

.Hide{
	display:none;
}

.MaxWidth{
	width:100%;
}
#Modal{
	background-color: #293542;
    height: 100%;
    filter: alpha(opacity=25); /* IE's opacity*/
    left: 0px;
    top: 0px;
    opacity: 0.25;
    position: absolute;
    z-index: 1;
    visibility: hidden;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*.clearfix {display: inline-block;}*/  /* for IE/Mac */

/*** Page layout ***/

.Sizer{
    min-width:780px;
    max-width:1260px;
    margin:0 auto;
    padding: 0px 20px 0px 20px;
	
}

.Divider{
	margin:0;
	padding:0;
	background: #000000 url(/content/imgs/Divider.gif) no-repeat center top;
	height:1px;
}

#Particles{
	position:relative;
	
	top:-20px;
	left:-20px;
	
	width:259px;
	height:84px;	
	background-image:url(/content/imgs/particles.png);
	z-index:1;
}

#Header{
	margin:0;
	padding:0;
	height:43px;
	padding-bottom:1em;
	color:#ffffff;		
}

#Header i{	
	color:#dddddd;	
}

#LogoContainer{	
	position:relative;
	z-index:2;
	top:-86px;
}

#Logo{	
	padding:5px 0 2px 0;
	margin:0;
	width:350px;
	filter:shadow(Color=#000000,Direction=135,Strength=3);
	text-shadow:#000000 3px 3px 2px;	
}

#Logo h2{	
	margin:0;
	padding:0;
	font-size:1.95em;	
}

#Logo h2 a{
	color:#ffffff;	
	text-decoration:none;
}
	
#Logo h2 sup{
	font-size:.3em;
} 



#Login{	
    text-align:right;
    color:#ff7000;
    padding:4px 3px 2px 3px;
    border-right:solid 2px #000000;
    /*font-size:.75em;*/
    font-weight: bold;
}

#Login .Btn{
	font-family: verdana,arial; color: white; font-weight: bold; background-color: #49a8ea; border: 2px outset #BFCADD; font-size:1em;
}

#Login .Inpt{
	font-family: verdana,arial; color: black; font-weight: bold; background-color: #ffffff; border: 2px outset #BFCADD; font-size:1em; width: 9em;
}

#Login .AuthIcon{
	width:18px;
	height:19px;
	vertical-align:middle;
}

#Login span{
	color:#ffffff;
	padding-right:1em;	
}

#Login a{
    color:#ffffff;
    font-weight:normal;
}

#Login a:hover{
	color:#ffffff;
    background-color:#ff7000;
	text-decoration:underline;
    font-weight:normal;
}


.SplashBar{
	margin:0;
	padding:0;
	background-color:#060606;
	clear:both;
}


#SubBar{
	clear:both;
	color:#ff7000;	
	padding:.5em .5em .5em 0em;
	font-weight:normal;	
}

#SubBar div{
	display:inline;	
}

#SubBar div div{
	display:none;
}

#SubBar div span a{
    color:#ffffff;
    font-weight:bold;
}

#SubBar div span a:hover{
	color:#ffffff;
    background-color:#ff7000;
	text-decoration:underline;
    font-weight:bold;
}

#Content{		
	/*background-color:#4d657c;*/
	background-color:#060606;
}

#Content h3{
	border-bottom:dotted .1em #718197;
	color:#718197;	
	font-weight:bold;
	font-size:1.3em;
	margin:0 0 .5em 0;
	/*padding:2px 5px 2px 5px;*/
}

/*Navigation header in page content*/
#NavHead{
	margin:0 0 2em 0;	
	/*font-size:smaller;*/
	border-bottom: solid 1px #d0d5da;
}

#NavHead h1{
	margin:0 0 .25em 0;
	padding:0;
	font-size:x-large;
	font-weight:bold;
	color:#000000;	
}

#NavHead img{
	width: 16px;
	height: 16px;
	border: none;
	vertical-align: middle;	
	margin-right: 3px;
}

#NavHead h1 img{
	width: 48px;
	height: 48px;	
}

#NavHead a{
	font-weight:bold;
}

.Arrow{	
	width: 16px;
	height: 16px;
	border: none;
	vertical-align: middle;	
	margin-right: 3px;
}

.Shadow{	
	zoom:1;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4d657c', Direction=135, Strength=3);
	-moz-box-shadow:2px 2px 2px #4d657c;
	-webkit-box-shadow:2px 2px 2px #4d657c;
	box-shadow:2px 2px 2px #4d657c;
}

.Menu{
	border:solid .1em #000000;	
	position:absolute;
	display:none;
	margin:0;
	z-index:100;
}

.Menu ul{
	color:#000000;	
	white-space:nowrap;
	list-style:none;
	margin:0;	
	font-weight:bold;
	text-align:left;
	padding:.5em 1em 0 1em;	
	background: #ffffff url(/content/imgs/MenuFade.jpg) repeat-y left top;
	border: dotted 1px #0099f4;	
}

.Menu b{
	background-color:#E8EDF0;
	display:block;
	padding:2px;
}

.Menu ul ul{	
    list-style:disc;
    font-weight:normal;
    margin:.25em .5em 1em 1.5em;        
    border:none;
    padding:0;
    background:none;
}

.ColMain{
	padding:10px;
	background-color:#ffffff;
	border-right: solid 2px black;	
	min-height:400px;		        
}


		    .GridTwoR{
		        background: #e5e8eb;
		        padding-right: 250px; /*12em;*/		        
		        border-right: solid 2px black;
		    }
		    .GridTwoR .Wrapper {
		        background: #ffffff;		        
		    }
		    .GridTwoR .Wrapper .BodyCol{		        
		        width: 100%;
		        float: left;		        		        
		    }
		    .GridTwoR .Wrapper .AuxCol{
		        margin-right: -250px; /*12em;*/
		        width: 250px; /*12em;*/
		        float: left;			        
		    }
		    .GridTwoR .Wrapper .BodyCol .PadBox {
		        padding: 10px; /*1.5em 2em;*/		        
		    }
		    .GridTwoR .Wrapper .AuxCol .PadBox {
		        padding: 10px; /*1.5em 2em;*/
		        min-height:400px;		        
			border-left: solid 1px #d4d8dd;
		    }



#FooterBar{
	clear:both;
	color:#ff7000;	
	padding:.5em .5em .5em 0em;
	font-weight:normal;	
}


#FooterBar a{
    color:#ffffff;
    font-weight:normal;
}

#FooterBar a:hover{
	color:#ffffff;
    background-color:#ff7000;
	text-decoration:underline;
    font-weight:normal;
}


#Footer{ 
	clear:both; 	
	color:#0099f4;
	padding:.5em 0 .1em 0;		
}

#Footer a{
	color:#ffffff;
}

#Footer a:hover{
	background-color:#ff7000;
	text-decoration:underline;
}

.FrmBox,.FrmBoxCompact{
	margin-bottom:1em;
}

#Banner{	
	background: #000000 url(/content/imgs/Banner.jpg) no-repeat right top;
	height:200px;
	margin-bottom:1em;
	color:#ffffff;	
	overflow:hidden;
}

#Banner h1{
	margin:0;
	padding:15px 0 0 15px;
	font-size:2.5em;		
	display:inline;
}

#Banner .Msg{
	color:#ffffff;
	width:55%;	
	margin:15px 0 0 16px;
	font-size:1.4em;	
	text-shadow:0 0 0.6em #000000;	
}

#Banner h3{
	margin:0;
	padding:0;	
	font-size:1.25em;
	font-weight:bold;
	color:#ffffff;
	border:none;
	position:absolute;
	display:none;	
	text-shadow:0 0 0.6em #000000;
	/*filter:glow(color=#000000,strength=1);*/
	cursor:pointer;
	z-index:50;	
}

#Banner input{	
	border:solid 1px #0099f4;
}

#Banner form{	
	display:block;
	margin:1em 0 0 16px;
}

#BoxSet div{			
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;        
}

#BoxSet div h4{
	margin:0 0 1em 0;	
	font-weight:bold;
	font-size:1.4em;
}


.BoxSet{
	
}

.BoxSet div{
	float:left;
	width:16em;
	height:11em;
	background-color:#e5e8eb;	
	margin-right:1em;
	margin-top:1em;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;    
    cursor:pointer;
}

.BoxSet img{
	width:48px;
	height:48px;
	float:left;	
	margin: 1em 1em 1em 1em;
}

.BoxSet h5{	
	font-weight:bold;
	font-size:1.2em;
	color:#1799df;	
	padding:0;
	margin: 1.25em 0 .25em 0;
	display:block;
}

.BoxSet p{
	clear:both;
	margin:1em;
}

.BoxExpand{
	background-color:#e5e8eb;	
	padding:1em;	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;    
}

.Box{
	background-color:#e5e8eb;	
	padding:1em;	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;    
    float:left;
}

.Box .Ctrls{
	padding-top:1em;
	text-align:right;	
}

.ParameterSet{
	
}

.ParameterSet div{
	float:left;
	margin: 0 2em 1em 0;
}

.FrmBox table{
	margin:10px 0px 15px 20px;	
}

.FrmBoxCompact table{
	border:none;	
}

.FrmBox table td{
	text-align:left;
	vertical-align:top;
	padding:2px 5px 2px 5px;
}

.FrmBoxCompact table td{
	padding:.5em .5em 0 .5em;
	margin:0;	
}

.FrmBox table th{
	vertical-align:top;
	text-align:left;
	padding:4px 5px 2px 5px;
}

.FrmBox table td.Even,.FrmBox table th.Even,.FrmBoxCompact table td.Even,.FrmBoxCompact table th.Even{
	background-color:white;
}

.FrmBox table td.Odd,.FrmBox table th.Odd,.FrmBoxCompact table td.Odd,.FrmBoxCompact table th.Odd{
	background-color:#EFF2F5;
}

.FrmBox .Header,.FrmBoxCompact .Header{
	font-size:1.4em;
	font-weight:bold;
	color:#ffffff;	
	background: #4d657c url(/content/imgs/BarFade.jpg) repeat-y right top;	
	width:100%;
	padding:2px 5px 2px 5px;			
}

.FrmBox .SubHeader,.FrmBoxCompact .SubHeader{
	border-bottom:dotted .1em #718197;
	color:#718197;	
	font-weight:bold;
	font-size:1.2em;
	padding:2px 5px 2px 5px;
}

.FrmBox .Footer,.FrmBoxCompact .Footer{	
	background: #4d657c url(/content/imgs/BarFade.jpg) repeat-y right top;	
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
	width:100%;
	padding:2px 5px 2px 5px;
}

.FrmBox .TblTypeA{
	
}

.FrmBox .TblTypeA th{
	width:130px;
	text-align:right;	
}

.FrmBox .TblTypeBox{
	background-color: #e7f4fd;
	padding: 5px;
	border:solid 1px #000000;	
}

.MsgBox{
 color:#000000;
 background-color:#fff7d7; /*#fff3bc;*/
 border:dotted .1em #414f54;
 padding:.5em;
}

.Icon16{
	width: 16px;
	height: 16px;
	border: none;
	vertical-align: middle;	
	margin-right: 3px;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors{
    /*font-weight:bold;*/
    color: #ff0000;
}

.validation-summary-errors ul{
	margin:0;
	padding:0;	
}

.validation-summary-errors ul li{
	list-style:none;    
}

.CntMenu{
	margin:0;
	padding:0;
}
.CntMenu li{
	padding:.25em .5em 0 .5em;	
	list-style:none;    
    margin-bottom:1em;    
    font-weight:bold;
}
.CntMenu li ul li{
	list-style:disc;
    font-weight:normal;    
    margin:0;
}



/*CHelper.DateBar*/
.DateBar{
	margin-bottom:2em;	
}
.DateBar .Header{
	margin-bottom:.5em;
	border-bottom:dotted .1em #718197;
	color:#718197;	
	font-weight:bold;
	font-size:1.2em;
	padding:0 0 2px 0;
}
.DateBar .Title{
	float:left;	
}
.DateBar .Date{
	float:right;	
}

/*Captcha*/
.Captcha img{	
	width:180px;
	height:50px;	
	margin-right:10px;
	float:left;
}

.Captcha .Input{
	float:left;
}

/*Link to us*/
.LinkUsBox{
	margin-bottom:2em;	
}

.LinkUsBox .MsgBox{
	margin-top:.5em;	
}

/*Group box*/
.GroupBoxEx{
	margin: 1em 0 2em 0;
	padding: 0px 10px 10px 10px;
	border: #4d657c solid 1px;
	background-color: #ffffff;
}

.GroupBoxEx .GroupHead{
	margin: 0px;
	padding: 1px 3px 1px 3px;
	position: relative;
	top: -7px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #0099f4 url(/content/imgs/tabg.png) bottom;
	border: #4d657c solid 1px;

}

.GroupBoxExNoPad{
	margin: 1em 0 2em 0;
	padding: 0 0 0 0;
	border: #4d657c solid 1px;
	background-color: #ffffff;
}

.GroupBoxExNoPad .GroupHead{
	margin: 0px;
	padding: 1px 3px 1px 3px;
	position: relative;
	top: -7px;
	left: 10px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #4d657c;
	border: #0099f4 solid 1px;
}

.GroupBoxEx .GroupBody,.GroupBoxExNoPad .GroupBody{
	margin: 0px;
	padding-top:.5em;	
}

.GroupBoxExNoPad .GroupBody div{
	padding:0 1em 1em 1em;	
}


.GroupBoxEx .GroupBody .Heading,.GroupBoxExNoPad .GroupBody .Heading{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:.5em;	
}

/*Simple table grid*/

.TblGrid{
	border:solid 1px black;	
	border-collapse: collapse;
	
}

.TblGrid .Header th{
	background-color:#525f6a;
	font-size: 1.6em;
	color:#ffffff;
}

.TblGrid th{
	border:solid 1px black;	
	font-weight:bold;
	padding:.5em;		
	text-align:left;
}

.TblGrid td{
	border:solid 1px black;	
	padding:.5em;		
}

.Even{		
	background-color:#e5e8eb;
}

.Odd{
	background-color:#ffffff;
}

.Even a,.Odd a{
	font-weight:bold;
}

.Testimonial{
	font-style:italic;
}

.Testimonial div{
	margin-top:1.5em;
	text-align:right;
}

.Row0{
	border-top:dotted 1px #4d657c;
	padding: 5px 10px 5px 10px;
	background-color:#e7f4fd;
}

.Row1{
	border-top:dotted 1px #4d657c;
	padding: 5px 10px 5px 10px;
	background-color:#eff2f5;
}

.Row0 a,.Row1 a{
	font-weight:bold;
}
        
        
        #Cart{		
		margin:0 0 2em 0;
		padding:0;
		width:100%;
		border-collapse:collapse;
	}
	
	#Cart th{
		padding: .4em .5em .4em .5em;		
		background-color:#4d657c;
		color:#ffffff;		
		border: solid 1px #000000;
		text-align:center;
	}		
	
	#Cart td{
		padding: .2em .5em .2em .5em;		
		border: solid 1px #eeeeee;
		vertical-align:middle;
	}
	
	#Cart .Quantity{
		width: 4em;
		text-align:center;		
	}
	
	#Cart .Quantity input{
		text-align:center;
		font-weight:bold;
		width: 3em;
	}
	
	#Cart .Action{
		width: 4em;		
	}
	
	#Cart .Description{
		text-align:left;				
	}	
	
	#Cart .DescriptionCell{		
		margin:0;
		text-align:left;				
	}	
	
	
	#Cart .DescriptionCell td{
		padding:0;		
		border:none;
		text-align:left;				
	}	
		
	#Cart .Price{
		width: 4em;
		text-align:right;	
	}
	
	#Cart .Total{
		width:4em;
		text-align:right;	
		font-weight:bold;		
	}
	
	#Cart .EmptyMsg{
		text-align:center;
		font-weight:bold;
		font-size:1.6em;				
	}
	
	#SummaryBox{
		margin:1em 0 1em 2em;
		
		display:inline-block;		
		background-color:#fff7d7;
		padding:.5em;
	}
	
	#SummaryBox th{
		text-align:left;		
		color:#6c665a;
		width: 15em;
	}
	
	#SummaryBox td{
		text-align:right;
		color:#6c665a;
	}
		
	#SummaryBox .SummaryDivider td,#SummaryBox .SummaryDivider th{
		border-top:dotted 1px #cfc5a1;		
	}
	
	#SummaryBox .SummaryTotal td,#SummaryBox .SummaryTotal th{
		color:#333333;
		border-top:dotted 1px #cfc5a1;
		font-size:1.2em;
		font-weight:bold;
	}