@import url("/css/default.css");
body 									{ margin:0px; text-align:center; font-family: Arial, Helvetica, sans-serif;background-color:#1b1b1b;}
#wrap 									{ width:964px; margin:0px auto 0px; padding-top:40px; text-align:left; clear:both;}
#header									{ width:956px; border-top:4px solid #ccc; border-right:4px solid #ccc; border-left:4px solid #ccc; height:136px; margin:0px auto 0px;background:url(/images/page/header-background.jpg) no-repeat top center;}
#content								{ width:956px; border-right:4px solid #ccc; border-left:4px solid #ccc; min-height:480px;margin:0px auto 0px; background-color:#0B0B0D; background-position:left; background-repeat:no-repeat;}
#flashHome								{ margin:0px auto 0px; width:960px; height:485px;}
#wrapHome								{ padding-top:80px;  float:right; margin:0px auto 0px; width:100%;  text-align:center;}
#wrapHome p a							{ color:#666; text-decoration:none;}
#wrapHome p a:hover						{ color:#fff; text-decoration: underline;}
#content #contentLeft					{ }
#content #contentRight					{ }
#footer									{ width:964px; margin:0px auto 0px; clear:both; border-top:4px solid #ccc;}

/* generic styles */
a:active 									{ outline: none; }
a:focus 									{ -moz-outline-style: none; }
.blue										{ color:#0083D7}
.orange										{ color:#FF6600;}
.purple										{ color:#6666CC;}
.white										{ color:#fff}

/* header and navigation styles */
#headerTop									{ width:956px; padding:0; margin:0; height:136px;}
#flashOuter									{ margin:0px auto 0px; width:956px; height:136px;}
#headerBottom								{ width:956px;  padding:100px 0 0 0; margin:0; height:40px;}
#navigation ul								{ float:left; margin:0 0 0 14px;padding:0;}
#navigation ul li							{ float:left; margin:0; padding:0; font-size:1.4em; margin:0px 0px 0px 10px; line-height:2.4em;}
#navigation ul li a							{ text-decoration:none; color:#ccc; text-transform:uppercase;}
#navigation ul li a	span					{ color:#CC6600;padding-right:0px;}

#navigation ul li a:hover					{ color:#CC6600;}
#navigation ul li a:hover span				{ color:#ccc;}

/* footer styles*/
#footerLeft									{ width:556px; float:left;}
#footerLeft	ul								{ margin:9px 0 0 0; padding:0;}
#footerLeft	ul li							{ float:left; margin:0; padding:0; font-size:1em; color:#fff; border-right:1px solid #fff;padding-right:3px; line-height:1.1em;}
#footerLeft	ul li.last						{ border:0;}
#footerLeft	ul li a							{ text-decoration:none; color:#fff; padding-left:3px;}
#footerLeft p								{ float:left; clear:both; color:#fff; text-transform:lowercase; font-size:1em; margin:9px 0 0 3px;padding:0;}
#footerRight								{ width:400px; float:right; text-align:right;}
#footerRight ul								{ float:right; margin:9px 0 0 0; padding:0; clear:both;}
#footerRight ul li							{ display:inline; margin:0 0 0 5px; padding:0; font-size:1em; color:#fff; padding-left:3px; line-height:1em;}
#footerRight p								{ clear:both; display:block; text-align:right; color:#fff; text-transform:lowercase; font-size:1em; margin:9px 0 0 3px;padding:0; float:right;}
#footerRight p a							{ color:#fff; text-decoration:none;}

/* form styles */
form										{ padding:5px 10px 5px 10px;margin:5px 0px 0px 0px; width:90%;}
label										{ color:#999; font-weight:normal; width:90px; padding-right:5px; font-size:1em; line-height:1.2em;}
input, select, textarea 					{ border: 0px solid #fff; background-color:#ccc; font-size:1em; width:200px;padding:2px 2px 2px 2px;}
select 										{ width:206px;}
input:focus, textarea:focus					{ border-color:#ccc; background:#fff; background-image:none;}
form .submit								{ margin-left: 95px; border:1px solid #ccc; color:#fff;font-size:1em; font-weight:bold; padding:3px 2px 4px 2px;width:auto;height:2em; text-align:left;margin-top:0px; cursor:pointer; text-transform:uppercase;}

/* table styles */
table										{ border:1px solid #999;font-size:1.3em; margin:0px 0 13px 13px;width:90%;padding:2px; font-size:1em;}
td,th										{ padding:3px; color:#fff; line-height:1.6em;}
td a										{ text-decoration:none; color:#fff}
th											{ background-color:#999; color:#333;}

/* left content */
#homeLeft									{ width:517px; float:left;}
#homeLeft h2								{ font-size:1.5em; color:#FF6600; font-weight:normal;margin:277px 160px 0 40px;}
#whiteBox									{ margin:0px 0px 0px 31px; border:1px solid #fff; width:398px;height:115px; background-color:#000; opacity:0.7;filter:alpha(opacity=70);}
#whiteBox h2	 							{ font-size:1.5em; color:#FF6600; font-weight:normal;margin:10px 200px 0 10px;padding:0;}
#whiteBox p									{ color:#fff;font-size:1em; margin:0px 10px 6px 10px; line-height:1.4em; padding:0; position:relative;top:-6px;}
#whiteBox p.buyButton						{ font-size:1.5em; float:right;margin:0px 5px 0px 10px; line-height:1em;}
#whiteBox p	a								{  color:#fff; font-weight:normal;margin:0px;padding:0 0 0 0px; text-decoration:none;}
/* right content */
#homeRight									{ width:439px; float:left;}
#greyBox									{ margin:23px 0px 0px 17px; border:1px solid #666; width:398px; height:424px; 	}
.scroll-pane 								{ height:380px; overflow: auto;width:390px;}
#panel1										{ height:380px; }
#greyBox h2	 								{ font-size:1.5em; color:#999; font-weight:normal;margin:11px 0px 0 11px;padding:0; text-transform:uppercase}
#homeRight	li								{ font-size:1em; color:#999; border-bottom:1px solid #999; width:335px;padding:0 0 10px 13px; clear:both; margin-bottom:12px;}
#homeRight	li span.date					{ font-size:1.1em; color:#CC6600;}
#homeRight	li strong						{ color:#999; font-size:1.1em;text-transform:uppercase; clear:both;display:block; margin:2px 0 2px 0; padding:0;}
#homeRight	li a							{ text-decoration:none;color:#CC6600;display:block;margin:4px 0 4px 0; text-transform:lowercase; font-size:1.1em;}
/* end right content */

/*normal styles*/
#homeRight p								{ font-size:1em; color:#999; line-height:1.3em; padding:0 15px 5px 13px; clear:both; margin-bottom:3px;}
#homeRight p a								{ color:#fff; text-decoration:none;}
#greyBox h3									{ font-size:1.2em; color:#FF6600; font-weight:normal;margin:0px 0px 5px 13px;padding:0 0 3px 0; text-transform:uppercase;}
#greyBox h4 								{ font-size:1.1em; color:#FF6600; font-weight:normal;margin:0px 0px 5px 13px;padding:0; text-transform:uppercase;}
#homeRight	li.error						{ font-size:1em; color:#999; border-bottom:0; width:auto;padding:0 0 5px 13px; clear:both; margin-bottom:0px;}

.homePage #greyBox h3						{ padding-top:10px;}
.homePage p									{ position:relative; margin-top:-8px; padding-bottom:5px;}
.homePage img								{ padding:0px 0 10px 28px; float:right; }
.homePage form								{ padding-top:5px;}
.homePage form p							{ position:relative; margin-top:2px;}
.homePage form p input.submit				{ display:inline; position:relative; top:0px; margin:0 0 0 5px; padding:0 0 3px 0; height:1.7em;}
/*links*/
#linksLeft									{ width:956px; min-height:480px; border-right:4px solid #ccc; border-left:4px solid #ccc; background: url(../images/page/linksBackground.jpg) no-repeat left top;}
#linksLeft h2								{ font-size:1.5em; color:#fff; font-weight:normal;margin:0px 0px 0 24px;padding-top:10px; }
#linksLeft ul								{ clear:both;}
#linksLeft li 								{ font-size:1.1em; margin:0 0 4px 24px; clear:both; line-height:1.3em;}
#linksLeft li a								{ text-decoration:none; color:#fff; font-weight:normal; float:left;}

/*faq*/
#faqLeft									{ width:956px; min-height:480px;border-right:4px solid #ccc; border-left:4px solid #ccc;  background: url(../images/page/faqBackground.jpg) no-repeat left top;}
ul#faqList li								{ float:left;}
ul#faqList li p								{ margin:0 0 2px 0px; padding:0; line-height:1.3em; padding-top:5px;}
ul#faqList	.question						{ color:#CC6600; text-transform:uppercase; background: url(../images/page/q.gif) no-repeat left top; display:block; padding-left:31px;}	
ul#faqList	.answer							{ background: url(../images/page/a.gif) no-repeat left top; display:block; padding-left:31px;}		

#COSLogo									{ width:390px; text-align:center; margin-top:20px; padding:0; float:none; margin-left:0;}