/*
------------------------------------------------------
This style sheet contains the classes for the general
page contruction and positioning.
------------------------------------------------------
*/

.clear {clear:both;}


#productSelector { width: 800px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:0.9em; margin:0 auto;}
#productSelector img {border:none;}

h1 {height:50px; font-size:2em; font-weight:800; margin:0;}

#finnImage {height:579px; width:auto; max-width:420px; text-align:center;}

/* Accordian Controls */
#productSelector #myAccordion {position:relative; z-index:1; text-align:left; width:500px; float: right; margin: 0px 10px 0px 0px;}
#productSelector #myAccordion dt {height:20px; background:#fff; border-top:1px dotted #000!important; border-top:1px solid #666; padding:0px 0 0 0;}
#productSelector #myAccordion dt.myAccordionHover {background-color:#f0f0f0; cursor:pointer;}
#productSelector #myAccordion dt.myAccordionActive{	background-color:#fff;}
#productSelector #myAccordion dt#step0 {border-top:none!important; height:0px;}
#productSelector #myAccordion dd {overflow: hidden; background:#fff; position:relative; padding:0; margin:0;}
#productSelector #myAccordion dd#step5dd {overflow: visible;}

.accordianContent {  font-size:1.0em;}

/* Bob Animated Buttons */
.bobslide  {margin-left: -218px; float: left; width: 218px; }
/*.slideImage {
	cursor:pointer;
	display: block;
	height: 116px;
	float:right;
	width:188px;
	background: url(bob-enabled-info.png) no-repeat scroll left top;
}

.slideImage:hover {
	background: url(bob-enabled-info.png) no-repeat scroll left bottom;
}*/
.slideImage {width: 0px; height: 116px; float: right;}
.slideButton {
	cursor:pointer;
	display: block;
	height: 100px;
	float:right;
	width:29px;
	background: url(../../img/selector/bob-enabled-tab.png) no-repeat scroll left top;
}
.slideButton:hover {
	background: url(../../img/selector/bob-enabled-tab.png) no-repeat scroll left bottom;
}
.DynamicBobSlide {margin-left: -218px; float: left; width: 218px; }


/* Buttons */
.continueButton { float:right; border-bottom:1px solid #fff;}
.previousButton { float:left; border-bottom:1px solid #fff;}
#differentPlanButton {  
    height: 40px;
    margin-top: 20px;
}

.verification {height:16px; float:right; background:url(../../img/selector/tick.gif) top right no-repeat; padding:0 20px 0 0;}
.noverification {height:16px; float:right; background:url(../../img/selector/cross.gif) top right no-repeat; padding:0 20px 0 0;}
.verificationloading {height:16px; float:right; background:url(../../img/selector/ajax-loader-small.gif) top right no-repeat; padding:0 20px 0 0;}
.heading2 {font-weight:400; font-size:1.4em; display:inline; margin:0;}

/* Question Position */

.icon {height:60px; width:30px; float:left;}
.questionContainer { padding:1px 0 0 40px;}
.questionContainer p {margin:5px 0;}
.smallText {font-size:1.0em;}


/* Question 1 */
#contentStep1 {height:318px; overflow:hidden; padding:60px 0;}

	#question1a {background:url(../../img/selector/icon_home.gif) no-repeat;}
	#question1b {background:url(../../img/selector/icon_phone.gif) no-repeat; margin:50px 0 0 0;}
	.areaCode {border:1px solid #a5a5a5; background:#fff; margin:0 10px 20px 0;}
	.phoneNumber {border:1px solid #a5a5a5; background:#fff; margin:0 10px 20px 0;}
	.suburb {border:1px solid #a5a5a5; background:#fff; margin:0 10px 0 0;}
	.postcode {border:1px solid #a5a5a5; background:#fff; margin:0 10px 0 0;}
    .exchangeCheckForm { border-style: none;}

/* Question 2 */

    .contentStep2-residential {height:398px; overflow:hidden; padding:20px 0;}
	.question2a-residential {background:url(../../img/selector/icon_browse.gif) no-repeat; padding:0 0 20px 0;}
	.slider2a-residential {width:441px; height:50px; background:url(../../img/selector/optionsHome_browse.gif) no-repeat; padding:0 10px; margin:0 30px;}
	.question2b-residential {background:url(../../img/selector/icon_email.gif) no-repeat; padding:0 0 20px 0;}
	.slider2b-residential {width:441px; height:50px; background:url(../../img/selector/optionsHome_email.gif) no-repeat; padding:0 10px; margin:0 30px;}
	.question2c-residential {background:url(../../img/selector/icon_games.gif) no-repeat; padding:0 0 20px 0;}
	.slider2c-residential {width:441px; height:50px; background:url(../../img/selector/optionsHome_games.gif) no-repeat; padding:0 10px; margin:0 30px;}
	.question2d-residential {background:url(../../img/selector/icon_video.gif) no-repeat; padding:0 0 20px 0;}
	.slider2d-residential {width:441px; height:50px; background:url(../../img/selector/optionsHome_video.gif) no-repeat; padding:0 10px; margin:0 30px;}
	
    .contentStep2-business {height:298px; overflow:hidden; padding:70px 0;}
	.question2a-business {background:url(../../img/selector/icon_browse.gif) no-repeat; padding:0 0 20px 0;}
	.slider2a-business {width:441px; height:50px; background:url(../../img/selector/optionsBusiness_browse.gif) no-repeat; padding:0 10px; margin:0 30px;}
	.question2b-business {background:url(../../img/selector/icon_email.gif) no-repeat; padding:0 0 20px 0;}
	.slider2b-business {width:441px; height:50px; background:url(../../img/selector/optionsBusiness_email.gif) no-repeat; padding:0 10px; margin:0 30px;}
	.question2c-business {background:url(../../img/selector/icon_video.gif) no-repeat; padding:0 0 20px 0;}
	.slider2c-business {width:441px; height:50px; background:url(../../img/selector/optionsBusiness_video.gif) no-repeat; padding:0 10px; margin:0 30px;}
	
/* Question 3 */
    .contentStep3-residential  {height:298px; overflow:hidden; padding:70px 0;}
	.question3a-residential {background:url(../../img/selector/icon_songs.gif) no-repeat; padding:0 0 20px 0;}
	.slider3a-residential {width:441px; height:50px; background:url(../../img/selector/optionsHome_songs.gif) no-repeat; padding:0 10px; margin:0 30px;}
	.question3b-residential {background:url(../../img/selector/icon_movies.gif) no-repeat; padding:0 0 20px 0;}
	.slider3b-residential {width:441px; height:50px; background:url(../../img/selector/optionsHome_movies.gif) no-repeat; padding:0 10px; margin:0 30px;}
	.question3c-residential {background:url(../../img/selector/icon_software.gif) no-repeat; padding:0 0 20px 0;}
	.slider3c-residential {width:441px; height:50px; background:url(../../img/selector/optionsHome_software.gif) no-repeat; padding:0 10px; margin:0 30px;}
	
    .contentStep3-business {height:218px; overflow:hidden; padding:110px 0;}
	.question3a-business {background:url(../../img/selector/icon_songs.gif) no-repeat; padding:0 0 20px 0;}
	.slider3a-business {width:441px; height:50px; background:url(../../img/selector/optionsBusiness_file.gif) no-repeat; padding:0 10px; margin:0 30px;}
	.question3b-business {background:url(../../img/selector/icon_movies.gif) no-repeat; padding:0 0 20px 0;}
	.slider3b-business {width:441px; height:50px; background:url(../../img/selector/optionsBusiness_software.gif) no-repeat; padding:0 10px; margin:0 30px;}

/* Question 4 */
    .contentStep4-residential {height:218px; overflow:hidden; padding:110px 0;}
	.question4a-residential {background:url(../../img/selector/icon_computers.gif) no-repeat; padding:0 0 20px 0;}
	.slider4a-residential {width:441px; height:50px; background:url(../../img/selector/optionsHome_computers.gif) no-repeat; padding:0 10px; margin:0 30px;}
	.question4b-residential {background:url(../../img/selector/icon_people.gif) no-repeat; padding:0 0 20px 0;}
	.slider4b-residential {width:441px; height:50px; background:url(../../img/selector/optionsHome_people.gif) no-repeat; padding:0 10px; margin:0 30px;}
	
    .contentStep4-business {height:298px; overflow:hidden; padding:70px 0;}
	.question4a-business {background:url(../../img/selector/icon_computers.gif) no-repeat; padding:0 0 20px 0;}
	.slider4a-business {width:441px; height:50px; background:url(../../img/selector/optionsBusiness_computers.gif) no-repeat; padding:0 10px; margin:0 30px;}
	.question4b-business {background:url(../../img/selector/icon_conference.gif) no-repeat; padding:0 0 20px 0;}
	.slider4b-business {width:441px; height:50px; background:url(../../img/selector/optionsBusiness_conference.gif) no-repeat; padding:0 10px; margin:0 30px;}
	.question4c-business {background:url(../../img/selector/icon_server.gif) no-repeat; padding:0 0 20px 0;}

/* Q.estion 5 - Recommendations */
#contentStep5 {height:428px; padding:10px 0 0 0;}
    #contentStep5 .heading2 {font-weight:400; font-size:1.4em; display:inline; margin:0;}
    #contentStep5 .recommendedHeader {font-weight:800; font-size:1.6em; display:inline; color:#d52b1e; margin:0;}

.recommendation {background:url(../../img/selector/background_recommendation.gif) no-repeat; font-size:1em; height:auto!important; height:117px; width: 499px; min-height:90px; padding:10px; margin: 0 0 0;}
    .recommendationContent {float:left; width:499px;}
    .recommendationContent p {margin:4px 0 5px 0; line-height: 1.4em;}
    .recommendationContent p.plan {font-weight:800; font-size:1.1em; color:#d52b1e;}
    .recommendationCost .price {font-size:2em; font-weight: bold; text-align: right; line-height:1em; margin-right: 32px; margin-bottom: 0px;}
	.pm {font-size:9px; text-align: left; margin-top: -23px; position: relative; float: right; line-height: 10px; }
	p .additional {font-size:9px; margin-bottom: -17px; text-align: right; margin-top:0px; top: 0px; line-height: 9.5px !important; position: relative;} /*top margins for this class is dodgy but set so they display the same in IE6 aka The Spawn of Satan and The Messiah - aka Firefox */
    .recommendationContent p.recommendationCost {padding: 6px 0px 0px 0px; line-height: 1.3em;}
.firstRecommendation{margin: 5px 0 0; width: 469px; }
.recommendationSignUp {width:112px; position: relative; height: 26px;}
.recommendationCost {width:112px; padding: 2px 0 0 !important;  position: relative; display: inline;}

.recommendationFeatures { margin-left: 7px; width: 323px; margin-top:2px; }
.recommendationFeatures ul {padding:0 10px 10px 10px; margin:0 10px; }

.recommendationFeatures li {list-style:square; margin: 5px 0px 0px 0px; line-height: 1.1em;}

#contentNoRecommendation {height:428px; overflow:hidden; padding:10px 0 0 0; color: #d52b1e; }
#contentExchangeChecking {height:428px; overflow:hidden; padding:10px 0 0 0;}

.planBreak {clear:both; border-bottom:1px solid #dfdfdf; margin:10px 0;}

/* Slider */
.slider {width:410px; height:50px; padding:0;}
.ui-slider { width: 441px; height: 50px; position: relative;}
.ui-slider-handle { position: absolute; z-index: 2; height: 40px; width: 40px; top: -5px; left: 0px; background-image: url(../../img/selector/handle.png); }
.ui-slider-handle-active { border: none; }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }

#slider { }

.step5loader {height:428px;
              }

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
p.center {
  text-align: center;
}

.signUpLink {
	margin-top: 25px;
	
	width: 112px;
    height: 26px;
    display: block;
    background: url(/img/selector/sign-up-now-btn.jpg) left top no-repeat;
}
.signUpLink:hover {
    background: url(/img/selector/sign-up-now-btn.jpg) left bottom no-repeat;
}

.recommendWrapper {
	width:499px; 
	margin-bottom: 5px; 
	display: block;
	}

.recommendFloatLeft {
	width: 330px; 
	display: block; 
	float: left;
	}

.recommendFloatRight  {
	width: 113px; 
	display: block; 
	float: left; 
	padding-left: 30px; 
}