/* GLOBAL STYLES 
 -------------------------------------------------------------- */
body, div, h1, h2, h3, h4, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body {
	background: #FFF url(../images/bg/bg.jpg) top center repeat-x;
	text-align: center;
	margin: 0px;
    padding: 0px;
    border: 0px;
}
body.ebrochure {
	background: #0055A5 url(../images/bgtop.jpg) top center no-repeat;
	text-align: center;
	margin: 0px;
    padding: 0px;
    border: 0px;
}
p, div, li, dt, dd, h1, h2, h3, h4, td, input, select, textarea {
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    line-height: 18px;
}
a img, :link img, :visited img {
	border: none;
}
a:link, a:visited {
    color: #666666;
    text-decoration: underline;
}
a:hover, a:active {
	color: #0164c1;
    text-decoration: underline;
}
ul li {
    list-style: none;
}
dt {
	font-weight: bold;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}
#top, #banner, #bannervid, #quote, #options-intro, #bottom, #footer, #copyright, #content, #products, #ebro_products, #special, #crumb {
	width: 704px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 10px;
}
#ebro_products {
	width: 382px;
	margin: 0;
	text-align: left;
	padding-top: 30px;
	float: left;
	background-color: #fff;
	padding-left: 15px;
}
#ebro_products-b {
	width: 297px;
	margin: 0;
	text-align: left;
	padding-left: 20px;
	float: left;
	padding-top: 61px;
	background-color: #ffffff;
	padding-right: 20px;
}
#ebro_content {
	background-color: #fff;
	width: 734px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 10px;
}
#content {
	background: url(../images/bg/product-header.gif) top center no-repeat;
}
#menu {
	width: 462px;
	margin: 0 auto;
	text-align: left;
}
#wrapper {
	margin: 0 auto;
	padding-top: 30px;
}
/* Random tidbits
 -------------------------------------------------------------- */
.learn-more, .sign-up {
	background: url(../images/bg/bullet.gif) 0 0 no-repeat;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	float: left;
	text-indent: 22px;
	line-height: 20px;
	
}
.learn-more { width: 115px; }
.links a:link, .links a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.links a:hover, .links a:active {
	color: #EFEFEF;
	text-decoration: none;
}
.info {
	background: #DBE9DE url(/images/icons/info.gif) 0 0 no-repeat;
	border: 1px solid #C1D6C5;
	padding-left: 30px;
	line-height: 23px;
}
.img-left {
	float: left;
	margin-right: 7px;
	margin-bottom: 5px;
}
.img-right {
	float: right;
	margin-left: 7px;
	margin-bottom: 5px;
}
/* HEADER 
-------------------------------------------------------------- */
/* Top */
#top {
	height: 180px;
}
#logo {
	position: relative;
	top: 40px;
	/*left: 30px;*/
	float: left;
}
#newsletter {
	width: 400px;
	float: right;
	text-align: right;
	margin-top: 30px;
	/*margin-right: 30px;*/
	display: inline;
}
#newsletter label {
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
}
#newsletter label span {
	display: block;
	font-weight: normal;
	color: #999;
}
#newsletter input {
	font-size: 11px;
	padding: 1px;
}
/* Banner */
#banner {
	width: 704px;
	height: 341px;
	background: url(../images/bg/banner3.jpg) 0 0 no-repeat;

}
#banner h2,  #banner p, #banner div.links {
	margin-left: 28px;
}
#banner h2 {
	font-size: 22px;
	color: #FFF;
	letter-spacing: -1px;
}
#banner .header {	
	padding-top: 10px;
}
#banner .flv {		
	padding-bottom: 10px;
	padding-left: 30px;
}
#banner p {
	font-size: 20px;
	color: #182055;
	font-weight: bold;
	margin-right: 175px;
	letter-spacing: -1px;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#quote {
	font-weight: bold;
	font-size: 24px;
	color: #787878;
	line-height: 26px;
	letter-spacing: -1px;
	margin-top: 15px;
}
#quotee {
	font-size: 16px;
	font-style: italic;
	color: #C0C0C0;
	line-height: 22px;
	letter-spacing: -1px;
}

/* HOME PAGE 
 -------------------------------------------------------------- */
#options-intro {
	margin-top: 15px;
}
.option-intro {
	width: 227px;
	height: 182px;
	float: left;
}
#option-2, #option-1 {
	margin-right: 11px;
}
#option-1 {
	background: url(../images/bg/roundedbox1.jpg) 0 0 no-repeat;
}
#option-2 {
	background: url(../images/bg/roundedbox2.jpg) 0 0 no-repeat;
}
#option-3 {
	background: url(../images/bg/roundedbox3.jpg) 0 0 no-repeat;
}
.option-intro h2, .option-intro p, .links {
	margin-left: 18px;
}
.option-intro h2 {
	font-size: 22px;
	color: #FFF;
	letter-spacing: -1px;
}
.option-intro .header {	
	padding-top: 10px;
}
.option-intro p {
	font-size: 20px;
	color: #182055;
	font-weight: bold;
	line-height: 20px;
	margin-top: 5px;
	margin-right: 18px;
	margin-bottom: 0px;
}
.option-intro .links a {
	font-size: 13px!important;
	margin-top: 5px;
}
#ebro_content a:link, #ebro_content a:visited {
    color: #0055a5;
    text-decoration: underline;
}

#ebro_content em {
	background: #0164c1;
	font-style: normal;
}
#ebro_content h1 {
	font-size: 30px;
	margin-top: 0px;
	line-height: 36px;
	margin-bottom: 10px;
	color:#204478;
}
#ebro_content h2 {
	font-size: 20px;
	margin-top: 0px;
	line-height: 24px;
	color: #204478;
	margin-left: 20px;
}
#ebro_content h3 {
	margin-top: 15px;
}
#ebro_content h3 span {
		font-size: 12px;
		color: #999;
	}



/* SUB PAGES
 -------------------------------------------------------------- */

#content a:link, #content a:visited {
    color: #0055a5;
    text-decoration: underline;
}

#content a:hover, #content a:active {
	background: #0055A5;
	color: #FFFFFF;
    text-decoration: none;
}
#content em {
	background: #0164c1;
	font-style: normal;
}
#content h1 {
	font-size: 30px;
	margin-top: 0px;
	line-height: 36px;
	margin-bottom: 10px;
	margin-left: 10px;
	color:#FFFFFF;
}
#content h2 {
	font-size: 20px;
	margin-top: 8px;
	line-height: 24px;
	color:
}
#content h3 {
	margin-top: 15px;
}
#content h3 span {
		font-size: 12px;
		color: #999;
	}
#content dl {
	margin-top: 15px;
	margin-bottom: 30px;
}
#content dt {
	margin-bottom: 5px;
}
#content dd {
	margin-left: 10px;
}
#content ul li {
	list-style-type: square;
	margin-left: 15px;
}
.top {
	font-size: 10px;
	display: block;
	text-align: right;
}
#crumb ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#crumb li {
	margin-left: 5px;
	padding-left: 16px;
	display: inline;
	font-size: 11px;
	background: url(../images/bg/crumb.gif) 0 5px no-repeat;
	color: #999;
}

#crumb li.first {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	}

#sub-menu {
	width: 200px;
	float: right;
	background: #649F6F url(/images/bg/side.gif) bottom left no-repeat;
	padding-bottom: 40px;
}	
#sub-menu ul {
	background: #468652;
}
#content #sub-menu li {
	list-style: none;
	margin: 0;
	font-size: 11px;
	line-height: 13px;
	padding: 15px 0px 10px 30px;
	border-bottom: 1px solid #CCC;
	background: url(/images/icons/soccerball.gif) 5px 17px no-repeat;
}
#content #sub-menu li a {
	color: #FFF;
	text-decoration: none;
}
#sub-menu p {
	margin-left: 10px;
}
#info {
float: left;
width: 503px;
border-right: 1px solid #EFEFEF;
}
#info h2, #info h3, #info ul, #info ol, #info p, #info div, #info dl {
	margin-right: 30px;
}
/* Side info column */
#side {	
	width: 200px;
	float: right;
	margin-left: 30px;
}
	#side h3, #side p {
		font-size: 12px;
	}
/* Plans table */
.plan-table {
	width: 100%;
	margin-top: 15px;
	border: 5px solid #DCDCDC;
	text-align: center;
}
.plan-table th, .plan-table td {
	padding: 6px;
}
.plan-table th {
	background: #5D5D5D;
	color: #FFF;
}
.plan-table th span {
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
}
.plan-table td {
	font-size: 11px;
	line-height: 13px;
}
.plan-table td.price, .plan-table td.signup {
	background: #468652;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
}
.plan-table td.signup a {
	display: block;
	color: #FFF !important;
	text-decoration: none !important;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
}
.plan-table td.feature {
	text-align: right;
	background: #828282;
	color: #FFF;
	font-weight: bold;
}
.plan-table td.feature a {
	color: #CCC !important;
}
.plan-table td.feature, .plan-table td.available {
	border-bottom: 1px solid #F1F1F1;
}
.plan-table td.special {
	background: #FEFFA8;
	font-weight: bold;
}
.plan-table td a img {
	margin-top: 5px;
}
.plan-table td.premier {
	background: #F9F9F9;
}
.plan-table td.standard {
	background: #F1F1F1;
}
.plan-table td.basic {
	background: #E7E7E7;
}
/* Plans table */
#plan-table {
	width: 100%;
	margin-top: 15px;
	border: 5px solid #DCDCDC;
	text-align: center;
}
#plan-table th, #plan-table td {
	padding: 6px;
	border-bottom: 1px solid #EFEFEF;
}
#plan-table th {
	background: #468652;
	color: #FFF;
}
#plan-table td.plan, #plan-table td.signup {
	background: #5D5D5D;
	color: #FFF;
}
#plan-table td.signup { font-size: 12px; }
#plan-table td.signup a {
	display: block;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
#plan-table td.price {
	background: #468652;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
}
#plan-table td {
	font-size: 11px;
	line-height: 13px;
}
#plan-table td.feature {
	text-align: left;
	background: #828282;
	color: #FFF;
	font-weight: bold;
}
#plan-table td.border {
	border-right: 1px solid #FFF;
}
#plan-table .club {
	background: #F9F9F9;
}
#plan-table .tournament {
	background: #F1F1F1;
}
#plan-table .camp {
	background: #E7E7E7;
}
#plan-table td.special {
	background: #FEFFA8;
	font-weight: bold;
}
/* Product detail page */
.product-photo {
	width: 354px;
	float: left;
	padding-top: 10px;
}
.product-detail  ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.product-detail {
	width: 328px;
	float: left;
	padding-right: 20px;
}
.product-detail-right {
	width: 370px;
	float: left;
	padding-left: 20px;
}
.product-detail-full {
	width: 704px;
}
.product-detail-full img{
	float: left;
}
.product-detail h2 {
	color: #000000;
	padding: 8px 8px 0px 8px;
	border: 0px !important;
}
.product-detail h3, .product-detail ul, .product-detail p {
	margin-left: 8px;
	margin-right: 10px;
}
.contact-form {
	width: 354px;
	float: left;
	padding-top: 10px;
}
.contact-detail  ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.contact-detail {
	width: 328px;
	float: left;
	border-right: 1px #0055A5 dashed;
	margin-right: 20px;
}
.contact-detail h2 {
	color: #000000;
	padding: 0 8px 5px 8px;
	border: 0px !important;
}
.contact-detail h3, .contact-detail ul, .contact-detail p {
	margin-left: 8px;
	margin-right: 10px;
}
#content .features li {
	background: url(../images/bg/bullet2.gif) 0 4px no-repeat;
	line-height: 22px;
	padding-left: 20px;
	font-size: 11px;
	list-style: none;
	margin: 0px;
}
ul.features li {
	border-bottom: 1px solid #DEDEDE;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* Advantage list */
#advantage-list {
	background: #EDEDED;
	border: 2px solid #CCCCCC;
	padding: 15px;
}
#advantage-list dt, #advantage-list dd {
	margin: 0;
}
#advantage-list dt {
	border-bottom: 1px solid #CCC;
}
#advantage-list dd {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
}
#advantage-list .solution {
	background: #FEFFA8;
	padding: 4px;
}

	/* Product feature list on product detail page */
#features {
	width: 300px;
	float: right;
	border: 1px solid #CCC;
	margin: 20px 0 10px 20px;
}
#features h2 {
	font-size: 14px;
	background: #468652;
	color: #FFF;
	padding: 5px;
	margin: 0px;
}
#features ul {
	margin: 5px 15px 15px 15px;
}

#main-contact {
	float: right;
	width: 275px;
	margin-left: 30px;
}
#main-contact label { 
	display: block;
	margin-bottom: 10px;
}

	
/* Theme gallery
 -------------------------------------------------------------- */
.theme-gallery li {
	width: 175px;
	float: left;
	list-style-type: none !important;
	margin: 0px !important;
}



/* Forms
 -------------------------------------------------------------- */
#content form.signup {
	width: 470px;
}
#content fieldset {
	padding: 0 15px 0 15px;
}
#content legend {
	color: #468652;
	font-weight: bold;
	font-size: 16px;
}
span.trial {
	font-size: 10px;
	font-style: italic;
	margin-left: 20px;
}
.detail {
	font-size: 11px;
	line-height: 13px;
	color: #999999;
}
.fieldset-highlight {
	border: 3px solid #468652 !important;
	background: #DBF2E0;
}

/* Bottom
 -------------------------------------------------------------- */
#bottom-wrapper {
	background: #0055A5 url(../images/bg/bottom.jpg) 0 0 repeat-x;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 15px;
	height: 100%;
}
#ebro-bottom-wrapper {
	background: #0055A5 url(../images/bgbot.jpg) top center no-repeat;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 15px;
	height: 100%;
}
#bottom {
	background: #0055A5;
	margin: 0 auto;
}
#bottom p, #bottom h2, #bottom li, #copyright {
	color: #FFFFFF;
}
#bottom a:link, #copyright a:link, #bottom a:visited, #copyright a:visited {
	color: #ffffff;
	text-decoration: none;
}
#bottom a:hover, #copyright a:hover, #bottom a:active, #copyright a:active {
	background: #0164C1;
	color: #fff;
	text-decoration: none;
}
#bottom h2 {
	font-size: 17px;
	background: url(../images/dots-white.gif) left bottom repeat-x;
	padding-bottom: 3px;
}
#bottom ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}	
#bottom li {
	background: url(../images/bg/bullet-bottom.gif) 0 0 no-repeat;
	line-height: 16px;
	padding-left: 20px;
	color: #FFFFFF;
	margin-bottom: 7px;
}
#bottom strong {
	background: #0164c1;
}
#bottom-left {
	width: 280px;
	float: left;
	background-color: #0055A5;
}
#bottom-left p, #bottom-left ul {
	margin-right: 15px;
}

#bottom-right {
	width: 420px;
	float: right;
}
.bottom-product {
	width: 220px;
	float: left;
	margin-right: 14px;
}
	
	#copyright-wrapper {
	width: 100%;
	background: #0055A5;
	padding-bottom: 15px;
	padding-top: 0px;
	}
#copyright {
	background: url(../images/bg/copyright.jpg) top center no-repeat;
	line-height: 26px;
	padding-left: 15px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
	#copyright a {
		text-decoration: none !important;
		font-weight: bold;
}
	
/* Menu
 -------------------------------------------------------------- */
#mainmenu {
	position: relative;
	margin: 0;
	padding: 0;
	width: 462px;
	height: 35px;
	float: right;
	}
	
ul#menu {
	margin: 0;
	padding: 0;
	width: 462px;
	height: 17px;
	background: url(../images/menu.gif) no-repeat left top;
	margin-top: 125px;
	}

#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 125px;
	background: transparent;
	}
	
#menu li, #menu a {
	display: block;
	height: 17px;
	}

#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	height: 17px;
	}
	
#menu-home { left:0px; width: 50px; }
#menu-product { left:62px; width: 60px; }
#menu-benefits { left:133px; width: 60px; }
#menu-case { left: 202px; width: 75px; }
#menu-contact { left:283px; width: 80px; }


#menu-home a:hover { background: transparent url(../images/menu.gif) 0px -17px no-repeat; }
#menu-product a:hover { background: transparent url(../images/menu.gif) -62px -17px no-repeat; }
#menu-benefits a:hover { background: transparent url(../images/menu.gif) -133px -17px no-repeat; }
#menu-case a:hover { background: transparent url(../images/menu.gif) -202px -17px no-repeat; }
#menu-contact a:hover { background: transparent url(../images/menu.gif) -283px -17px no-repeat; }

	
/* Success / error for user entered info

 -------------------------------------------------------------- */
 
.error {
    display: block;
    border-top: 1px solid #B13A00;
    border-bottom: 1px solid #B13A00;
    background: #FED1BB url(../images/admin/error.gif) 10px 13px no-repeat;
    margin-top: 10px;
}
.error p, .error ul {
    color: #B13A00;
    margin-left: 35px !important;
    text-align: left;
}
.error ul {
    margin-bottom: 10px;
}
.success {
    display: block;
    border-top: 1px solid #89B100;
    border-bottom: 1px solid #89B100;
    background: #F8FDF3 url(../images/admin/success.gif) 10px 13px no-repeat;
    margin-top: 10px;
}
.success p {
    margin-left: 35px;
    color: #89B100;
}

	

/* These are standard sIFR styles... do not modify 
 -------------------------------------------------------------- */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... 
 -------------------------------------------------------------- */

.sIFR-hasFlash #banner h2 {
	visibility: hidden;
	font-size: 22px;
	line-height: 33px;
}
.sIFR-hasFlash #banner p {
	visibility: hidden;
	font-size: 20px;
	line-height: 25px;
}
.sIFR-hasFlash .option-intro h2 {
	visibility: hidden;
	font-size: 25px;
	line-height: 27px;
}
.sIFR-hasFlash .option-intro p {
	visibility: hidden;
	letter-spacing: -2px;
	font-size: 19px;
	line-height: 21px;
}
.sIFR-hasFlash #quote {
	visibility: hidden;
	font-size: 25px;
	line-height: 24px;
}
.sIFR-hasFlash #bottom h2 {
	visibility: hidden;
	font-size: 20px;
	line-height: 25px;
}
.sIFR-hasFlash #content h1 {
	visibility: hidden;
	font-size: 30px;
	line-height: 36px;
}
.sIFR-hasFlash #content h2 {
	visibility: hidden;
	font-size: 20px;
	line-height: 24px;
}
.sIFR-hasFlash .contact-detail h2 {
	visibility: hidden;
	font-size: 20px;
	line-height: 24px;
}
.sIFR-hasFlash .product-detail h2 {
	visibility: hidden;
	font-size: 20px;
	line-height: 24px;
}
.sIFR-hasFlash .option-detail h2 {
	visibility: hidden;
	font-size: 24px;
	line-height: 29px;
}

.img-wrapper {
  background: url(../images/bg/shadow.gif) no-repeat bottom right;
  float:left;
  margin: 0 0 0 8px;
}
 
.img-wrapper img {
  background:#fff;
  padding:4px;
  border:1px solid #a9a9a9;
  position:relative;
  left:-4px;
  top:-4px;
}
fieldset {
	margin: 1em 0 .4em;
}
form {
	margin: 0 0 1em 0;
}
fieldset, legend {
	border: none;
}
legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}
label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}
form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}
div.submit {
	clear: both;
	text-align: center;
	width: auto;
}
div.multi input {
	border: 0;
	width: auto;
}
form { 
	width: 100%; 
	}
label {
	float: left;
	height: 22px;
	width: 25%;
	font-size: 12px;
}
fieldset div input,
fieldset div select,
fieldset div textarea { width: 65%; }
fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small { width: 25%; }
div.req label, div.req p {
	font-weight: bold;
	font-size: 12px;
}
div.multi label { height: 22px; }
div.req label:before, 
div.req p:before {
	content: "* ";
}
input:focus, textarea:focus {
	background: #fcfcfc;
}
fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font: 1em Verdana;
	padding: 1px;
}
div.submit input {
	color: #000;
	font:bold 11px/11px "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	padding: 3px 1px;
	width: auto;
}
input.radio {
	float:left;
	width:10%;
	border:none;
}
.lquote, .rquote {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: #0055A5;
	position: relative;
	top: 14px;
	line-height: 32px; /*0;*/
}
.rquote {
	font-size: 32px;
}
.author {
	margin-top: 1em;
	margin-left: 4em;
	text-align: right;
}
#highlight {
	width: 100%;
	float: left;
	margin-top: 2em;
	display: inline;
	position: relative;
}
#ebro_content p {
	margin-left: 20px;
}
#highlight img {
	float: right;
	margin-left: 2em;
}


#highlight p.link {
	text-align: right;
}
#highlight.testimonial {
	background-image: url("../images/quote-open.gif");
	background-position: 10px 0;
	background-repeat: no-repeat;
}
#highlight.testimonial blockquote {
	padding-left: 50px;
	padding-right: 30px;
	background-image: url("../images/quote-close.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
}
#highlight .credit {
	padding-top: 5px;
}
#banner p_right {
	font-size: 20px;
	color: #182055;
	font-weight: bold;
	margin-right: 175px;
	letter-spacing: -1px;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.flvmargin {
	float: none;
}
