@charset "utf-8";

/* =GENERAL
------------------ */
body { font: 80% Verdana, Arial, Helvetica, sans-serif; background: #ccc; margin: 0; padding: 0; text-align: center; color: #333; }
#container { width: 960px; background: #222; margin: 0 auto; text-align: left; }


/*  images + text */	
.icon {padding-left: 20px; position: relative; top: -8px;  }
.img {border:none; }
.red {font-weight: bold; color: #cc3333; }
.blue {font-weight: bold; color: #00b2d9; }
.float {float:left;}
.floatR {float:right;}
.small {font-size:10px; color:#999;}
a {color: #00b2d9}
a:hover {color:#cc0000;}


/* =HEADER
------------------ */
#header { background: #efefef;}
	#header p {float: left; color: #666; font-size: 12px; }


/* =SUBSCRIBE + FOLLOW
	------------------*/
#top { background: #f7f7f7; height: 65px; }
	#subscribe { float:left; padding: 10px 50px 10px 50px; border-right: 1px dashed #d9d9d9; }
		#e-mail {color: #666; width: 170px; border: 1px solid #666; margin-left: 5px; }
		.submit input { background: #bf1e2e; border: 1px solid #bf1e2e; color:#fff;} 
	#follow { float:left; padding: 13px 30px 10px 30px; }


/* =LOGO
	------------------*/
#logo {clear:both; padding: 0 20px 0 20px; }
	#logo p {position:relative; top: -5px; }
	#logo li {list-style: none; text-decoration:underline; color: #999; font-size: 14px; float: right; margin: 40px 20px 0 20px; }


/* =MENU
	------------------*/
#menu { clear:both; background: #333; padding:0; border-top: 5px solid #666; }
	#menu li { float: left; list-style: none; color: #fff; padding: 0 20px 0 0; margin: 0 20px 20px 0; font-size: 14px; background:url(images/arrow.jpg) right no-repeat;}


/* =MAIN CONTENT
	------------------*/
#mainContent { background: #333; clear:both; }

	/* blue area */
	#blue {background: #00b2d9 url(images/gradient.png) repeat-x;}
		#blue h3{ font-family: Georgia, Times New Roman, Times, serif; font-size:24px; padding: 20px 40px 40px 40px; color:#fff; }
		#blue p { padding: 20px 60px 20px 40px ; color:#fff; font-size:14px; line-height: 20px; }
		
	/* drop down menu */
	#colortab{ position:relative; top:-60px; margin-left:40px; font-size:12px;}
		/* menu */
		.ddcolortabs {padding:0; width:100%; background:transparent; }
			.ddcolortabs ul {margin:0; padding:0; list-style:none; }
			.ddcolortabs li {display:inline; }
			.ddcolortabs a {float:left; color:#fff; text-decoration:none; }
			.ddcolortabs a:hover .selected a, #ddcolortabs {text-decoration:underline;}
		/* drop down  */
		.dropmenudiv_a {position:absolute; top:0; line-height:24px; z-index:100; visibility: hidden; font-size:12px;}
			.space {height:21px;}
			.shadow {height:6px; background:#1a9ebb url(images/shadow.png) repeat-x;}
			.dropmenudiv_a a {background:#1a9ebb; width: auto; display: block; text-indent:8px; text-decoration: none; color: #fff; }
			.dropmenudiv_a a:hover {text-decoration: underline;}
		.ddcolumn {float:left; display: inline; width: 200px; }
		/* corner */
		.corner {height:8px; clear:both;}
			.cornerL {height:8px; width:8px; background:url(images/cornerL.png); float:left;}
			.cornerR {height:8px; width:8px; background:url(images/cornerR.png); float: right;}
		/*IE only hack*/
		* html .dropmenudiv_a a {width: 100%;} 
		
	/* panels */
	#panels { text-align: center; padding: 20px 0 20px 0; }
		#panels table {margin-left: auto; margin-right:auto; position: relative; top: -20px;}
		#panels table img {border:none;}
		
	/*large panel*/
	#panelTop {background:url(images/largePanel_top.jpg) no-repeat center; height: 14px;}
	#panelMid {background:url(images/largePanel_mid.jpg) repeat-y center; }
		.deal {margin:0 0 20px 40px; border:#cccccc 1px solid; width:425px; height:125px; border-collapse:collapse; padding:0; float:left;}
		#panelMid h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; padding:0 0 5px 10px; margin:0 35px 35px 35px; border-bottom:#999 1px dashed;}
		#panelMid p {color: #333; padding:10px 70px 10px 50px; margin:0; }
		#panelMid ul {color: #333; padding:0px 50px 0px 50px; margin:0 0 0 20px; font-size:14px; line-height: 20px; font-weight: bold; }
		#panelMid li {list-style: outside; padding:0; margin-left: 40px; line-height: 20px; font-weight: normal; }
	#panelBot {background: url(images/largePanel_bot.jpg) no-repeat top center; height: 50px; clear:both;}
	
	/*small panel*/
	#panelSmall {float:left; width:288px; margin-left:20px; display:block;}
		#panelSmallTop {background:url(images/smallPanelTop.jpg) no-repeat center; height:12px;}
		#panelSmallMid {background:url(images/smallPanelMid.jpg) repeat-y center; text-align:left; padding:0 20px 0 20px; font-size:14px; line-height:18px;}
			#panelSmallMid ul{padding-left:20px;} 
		#panelSmallBot {background:url(images/smallPanelBot.jpg) no-repeat center; height:10px;}
		
	/*medium panel*/
	#panelMedium {width:602px; float:left; margin-left:20px;}
		#panelMediumTop {background:url(images/midPanelTop.jpg) no-repeat center; height:12px;}
		#panelMediumMid {background:url(images/midPanelMid.jpg) repeat-y center; text-align:left;}
			#panelMediumMid h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; padding:0 0 5px 5px; margin:0 10px 30px 10px; border-bottom:#999 1px dashed;}
			.dealWide {margin:10px 0 0 0; border:#cccccc 1px solid; width:550px; height:125px; border-collapse:collapse; padding:0;}
		#panelMediumBot {background:url(images/midPanelBot.jpg) no-repeat center; height:10px; clear:both; margin-bottom:30px;}


/* =FOOTER
	------------------*/
#footer {background: #222; clear: both; border-top: 5px solid #007791; }
	#footer p {font-weight: bold; font-size: 12px; color:#666; }
	#links ul {padding: 0 0 20px 30px; margin: 10px 0 10px 30px; }
	#links li {list-style:none; font-size:10px; color: #666; }
	.column {float:left; display: inline; width: 200px; }
	.columnWide {float:left; display: inline; width: 350px; border-left: 1px dashed #444;  }


/* =COPYRIGHT INFO
	------------------*/
#copyright { background:#333; clear:both; }
	#copyright p {clear: both; text-align: center; font-size: 10px; font-weight: normal; padding: 20px; color: #666; }