@import "../styles/nav.css";

/*-----------------------------------------------
'	Company: RUHE (www.ruhe.com.au)
'	Copyright  2006, All rights reserved.
'	Date Created: September 2006
'
'	Last Modified Date: 05th September, 2006
'	Last Modified By: Benjamin -> benjamin@ruhe.com.au
'
'	DO NOT MODIFY THIS DOCUMENT WITHOUT
'	NOTIFYING THE AUTHOR FIRST
'
------------------------------------------------*/

/* ---------- Global ---------- */
body,html{
	height:							100%;
}
body{
	background:						url(../images/global_bg_main.jpg) repeat-x top;	
	font-family:					"Trebuchet MS", Helvetica, Sans-serif;
	margin:							0;
	padding:						0;
}

img{
	border:							none;
	display:						block;
}

a{
	text-decoration:				underline;	
	color:							#009bdd;	
}

a:hover{
	text-decoration:				none;
}

a span{
	display:						none
}

h1{
	margin:							0;
}

h2{
	font-size:						12px;
}

h3{
	font-size:						12px;
	margin:							2em 0 0;
	padding:						0;
	color:							#333;
}

h3 span{
	font-weight:					normal;
}

h4{
	font-size:						12px;
	margin:							2em 0 0;
	padding:						0;
	color:							#333;
}

p, dl, ul{
	/*
	font-size:						0.8em;
	line-height:					1.2em;
	*/
	font-size:						12px;
	line-height:					1.7em;	
	color:							#666;
	margin:							0 0 2em!important;
}

ul{
	margin:							0;
	padding:						0 0 0 25px;
}

form{
	margin:							0;
	padding:						0;	
}

.darker{
	color:							#333;
}

.alignLeft{
	float:							left;
}

.alignRight{
	float:							right;
}

.hide{
	display:						none;
}

.show{
	display:						block;	
}

p.notes{
	font-size:						0.7em;
	color:							#999
}

fieldset{
	margin:							0;
	padding:						0;
	border:							0;
}

.cDiv{
	clear:							left;
}
/* ---------- Structure ---------- */

div.globalWrap{
	_height: 						100%;/* this to be put in "conditionnel comment for IE6 and lower */
	min-height: 					100%;
	margin:							-36px 0 -36px;
	padding:						0 0 36px;

}

div.mainContainer{
	background:						url(../images/content_bg_main.jpg) no-repeat center top;
	width: 							100%;
	overflow:						hidden;
	margin:							0 0 30px;
}

div.globalDs{
	background:						url(../images/global_bg_ds.jpg) no-repeat center top;
}

div.header{
	background:						url(../images/header_bg_main.jpg) no-repeat bottom;
	position:						relative;
	width:							912px;
	overflow:						hidden;
	margin:							0 auto 0;
	padding: 						36px 0 0; 
}

a.logo{
	float:							left;
}

/* All Nav elements are kept in nav.css the @import is located at the top of this document */

div.mainContent{
	width:							905px;
	overflow:						hidden;
	position:						relative;
	margin:							0 auto;
}


div.mainContent h1{
	position:						absolute; 
	left: 							0;
	top:							0px;
	height: 						32px;
}

.banner{
	margin:							18px 0 0 0;	
}

div.flashBoxLrg{
	margin:							22px 0 30px
}

div.flashBox, div.flashBox2, div.flashBox3 {
	margin:							23px 0 0!important;
	float: 							left;
	height:							350px;
	
}
div.flashBox2{ height:350px;}
div.flashBox3{ height:371px;}
div.demoBox{						
	margin:							23px 0 0!important;
	float:							left;
	height:							435px;
}

div.subContent{
	width:							905px;
	overflow:						hidden;
	margin:							10px auto 0;
}

div.scBox{
	margin:							0 5px 0 0!important;
}

div.scBoxLng{
	margin:							0 18px 0 0;
}

.scBoxLast{
	margin:							0!important
}

div.bottom {
	padding: 						0;
	height:							100%; /* fill up the all footer */
}

/* body:hover:after {content:'';} - this is only for opera do not use */ /* to fix opera bug referesh layout on rezising window has no visual effect else */




div.footer {
/* 	position: 						absolute;
	bottom:							0px;
	top: 							expression(document.documentElement.scrollTop + document.documentElement.clientHeight - offsetHeight); */
	text-align:						center;
	width:							100%;
	height:							22px;
	padding-top:					13px;
	margin: 						0px 0 0;
	border-top:						1px solid #dfdfdf;
	background: 					#f2f2f2;
	font-size:						10px;
	color:							#999;
}

div.footer a{
	color:							#999;
	text-decoration:				none;
}	

/* ----- What is X-Series ------ */
img#ultimatebanner {
	padding-top:5px;
}
#connectiondiagram {
	margin:0 30px 0 50px;
}
#whatis_lcol, #whatis_rcol { 
	margin-top:0;
}
#whatis_lcol {
	padding-right:10px;
	}
table#pricingplan {
	background:url(../images/what_pricingtablebg.gif) no-repeat;
	height:233px;
	width:439px;
	margin-top:5px;
}
table#pricingplan td {
	padding:6px 0 0 1px;
	font-size:85%;
	width:90px;
	}
table#pricingplan td h3, table#pricingplan td p {
	padding:0 10px;
	margin:0;
}
table#pricingplan td h3 {
	font-size:11px;
}
table#pricingplan td h3#cap29 {
	margin:5px 0;
	color:#009900;
}
table#pricingplan td h3#cap39 {
	margin:5px 0;
	color:#c55800;
}
table#pricingplan td h3#cap49 {
	margin:5px 0;
	color:#64717d;
}
table#pricingplan td h3#cap59 {
	margin:5px 0;
	color:#6e6424;
}
table#pricingplan td a {
	display:block;
	background:url(../images/navArrow.gif) 0 4px no-repeat;
	margin:5px 0 0 0;
	padding:0 0 0 10px;
	color:#666;
	font-size:12px;
}

.3xplorerContent{
	/*
	font-size:						0.8em;
	line-height:					1.2em;
	*/
	font-size:						20px;
	line-height:					1.7em;	
	color:							#666;
	margin:							0 0 2em!important;
}
/* ----- Phones classes ----- */

div.phonePanels{
	width:							657px;
	margin:							18px auto 0; 
}

div.phonePanels a{
	display:						block;
}

dl.techSpecs, dl.techSpecs dd{
	margin:							0 0 5px!important;
	padding:						3px 0px 3px 3px!important;
}

dl.techSpecs dd ul, dl.techSpecs dd p{
	font-size:						10px!important;
}

dl.techSpecs dd p{
	margin:							0 20px!important;
	padding:						0!important
}

dl.techSpecs a{
	color:							#666;
	text-decoration:				none;
	display:						block;
	margin:							0 0 0 -0px!important;
	padding:						0 0 0 15px!important;
}

dl.techSpecs a span{
	display:						block;
}

dl.techSpecs ul{
	margin:							3px 0 5px 30px!important;
	padding:						0;
}


.contentOpen{
	border-top:						1px solid #dbdddd;
	border-bottom:					1px solid #dbdddd;
	background:						#f2f4f4 
}

.contentOpen span{
	font-weight:					bold;
	color:							#333;
}

.contentOpen a{
	background:						url(../images/content_btn_close.gif) no-repeat left center
}

.contentClosed{
	height:							1.2em; 
	overflow:						hidden;
}

.contentClosed a{
	background:						url(../images/content_btn_open.gif) no-repeat left center
}
/* ----- Page Nav ----- */

div.pageNav{
	clear:							left;
	width:							906px;
	overflow:						hidden;
	background:						#8f8e8d url(../images/pageNav_bg_right.gif) no-repeat top right;

}

div.emptyPageNav{
	clear:							left;
	width:							906px;
	overflow:						hidden;
	background:						#8f8e8d url(../images/pageNav_bg_both.gif) no-repeat;
	height:							19px;
}

div.pageNav a{
	display:						block;
	float:							left;
	height:							19px;
	overflow:						hidden;
}

div.pageNav a:hover{
	background-position:			0 -19px;
}

a.btnOverview{
	background:						url(../images/pageNav_btn_overview.gif) no-repeat top;
	width:							84px;
}

a.btnTech{
	background:						url(../images/pageNav_btn_tech.gif) no-repeat top;
	width:							103px;
}

a.btnDemo{
	background:						url(../images/pageNav_btn_demo.gif) no-repeat top;
	width:							80px;
}

a.btnReviews{
	background:						url(../images/pageNav_btn_reviews.gif) no-repeat top;
	width:							91px;
}

/* Found in the features section */

a.btnRequires{
	background:						url(../images/pageNav_btn_requires.gif) no-repeat top;
	width:							108px;
}

table.tablecontent td{
	font-size:						12px;
	line-height:					1.7em;	
	color:							#666;
	padding-left:					5px;
	padding-right:					5px;
}

/* ----- Panels ----- */

/* small banner */


a.compareSony{
	display:						block;
	background:						url(../images/compare_img_sony.jpg) no-repeat bottom left;
	width:							213px;
	height:							87px;
}

a.compareNokia{
	display:						block;
	background:						url(../images/content_btn_contact4.gif) no-repeat bottom left;
	width:							213px;
	height:							87px;
}
a.compareXplorer{
	display:						block;
	background:						url(../images/content_btn_contact4.gif) no-repeat bottom left;
	width:							213px;
	height:							87px;
}

a.compareXplorerSMALL{
	display:						block;
	background:						url(../images/content_btn_3xplorer_213x69.jpg) no-repeat bottom left;
	width:							213px;
	height:							87px;
}


a.buySlingbox{
	display:						block;
	background:						url(../images/content_btn_slingBox.gif) no-repeat bottom left;
	width:							213px;
	height:							87px;
}

a.latestTVCommercials{
	display:						block;
	background:						url(../images/TVC_bottom.jpg) no-repeat bottom left;
	width:							212px;
	height:							130px;
}

a.compareMotorola{
	display:						block;
	background:						url(../images/compare_btn_motorola.gif) no-repeat bottom left;
	width:							213px;
	height:							87px;
}

a.getThree{
	display:						block;
	background:						url(../images/content_btn_getXseries.gif) no-repeat bottom left;
	width:							213px;
	height:							87px;
}

a.contact{
	display:						block;
	background:						url(../images/content_btn_contact3.gif) no-repeat bottom left;
	width:							213px;
	height:							87px;
}

a.btnLGU310{
	display:						block;
	background:						url(../images/content_btn_contact_lgu310.gif) no-repeat bottom left;
	width:							213px;
	height:							87px;
}



a.free28{
	display:						block;
	background:						url(../images/content_btn_28.jpg) no-repeat bottom left;
	width:							213px;
	height:							87px;
}

/* Add on 21 Dec 2006 @ CCG */
a.blogButton{
	display:						block;
	background:						url(../images/calls_right_column_top.jpg) no-repeat bottom left;
	width:							212px;
	height:							123px;
	padding-bottom:					8px;	
}
a.whatXseries{
	display:						block;
	background:						url(../images/calls_right_column_bottom.jpg) no-repeat bottom left;
	width:							212px;
	height:							123px;
	padding-bottom:					8px;	
}
/* ---End add -------------*/
a.playnow{
	display:						block;
	/*background:						url(../images/content_btn_playnow.jpg) no-repeat bottom left;*/
	background:						url(../images/content_btn_live.gif) no-repeat bottom left;
	width:							213px;
	height:							69px;
	padding-bottom:					8px;
}

a.playnow3Xplorer{
	display:						block;
	background:						url(../images/content_btn_playnow_3xplorer.jpg) no-repeat bottom left;
	width:							213px;
	height:							69px;
	padding-bottom:					8px;
}

a.reg3Xplorer{
	display:						block;
	background:						url(../images/register_now_on_3xplorer.jpg) no-repeat bottom left;
	width:							213px;
	height:							69px;
	padding-bottom:					8px;
}
a.reg3{
	display:						block;
	/*background:						url(../images/content_btn_register_now_on_3.jpg) no-repeat bottom left;*/
	background:						url(../images/register_now_on_3.jpg) no-repeat bottom left;
	width:							213px;
	height:							69px;
	padding-bottom:					8px;	
}
a.phone{
	display:						block;
	background:						url(../images/content_btn_phone.jpg) no-repeat bottom left;
	width:							213px;
	height:							69px;
	padding-bottom:					8px;	
}
a.right_1{
	display:						block;
	background:						url(../images/content_btn_MGM.jpg) no-repeat bottom left;
	width:							213px;
	height:							69px;
	padding-bottom:					8px;	
}

a.upgradeThree{
	display:						block;
	background:						url(../images/content_btn_upgrade.gif) no-repeat bottom left;
	width:							213px;
	height:							87px;
}

a.addSlingbox{
	display:						block;
	background:						url(../images/content_btn_slingBox.gif) no-repeat bottom left;
	width:							213px;
	height:							165px;
}

a.liveChat{
	display:						block;
	background:						url(../images/content_btn_live.gif) no-repeat bottom left;
	width:							213px;
	height:							87px;
}

img.3gmailBtn{
	display:						inline;
	margin-right:					5px;
}

a.try{
	display:						block;
	background:						no-repeat bottom left;
	width:							213px;
	height:							69px;
	padding-bottom:					8px;
}

a.try3gmail{
	background-image:					url(../images/content_btn_3gmail.gif) ;
}

a.try3gmailLogin{
	background-image:					url(../images/content_btn_login.gif) ;
	height:							32px;
}

a.try3gmailReg{
	background-image:					url(../images/content_btn_reg.gif) ;
	height:							32px;
}

a.tryMsn{
	background-image:					url(../images/content_btn_playnow.gif) ;
}

a.tryGoogle{
	background-image:					url(../images/content_btn_google.gif) ;
}

a.tryEbay{
	background-image:					url(../images/content_btn_ebay.gif) ;
}

a.tryOrb{
	background-image:					url(../images/content_btn_orb.gif) ;
}

a.trySkype{
	background-image:					url(../images/content_btn_skype.gif) ;
}

a.trySling{
	background-image:					url(../images/content_btn_sling.gif) ;
}

a.tryYahoo{
	background-image:					url(../images/content_btn_yahoo.gif) ;
}

/* end - small banner */

div.custReviews{
	background:						url(../images/reviews_bg_panel.gif) no-repeat top left;
	width:							213px;
	height:							98px;
	margin:							10px 0 0;
	position:						relative;
}

div.custReviews p{
	font-size:						0.7em;
	margin:							0;
	padding:						0;
	position:						absolute;
	top:							60px;
	left:							41px;	
}

div.custReviews a.custReviewsBtn{
	position:						absolute;
	bottom:							0;
}



img.rating{
	position:						absolute;
	top:							38px;
	left:							61px;
}

div.custReviewsSml{
	background:						url(../images/reviews_bg_panel.gif) no-repeat top left;
	width:							213px;
	height:							70px;
	margin:							17px 0 0;
	position:						relative;
}

div.custReviewsSml p{
	font-size:						0.7em;
	margin:							0;
	padding:						0;
	position:						absolute;
	top:							13px;
	right:							15px;
}

div.custReviewsSml img.rating{
	position:						absolute;
	top:							30px;
	left:							61px;
}


div.custReviewsSml a.custReviewsBtn{
	position:						absolute;
	bottom:							0;
}

/* ----- Content Columns ----- */

/* These 3 columns are repeated throughout the phones section */
div.leftCol{
	float:							left;
	width:							447px;
	margin-top:						26px;
	/* Added on 13 Nov 2006 
	font-size:						small;
	*/
}

div.middleCol{
	float:							left;
	margin:							9px 10px 0 12px;
}

div.rightCol{
	float:							left;
	margin:							10px 0 0 0;
	padding:						0;
}

/* This is the 2 column style throughout the phones sections. */

div.largeCol{
	float:							left;
	width:							679px;
	margin:							28px 10px 0 0;
	padding:						0;
}

div.colWrapper{
	float:							left;
	width:							460px;
	margin-top:						22px;
}

/* Content styles for the columns */

div.leftCol p{
	margin:							12px 0px 10px 0;
}

div.colWrapper h2, div.colWrapper h3, div.colWrapper p{
	margin-left:					15px!important;
}


/* ----- Pricing Columns ------ */

div.pricing div.colLeft{
	float:							left;
	width:							674px!important;
	
}

div.pricing div.colLeft{
	margin-right:					18px!important;
}

div.pricing div.colLeft #table_container {
	background:url(../images/pricing_tbltile.gif) 0 0 repeat-y;
	margin-top:40px;
}
div.pricing p#smalltext {
	font-size:9px;
	padding:10px 30px;
}
div.pricing div.colLeft #table_container table{
	width:672px; 
	
	font-size:12px;
	color:#666;
	}
div.pricing div.colLeft #table_container #tbl_header p {
	/* width:188px; */
	width:330px;
	padding-left:25px;
}
div.pricing div.colLeft #table_container #tbl_header img{
	/* float:right;
	 margin-right:2px; */
	float:left;
	margin-right:30px;
	padding-left:20px;
	padding-bottom:10px;
}
div.pricing #table_container th input {
	margin-left:15px;
}
div.pricing #table_container td, div.pricing #table_container th{
	border-top:1px solid #c4c5c6;
	border-left:1px solid #c4c5c6;
	text-align:left;
	padding:6px 0;
	}
div.pricing #table_container td {
	text-align:center;
	line-height:14px;
	padding:10px 0;
	}
div.pricing #table_container td p {
	padding:10px 5px;
	font-size:11px;
}
div.pricing #table_container td strong {
	font-size:20px;
	font-weight:normal;
	color:#232323;
}
div.pricing #table_container td em {
	font-weight:bold;
	padding-bottom:5px;
	font-style:normal;
	font-size:12px;
}
div.pricing #table_container tr.alt {
	background:#f5f7f7;
	}
div.pricing #table_container .fcol {
	border-left:1px solid #c4c5c6;
	/* padding:0 10px 0 25px; */
	padding:0 10px 0 15px;
	text-align:left;
}

.HeadCol {
	border-left:1px solid #c4c5c6;
	/* padding:0 10px 0 25px; */
	padding:0 0 0 0;
	text-align:left;
}

div.pricing #table_container .ncol {
	padding-top:35px;
	width: 105px;
}

div.pricing #table_container .desc {	
	padding:10px 0px 10px 100px;	
	text-align:left;
	/* float:	left; */
	position: relative;
	
}
div.pricing #table_container .descLeft {
	padding-left:10px;
	/*
	text-align:left;
	*/
	position: relative;
	top:45px;
	
}
/*
div.pricing #table_container .descImg{
	padding:10px 0px 10px 10px;	
	text-align:left;
	/*float:	left;*/
}
*/

div.pricing #table_container #mobile_top img {
	float:left;
	}
div.pricing #table_container #mobile_top div {
	float:left;
	width:100px;
}
div.pricing #table_container #mobile_bot {
	clear:left;
	}
div.pricing #table_container #mobile_bot div {
	float:left;
	width:102px;
}
div.pricing #table_container #premium_content #price {
	float:left;
	width:50px;
	margin-left:10px;
}
div.pricing #table_container #premium_content #price_chk {
	float:left;
	margin:10px 0 0 15px;
	
	}
div.pricing #table_container #premium_content #slingbox_desc {
	float:left;
	width:150px;
	margin:0 10px 0 15px;
	font-size:11px;
	text-align:left;
}

div.pricing div.colRight{
	float:							left;
	width:							213px;
	margin:							4px 0 0 0;
}

/* ----- Reviews Table ----- */

div.reviewsTop{
	background:						#f2f2f2 url(../images/reviews_bg_top.gif) no-repeat top left;
	width:							679px;
	height:							58px;
	 border-bottom:					1px solid #e5e5e5; 
	position:						relative;
}

div.reviewsBottom{
	background:						#f2f2f2 url(../images/reviews_bg_bottom.gif) no-repeat bottom left;
	width:							679px;
	height:							58px;
	position:						relative;
}

span.filter{
	position:						absolute;
	top:							20px;
	left:							25px;
	font-size:						0.8em;
	font-weight:					bold;
}

span.paging{
	position:						absolute;
	top:							25px;
	right:							25px;
	font-size:						0.7em;
	color:							#0099cc
}

div.reviews{
	width:							677px;
	overflow:						hidden;
	border-right:					1px solid #ccc;	
	border-bottom:					1px solid #e5e5e5;	
	border-left:					1px solid #ccc;	
}

div.reviewsAuthor{
	width:							201px;
	float:							left;
}

div.reviewsAuthor img{
	margin:							15px 0 0 15px;
}

div.reviewsAuthor dd{
	margin:							0  15px;
	padding:						0;
	font-weight:					bold;
	color:							#000
}

dd.date{
	font-weight:					normal!important;
	color:							#999!important;
}

div.reviewsContent{
	float:							left;
	width:							470px;
	border-left:					1px solid #e5e5e5;
}


div.reviewsContent p{
	padding:						17px 17px 0;
}

/* ----- Compare ----- */

div.comparePhones{
	width:							508px;
	overflow:						hidden;
	margin:							22px auto 0;
}

div.phoneBox{
	float:							left;
	background:						url(../images/compare_div_phones.gif) no-repeat bottom right;
	width:							161px;
	height:							241px;
	text-align:						center;
}

.phoneBoxLast{
	background:						none!important
}

div.phoneBox img{
	margin:							0 auto;
}

div.compareTable{
	float:							left;
	width:							683px;
	margin-right:					8px;
}

div.compareTable dl{
	margin:							0!important;
	padding:						0 0 0 10px!important;
	clear:							left;
	width:							672px;
	overflow:						hidden;
	border-left:					1px solid #ccc		
}

dl.alt{
	background:						#eef0f0;
}

div.compareTable dt{
	float:							left;
	width:							189px;
	padding:						1px 0!important;	
	margin:							0!important
}	

div.compareTable dd{
	float:							left;
	width:							160px;	
	margin:							0!important;
	padding:						1px 0!important;
	text-align:						center;
	border-right:					1px solid #ccc
}

/* ----- Knowledge Boxes ----- */

div.colLeftSml{
	float:							left;
	width:							217px;
	margin-top:						33px;
}	

div.boxSml{
	width:							217px;
	overflow:						hidden;
	background:						url(../images/content_bg_boxSmlBottom.gif) no-repeat bottom left;
	padding:						0 0 10px;
	margin:							0 0 12px;
}

div.boxSmlDrk{
	background:						url(../images/content_bg_boxSmlDrkBtm.gif) no-repeat bottom left!important;
	padding:						5px 0 4px;
}

div.boxSmlBg{
	background:						url(../images/content_bg_boxSml.gif) repeat-y;
	margin:							0;
}

div.boxSml h3{
	background:						url(../images/content_bg_boxSmlTop.gif) no-repeat top left;
	padding:						5px 0 5px 10px!important;
	margin:							0;
}

div.boxSml h4{
	border-top:						1px solid #ccc;
	padding:						5px 0 5px 10px!important;
	margin:							0;
}

div.boxSml p{
	padding:						0px 0 0px 10px!important;
	margin:							0!important;
}

p.boxSmlDrk{
	padding:						0!important;
	margin:							0!important;
}

p.boxSmlDrk a{
	color:							#fff;
	font-weight:					bold;
	display:						block;
}


div.boxSml input{
	margin:							0 0px 10px 10px!important;
}

div.boxSml dl{
	margin:							0!important;
	padding:						0 0 10px 0!important
}

div.boxSml dd{
	margin:							0 0 0 10px;
	padding:						0!important;
}

img.boxSmlIcon{
	margin:							0 10px 0 0
}




div.colRight{
	width:							677px;
	float:							left;
	margin:							33px 0 0 10px;
	overflow:						hidden;
}

div.contentBoxPlain{
	background:						url(../images/contentBox_bg_top.gif) no-repeat top left;
	padding:						0 0 8px;
	margin:							0 0 12px
}

div.contentBoxLrg{
	background:						url(../images/support_bg_bottomLrg.gif) no-repeat bottom left;
	padding:						0 0 8px;
	margin:							0 0 12px
}

div.contentBoxBgLrg{
	background:						url(../images/support_bg_mainLrg.gif) repeat-y;
	width:							677px;
	overflow:						hidden;
}

div.contentBoxLrg h1{
	background:						url(../images/support_bg_hdn.gif) no-repeat top right;
	width:							677px;
	overflow:						hidden;
	position:						relative;
}

div.contentBoxLrg h1 img{
	float:							left;
}

div.contentBoxLrg span{
	font-size:						12px!important;
	font-weight:					normal;
	color:							#ccc;
	margin:							7px 10px 0 0;
}

div.contentBoxLrg span a{
	color:							#fff!important
}


div.supportBoxBgLrg{
	background:						url(../images/support_bg_mainLrg.gif) repeat-y;
	width:							677px;
	overflow:						hidden;
}



.last{
	margin-right:					0!important
}


div.contentBoxSml{
	float:							left;
	background:						url(../images/support_bg_bottomSml.gif) no-repeat bottom left;
	padding:						0 0 8px;
	margin:							0 10px 12px 0;
	width:							333px;
	overflow:						hidden;
}

div.contentBoxSml h1{
	background:						url(../images/support_bg_hdn.gif) no-repeat top right;
	width:							333px;
	position:						relative;
}

div.contentBoxBgSml p{
	margin:							5px 0 5px 12px!important;
}

div.contentBoxBgSml{
	background:						url(../images/support_bg_mainSml.gif) repeat-y;
	width:							333px;
	overflow:						hidden;
}

div.contentBoxBgSml img{
	margin:							10px 20px 0 0;
}

div.selectPhone{
	float:							left;
	margin:							30px 0 0 80px;
	width:							100px;
	text-align:						center;
}


div.selectPhone img{
	display: 						inline;
}


div.selectPhone p{
	margin:							0!important;
	padding:						0!important;
	text-align:						center;
}

/*
div.featureHelp a{
	display:						block;
	float:							left;
	margin:							0 0 0 60px;
}
*/

/* ----- Knowledgebase Classes ----- */

div.helpButtons{
	width:							700px;
	margin:							0 auto;
}

a.helpButtons{
	display:						block;
	float:							left;
	width:							188px;
	height:							149px;
	margin:							0 18px;
}

a.helpSomebody{
	width:							243px;
	display:						block;
	margin:							0 auto;
}

div.knowledgeBase{
	overflow:						hidden;
}

div.knowledgeBase div.colLeft h1{
	background:						url(../images/support_bg_hdn.gif) no-repeat top right;
	width:							217px;
	position:						relative;
}


div.knowledgeBase div.colLeft{
	margin:							33px 0 0;
	float:							left;
	width:							217px;
}

div.knowledgeBase div.quadCol{
	margin:							33px 0 0 12px;
	float:							left;
	width:							217px;
}

div.quadCol div.boxSmlBg{
	min-height:						320px!important;
	overflow:						hidden;
	height:							expression(this.scrollHeight < 320? "320px" : "auto" );
}


div.knowledgeBase div.quadCol p{
	padding:						10px!important;
	margin:							0!important
}

div.knowledgeBase div.quadCol p img{
	margin:							0 auto;
}


div.knowledgeBase div.colMiddle{
	margin:							33px 11px 0;
	float:							left;
	width:							448px;
}

div.knowledgeBase div.colRight{
	margin:							33px 0 0!important;
	float:							left;
	width:							217px;
}

div.knowledgeBase div.colRight2{
	margin:							33px 0 0 0;
	float:							left;
	width:							217px;
}

div.articles{
	width:							448px;
	background:						url(../images/support_bg_articlesBtm.gif) no-repeat left bottom;
	overflow:						hidden;
	padding:						0 0 20px;
}

div.articles h1{
	background:						url(../images/support_bg_hdn.gif) no-repeat top right;
	width:							448px;
	display:						block;
	position:						relative;
}

div.articles dl{
	background:						url(../images/support_bg_articles.gif)!important;
	width:							448px;
	overflow:						hidden;
	padding:						0!important;
	margin:							0!important;
}

div.articles dd{
	float:							left;
	margin:							0 1px;
	padding:						6px 10px;
	background:						#f4f4f4;
	width:							426px
}

div.articles dd.alt{
	background:						#ebeeee;
	padding:						2px 10px!important
}

/* ----- Discussion Forum / This code is only for show and doesnt reflect actual forum code this must be ignored until the community forum is finalised ----- */


div.discussionBox{
	background:						url(../images/support_bg_bottomLrg.gif) no-repeat bottom left;
	padding:						0 0 8px;
	margin:							0 0 12px
}

div.discussionBoxBg{
	background:						url(../images/support_bg_mainLrg.gif) repeat-y;
	width:							677px;
	overflow:						hidden;
}

div.discussionBox h1{
	background:						url(../images/support_bg_hdn.gif) no-repeat top right;
	width:							677px;
	overflow:						hidden;
	position:						relative;
}

div.discussionBox span{
	font-size:						12px!important;
	font-weight:					normal;
	color:							#ccc;
	margin:							7px 10px 0 0;
}


div.discussionBox h1 img{
	float:							left;
}

ol#Categories{
	border-left:					1px solid #ccc!important;
	border-right:					1px solid #ccc!important;
	margin:							0;
	padding:						0;
	background:						#f4f4f4;
}

ol#Categories li{
	border-bottom:					1px solid #ccc;
}

ol#Categories li.last{
	border-bottom:					none!important;
}

ol#Categories ul{
	margin:							0!important;
	padding:						10px 0!important;
}

ol#Categories li ul li{
	border:							none;
	list-style:						none none;
	padding:						0 10px 0 50px
}	

ol#Categories li span{
	display:						none;
}

li.CategoryName{
	padding:						10px 0 0 50px!important;
}

.Active{
	background:						url(../images/community_img_active.gif) no-repeat 10px center
}

.NonActive{
	background:						url(../images/community_img_NonActive.gif) no-repeat 10px center
}

li.CategoryName a{
	font-size:						18px;
	color:							#333;
}


li.CategoryDescription{

}

li.CategoryDiscussionCount{
	color:							#999!important;
	font-size:						10px!important;
}

/* ----- Discussions ----- */

ol#Discussions{
	border-left:					1px solid #ccc!important;
	border-right:					1px solid #ccc!important;
	margin:							0;
	padding:						0;
	background:						#f4f4f4;
}

ol#Discussions li{
	border-bottom:					1px solid #ccc
}


ol#Discussions li.last{
	border-bottom:					none!important;
}

ol#Discussions ul{
	margin:							0!important;
	padding:						0px 0!important;
	overflow:						hidden;
	width:							675px;
	background:						url(../images/community_bg_posted.gif) repeat-x bottom;
}

ol#Discussions li ul li{
	border:							none;
	list-style:						none none;
}	


li.Discussions{
	padding:						0 0 0 50px!important;
}

li.DiscussionTopic{
	clear:							left;
	padding:						15px 0 15px 50px!important;
	position:						relative;
	background:						url(../images/community_icon_chat.gif) no-repeat 10px 10px;
}

* html li.DiscussionTopic{
	paddin\g:						0px 0 25px 50px!important;
	back\ground:					url(../images/community_icon_chat.gif) no-repeat 10px 0px!important;
}

li.DiscussionTopic a{
	font-size:						18px;
	color:							#333;
}

li.DiscussionType span, li.DiscussionTopic span{
	display:						none;
}

li.DiscussionStarted{
	text-align:						right;
	padding-right:					10px!important;
	float:							right!important;
}


li.DiscussionCategory, li.DiscussionStarted, li.DiscussionComments, li.DiscussionLastComment, li.DiscussionActive{
	float:							left;
	font-size:						10px!important;
	padding:						3px 0 3px 10px;
}

li.DiscussionCategory a, li.DiscussionStarted a, li.DiscussionComments a, li.DiscussionLastComment a, li.DiscussionActive{
	color:							#666!important
}

li.DiscussionCategory span, li.DiscussionStarted span, li.DiscussionComments span, li.DiscussionLastComment span, li.DiscussionActive span, li.DiscussionCategory span a, li.DiscussionStarted span a, li.DiscussionComments span a, li.DiscussionLastComment span a, li.DiscussionActive span a{
	font-size:						10px!important;
	color:							#999!important;
	text-decoration:				none;
	padding:						0!important;
	margin:							0;	
}

div.sectionBox{
	background: 					url(../images/community_bg_postedLast.gif) no-repeat bottom left;
}

img.CommentIcon{
	position:						absolute;
	top:							7px;
	right:							85px;
}

* html img.CommentIcon{
	to\p:							0px;
}

/* ----- Community Landing Page | This is sepearate from the forum stuff above */


div.communityBoxSml{
	float:							left!important;
	background:						url(../images/support_bg_bottomSml.gif) no-repeat bottom left;
	padding:						0 0 8px;
	margin:							0 10px 12px 0;
	
}

.last{
	margin-right:					0!important
}


div.communityBoxSml h1{
	background:						url(../images/support_bg_hdn.gif) no-repeat top right;
	width:							333px;
	position:						relative;
}

div.communityBoxBgSml h2 img{
	display:						inline;
	vertical-align:					bottom
}	

div.communityBoxBgSml h2 a{
	color:							#333!important;
}

div.communityBoxBgSml h2{
	font-weight:					normal!important;
	font-size:						18px;
	margin:							10px 0 5px 12px!important;
	width:							200px;
}

div.communityBoxBgSml p{
	margin:							10px 10px 5px 12px!important;
}

div.communityBoxBgSml{
	background:						url(../images/support_bg_mainSml.gif) repeat-y;
	width:							333px;
	overflow:						hidden;
}

div.communityBoxBgSml img{
	margin:							0px 10px 0 0;
}

div.communityBoxSml h4{
	border-top:						1px solid #ccc;
	padding:						10px 0 5px 10px!important;
	margin:							20px 0 0;
}

img.rssBtn{
	display:						inline!important;
	vertical-align: 				bottom;
}

dl.postedBy{
	margin:							12px 0 10px 10px!important
}

dl.postedBy dt{
	padding:						0!important;
	margin:							0!important;
}

.usersOnline{
	color:							#999!important;
	font-size:						11px;
}


/* ----- Get X-Series ----- */

div.bundles{
	padding:						20px 0 0 48px;

}

div.bundles p{
	float:							left;
	padding:						0 33px 0 0!important;
	margin:							0 0 10px!important;
}

img.bundleWrap{
	float:							right;
	margin:							0 60px 30px 0
}

div.bundlesInclude{
	float:							left;
	width:							186px;
	margin:							0 62px 0 48px;
}

div.bundlesWithSling{
	float:							left;
	width:							317px;
}

div.bundlesWithSling p{
	margin:							15px 0 0!important
}

div.totalsBox{
	background:						url(../images/get_bg_totalBox.gif) no-repeat top left;
	width:							676px;
	height:							67px;
}

div.totalsBox img{
	display:						inline;
	vertical-align:					middle;
	margin:							1px 0 0 10px
}

div.totalsBox h2{
	font-size:						18px;
	margin:							15px 0 0;
	color:							#333;
}

p.getSummary{
	float:							left;
	width:							100px;
	margin-left:					10px;
	line-height:					12px!important;
}

p.getSummary strong{
	color:							#333;
}

p.getSummary span{
	font-size:						10px
}

dl.getSummeryList{
	clear:							left;
	margin:							0!important;
	padding:						0px 0 0!important;
	border-top:						1px solid #ccc!important;
}

dl.getSummeryList dd{
	margin:							0 1px!important;
	padding:						2px 10px!important;

}

dl.getSummeryList dd.alt{
	background: 					#eaeaea!important
}