﻿#wizardLeftSectionWrapper
{
    float:left;
    width:650px;
}

#wizardRightSectionWrapper
{
    
}

.supText
{
    font-weight: bold;
    font-size: 11px;
}

#wizardWindowHeader
{
    background-image: url(images/wizard/Topbanner.jpg);
    background-repeat: no-repeat;
    width:587px;
    margin:0;
    padding:0;
    color: #d27001;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    font-family: Arial, Verdana;
    font-size: 1.9em;
    font-weight:normal;
    min-height: 45px;
}
#wizardWindowBody
{
    width:585px;
    min-height:150px;
    height:auto;
    border-left: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
    padding-left: 25px;
    padding-right:25px;
    padding-bottom:0;
    padding-top:0;
    border-top:0;
    border-bottom:0;
    margin:0;
    font-size:12px;
    font-family: Arial;
    color: #818385;
}
#wizardBottomLeftCorner
{
    width:11px;
    height:11px;
    background-image: url(images/wizard/greyboxbotleft.jpg);
    background-repeat: no-repeat;
    margin:0;
    padding:0;
    float:left;
}
#wizardBottomRightCorner
{
    background-image: url(images/wizard/greyboxbotright.jpg);
    background-repeat: no-repeat;
    width:11px;
    height:11px;    
    margin:0;
    padding:0;
    float:left;
}

#wizardBottomLine
{
    width: 615px;
    border-bottom:solid 1px #d5d5d5;
    padding:0;
    margin:0;
    float:left;
    height:10px;
}

.productMoreInfoSection
{
    width: 100%;
    border: solid 0px black;
    min-height: 120px;
    height:auto;
}

.orangeRoundBox
{
    width:285px;
    float:left;
    margin:0;
    margin-bottom:0px;
    height:auto;
}

ul.productDetailsList
{
    margin:0;
}

ul.productDetailsList li
{
    font-size:0.8em;
    margin-left:15px;
    color:#818385;
    line-height: 20px;
    vertical-align:middle;
    list-style-image: url(images/wizard/tick-dash-small.jpg);    
}

.orangeBoxBody p
{
    padding: 10px 0 0 0;
    margin:0;
    color: #818385;
    line-height: 15px;
    font-size:1.1em;
}

.orangeBoxBody
{
    margin-top: 0px;
    min-height: 50px;
    height:auto;
    float:left;
    padding-top:0px;
    padding-left:9px;
    padding-right:9px;
}

.orangeBoxBody H1
{
    color: #DD4700;
    font-size:1.1em;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:0px;
}

.orangeBoxBody ul
{
    padding:0;
    margin: 0;  
}

.orangeBoxBody ul li
{
 margin-left:15px;
    font-size:0.9em;
    color:#818385;
    line-height: 20px;
    vertical-align:middle;
    list-style-image: url(images/wizard/tick-dash-small.jpg);  
    text-indent: -15px;  
}



.progressHeaderWrapper 
{
    min-height: 30px;
    height:auto;
    vertical-align:top;
     
}

.wizarProgressText
{
    width: auto;
    margin-right:20px;
    float:left;
    color:#DD4700;
    font-family:Arial,Verdana;
    font-size:20px;
    font-weight:bold;
}

#wizardProgressImage
{
    height:auto;
    vertical-align:middle;
    float:left;
}

#wizardProgressImage img
{
    display:block;
    width:21px;
    padding-top:5px;
    float:left;
}


#rightSectionTarrif
{
    float:left;
    background-image: url(images/wizard/Tarrifs.jpg);
    background-repeat: no-repeat;
    width:325px;
    height:145px;
    padding-bottom:17px;
    
}

#rightSectionKnowledgeCentre
{
    float:left;
    background-image: url(images/wizard/knowledge-centre.jpg);
    background-repeat: no-repeat;
    width:325px;
    height:251px;
}

#rightSectionKnowledgeCentreSmilingOne
{
    float:left;
    background-image: url(images/wizard/knowledge-centreSmilingOne2.jpg);
    background-repeat: no-repeat;
    width:325px;
    height:311px;
}

.tarrifCentreHeader
{
    margin-bottom:0px;
    padding-top:10px;
    padding-left:10px;
    color:#525254;
    font-family:Arial;
    font-size:1.4em;
    font-weight:bold;
}

.tariffCentreText
{
    padding-top:15px;
    padding-bottom:20px;
    padding-left:23px;
    padding-right:95px;
    font-family:Arial;
    font-size:12px;
    font-weight:normal;
}

.tariffCentreText h1
{
    line-height:20px;
    margin:0px;
    color:#525254;
    font-family:Arial;
    font-size:1.1em;
    font-weight:bold;    
}


.tariffCentreText p
{
    margin:0px;
    font-size:1.1em;
    color:#818385;
}


.knowledgeBaseHeader
{
    margin-bottom:0px;
    padding-top:10px;
    padding-left:10px;
    color:#525254;
    font-family:Arial;
    font-size:1.4em;
    font-weight:bold;
}

.knowledgeBaseText p
{
    margin-top:20px;
    margin-left:23px;
    margin-right:20px;
    margin-bottom:10px;
    font-family:Arial;
    font-size:12px;
    font-weight:normal;
    color:#818385;
}

.knowledgeBaseText ul
{
    margin:0;
}

.knowledgeBaseText ul li
{
    margin-left:38px;
    font-size:12px;
    color:#818385; 
    margin-right:15px;
}


a.knowledgeBaseLink:link {
    font-size:12px;
    color:#818385;
    text-decoration:underline;
}
a.knowledgeBaseLink:active {
    font-size:12px;
    color:#818385;
    text-decoration:underline;
}
a.knowledgeBaseLink:visited {
    font-size:12px;
    color:#818385;
    text-decoration:underline;
}
a.knowledgeBaseLink:hover {
    font-size:12px;
    color:#818385;
    text-decoration:underline;
} 

p.knowledgeBaseText {margin:0 0 10px 0;font-size:1.1em;color:#818385;}

a.signupLink:link {color: #525254; font-weight:bold; font-size:12px;}    /* unvisited link */
a.signupLink:visited {color: #525254;font-weight:bold; font-size:12px;}  /* visited link */
a.signupLink:hover {color: #818385;font-weight:bold; font-size:12px;}   /* mouse over link */
a.signupLink:active {color: #525254;font-weight:bold; font-size:12px;}   /* selected link */


a.clickHereOrange:link {color: #D27001; font-weight:bold;}     /* unvisited link */
a.clickHereOrange:visited {color: #D27001;font-weight:bold;}  /* visited link */
a.clickHereOrange:hover {color: #818385;font-weight:bold;}   /* mouse over link */
a.clickHereOrange:active {color: #D27001;font-weight:bold;}   /* selected link */


a.destinationsFrontPage:link {color:#525254; font-family:Arial;font-size:15px;line-height:30px;text-decoration:underline;}/* unvisited link */
a.destinationsFrontPage:visited {color:#525254; font-family:Arial;font-size:15px;line-height:30px;text-decoration:underline;}/* visited link */
a.destinationsFrontPage:hover {color:#525254; font-family:Arial;font-size:15px;line-height:30px;text-decoration:underline;}/* mouse over link */
a.destinationsFrontPage:active {color:#525254; font-family:Arial;font-size:15px;line-height:30px;text-decoration:underline;}/* selected link */


a.destinationsSmallLink:link {margin:0;padding-top:0;font-size:12px;color:#818385;text-decoration:underline;}/* unvisited link */
a.destinationsSmallLink:visited {margin:0;padding-top:0;font-size:12px;color:#818385;text-decoration:underline;}/* visited link */
a.destinationsSmallLink:hover {margin:0;padding-top:0;font-size:12px;color:#818385;text-decoration:underline;}/* mouse over link */
a.destinationsSmallLink:active {margin:0;padding-top:0;font-size:12px;color:#818385;text-decoration:underline;}/* selected link */


a.termsAndConditions:link {color: #818385;font-family:Arial;font-size:12px;text-decoration:underline;}/* unvisited link */
a.termsAndConditions:visited {color: #818385;font-family:Arial;font-size:12px;text-decoration:underline;}/* visited link */
a.termsAndConditions:hover {color: #818385;font-family:Arial;font-size:12px;text-decoration:underline;}/* mouse over link */
a.termsAndConditions:active {color: #818385;font-family:Arial;font-size:12px;text-decoration:underline;}/* selected link */


#adSpaceWizard 
{
	height: 136px;
	width: 982px;
	margin-top: 17px;
	margin-left: 18px;
	margin-right: 18px;
	margin-bottom: 17px;
}

.productTitle
{
    color:#525254;/*#525254;*/
    font-family:Arial;
    font-size:2.4em;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
}





ul.productFeaturesList
{
    margin-top:10px;
    margin-bottom:20px;
    font-family:Arial;
    font-size:2.4em;
    font-weight:bold;
}

ul.productFeaturesList li
{
    padding:0;
    margin-left: 0px;    
    font-family: Arial;
    font-size: 15px;
    line-height: 30px;
    vertical-align:middle;
    list-style-image: url(images/wizard/Tick.jpg);
    color:#525254;
}


.orange
{
    color: #DD4700;
}

.upperIndex
{
    font-size:11px;
    font-weight: normal;
}

.productdetailsWrapper
{
    width:100%;
    clear:both;
}

.marginRight15px
{
    margin-right :15px;
}

.floatLeft
{
    float:left;
}
.floatRight
{
    float:right;
}

.wizardBottomSection
{
    padding-top:20px;
    padding-bottom:5px;
    /*width:200px;*/
    width:100%;
    min-height:30px;
    height:auto;
}

#wizardBottomSection
{
    padding-top:20px;
    padding-bottom:5px;
    width:200px;
    min-height:30px;
    height:auto;
    float:right;
}

#wizardBottomSection p
{
    font-size:1.2em;
    font-weight:normal;
    color: #818385;
    float:left;
    width:300px;
    text-align:left;
    display:block;
}

.bottomSectionButtons
{
    float:right;
    /*width:285px;*/
    height:auto;
    text-align:right;
}

.fullPlanDetails
{
    display:block;
    width:300px;
    height:auto;
}

/*
.bottomSectionWrapper
{
    display:block;width:100%;    
}
*/



/*
.yellow-message-full-wrap { background: #E1E1E1; border: 1px solid #818385; margin-top:0px; margin-bottom:10px; padding:5px; }
.yellow-message { margin: 0px 20px ;font-size: 1em;}
.yellow-message p { margin: 0; padding:0; font-size: 0.8em; font-weight:bold;padding-bottom:5px;color:#525254;}
.yellow-message ul { margin-bottom:0;margin-top:10px; font-size: 1em;}
.yellow-message li { list-style:none; font-size: 0.8em; line-height:1.3em;color:#525254;}
*/


.GrayHeaderContentH1
{
    line-height:15px;
    margin:0px;
    padding-bottom:5px;
    color:#525254;
    font-family:Arial;
    font-size:1.2em;
    font-weight:bold;  
}

.productName
{
    font-size:13px;
    color:#818385;
    font-weight:bold;
}

.smallProductDescription
{
    margin:0;
    padding-top:0;
    font-size:12px;
    color:#818385;
}


/*input[type="text"]
{
    width:160px;
    padding:2px;
    font-size:small;
    font-weight:normal;
    border: solid 1px #808080;
    margin: 1px;
}*/

p.grayText
{
    font-size: 12px;
    font-family: Arial;
    color: #818385;
}


.mandatoryFieldStar
{   
    margin-top:3px;
    vertical-align:middle;
    color:#CC0000;
    font-size:medium;
}

.InvisibleElement
{
    display:none;
    visibility:hidden;
}

.selectedOption
{
    background-image: url(images/wizard/tick.jpg);
    background-repeat: no-repeat;
    width:20px;
    height:17px;
    font-weight:normal;
    font-size:smaller;
    display:block;    
    float:left;
}

.textBoxLabelLeft
{
    display:block;float:left;
}

.width130px
{
    width:130px;
}

.width70px
{
    width:70px;
}

.ProductSelectorHeader
 {
    color:#525254;
    font-family:Arial;
    font-size:1.2em;
    font-weight:bold;
    margin-bottom:0;
    padding-left:0px;
    padding-top:10px;
}



.basketItemBold
{
    display:block;
    width:220px;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding-bottom:5px;
    float:left;
}

.priceBold
{
    font-weight:bold;
    width:45px;
    font-size:12px;
    display:block;
    float:left;
    text-align:right;
}

.price
{
    font-weight:normal;
    width:45px;
    display:block;
    font-size:11px;
    float:left;
    text-align:right;
}

.basketItem
{
    display:block;
    width:215px;
    padding-left:5px;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    line-height: 13px;
    float:left;
}

.basketItemDiscount
{
    margin-left:5px;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    line-height: 13px;
    float:left;
}


a.DynamicPopup
{
    font-size:12px;
    font-weight:normal;
    text-decoration:underline;
    line-height: 13px;
    color: #525254;
}


.error-wrap { background: #fffacc; border: 1px solid #f4e988; font-size: 0.8em;width: 350px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:20px; padding:10px; }
.error { margin: 0px 20px ; }
.error p { margin: 0; padding:0; }
.error ul { margin-bottom:0;margin-top:10px; }

.yellow-message-full-wrap { background: #fffacc; border: 1px solid #f4e988; font-size: 0.8em; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:20px; padding:10px; }
.yellow-message { margin: 0px 20px ; }
.yellow-message p { margin: 0; padding:0; }
.yellow-message ul { margin-bottom:0;margin-top:10px; }
   
.alert-wrap { background: #ffeaea; border: 1px solid #fdd4d4; font-size: 0.8em;width: 350px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:20px; padding:10px; }
.alert { margin: 0px 20px; }
.alert p { margin: 0px;padding:0; }
.alert ul { margin-bottom:0;margin-top:10px; }

.message-wrap { background: #f0facd; border: 1px solid #dfeab9; font-size: 0.8em;width: 350px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:20px; padding:10px; }
.message { margin: 0px 20px; }
.message p { margin: 0px;padding:0; }
.message ul { margin-bottom:0;margin-top:10px; }

.message-full-wrap { background: #f0facd; text-align:center; border: 1px solid #dfeab9; font-size: 0.8em; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:20px; padding:10px; }
.message { margin: 0px 20px; }
.message p { margin: 0px;padding:0; }
.message ul { margin-bottom:0;margin-top:10px; }


/* HINT BOX */

a.hint {
	height: 16px;
	width: 16px;
	font-weight: bold;
	background: url(images/wizard/questionmark.gif) no-repeat left top;
	text-decoration: none;	
	display: inline-block;
}
a.hint span {
	visibility: hidden; 
}

a.hint_MAC {
	height: 16px;
	width: 16px;
	font-weight: bold;
	background: url(images/wizard/questionmark.gif) no-repeat left top;
	text-decoration: none;	
	display: inline-block;
	margin-bottom:3px;
}

a.hint_MAC span {
	visibility: hidden; 
}

#hintbox{
	position:absolute;
	top: 0;
	/*background-color: lightyellow;*/
	width: 160px; /*Default width of hint.*/ 
	padding: 3px;
	text-align: left;
	background-color: #f1f1f1; /*#efefef;*/
	border: 1px solid #ccc;
	/* border: 1px solid black;	
	border-right: 3px solid black;
	border-bottom: 3px solid black; */
	z-index: 1000 !important;
	visibility: hidden;	
}

#hintbox_medium_wide{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	/*background-color: lightyellow;*/
	width: 150px; /*Default width of hint.*/ 
	padding: 3px;
	text-align: left;
	background-color: #f1f1f1; /*#efefef;*/
	border: 1px solid #ccc;
	/* border: 1px solid black;	
	border-right: 3px solid black;
	border-bottom: 3px solid black; */
	z-index: 1000 !important;
	visibility: hidden;	
}

#hintbox_wide{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	/*background-color: lightyellow;*/
	width: 200px; /*Default width of hint.*/ 
	padding: 3px;
	text-align: left;
	background-color: #efefef;
	border: 1px solid #ccc;
	/* border: 1px solid black;	
	border-right: 3px solid black;
	border-bottom: 3px solid black; */
	z-index: 1000 !important;
	visibility: hidden;	
}

#hintbox_narrow{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	/*background-color: lightyellow;*/
	width: 200px; /*Default width of hint.*/ 
	padding: 3px;
	text-align: left;
	background-color: #efefef;
	border: 1px solid #ccc;
	/* border: 1px solid black;	
	border-right: 3px solid black;
	border-bottom: 3px solid black; */
	z-index: 1000 !important;
	visibility: hidden;	
}

#productBoxHomePhone
{
    background-image: url(images/wizard/hp.jpg);
    background-repeat: no-repeat;
    margin:0;
    padding:0;    
    width:200px;
    height:330px;
    float:left; 
    
}

#productBoxHomePhoneLineRental
{
    background-image: url(images/wizard/hp-lr.jpg);
    background-repeat: no-repeat;
    margin:0;
    padding:0;    
    width:200px;
    height:330px;
    float:left; 
    
}

#productBoxHomePhoneLineRentalBroadband
{
    background-image: url(images/wizard/hp-lr-b.jpg);
    background-repeat: no-repeat;
    margin:0;
    padding:0;    
    width:200px;
    height:330px;
    float:left; 
    
}

#productBoxHomePhoneBroadband
{
    background-image: url(images/wizard/hp-b.jpg);
    background-repeat: no-repeat;
    margin:0;
    padding:0;    
    width:200px;
    height:330px;
    float:left; 
    
}

.selectYourPlanText
{
    font-weight:bold;
    font-size:small;
    display:block;
    margin-left:20px;
}


.selectYourPlanRadioSection
{
    display:block;
    margin-left:13px;
    margin-right:25px;
    font-size:13px;
}


.findOutBtnSection
{
    margin-left:20px;
}

.dis
{
    background-color:#CCCCCC;
}

.dis .textfield, .dis textarea
{
     background-image:none !important;
    background-color:    #CCCCCC;
    border-style: solid;
    border-width:1px;
    padding:2px;
}