/**
 *	Premium
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <http://natz-doh.com>
 *	@date:		14/04/2008	
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
  *		06. moomoo
 *
 */
html,body {
	background:					#fff url(../images/bg-body.png) repeat-x;
	height:						100%;
}

body {
	color:						#464647;
	font-family:				Tahoma, Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
------------------------------------------------------------------ */
div#hideshow {
	position:					absolute;
	z-index:					90;
	width:						100%;
	height:						100%;
}

div#wrapper {
	background:					url(../images/bg-wrapper.jpg) 50% 0 no-repeat;
	height:						100%;
}

div#container {
	margin:						0 auto;
	width:						920px;
}

div#navigation {
	height:						41px;
}

div#header {
	height:						179px;
}
body.home div#header {
	height:						auto;
}

div#search {
	position:					absolute;
	margin:						331px 0 0 679px;
	width:						232px;
	height:						32px;
	padding:					9px 0 0 9px;
	background:					url(../images/bg-search.jpg);
}

div#brand {
	float:						left;
	height:						124px;
	width:						450px;
}

div#tag {
	float:						right;
	width:						400px;
	text-align:					right;
	padding:					65px 20px 0 0;
}

body.home div#feature {
	float:						right;
	height:						399px;
	width:						470px;
	background:					url(../images/world.jpg) left top no-repeat;
}

body.home div#introduction {
	float:						left;
	height:						275px;
	width:						450px;
}
body.home div#introduction-inner {
	padding:					80px 0 0 22px;
	width:						400px;
}

body.home div#intro-list {
	position:					absolute;
	margin-top:					160px;
	padding:					0 0 0 22px;
	width:						600px;
	font-size:					11px;
}
div#intro-list ul {
	margin:						.5em 0 1em 0;
}

div#intro-list ul li {
	background:					url(../images/icons/icon-arrow-index.png) 0 3px no-repeat;
	padding:					5px 20px 2px 23px;
	height:						16px;
}

div#content {
/*	
	background:					url(../images/bg-content.png) left bottom no-repeat;
	background:					url(../images/bg-content-inner.jpg) right bottom no-repeat;
*/
	background:					url(../images/bg-content-of-win.png) left bottom no-repeat;
	clear:						both;	
	width:						920px;
}
body.home div#content {
	background:					url(../images/bg-content-home-empty.png) no-repeat;
	height:						355px;
}

body.home div#about,
body.home div#premium-benifits,
body.home div#news {
	float:						left;
	height:						335px;
	margin-right:				9px;
}
body.home div#about {
	width:						301px;
}
body.home div#premium-benifits {
	width:						300px;
}
body.home div#news {
	margin-right:				0;
	width:						301px;
}

body.home div#about-inner,
body.home div#premium-benifits-inner,
body.home div#news-inner {
	height:						243px;
	padding:					23px 11px 0 21px;
}

div#content-inner {
  	min-height:					650px;
  	height:						auto !important;
	height:						650px;
	overflow:					hidden;
	width:						920px;
}

div#content-main {
	float:						left;
	width:						622px;
}

div#content-main-full {
	float:						left;
	width:						100%;
}

div#content-main-inner {
	padding:					24px 36px 36px 24px;
}

div#content-side {
	margin-left:				622px;
	padding-bottom:				225px;

}

div#content-side-inner {
}

div#content-side div.content-side-panel {
	background:					url(../images/bg-content-side-panel.png) left bottom no-repeat;
	overflow:					hidden;
	width:						261px;
}

div#content-side div#in-this-section {
	margin:						2em 0;
}

div#content-side div#asx {
}

div#content-side div#computer {
	margin:						2em 0;
}

div#content-side div.content-side-panel-inner {
	padding:					0 0 0 19px;
}

div#footer {
	background:					url(../images/bg-footer.jpg) no-repeat;
	height:						50px;
}
body.home div#footer {
	background:					none;
}

.expand {
	display: none; 
}

#open {
	padding: 2px;
	color: #4d4d4d;
        background-color: #000;
}
#openhead {
	padding: 2px;
	color: #4d4d4d;
}

/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

hr {
	background-color:			#e7e7e7;
	border:						0;
	color:						#e7e7e7;
	height:						1px;
	margin-bottom:				1em;
}

div#header h2#tagline {
	background:					url(../images/h2s/h2-tagline.jpg) no-repeat;
	float:						right;
	height:						42px;
	margin:						65px 32px 0 0;
	text-indent:				-9999px;
	width:						381px;
}

div#header h2#tag {
	background:					url(../images/h2s/h2-tag.gif) no-repeat;
	float:						right;
	height:						42px;
	margin:						65px 32px 0 0;
	text-indent:				-9999px;
	width:						299px;
}


div#content {
	font-size:					1.2em;
	line-height:				150%;
}

div#content h2#content-title {
	background:					url(../images/h2s/h2-content-title.png) no-repeat;
	color:						#fff;
	font-family:				Arial;
	font-size:					16px;
	height:						37px;
	padding:					21px 0 0 50px;
	text-transform:				uppercase;
}

div#content div#content-main h3 {
	color:						#27a521;
	font-size:					16px;
	margin-bottom:				0.5em;
}

div#content div#content-main h4,
div#content div#content-main h5,
div#content div#content-main h6 {
	font-weight:				bold;
}

div#content div#content-main div#data-grid-accordion h4.toggler {
	background:					url(../images/h4s/h4-toggler.png) no-repeat;
	cursor:						pointer;
	font-size:					11px;
	height:						22px;
	padding:					3px 0 0 3px;
}

div#content div#content-main p {
	margin-bottom:				1.5em;
}

div#content div#content-main p.highlight {
	background-color:			#fdfefe;
	border:						1px solid #e7e7e7;
	padding:					1.5em;
}

 div#content div#content-main p.disclaimer {
 	color:						#A7B6C2;
	font-size:					10px;
	line-height:				14px;
}

div#content div#content-main div.callout {
	border: 1px solid #E7E7E7; 
	padding: 15px 15px 13px;
}

div#content div#content-main div.callout ul {
	margin-bottom: 0px;
}

div#content-side div#in-this-section h3 {
	background:					url(../images/h3s/h3-in-this-section.png) no-repeat;
	height:						44px;
	margin-bottom:				1em;
	text-indent:				-9999px;
	width:						261px;
}

div#content-side div#in-this-section h3.search {
	background:					url(../images/h3s/h3-search.png) no-repeat;
	height:						44px;
	margin-bottom:				1em;
	text-indent:				-9999px;
	width:						261px;
}

div#content-side div.content-side-panel-inner h4 {
	padding:					0 0 0 0;
	color:					#ACACAC;
}

div#content-side div.content-side-panel-inner h4.nomenu {
	padding:					0 0 15px 0;
	color:					#ACACAC;
}

div#content-side div#asx h3 {
	background:					url(../images/h3s/h3-asx.png) no-repeat;
	height:						44px;
	margin-bottom:				1em;
	text-indent:				-9999px;
	width:						261px;
}

div#content-side div#asx h3.disc {
	background:					url(../images/h3s/h3-disc.png) no-repeat;
	height:						44px;
	margin-bottom:				1em;
	text-indent:				-9999px;
	width:						261px;
}

div#content-side div#asx p {
	padding-bottom:				1.5em;
}


div#content-side div#computer h3 {
	background:					url(../images/h3s/h3-computer.png) no-repeat;
	height:						44px;
	margin-bottom:				1em;
	text-indent:				-9999px;
	width:						261px;
}

body.home div#introduction h2 {
	font-size:					24px;
	font-weight:				normal;
	margin:						3px 0 3px 0;
}
body.home div#introduction p {
	font-size:					1.1em;
	line-height:				165%;
	margin-bottom:				1.65em;
}

body.home div#content {
	font-size:					1em;
	line-height:				1;
}

body.home div#content div#premium-benifits-inner,
body.home div#content div#news-inner {
	font-size:					1.1em;
	line-height:				155%;
}

body.home div#content div#about-inner  {
	font-size:					1.1em;
	line-height:				175%;
}

body.home div#content div#about-inner a {
	color:						#3DA438;
	text-decoration:			none;
}

body.home div#content div#about-inner h3,
body.home div#content div#premium-benifits-inner h3,
body.home div#content div#news-inner h3 {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					17px;
	line-height:				1;
	margin-bottom:				.75em;
}

body.home div#content div#about-inner h3 {
	color:						#27a521;
}
body.home div#content div#premium-benifits-inner h3 {
	color:						#fd6a00;
}
body.home div#content div#news-inner h3 {
	color:						#009bc4;
}

body.home div#content div#about-inner p,
body.home div#content div#news-inner p {
	margin-bottom:				1.65em;
}
body.home div#content div#premium-benifits-inner p {
	margin-bottom:				1em;
}

div#footer {
	color:						#a7a8a8;
	font-size:					0.9em;
}

div#footer p {
	clear:						right;
	float:						right;
}

/** lists/typography/links
------------------------------------------------------------------ */
div#brand h1 {
	height:						68px;
	padding:					53px 0 0 13px;
	text-indent:				-9999px;
	width:						241px;
}

div#brand h1 a,
div#brand h1 a:link {
	background:					url(../images/logo-premium.png) no-repeat;
	display:					block;
	height:						68px;
	width:						241px;
}

div#content div#content-main a,
div#content div#content-main a:link {
	color:						#1e9519;
	text-decoration:			none;
}

div#content div#content-side a,
div#content div#content-side a:link {
	color:						#464647;
	text-decoration:			none;
}

div#content div#content-main ul,
div#content div#content-side ul {
	line-height:				150%;
	margin-bottom:				1.5em;
}
div#content div#content-side ul {
	margin-bottom:				0;
	padding-bottom:				1.5em;
}

div#content div#content-main ul li,
div#content div#content-side ul li {
	background:					url(../images/icons/icon-arrow.gif) 0 6px no-repeat;
	padding:				5px 0 1px 28px;

}

div#content div#content-main ul li ul,
div#content div#content-side ul li ul {
	margin-bottom:				0;
	padding-bottom:				0em;
}

div#content div#content-main ul li ul li,
div#content div#content-side ul li ul li {
	background:					url(../images/icons/icon-arrow-single.gif) 0 6px no-repeat;
	padding-left:				14px;
}

div#content div#content-side ul li {
       padding-right:                          50px;
}

div#content div#content-main ul li.pdf,
div#content div#content-side ul li.pdf {
	background:					url(../images/icons/icon-pdf.gif) 0 5px no-repeat;
	padding-left:				28px;
}

div#content div#content-main div.stretcher.asx {
	border:						1px solid #c6cecf;
	background:					url(../images/bg-pdf-table.png) top left repeat-y;
}

div#content div#content-main div.stretcher.asx a {
	color:						#464647;
	display: 					block;
    float: 						right;
	width: 						460px;
}

div#content div#content-main div.stretcher.asx span {
	color:						#464647;
	display: 					block;
    float: 						right;
	text-align:					right;
	padding: 					0 5px 0 0;
	width: 						30px;
}

div#content div#content-main div.stretcher.asx a:hover {
	color:						#9d9d9f;
}

div#content div#content-main div.stretcher.asx ul li.pdf-title {
	background:					none;
	padding:					4px 0 4px 5px;
	border-bottom:				1px solid #c6cecf;
	font-size:					11px;
}

div#content div#content-main div.stretcher.asx ul li.pdf {
	background:					url(../images/icons/icon-pdf.gif) 534px 5px no-repeat;
	padding:					4px 0 4px 5px;
	border-bottom:				1px solid #c6cecf;
	font-size:					11px;
}

div#content div#content-main ol {
	list-style:					decimal;
	padding-left:				28px;
	line-height:				150%;
}

div#content div#content-main ol li {
	list-style-position:		outisde;
	padding-top:				7px;
}

body.home div#premium-benifits-inner ul {
	line-height:				200%;	
	margin-bottom:				1.6em;
}

body.home div#content div#premium-benifits-inner ul li {
	background:					url(../images/icons/icon-arrow-home.gif) 0 3px no-repeat;
	padding-left:				28px;
}

body.home div#content div#news ul {
	line-height:				200%;	
	margin-bottom:				1.6em;
	
}

body.home div#content div#news ul li {
	background:					url(../images/icons/icon-arrow-home.gif) 0 3px no-repeat;
	padding-left:				28px;
	margin-bottom:				1em;
}

body.home div#content div#news ul li h4 {
	color:						#9d9fa2;
}

body.home div#content div#news ul li p {
	margin-bottom:				0;
}

body.home div#content div#news a,
body.home div#content div#news a:link {
	color:						#009bc4;
	text-decoration:			none;
}

div#future a,
div#future a:link {
	color:						#F66F09;
	text-decoration:			none;
}

body.home div#content p.button a,
body.home div#content p.button a:link {
	display:					block;
	height:						60px;
	margin-left:				18px;
	text-indent:				-9999px;
	width:						200px;
}

body.home div#introduction p.button a,
body.home div#introduction p.button a:link {
	display:					block;
	height:						73px;
	text-indent:				-9999px;
	width:						200px;
	background:					url(../images/buttons/btn-find-out-more-home.jpg) 0 0px no-repeat;
}

div#footer a,
div#footer a:link {
	color:						#a7a8a8;
	text-decoration:			none;
}

div#footer dl {
	float:						left;
	width:						420px;
}

div#footer dl dt,
div#footer dl dd {
	float:						left;
	margin-bottom:				1em;
}

div#footer dl dt {
	background-position:		0 50%;
	background-repeat:			no-repeat;
	text-indent:				-9999px;
	width:						29px;		
}

div#footer dl dt#address-label {
	background-image:			url(../images/icons/icon-address.gif);
}
div#footer dl dt#phone-label {
	background-image:			url(../images/icons/icon-phone.gif)
}
div#footer dl dt#email-label {
	background-image:			url(../images/icons/icon-email.gif)
}
div#footer dl dt#fax-label {
	background-image:			url(../images/icons/icon-fax.gif)
}

div#footer dl dd.col1 {
	width:						248px;
}

div#footer dl dd.col2 {
	width:						140px;
}

div#footer dl dd {
}

div#footer ul {
	float:						right;
	margin-bottom:				1em;
}

div#footer ul li {
	border-right:				1px solid #e3e4e4;
	float:						left;
	padding:					0 11px;
}

div#footer ul li.first {
	padding-left:				0;
}

div#footer ul li.last {
	border:						0;
	padding-right:				0;
}
div#content div#faq ul li a,
div#content div#faq ul li a:link {
	color:						#464647;
	text-decoration:			none;
}

div#formbox {
    background: none repeat scroll 0 0 #E0FFB9;
    border: 1px solid #C7F589;
    color: #567B27;
    margin: 0;
    padding: 25px 30px 20px 25px;
}

/** images
------------------------------------------------------------------ */
div#content div#content-main img {
	border:						1px solid #e7e7e7;
	padding:					3px;
}
div#content div#content-main img.border-none {
	border:						0;
	padding:					0;
}
/** tables
------------------------------------------------------------------ */
table.data-grid {
	border-collapse:		collapse;
	font-size:				11px;
	width:					561px;
	margin-left:			1px;
}

table.data-grid thead tr th {
	background-color:		#ecf2f2;
	border:					1px solid #c6cecf;
	text-align:				left;
}
table.data-grid tbody tr td {
	border-collapse:		collapse;
	border:					1px solid #c6cecf;
}

/** forms
------------------------------------------------------------------ */	
input.search {
	border:						1px solid #DFDFDF;
	width:						186px;
	height:						14px;
	padding:					4px;
	background-color:			#fff;
	color:						#a5a5a5;
}

/** moomoo
------------------------------------------------------------------ */
/** slimbox */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/lb-loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/lb-prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/lb-nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/lb-closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: normal;
}