@charset "utf-8";
/* CSS Document */

/*****************************/
/*** Topline HTML Markup ***/
/*****************************/

body { margin: 0px; padding: 0px; background-color: #fff; }

a, a:link, a:active, a:visited { text-align: left; color: #007b98; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0px; }
a:hover { text-align: left; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0px; }

h1 { text-align: left; color: #333333; font-family:"Arial"; font-size: 12pt; text-decoration: none; }
h2 { text-align: left; color: #00CCFF; font-family:"Trebuchet MS"; font-size: 10pt; margin-top: 5px; margin-left: 5px; margin-bottom: 0px; }
h2 a, h2 a:link, h2 a:active, h2 a:visited { text-align: left; color: #0f92bf; font-family:"Trebuchet MS"; font-size: 10pt; margin-top: 0px; }
h2 a:hover { text-align: left; color: #fff; font-family:"Trebuchet MS"; font-size: 10pt; margin-top: 0px; }
h3 { color: #FFF; font-family:"Trebuchet MS"; font-size: 10pt; text-decoration: none; padding-left: 10px; padding-top: 7px; padding-bottom: 7px; margin: 0px; }

p { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 12px; padding: 0; margin:  0 0 1em 0; }

span { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 12px; padding: 0px; }

ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: -10px; color: #666666; }
li { margin-top: 7px; margin-bottom: 7px; padding-top: 2px; padding-bottom: 2px; }


td { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 12px; padding: 0; margin:  0 0 1em 0; }

tr { height:20px; }


/*****************************/
/*** Custom ***/
/*****************************/

#container { margin-left: auto; margin-right: auto; width: 714px; margin-top: 30px; margin-bottom: 30px; padding: 10px; }





/*****************************/
/*** EBAR ***/
/*****************************/
#ebar { background-image: url(../images/bg-whiteheader.png); background-repeat: repeat-x; height: 65px; }
#ebar-content { width: 925px; margin: auto; height: 53px; }
#social { float: right; width: 495px; }
.ebar-logo { margin-left: 10px; position: relative; top: 12px; float: left; }
.ebar-divider { float: right; }
.ebartext { font-size: 10.5px; margin: 0px; width: 370px; float: left; margin-top: 12px; }
a.ebar-facebook{ float: right; margin-top: 9px; margin-right: 9px; margin-left: 15px; background:url(../images/ebar-facebook.png) repeat 0px 0px; width: 30px; height: 41px; cursor: pointer; cursor: hand; }
a.ebar-facebook:hover { background:url(../images/ebar-facebook.png) repeat 0px -41px; }
a.ebar-twitter{ float: right; margin-top: 9px; margin-right: 22px; background:url(../images/ebar-twitter.png) repeat 0px 0px; width: 31px; height: 41px; cursor: pointer; cursor: hand; }
a.ebar-twitter:hover { background:url(../images/ebar-twitter.png) repeat 0px -41px; }
a.preorder-button{ float: right; margin-right: 9px; background:url(../images/jquery-preorder-button.jpg) repeat 0px 0px; width: 166px; height: 30px; cursor: pointer; cursor: hand; background-color:#00FF00; }





/*****************************/
/*** Clearfix ***/
/*****************************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}