/* General Styles */
body {
font-size: 12px;
}
/* **
** don't modify the following lines!
** please contact albert.scheiner or jayanthi.robert
** if you think you have to do it anyways.
*/
/* the content section only gets top and bottom padding */
.content_section {
padding: .833em 0; /* = 10px 0 */
}
/* left and right padding is managed via the 1st level columns */
.middle_layer .section_12 .column_content,
.bottom_layer .section_12 .column_content {
padding: 0 .833em; /* = 0 10px */
}
/* no padding for columns in deeper levels set here */
.middle_layer .section_12 .section_12 .column_content,
.bottom_layer .section_12 .section_12 .column_content {
padding: 0;
}
/* individual paddings */
.middle_layer .section_12 .product_features > .column_content,
.middle_layer .section_12 .product_thumb > .column_content,
.middle_layer .section_12 .modem_image > .column_content,
.middle_layer .section_12 .plan_name > .column_content,
.middle_layer .section_12 .cell_1 > .column_content,
.middle_layer .section_12 .account_message > .column_content {
padding-right: .833em; /* = 0 10px 0 0 */
}
.middle_layer .section_12 .best_value > .column_content,
.middle_layer .section_12 .online_offer > .column_content,
.middle_layer .section_12 .mobile_satellite_access_head > .col > .column_content,
.middle_layer .section_12 .mobile_satellite_access_body > .col > .column_content,
.middle_layer .section_12 .phone_description > .column_content,
.middle_layer .section_12 .plan_features > .column_content,
.middle_layer .section_12 .phone_buy_now > .column_content,
.middle_layer .section_12 .plan_upfront > .column_content,
.middle_layer .section_12 .plan_data > .column_content,
.middle_layer .section_12 .cell_2 > .column_content,
.middle_layer .section_12 .cell_3 > .column_content {
padding: 0 .833em; /* = 0 10px */
}
.middle_layer .section_12 .buy_and_compare > .column_content,
.middle_layer .section_12 .plan_add_handset > .column_content,
.middle_layer .section_12 .cart_need_know.column_content,
.middle_layer .section_12 .cart_terms.column_content,
.middle_layer .top_products_list_wrap .section_12 .cell_3 > .column_content,
.middle_layer .top_products_list_wrap .section_12 .cell_4 > .column_content,
.middle_layer .top_products_list_wrap .section_12 .cell_5 > .column_content
{
padding-left: .833em; /* = 0 0 0 10px */
}
/* **
**
*/
.product_page h1 {
font-size: 2em;
}
.buy_now_wrap{
float:right;
}
input[type="checkbox"]{
vertical-align: middle;
}
/* Global Header */
.top_layer_inner,
.middle_layer_inner,
.bottom_layer_inner {
min-width: 83em;
width: 83em;
margin: 0 auto;
position: relative;
background-color:#FFF;
}
.top_layer_inner {
z-index: 22;
}
.middle_layer_inner {
z-index: 21;
}
.bottom_layer_inner {
z-index: 20;
}
.site_header_2 .column_content {
height: 4em;
border-bottom: .25em solid;
position: relative;
}
.site_header_3 .column_content {
height: 5.25em;
}
/* Personal Header */
.personal_busi_nav {
position: relative;
top: 5px;
left: -3px;
}
.personal_busi_nav_item {
width: 8.5em;
height: 2.333em;
margin-top: .333em;
}
.personal_busi_nav_item.active {
height: 2.667em;
margin-top: 0;
}
.personal_busi_nav .govt_nav_item {
width: 211px;
height: 32px;
}
.personal_busi_nav .wholesale_nav_item{
width: 112px;
height: 32px;
}
.personal_busi_nav .about_optus_nav_item {
width: 125px;
height: 32px;
}
.personal_busi_nav_item_link {
display: block;
font-size: 1.5em;
line-height: 1.889em;
text-align: center;
padding-right: 18px;
margin-bottom: 5px;
padding-top: 0px;
height: 28px;
}
.personal_busi_nav_item .left
{
display:block;
width:18px;
float:left;
height: 28px;
}
.personal_busi_nav_item .right
{
float:left;
}
.personal.active .left, .personal.active .right a
{
height: 32px;
}
.active .personal_busi_nav_item_link {
line-height: 2.111em;
}
.global_header_wrap .personal_header{
height: 100%; /* 12em to 100% menu to be fixed*/
/* padding: 0 2px; */
}
.personal_busi_nav li {
float: left;
width:auto;
margin-left: 0px;
padding-left: 0px; margin-right: 0px;
}
.quick_links_short_lst .quick_links_short_lst_item {
float: left;
}
.quick_links_short_lst_item_link {
border-right: 1px solid;
padding: 0 .8em;
}
.quick_links_short_lst .last {
border-right: 0;
}
.logo_and_quick_links_wrap {
position: relative;
padding: 1.3em .833em 0.9em;
}
.optus_logo{
float: left;
}
.skip_navigation,
.skip_navigation:hover,
.skip_navigation:visited {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
.skip_navigation:active,
.skip_navigation:focus {
position:static;
width:auto;
height:auto;
}
.quick_links_content {
float: right;
position: relative;
margin:-10px -10px 8px 0;
}
.quick_links_short_lst {
float: left;
line-height: 2em;
margin-top: 1px;
}
.quick_links_selection {
float: right;
}
.global_header_wrap .quick_links_content .selectbox_redirect_src {
border: 1px solid #006685;
}
/* Quick Announcement */
.quick_announcement {
text-align: right;
line-height: 0.7em;
}
/* Global Navigation */
/* Primary Navigation List */
.nav_wrap {
margin: 0 2px;
}
.nav_wrap,
.pri_nav_lst {
position: relative;
z-index: 1;
}
.pri_nav_lst_item {
float: left;
}
.pri_nav_lst_item_link {
display: block;
font-size: 1.25em;
padding: 0 18px 0 0;
}
.pri_nav_lst_item_link.home{
}
.pri_nav_lst_item {
padding: 0 0 0 1.333em; /* = 16px */
z-index: -1;
}
.pri_nav_lst_item.first {
padding: 0 0 0 1.4167em; /* = 17px, rounded corner left */
}
.pri_nav_lst_item.active {
margin: 0 -6px 0 -8px;
margin: 0 -6px 0 -6px;
padding: 0 0 0 1.75em; /* = 21px */
}
.pri_nav_lst_item.active .pri_nav_lst_item_link{
padding: 0 1.333em .2em 0;
position: relative; /* So it displays above the inactive items */
z-index: 99; /* So the text doesn't get covered up on IE7 */
}
.pri_nav_lst_item.first.active {
margin-left: 0;
padding: 0 0 0 1.4167em; /* = 17px, rounded corner left */
}
.pri_nav_lst_item.last.active{
padding: 0 1.5em 0em .4em;
}
.pri_nav_lst_item.last.active .pri_nav_lst_item_link{
padding: 0 1.5em 0.2em .4em;
padding:0 13px 0.2em 11px;
}
.pri_nav_lst .active {
z-index: 2;
*margin-top: 0;
*padding-top: 0;
}
/* Secondary Navigation List */
#global_header .sec_nav_lst {
display: none;
position: absolute;
left: 0;
padding-top:10px;
margin: 0;
z-index:99999;
/* It will be up to the CMS users to not put too many 3rd level menu items in the site.
width: 51.25em;
*/
width:100%;
background:#e5e5e5;
-webkit-box-shadow: 0px 2px 2px #b2b2b2;
-moz-box-shadow: 0px 2px 2px #b2b2b2;
box-shadow: 0px 2px 2px #b2b2b2;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b7b7b7')";
}
#global_header .sec_nav_lst ul li a:hover{
text-decoration:underline;
}
#global_header .sec_nav_lst.meganav_gradient{
background:#f5f5f5;
background-image: linear-gradient(bottom, rgb(245,245,245) 85%, rgb(229,229,229) 100%);
background-image: -o-linear-gradient(bottom, rgb(245,245,245) 85%, rgb(229,229,229) 100%);
background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 85%, rgb(229,229,229) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 85%, rgb(229,229,229) 100%);
background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 85%, rgb(229,229,229) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.85, rgb(245,245,245)),
color-stop(1, rgb(229,229,229))
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f5f5f5',GradientType=0 );
}
#global_header .sec_nav_lst_item {
float: left;
padding: 0 2px;
width:188px;
min-height:161px;
height:161px;
height:100%;
background: url('../../../../images/business/shared/meganav_divider.png') no-repeat right 30px;
}
#global_header .sec_nav_lst_item.last {
background: none;
}
#global_header .sec_nav_lst_item_outer {
border: 0 none;
display: block;
padding-left: 6px;
font-size:1em;font-weight:600;font-family:Arial;color:#5e5e5e;
margin-top:7px;
}
#global_header .sec_nav_lst_item_inner {
display: block;
line-height: 26px;
padding: 0 26px 4px 3px;
white-space: nowrap;
}
/* Teritary Navigation List */
.ter_nav_lst_outer {
/*top: -1000em;
width: 220px;
*/
height:200px;
overflow:hidden;
/*border-right:1px solid #d7d7d7;*/
}
.ter_nav_lst {
padding-bottom: 14px;
/*padding-top: 7px;*/
width: 100%;
height:100%;
}
.ter_nav_lst_item {
text-align: left;
line-height: 1.5em;
}
.ter_nav_lst li.first a {
/*padding-top: 7px;*/
}
.ter_nav_lst_item .ter_nav_lst_item_link {
text-align: left;
padding: 3px 23px 3px 10px;
display: block;
}
#global_header .sec_nav_lst_item:hover .ter_nav_lst_outer,
#global_header .sec_nav_lst_item_outer:focus + .ter_nav_lst_outer,
#global_header .sec_nav_lst_item.active .ter_nav_lst_outer {
}
#global_header .sec_nav_lst_item:hover .ter_nav_lst_outer > .ter_nav_lst_body,
#global_header .sec_nav_lst_item_outer:focus + .ter_nav_lst_outer > .ter_nav_lst_body,
#global_header .sec_nav_lst_item.active .ter_nav_lst_outer > .ter_nav_lst_body {
border: 0 none;
cursor: pointer;
}
#global_header .sec_nav_lst_item:hover .ter_nav_lst_outer > .ter_nav_lst_body > .ter_nav_lst_body_inner,
#global_header .sec_nav_lst_item_outer:focus + .ter_nav_lst_outer > .ter_nav_lst_body > .ter_nav_lst_body_inner,
#global_header .sec_nav_lst_item.active .ter_nav_lst_outer > .ter_nav_lst_body > .ter_nav_lst_body_inner {
}
/*
#global_header .sec_nav_lst_item:hover > .ter_nav_lst_outer > .ter_nav_lst_foot,
#global_header .sec_nav_lst_item_hover > .ter_nav_lst_outer > .ter_nav_lst_foot {
padding: 0 0 0 .6em;
text-align: right;
}
#global_header .sec_nav_lst_item:hover > .ter_nav_lst_outer > .ter_nav_lst_foot > .ter_nav_lst_foot_inner,
#global_header .sec_nav_lst_item_hover > .ter_nav_lst_outer > .ter_nav_lst_foot > .ter_nav_lst_foot_inner {
height: .7em;
padding: 0 .8em 0 0;
border: 1px solid red;
width: 100%;
}
*/
/* smb secondary navigation call to action call */
#global_header .smbnav_calltoaction{
/*border-top:1px solid #d7d7d7;*/
background:url(../../../../images/business/shared/site_header/smb_secnav_cta_divider.png) top center no-repeat;
font-weight:normal;line-height:normal;
color:#808093;
padding:10px 0 0 0;
width:96%;
margin:25px auto;
color:#787878;
height:90px;
}
#global_header .smbnav_calltoaction h4{font-size:1.2em;color:#787878;font-family:"Arial";}
#global_header .smbnav_calltoaction .leftcta{
width:45%;
float:left;
}
#global_header .smbnav_calltoaction .rightcta{
width:45%;
float:right;
}
#global_header .smbnav_calltoaction .singlecta{
padding-left:70px;
}
#global_header .smbnav_calltoaction .ctaicon{
background:url(../../../../images/business/homepage/home_icons.png) no-repeat;
width:60px;
height:80px;
float:left;
margin:10px 10px 0px 0px;
}
#global_header .smbnav_calltoaction .ctaicon.spending{background-position: -1145px 0px;}
#global_header .smbnav_calltoaction .ctaicon.device{background-position: -2355px 0px;}
#global_header .smbnav_calltoaction .ctaicon.support{background-position: -2575px 0px;}
#global_header .smbnav_calltoaction .ctaicon.coverage{background-position: -2465px 0px;}
#global_header .smbnav_calltoaction .ctaicon.tablet{background-position: -1695px 0px;}
#global_header .smbnav_calltoaction .ctaicon.techsupport{background-position: -705px 0px;}
#global_header .smbnav_calltoaction .ctaicon.officesolution{background-position: -3565px 0px;}
#global_header .smbnav_calltoaction .ctaicon.specialist{background-position: -485px 0px;}
#global_header .smbnav_calltoaction .ctaicon.technology{background-position: -1475px 0px;}
#global_header .smbnav_calltoaction .hightlight {
color:#787878;
font-weight:bold;
display:block;margin-top:8px;font-size:12px;
}
#global_header .smbnav_calltoaction .hightlight:hover {
text-decoration:underline;
}
/* Optus Zoo links */
.optuszoo_links_lst_item {
float: left;
height: 3.833em;
line-height: 3.667em;
}
.optuszoo_links_lst {
position: relative;
left: -8px;
}
.optuszoo_links_lst_item_link {
display: block;
font-size: 1.25em;
padding: 0 1.067em;
}
.first .optuszoo_links_lst_item_link {
padding-left: 1.467em;
}
.last .optuszoo_links_lst_item_link {
padding-right: 1.133em;
}
/* OCA extra links */
.oca_extra_links {
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}
.oca_extra_links_item {
float: left;
height: 3.833em;
line-height: 3.7em;
}
.oca_extra_links .oca_extra_links_item_link {
display: block;
font-size: 1.25em;
}
.first .oca_extra_links_item_link,
.last .oca_extra_links_item_link {
padding: 0 1.25em;
}
/* Secondary navigation, search form and cart quick panel */
.sec_nav_and_search_cart_panels {
height: 2.667em;
margin: 0 .167em;
position: relative;
/*top: -.4em;*/
}
.without_search_cart_panels {
height: .4em;
position: relative;
top: -.4em;
}
.search_and_cart_panels {
float: right;
position: relative;
/*width: 42%;*/
width: 37%;
height: 2.667em;
}
/* Search form */
.search_for_wrap {
position: relative;
top: .25em;
left: .083em;
display: inline-block; /* fix for IE 7 */
padding-left: .833em;
width: 14em;
}
.search_for_wrap .fieldset_level_1 {
border: 0;
padding: 0;
}
.search_for_wrap input {
border: 0;
}
.search_for_wrap .search_text_inp {
float: left;
margin-top: 3px;
width: 10.5em;
}
.search_for_wrap .go {
height: 2em;
text-indent: -999em;
width: 1.75em;
}
/* shopping cart quick panel */
.your_cart_quick_panel {
position: absolute;
left: 15.75em;
top: 0;
padding-left: 3.58em;
height: 100%;
}
.your_cart_quick_panel .your_cart_quick_panel_summary_wrap {
position: absolute;
right: -.083em;
top: 2.7em;
padding: 0;
width: 20em;
}
.your_cart_quick_panel .your_cart_quick_panel_content {
font-size: 1.167em;
float: left;
padding: .36em .36em 0 0;
margin: 0;
min-width: 8.714em;
height: 1.93em;
}
.your_cart_quick_panel:hover .your_cart_quick_panel_summary_wrap {
cursor: default;
display: block;
}
.review_links {
visibility: hidden;
text-align: center;
padding-right: 11%;
font-size: 14px;
text-decoration: underline;
}
.divider {
border-left: 1px solid #006685;
margin: 10px;
}
/* Global Footer */
.bottom_layer h3 {
padding: 0 0 .714em;
font-size: 1.167em;
}
.site_map_wrap_box {
margin-bottom: .83em;
}
.footer_links {
padding: .83em;
overflow: hidden;
}
.bottom_layer .site_footer_column_first .column_content {
padding-left: 1.667em;
}
.bottom_layer .site_footer_column_last .column_content {
padding-right: 1.667em;
}
.site_footer .col .column_content.header {
height: 1.5em;
}
.site_footer .col .column_content.footer {
height: .833em;
}
.site_footer .section_list {
line-height: 1.5em;
}
.site_footer .col .column_content .plain_list {
padding-bottom: .833em;
}
.site_footer .col .column_content .plain_list li {
line-height: 1.25em;
padding-bottom: .583em;
}
/* Entrust and Copyright */
.entrust_and_copyright {
padding: .5em 0 0 .833em;
}
.entrust_and_copyright .entrust_and_copyright_item {
border-right: 1px solid;
float: left;
padding: 0 .5em;
display: inline;
}
.entrust_and_copyright .first {
padding-left: 0;
}
.entrust_and_copyright .last {
border-right: 0;
line-height: 1.17em;
}
/* Quick Links Footer */
.bottom_layer .section_12 .quick_links {
float: right;
}
.quick_links_list {
padding: .5em .833em 0 0;
}
.quick_links_list .quick_links_list_item {
border-right: 1px gray solid;
float: left;
padding: 0 .5em;
display: inline;
}
.quick_links_list .first,
.quick_links_list .last {
border-right: 0;
padding: 0 0 0 .5em;
}
/* Main Carousel Override */
.page_contents .ui-tabs {
padding: 0;
}
.page_contents .ui-tabs .ui-tabs-nav li a {
font-size: 1.333em;
line-height: 1.188em;
}
.page_contents .ui-tabs .ui-tabs-nav li {
top: .167em;
margin-right: .333em;
}
.page_contents .ui-tabs .ui-tabs-nav li a {
padding: 0;
}
.page_contents .ui-tabs .ui-tabs-nav li span {
display: block;
padding: .563em .875em .25em .25em;
}
.product_carousel_wrapper .slider_container .slider .ui-slider-handle {
top: .35em;
}
/* overwrite jquery-ui css padding-bottom: 1px, as it causes display errors in e.g. product details pages */
.page_contents .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
padding-bottom: 0;
}
/* ** list_t4 customisation ** */
.list_t4 {
padding: .2em 0;
margin: 0;
list-style-type: none;
line-height: 1.5em;
width: 225px;
list-style: none;
float: left;
}
.list_t4 .list_t4_item {
padding: .3em .75em .3em .83em;
line-height: 1.5em;
}
/* ** list_t8 customisation ** */
.list_t8 .list_t8_item {
padding: 0 0 .5em .83em;
}
/* ** list_t9 customisation ** */
.list_t9 {
padding: .2em 0;
margin: 0;
list-style-type: none;
line-height: 1.5em;
list-style: none;
float: left;
}
.list_t9 .list_t9_item {
padding: .3em .75em .3em .83em;
line-height: 1.5em;
background:url("../../../../images/personal/mobile/right_arrow_lst.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
}
/* Different styles - comments needed */
.form_filter_option .button_filter{
float: right;
}
/*--fix for IE7 only--*/
:first-child+html .form_filter_option .button_filter {
margin-right: .833em;
}
/* product listing table */
.list_tbl {
width: 100%;
}
.list_tbl .tbl_col_1 {
width: 8.335%;
*width: 8.29%; /* IE7 fix */
}
.list_tbl .tbl_col_2 {
width: 16.667%;
*width: 16.649%; /* IE7 fix */
}
.list_tbl .tbl_col_3 {
width: 25%;
}
.list_tbl .tbl_col_4 {
width: 33.334%;
}
.list_tbl .tbl_col_5 {
width: 41.667%;
*width: 41.62%; /* IE7 fix */
}
.list_tbl .tbl_col_6 {
width: 50%;
}
.list_tbl .tbl_col_7 {
width: 58.24%;
}
.list_tbl .tbl_col_8 {
width: 66.667%;
}
.list_tbl .tbl_col_9 {
width: 75%;
}
.list_tbl .tbl_col_10 {
width: 83.2%;
}
.list_tbl .tbl_col_11 {
width: 91.52%;
}
.list_tbl .tbl_col_12 {
width: 100%;
}
/* General buttons */
/* Added .middle_layer as a prefix class because of conflicts with new CCR-242 Header */
.top_layer .button ,
.middle_layer .button,
.bottom_layer .button {
text-indent: -1000em;
display: block;
}
.lightbox_wrap .button_t1,
.middle_layer .button_t1 {
display: inline-block;
padding-left: 1.25em;
margin-top: 7px;
}
.button_t5 .button_text,
.button_t6 .button_text {
width: 5.07em;
text-align:center;
}
.button_t3 {
display: inline-block;
padding-left: .5em;
}
.lightbox_wrap .button_t1 .button_text,
.middle_layer .button_t1 .button_text {
font-size: 1.667em; /* = 20px */
display: block;
float: left;
padding: .3em .75em .35em 0;
}
/*
For MSIE9
*/
.msie8compat_from_ie9 .button_t1 .button_text {
padding-top: .45em;
padding-bottom: .2em;
}
.button_t3 .button_text {
display: inline-block;
font-size: 1.167em;
line-height: 1.714em;
padding-right: .5em;
margin-right: -.167em;
}
.button_t5 .button_text{
cursor: pointer;
}
.button_t7 {
padding-left:1.17em;
}
.hidden_item {
display:none;
}
/* badges */
.badge_wrap {
position: relative;
}
.badge_t0 {
position: absolute;
z-index: 1;
top: -.75em;
left: 0;
}
.renderDeviceInAccordion .badge_t0 {
top: -0.1em;
}
.badge_t1 {
top: 0;
}
.badge_t2 {
top: .5em;
left: .5em;
}
.badge_t3 {
top: 5em;
left: -2.2em;
}
.badge_t4 {
top: 3em;
left: -2.2em;
}
.badge_t5 {
top: .5em;
left: -2.2em;
}
.badge_t6 {
top: -.5em;
left: -2.2em;
}
.badge_t7 {
top: auto;
bottom: -.75em;
left: -.677em;
}
/* accordion/list disclaimer */
.disclaimer {
text-align: left;
font-weight: bold;
min-height: 3em;
}
.disclaimer_condapply
{
padding: .83em 0 0 9px;
text-align: left;
font-size:1.1em;
line-height:1.5em;
}
.file_pdf.cislink
{
padding-left:20px;
}
.disclaimer_condapply .boldmtc_true
{
font-weight:bold
}
.middle_layer .section_12 .section_12 .column_content .price_discount_disclaimer, .bottom_layer .section_12 .section_12 .column_content .price_discount_disclaimer
{
font-weight:bold;
}
.middle_layer .section_12 .section_12 .column_content .mobile_disclaimer, .bottom_layer .section_12 .section_12 .column_content .mobile_disclaimer
{
padding-top: 1.1em;
min-height: 3em;
}
.price_discount_disclaimer .disclaimer
{
min-height:1em;
}
/*****
* Box style type 1
* subclasses: box_t2 to box_t12
* The box height can be resized vertically dynamically.
* The width is fixed though. -- It can be extended in width too
* Example:
*
*/
.box_t1 .box_header,
.box_t1 .box_body,
.box_t1 .box_footer {
padding-left: .3em;
}
.box_t1 .box_body {
border: solid #ccc;
border-width: 0 .1em;
padding: 0 0 .916em .307em;
}
.box_t1 .box_header .box_inner,
.box_t1 .box_body .box_inner,
.box_t1 .box_footer .box_inner {
padding: 0 1em;
}
.box_t1 .box_body .box_inner {
padding-top: 1em;
}
.box_t1 .box_header .box_inner {
height: 1.5em; /*= 27px */
padding: 1.111em .611em 0 .39em; /*= 20px 11px 0 7px */
}
.box_t1 .box_footer,
.box_t1 .box_header,
.box_t1 .box_footer .box_inner {
height: 4px; /* related to an image */
line-height: 3px; /* related to an image */
}
/* cart specific box_t1 */
.box_t1.cart_need_know .box_header .box_inner {
height: .417em;
padding: 0;
}
.box_t1.cart_need_know .box_body {
padding-left: 0;
}
.box_t1.cart_need_know .box_body .box_inner {
padding-top: 0;
}
/* box_t2 */
/*
* NOT IN USE
* COMMENTED OUT ON THE 6. SEPT
* IF STILL COMMENTED OUT ON THE 16. SEPT,
* PLEASE ADD A NEW BOX STYLE HERE IF NEEDED INSTEAD OF CREATING A NEW ONE
*
.box_t2 {
position: relative;
}
.box_t2 .box_header,
.box_t2 .box_body,
.box_t2 .box_footer {
padding-left: 2.384em;
}
.box_t2 .box_header {
height: auto;
}
.box_t2 .box_header .box_inner,
.box_t2 .box_body .box_inner,
.box_t2 .box_footer .box_inner {
padding: 0 .9em;
}
.box_t2 .box_body {
border: solid #006685;
border-width: 0 4px;
padding: 0;
}
.box_t2 .box_footer,
.box_t2 .box_footer .box_inner {
height: 65px;
}
*/
/* box t3 */
/*
* NOT IN USE
* COMMENTED OUT ON THE 6. SEPT
* IF STILL COMMENTED OUT ON THE 16. SEPT,
* PLEASE ADD A NEW BOX STYLE HERE IF NEEDED INSTEAD OF CREATING A NEW ONE
*
.box_t3 {
position: relative;
}
.box_t3 .box_header,
.box_t3 .box_body,
.box_t3 .box_footer,
.box_t8 .box_body .box_t3 .box_header,
.box_t8 .box_body .box_t3 .box_body,
.box_t8 .box_body .box_t3 .box_footer {
padding-left: 1em;
}
.box_t3 .box_header .box_inner,
.box_t3 .box_footer .box_inner,
.box_t8 .box_body .box_t3 .box_header .box_inner,
.box_t8 .box_body .box_t3 .box_footer .box_inner {
padding: 0 .9em;
}
.box_t3 .box_body,
.box_t8 .box_body .box_t3 .box_body {
border: solid #cce0e6;
border-width: 0 2px;
padding: 0;
}
.box_t3 .box_body .box_inner,
.box_t8 .box_body .box_t3 .box_body .box_inner {
height: auto;
}
.box_t3 .box_footer,
.box_t3 .box_footer .box_inner,
.box_t8 .box_body .box_t3 .box_footer,
.box_t8 .box_body .box_t3 .box_footer .box_inner {
height: 13px;
}
.box_t3 .box_body .box_inner,
.box_t8 .box_body .box_t3 .box_body .box_inner {
padding: .1em;
}
*/
/* box t4
* content tabs boxes
* */
.box_t4 {
position: relative;
}
.box_t4 .box_header,
.box_t4 .box_body,
.box_t4 .box_footer {
padding-left: .6em;
}
.box_t4 .box_header .box_inner,
.box_t4 .box_footer .box_inner {
padding: 0 .9em;
}
.box_t4 .box_header .box_inner {
height: .5em; /* modified by Wipro to fix IE gap issue */
}
.box_t4 .box_header {
height: 6px;
}
.box_t4 .box_body {
border: solid #ccc;
border-width: 0 1px;
padding: 0;
}
.box_t4 .box_body .box_inner {
height: auto;
}
.box_t4 .box_footer,
.box_t4 .box_footer .box_inner {
height: 9px;
}
.box_t4 .box_body .box_inner {
padding: 0 .083em .083em;
overflow: hidden;
}
/* box t5 */
/*
* NOT IN USE
* COMMENTED OUT ON THE 6. SEPT
* IF STILL COMMENTED OUT ON THE 16. SEPT,
* PLEASE ADD A NEW BOX STYLE HERE IF NEEDED INSTEAD OF CREATING A NEW ONE
*
.box_t5 .box_header,
.box_t5 .box_body,
.box_t5 .box_footer {
padding-left: .384em;
}
.box_t5 .box_body {
padding: 0;
}
*/
/* box t6 */
.box_t6 .box_header,
.box_t6 .box_body,
.box_t6 .box_footer,
.box_t6 .box_header .box_inner,
.box_t6 .box_body .box_inner,
.box_t6 .box_footer .box_inner {
border: 0;
padding: 0;
}
.box_t6 .box_body .box_inner {
padding: 0 1.083em;
}
.box_t6 .box_header,
.box_t6 .box_header .box_inner,
.box_t6 .box_footer,
.box_t6 .box_footer .box_inner {
height: .667em;
}
.box_t6 .box_header,
.box_t6 .box_footer {
margin-left: .667em;
position: relative;
}
.box_t6 .box_header .box_inner,
.box_t6 .box_footer .box_inner {
left: -.667em;
position: absolute;
top: 0;
width: .667em;
}
.box_t4 .promo_box_wrap .box_t6 {
padding: 0 0.5em;
height: auto;
}
.box_t4 .promo_box_wrap .box_t6 .box_body {
height: auto;
}
/* box t7 */
.box_t7 .box_header .box_inner {
height: 0;
padding: .34em 0 0;
}
.box_t7 .box_body {
border: medium none;
}
.box_t7 .box_body .box_inner {
padding-top: 0;
}
/* box t8 */
.box_t8 .box_header .box_inner {
height: 0;
padding: .333em 0 0;
}
.box_t8 .box_body {
border-width: 0;
}
.box_t8 .box_body .box_inner {
padding-top: 0;
}
/* box t9 */
.box_t9 {
position: relative;
}
.box_t9 .box_header,
.box_t9 .box_body,
.box_t9 .box_footer {
padding-left: .6em;
}
.box_t9 .box_header .box_inner,
.box_t9 .box_footer .box_inner {
padding: 0 .9em;
}
.box_t9 .box_header .box_inner {
height: .55em;
}
.box_t9 .box_header {
height: .7em;
}
.box_t9 .box_body {
border-style: none solid;
padding: 0;
}
.box_t9 .box_body .box_inner {
height: auto;
}
.box_t9 .box_footer,
.box_t9 .box_footer .box_inner {
height: 13px;
}
.box_t9 .box_body .box_inner {
padding: .1em;
overflow: hidden;
}
/* box t10 */
.box_t10 .box_header {
height: .5em;
}
.box_t10 .box_body .box_inner {
padding-top: 0;
}
/* box t11 */
.box_t11 .box_header,
.box_t11 .box_footer {
padding-left: .667em;
}
.box_t11 .box_footer,
.box_t11 .box_header,
.box_t11 .box_header .box_inner,
.box_t11 .box_footer .box_inner {
height: .667em;
}
.box_t11 .box_body {
border: none;
padding-left: 0;
}
.box_t11 .box_body .box_inner {
padding-top: .25em;
}
/* box t12 - e.g. your shopping cart - about you, reuses skin from box_t6
* @depenedcy box_t1 box_t6 box_t12
* */
.box_t12 .box_body {
padding: .4167em 0; /* = 5px 0 5px 0 */
}
.box_t12 .box_body .box_inner {
padding: 0 .833em 0 .5em; /* = 0 10px 0 6px */
}
/* box t13
* used in businessSolutionDetails
* used within a box_t8 and therefore has to be later declared in the css
* */
.box_t13 {
position: relative;
}
.box_t13 .box_header,
.box_t13 .box_body,
.box_t13 .box_footer {
padding-left: 1em;
}
.box_t13 .box_body {
border: solid #cce0e6;
border-width: 0 2px;
padding: 0;
}
.box_t13 .box_footer,
.box_t13 .box_header,
.box_t13 .box_header .box_inner,
.box_t13 .box_footer .box_inner {
height: 1em;
}
/*****
* Box style type_20
* subclasses: box_t21
* The box height can be resized vertically dynamically.
* The width is fixed though.
* Example:
*
*/
.box_t20 {
width: 10em; /* = 120px */
margin: 0 auto;
}
.box_t20 .box_header .box_inner,
.box_t20 .box_footer .box_inner {
height: 1.25em;
}
/* box_t21 (main object class box_t20) - e.g. bundle plans in lists */
.box_t21 {
width: 11em; /* = 132px */
}
/* box_t22 (main object class box_t20) - e.g. bundle plans in lists */
.box_t22 {
width: 5.25em; /* = 63px */
}
.box_t22 .box_header .box_inner,
.box_t22 .box_footer .box_inner {
height: 1em;
}
/* Price Tag box */
.price_tag_box {
width: 14em;
padding-top: 1em;
}
.price_tag_box {
margin: 0 auto;
float: none;
}
.price_tag_box .box_t2 {
margin: 0 .7em;
width: auto;
}
.price_tag_box .box_t3 {
width: auto;
}
.price_tag_box .box_t2 .box_body {
margin-top: -8px;
}
.price_tag_box .box_t3 {
margin-top: 1em;
}
.price_tag_box .box_t11 .box_body {
padding-bottom: 0;
}
.price_tag_box .plan_price_name_wrap {
padding-bottom: .667em;
}
.price_tag_box .plan_included {
overflow: hidden;
padding: .83em 0;
}
.price_tag_box .plan_included .plan_included_top {
margin-bottom: 1em;
overflow: hidden;
padding-bottom: 0;
position: relative;
}
.price_tag_box .plan_included .amount {
font-size: 2.667em;
float: none;
margin-right: 5px;
position: relative;
min-width: 50%;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
}
.price_tag_box .plan_included .amount .dollar_sign {
font-size: .5625em;
position: relative;
top: -.5em;
}
.price_tag_box .plan_included .amount .plan_price_type {
font-size: .5652em; /* =18px */
}
.price_tag_box .plan_included .desc {
display: inline-block;
vertical-align: baseline;
width: 40%;
zoom: 1;
*display: inline;
}
.price_tag_box .plan_included .plan_included_bottom {
overflow: hidden;
position: relative;
}
.price_tag_box .plan_included .po_data {
position: relative;
top: .9em;
width: 3em;
left: -.2em;
}
.price_tag_box .plan_included_top .desc ,
.price_tag_box .plan_included_bottom .desc,
.price_tag_box .plan_included_terms {
font-size: 1em;
}
.price_tag_box .plan_new_badge {
margin-top: -.75em;
position: absolute;
z-index: 1;
margin-left: -2.2em;
}
.price_tag_box .plan_included_terms {
margin-top: 1em;
}
/* Price Tag box_t2 */
.price_tag_box_t2 {
width: 12em;
}
.price_tag_box_t2 .plan_included_terms {
margin: 0 auto;
padding: .83em 0;
}
/* Price Tag box_t3 */
.price_tag_box_t3 {
width: auto;
min-width: 5em; /* = 60px */
}
/* price_wrap_t1 */
.price_wrap_t1 .price_text_wrap {
font-size: 5em; /* = 60px */
font-family: trebuchet MS;
height: auto;
white-space: nowrap;
}
.price_wrap_t1 .price_value,
.price_wrap_t1 .dollar_sign,
.price_wrap_t1 .price_value_cent,
.price_wrap_t1 .price_text_wrap .value_postfix_wrap {
white-space: normal;
display: inline-block; /* !see hack for IE7 */
zoom: 1; /* IE7: force hasLayout */
*display: inline; /* IE7: with hasLayout = inline-block */
}
.price_wrap_t1 .price_value {
font-size: 1em;
line-height: 1em;
}
.price_wrap_t1 .dollar_sign,
.price_wrap_t1 .price_value_cent {
font-size: .4em;
vertical-align: top;
margin-top: .175em; /* more consistent between browsers then 'vertical-align: super;' */
line-height: 1em;
}
.price_wrap_t1 .price_text_wrap .value_postfix_wrap {
font-size: .2em;
line-height: 1em;
height: auto;
padding-left: .25em;
}
.price_wrap_t1 .value_postfix_extra {
font-size: .833em; /* 10px */
padding-top: .5em;
display: block;
}
/**
* For product/plan selection radio boxes
*/
.product_radio_input {
display: none;
}
/* Share it */
.share_it {
position: absolute;
right: 10px;
top: 0.46em;
}
.share_it img {
height: 16px;
width: 83px;
border:0;
}
/* Share it */
/* Password Strength error Message */
.register_errorMsg{
padding: 0;
margin: 0;
}
ul.errorMsg_list{
padding: .8em 0;
margin: 0 0 0 1em;
width: 45em;
}
ul.errorMsg_list li.errorMsg_list_item{
clear: both;
list-style: none;
padding: .25em .75em;
list-style: outside;
list-style-type: none;
line-height: 1.4em;
width: 100%
}
/* Password Strength error Message */
/****
* Pagination controls
*/
.pagination_ctrl_container {
padding: 20px;
}
.pagination_ctrl_container.bottom {
padding-bottom: 0;
}
.pagination_ctrl {
text-align: right;
}
.pagination_ctrl .pagination_ctrl_item {
display: inline;
}
/* Features Table */
.features_header, .features_footer {
font-size: 1.1em;
line-height: 20px;
padding: 5px;
}
.features_content tbody {
border-style: solid;
border-width: 2px 0px;
}
.features_content tbody td {
padding: 10px;
width: 100px;
text-align: center;
font-weight: bold;
font-size: 1.2em;
}
.features_content tbody td.col_header {
padding: 10px;
text-align: left;
vertical-align: middle;
}
.features_content tbody td.row_header {
font-size: 3em;
}
/*
* PROMO BOX
*/
/* Promo Box: General */
.promo_box {
padding: .83em 0;
clear: both;
}
.promo_box_carousel {
padding-top: 1.667em; /* can't apply bottom padding to carousel tab as it is within a generic tab wrapper, apply double top padding here instead */
}
/* Promo Box: I Want To */
.promo_box_wrap .i_want_to .box_body {
height: 14.5em;
}
.promo_box .promo_box_wrap .i_want_to .i_want_to_list {
padding: .2em 0;
margin: 0;
list-style: none;
float: left;
width: 18.5em;
}
.promo_box .promo_box_wrap .i_want_to .i_want_to_list li {
list-style: none;
padding: .4em .75em;
list-style-type: none;
}
.promo_box .js_slideshow_wrapper {
height: 14.7em;
}
.promo_box .js_slideshow_wrapper {
width: 40em;
}
.promo_box .promo_banner_wrap {
padding-left: .83em;
}
.promo_box .learn_more_list {
float: left;
width: 18.5em;
}
.promo_box_wrap .learn_more .box_body {
height: 160px;
}
.promo_box_wrap .learn_more_list li {
padding-left: .83em;
padding: .4em .75em;
}
.promo_box .promo_box_wrap .i_want_to h3,
.contact_us_content .contact_us_title,
.get_sooner_cheaper_wrap .get_sooner_content h3 {
font-size: 1.5em;
}
/*
.promo_box .promo_box_wrap .i_want_to .i_want_to_list {
padding: .2em 0;
margin: 0;
list-style: none;
float: left;
width: 18.9em;
}
*/
/* Slideshow */
.js_slideshow,
.js_slideshow_item {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
.js_slideshow {
overflow: auto;
width: 100%;
height: 100%;
}
.js .js_slideshow_wrapper {
position: relative;
overflow: hidden;
}
.js .js_slideshow {
overflow: hidden;
position: relative;
z-index: 10;
}
.js .js_slideshow_item {
position: absolute;
top: 0;
left: 0;
}
.js .js_slideshow .js_slideshow_item {
display: none;
}
.js .js_slideshow .js_slideshow_item:first-child {
display: block;
}
.js_slideshow_ctrl {
width: 100%;
position: absolute;
_padding-bottom: .4em;
bottom: .8em; /* correct by wipro */
left: 0;
z-index: 20;
overflow: hidden;
text-align: center;
opacity: .5;
filter: alpha(opacity=50);
}
.js_slideshow_ctrl a {
/* see fix for: IE7 below */
outline: 0;
display: inline-block;
width: 27px;
width: 18px;
height: 13px;
padding: .1em;
}
.msie7 .js_slideshow_ctrl a {
zoom: 1;
display: inline;
}
/* Learn More */
.learn_more,
.learn_more {
height: 14.4em;
}
.learn_more .learn_more_lists ul {
padding: 0em;
}
.learn_more .learn_more_lists {
padding: .2em 0;
margin: 0;
list-style: none;
float: left;
width: 50%;
}
.learn_more .learn_more_lists li {
list-style: none;
padding: .4em .75em;
}
/****
/* online sales assistance and cheaper online
/* and
/* Things you need to know when you are ready to checkout
*/
.sale_assistance_offers .sale_assist_wrap .box_t1,
.sale_assistance_offers .contact_us_wrap .box_t1 {
position: relative;
}
.sale_assistance_offers .contact_us_wrap .box_t1 {
width: 40em;
}
.sale_assistance_offers .box_t1 .box_body {
border: medium none;
}
.sale_assistance_offers .box_t1.contact_us .box_body {
height: 160px;
padding: 0;
}
.sale_assistance_offers .get_sooner_cheaper_wrap .box_body {
min-height: 13em;
}
.sale_assistance_offers .box_t1 .box_body .box_inner {
padding-top: 0;
}
.sale_assistance_offers .box_t1.contact_us .box_body .box_inner {
padding: 0;
}
.sale_assistance_offers .box_t1 .box_body .feature_image {
bottom: 0;
left: 0;
position: absolute;
z-index: 99;
}
.sale_assistance_offers .online_sale_assist_content {
left: 8em;
position: absolute;
top: 0;
}
.sale_assistance_offers .cheaper_online_wrap .online_offers {
float: left;
width: 65%;
}
.sale_assistance_offers .cheaper_online_wrap .right_col_lst {
width: 30%;
}
.sale_assistance_offers .box_t1 .box_body .assist_number,
.sale_assistance_offers .cheaper_online_wrap h3 {
font-size: 1.5em;
}
.sale_assistance_offers .contact_us_content img {
vertical-align: middle;
margin: 0 .75em 0 0;
}
.assist_number_wrap {
margin-top: 1.667em;
}
.assist_number_wrap .assist_number_col ,
.assist_number_wrap .chat_box_col {
float: left;
}
.chat_live_col {
width: 11em;
position: absolute; /* absolute to box_t1 */
bottom: .5em;
right: .5em;
float: right;
}
.assist_number_wrap .chat_live_col .chat_roundbox .chat_content {
height: 5.7em;
margin: 0 1em;
}
.sale_assistance_offers .assist_number_small {
margin-right: .25em;
}
.sale_assistance_offers .order_by_phone,
.sale_assistance_offers .order_online {
padding: .5em 0;
font-size: 1.167em;
}
.sale_assistance_offers .order_by_phone {
padding-top: 0;
}
.sale_assistance_offers .order_online {
padding-top: .928em;
}
.sale_assistance_offers .sale_assist_wrap .box_t1.large {
width: 83em;
position: relative;
}
.sale_assistance_offers .sale_assist_wrap .order_by_phone {
margin: 1em 0 0;
}
.sale_assistance_offers .contact_us_content {
margin-left: 9.167em;
}
.sale_assistance_offers .contact_us_content .monday_friday_text {
display: block;
padding-top: .5em;
}
.sale_assistance_offers .need_assistance .monday_friday_text {
padding-left: .5em;
font-size: .857em;
}
.chat_live_col .chat_txt {
width: auto;
margin: .214em 0 .671em;
font-size: 1.167em;
}
.assist_number_wrap .chat_txt {
display: block;
}
.contact_us_content .contact_us_header {
padding: 1em 0 0;
}
/****
* sales assistent mobile
*/
.sale_assistance_offers .need_assist_wrap img {
vertical-align: middle;
}
.sale_assistance_offers .get_sooner_offers {
float: left;
width: 50%;
font-size: 1.333em;
}
.sale_assistance_offers .get_sooner_cheaper_wrap .box_body .get_sooner_offers .online_only {
font-size: .8em;
text-transform: uppercase;
}
.get_sooner_cheaper_wrap .right_col_lst {
width: 48%;
padding-left: 2%;
}
.get_sooner_offers .get_sooner_offer_item {
padding: .5em 0;
}
.get_sooner_offers .get_sooner_offer_item.first {
padding-top: 0;
}
.get_sooner_offer_img_wrap {
display: inline-block;
vertical-align: middle;
margin-top: -.076em;
text-align: center;
width: 3em;
}
.get_sooner_cheaper_wrap .get_sooner_content .box_body {
height: 10.1em;
}
/* Chat */
.chat_rbtop div,
.chat_rbtop,
.chat_rbbot div,
.chat_rbbot {
width: 100%;
height: .75em;
}
.chat_rbtop .corner_sprint_img,
.chat_rbbot .corner_sprint_img {
width: 20em;
}
.chat_content {
height: 3.5em;
margin: 0 1em;
}
.chat_roundbox_inner {
margin: -1px;
}
.need_assist_wrap .chat_live_col {
margin-left: 2.4em;
}
.need_assist_chat_now {
float: right;
position: relative;
top: 10px;
}
.sale_assistance_offers .need_assistance .chat_txt {
display: inline-block;
vertical-align: bottom;
margin: .5em 1.33em 0 0;
font-size: 1.167em;
font-weight: bold;
text-align: center;
width: 7em;
}
.sale_assistance_offers .need_assistance .btn_chat_now {
display: inline-block;
vertical-align: bottom;
}
.assist_number_wrap .btn_chat_now {
display: block;
}
.need_assist_wrap {
position: relative;
height: 96px;
}
.need_assist_and_find_store,
.need_assist_contact_details {
float: left;
}
.need_assist_and_find_store .online_sale_assist_content {
top: 1.5em;
}
.need_assist_and_find_store .online_sale_assist_content div {
line-height: 31px;
margin-top: 2px;
}
.need_assist_and_find_store .online_sale_assist_content div img {
float: left;
}
.need_assist_contact_details {
margin-left: 26em;
margin-top: 1.2em;
}
/* ** Chat
* styles for chat box in header
*/
.logo_and_quick_links_wrap .chat_rbtop,
.logo_and_quick_links_wrap .chat_rbbot {
display: none;
}
.logo_and_quick_links_wrap .chat_live_col {
bottom: auto;
right: auto;
position: relative;
width: auto;
float: left;
}
.logo_and_quick_links_wrap .chat_roundbox_inner {
margin: .583em 0 0 7em;
}
.logo_and_quick_links_wrap .chat_roundbox {
background: transparent;
border-width: 0;
}
.logo_and_quick_links_wrap .chat_content {
margin: 0;
height: auto;
}
.logo_and_quick_links_wrap .chat_live_col .chat_txt {
margin: 0 .5em 0 0;
}
/**
* For product selection row
*/
.selected_item_in_list {
border-top: .09em solid;
border-bottom: .09em solid;
}
/*
added for different background for sik extra text
*/
.sik_extra_text{
font-weight: bold;
padding: 5px 5px 5px 15px;
}
/**
* For Password Strength
*/
.password {
width: 10.8em;
}
.pwd_strength {
height: .5em;
width: 11em;
margin: .2em 0 0 1em;
padding: 0;
}
.pwd_strength_0,
.pwd_strength_1 ,
.pwd_strength_2,
.pwd_strength_3,
.pwd_strength_4,
.pwd_strength_5{
height: .5em;
margin: 0;
padding: 0;
}
.pwd_strength_1 {
width: 2.2em;
}
.pwd_strength_2 {
width: 4.4em;
}
.pwd_strength_3 {
width: 6.6em;
}
.pwd_strength_4 {
width: 8.8em;
}
.pwd_strength_5 {
width: 11em;
}
.register_errorMsg {
clear: both;
float: none;
padding: 1em;
display: none;
}
.register_errorMsg ul ,
.register_errorMsg ul li{
list-style: none;
display: block;
clear: both;
padding: 0;
margin: 0;
}
.register_errorMsg ul li{
line-height: 1.1em;
}
.review_your_amt_wrap {
padding: 1em 0;
float: right;
width: 40%;
}
.review_your_amt_wrap table {
border-collapse: collapse;
}
.review_your_amt_title {
font-size: 1.8em;
padding: 10px 0;
}
.review_your_amt_desc,
.review_your_amt_value {
border-bottom: 1px dashed;
padding: .83em 0;
}
.review_your_amt_wrap .last {
border-bottom: 2px solid;
border-top: 1px solid;
color: #000;
font-size: 1.2em;
font-weight: bold;
}
.review_your_total_desc,
.review_your_total_value {
font-size: 1.2em;
border-bottom: 2px solid #ccc;
padding: .83em 0;
}
.review_your_total_info {
display: block;
padding: .83em 0 0;
font-size: .83em;
}
.review_your_amt_wrap .buy_now_wrap {
float: right;
}
/* accordion menu, with headers for categories */
.accordion_categorised_list .content_toggle_wrap .showhide_toggle_active {
height:38px; /* to force the height */
}
.accordion_categorised_list.accordion_categorised_list_t2 .content_toggle_trigger {
padding-left: 0;
margin-top: 0;
}
.header_board h3,
.accordion_categorised_list_t2 h3 {
padding-left: .667em; /* = 12px */
margin-right: .667em; /* = 12px */
}
.custom_col_9_accordion .list_t1_lev1_item {
display: inline-block;
list-style-position: outside;
margin-bottom: 0px;
vertical-align: top;
width: 100%;
}
/***************************************************************/
/* Product Carousel Styles */
/* Last updated on Apr 04, 2011 */
/***************************************************************/
/* product carousel container */
.product_carousel_wrapper {
overflow: auto;
position: relative;
padding: 0;
margin: 1.167em 0 0 .083em;
height: auto;
width: 80.833em;
}
/* reuse carousel on bundle details thumbnail */
.product_details_thumbnail .product_carousel_wrapper {
width: 100%;
overflow: visible;
}
/* product carousel UL */
.product_carousel_wrapper .product_carousel {
margin: 0 5em;
position: absolute;
list-style: none;
padding: 0;
width: 1000em;
}
.product_carousel_wrapper .product {
position: relative;
height: 24.58em;
float: left;
}
.product_carousel_wrapper .product_image {
height: 20.5em;
overflow: hidden;
padding: .167em 0;
}
.product_carousel_wrapper .bundle_carousel .product_image {
overflow: visible;
}
.product_carousel_wrapper .mobile_carousel,
.product_carousel_wrapper .mobile_plan_carousel,
.product_carousel_wrapper .homephone_plan_carousel {
width: 14.17em;
}
.product_carousel_wrapper .officephone_plan_carousel {
width: 14em;
}
.product_carousel_wrapper .officephone_carousel {
width: 28.34em;
}
.product_carousel_wrapper .officephone_carousel .office_phone_pic {
padding: 0 0 0 250px;
}
.product_carousel_wrapper .product .product_image:hover,
.product_carousel_wrapper .product .product_highlight:hover {
cursor: pointer;
}
.product_carousel_wrapper .product .addclass_zindex:hover {
cursor: default;
}
.product_carousel_wrapper .mobile_carousel .product_image {
text-align: center;
}
/* css added for recharge_broadband.html */
.product_carousel_wrapper .psudo_recharge_broadband .product_image:hover,
.product_carousel_wrapper .psudo_recharge_broadband .product_highlight:hover {
cursor: default;
}
/* slider container */
.product_carousel_wrapper .slider_container {
width: 80.833em;
height: 2.667em;
margin-top: 27.167em;
padding-bottom: .917em;
position: relative;
}
/* slider */
.product_carousel_wrapper .slider {
width: 59.917em;
height: 2.67em;
position: relative;
left: 7.833em;
border: none;
}
.product_carousel_wrapper .slider_hidden .slider {
display: none;
}
/* slider handle */
.product_carousel_wrapper .slider_container .slider .ui-slider-handle {
position: absolute;
cursor: move;
height: 2.17em;
width: 17.20em;
top: .35em;
margin: 0 -6.9em;
padding-left: 2em;
z-index: 100;
}
.product_carousel_wrapper .slider_container .slider .ui-slider-handle .slider_right_img {
display:block;
height: 2.17em;
}
/* slider track */
.product_carousel_wrapper .slider_track {
width: 970px;
top: 11px;
position: relative;
}
/* prev and next links */
.product_carousel_wrapper .prev_link,
.product_carousel_wrapper .next_link {
width: 5.833em;
height: 18.75em;
top: -1.25em;
padding: 8.333em 0 0;
position: absolute;
}
.product_carousel_wrapper .prev_link {
left: 0;
}
.product_carousel_wrapper .next_link {
right: 0;
text-align: right;
}
/* product label */
.product_carousel_wrapper .product_label {
margin: 1.5em 0 0;
height: 3em;
width: 100%;
display: table;
}
.msie7 .product_carousel_wrapper .product_label {
display: block;
position: relative;
}
.product_carousel_wrapper .product_label_inner {
width: 100%;
display: table-cell;
vertical-align: middle;
}
.msie7 .product_carousel_wrapper .product_label_inner {
position: absolute;
display: inline;
zoom: 1;
top: 50%;
}
.product_carousel_wrapper .product_label .group_item {
display: inline-block;
line-height: 1.083em;
padding: 0 .5em;
}
.msie7 .product_carousel_wrapper .product_label .group_item {
position: relative;
top: -50%
}
/* new icon */
.product_carousel_wrapper .product_highlight {
position: absolute;
top: 0;
left: 0;
height: 5em;
width: 5.17em;
}
.product_carousel_wrapper .online_only {
margin-top: 5.7em;
left: -.58em;
}
.product_carousel_wrapper .hp_new {
margin-top: 4em;
left: -.58em;
}
.product_carousel_wrapper .recharge_only {
/* margin-top: 4em; */
left: -0.8em;
z-index: 205;
}
/* Product item details */
.product_carousel_wrapper .product_item_info_offph{
position: absolute;
top: .83em;
left: 14.17em;
width: 100%;
letter-spacing: 0;
white-space: normal;
padding: .34em 0;
}
/* product details */
.product_carousel_wrapper .product_detail {
display: none;
letter-spacing: 0;
margin: 0;
z-index: 111;
position: absolute;
top: 0;
left: -5em;
}
.product_carousel_wrapper .product_detail_content {
padding: 92px 10px 10px 0;
position: relative;
width: 80em;
min-height: 21.25em;
}
.msie7 .product_carousel_wrapper .product_detail_content {
padding-bottom: .4em;
}
.webkit .product_carousel_wrapper .product_detail_content {
padding-bottom: .7em;
}
.msie7 .product_carousel_wrapper .product_detail_footer {
width: 80.833em;
}
.product_carousel_wrapper .box_footer_left,
.product_carousel_wrapper .box_footer_center,
.product_carousel_wrapper .box_footer_right {
width: .667em;
float: left;
height: 1em;
}
.product_carousel_wrapper .box_footer_center {
width: 79.5em;
}
.product_carousel_wrapper .terms_and_condition {
width: 78.83em;
clear: both;
padding: 1em 1em 0;
line-height: 1.333em;
}
.important_notes_header {
padding: 0.3333em 0;
font-weight: bold;
}
.product_carousel_wrapper .terms_and_condition .important_notes_content {
margin-bottom: 1em;
}
.product_carousel_wrapper .terms_and_condition .read_more {
display: none;
}
.product_carousel_wrapper .product_detail a {
clear: left;
text-decoration: none;
}
.product_carousel_wrapper a:hover {
text-decoration: none;
}
/* product rating and reviews */
.product_carousel_wrapper .review_details {
width: 14.167em;
float: left;
padding: 150px 0 0 60px;
}
.product_carousel_wrapper .read_reviews {
font-size: 1em;
padding: .5em 0 0;
margin: 0;
}
.product_carousel_wrapper .rating {
height: 1.42em;
}
/* product best offer */
.product_carousel_wrapper .more_details {
width: 47.5em;
float: left;
}
.product_carousel_wrapper .product_name {
font-size: 2em;
width: 50.83em;
float: left;
font-weight: bold;
margin: 0;
padding:0;
line-height: 1.67em;
}
.product_carousel_wrapper .features {
width: 13.75em;
float: left;
white-space: normal;
}
.product_carousel_wrapper .feature_content {
list-style:none;
padding: 10px 10px 0 0;
margin: 0;
line-height: 1.167em;
}
.product_carousel_wrapper .feature_list {
font-size: 1em;
padding: .25em 0 .167em 1em;
display: list-item;
}
.msie7 .product_carousel_wrapper .feature_list {
list-style-position: outside;
}
.product_carousel_wrapper .best_offer_content {
width: 33.75em;
float: right;
}
.product_carousel_wrapper .best_offer_rounded {
float: left;
width: 398px;
padding: 0 7px 7px 0;
white-space: normal;
}
.product_carousel_wrapper .fixed_bb,
.product_carousel_wrapper .popular_phones {
width: 31.5em;
min-height: 9em;
padding: 0 1em;
float:left;
}
.product_carousel_wrapper .fixed_bb .img_fbb,
.product_carousel_wrapper .popular_phones .img_mbb {
float: left;
padding: 0 .5em .5em 0;
}
.product_carousel_wrapper .broadband_title {
font-size: 1.33em;
padding: 10px 0 7px;
}
.product_carousel_wrapper .broadband_desc {
font-size: 1em;
}
.product_carousel_wrapper .popular_phones_group {
list-style: none;
padding: .42em 0 0;
margin: 0;
}
.product_carousel_wrapper .popular_phones_list {
width: 7.8em;
float: left;
white-space: normal;
}
.product_carousel_wrapper .popular_phones .popular_phones_list .img_mbb {
float: none;
padding: 0 0 .5em;
}
.product_carousel_wrapper .popular_phone_name {
line-height: 1.1em;
font-size: 1.08em;
}
.product_carousel_wrapper .best_offer_desc {
width: 18em;
float: left;
padding: .43em 0 0 .785em;
}
.product_carousel_wrapper .desc {
list-style: none;
padding-left: .25em;
float: left;
margin: -.5em 0 0;
}
.product_carousel_wrapper .desc_listitems {
font-size: 1em;
padding: .17em 0 .17em .83em;
display: list-item;
cursor: pointer;
}
.product_carousel_wrapper .best_offer_picture {
width: 135px;
float: right;
}
.product_carousel_wrapper .best_offer_picture img {
float: right;
}
/* product see details and plans */
.product_carousel_wrapper .details_and_plans {
float: right;
padding-top: 4.25em;
text-align: center;
}
.product_carousel_wrapper .close_window {
position: absolute;
right: 15px;
top: 95px;
}
.product_carousel_wrapper .close_window a {
font-size: 14px;
display: block;
line-height: 32px;
padding-right: 38px;
}
.product_carousel_wrapper .product_detail .details_and_plans .see_details {
border: 0;
font-size: 15px;
overflow: hidden;
width: auto;
}
.product_carousel_wrapper .product_detail .details_and_plans .see_details div {
float: left;
left: 50%;
position: relative;
}
.product_carousel_wrapper .product_detail .details_and_plans .see_details div a {
display: block;
padding: 0 0 0 10px;
position: relative;
right: 50%;
}
.product_carousel_wrapper .addclass_zindex {
position: relative;
z-index: 203;
}
.product_carousel_wrapper .addclass_star_zindex {
z-index: 204;
}
/******* Prodcut Detail Title *******/
.product_carousel_wrapper .best_offer_left {
width: .75em;
float: left;
height: 1.58em;
}
.product_carousel_wrapper .best_offer_right {
background: url(../../../images/personal/mobile/best_offer_right.png) no-repeat left top;
width: 0.75em;
float: left;
height: 1.58em;
}
.product_carousel_wrapper .best_offer_mid {
font-size: 1em;
width: auto;
float: left;
height: 1.4em;
padding: .18em 0 0;
line-height: 1.3em;
}
.product_carousel_wrapper .best_offer,
.product_carousel_wrapper .best_offer_rounded_footer {
width: 33.75em;
float: left;
height: .6em;
}
.product_carousel_wrapper .best_offer_rounded_footer {
height: .417em;
}
.product_carousel_wrapper .best_offer_title {
margin-left: .5em;
}
/* carousel footer */
.carousel_footer {
margin-top: -.6em;
}
:first-child+html .carousel_footer {
margin-top: -.5em;
}
/* plan details - popular phones*/
/***fixes for the gap in carousel***/
.tabs_t1 .carousel_content_wrap .box_body .box_inner {
padding: 0;
}
/* saf3+, chrome1+ */
.webkit .next_link {
margin-right: -.5em;
}
/* plan details - rounded corner */
.product_carousel_wrapper .box_plan {
width: 12.33em;
margin: 0 auto;
}
.product_carousel_wrapper .box_plan .box_plan_header,
.product_carousel_wrapper .box_plan .box_plan_body,
.product_carousel_wrapper .box_plan .box_plan_footer,
.product_carousel_wrapper .box_plan .box_plan_inner {
padding-left: .75em;
}
.product_carousel_wrapper .box_plan .box_plan_body {
padding: 0;
}
.product_carousel_wrapper .box_plan .box_plan_header .box_plan_inner,
.product_carousel_wrapper .box_plan .box_plan_footer .box_plan_inner {
padding: 0 .923em 0 .75em;
}
.product_carousel_wrapper .box_plan .box_plan_body .box_plan_inner {
padding-right: .75em;
min-height: 18.7em;
*height: 1%; /* IE7 fix */
}
.product_carousel_wrapper .box_plan .box_plan_header .box_plan_inner {
font-size: 1.384em;
height: .7em;
/* padding: 1.111em .611em 0 .39em; */
}
.product_carousel_wrapper .box_plan .box_plan_footer .box_plan_inner {
height: .67em; /* related to an image */
line-height: .67em; /* related to an image */
}
.product_carousel_wrapper .box_plan .box_plan_header {
background-position: left -16px;
}
.product_carousel_wrapper .box_plan .box_plan_footer {
height: .67em;
line-height: .67em;
}
/* Recharge Carousel */
/* price details */
/*
.mobile_plan_carousel .recharge_plan_price_name {
height: 5.5em;
margin: auto;
width: 10em;
}
.recharge_plan_price_name .recharge_plan_price_name_inner {
font-size: 1.4em;
height: 100%;
line-height: 2.8em;
position: relative;
}
.mobile_plan_carousel .recharge_plan_dollar_sign {
font-size: 1.8em;
left: -1.4em;
position: relative;
}
.mobile_plan_carousel .recharge_plan_price {
font-size: 3.5em;
left: .4em;
position:absolute;
top: .16em;
}
*/
.mobile_plan_carousel .recharge_see_details {
padding-top: 7px;
}
.mobile_plan_carousel .recharge_plan_price_name_inner {
font-size: 1.4em;
padding-bottom: 4px;
}
.mobile_plan_carousel .recharge_plan_included {
overflow: hidden;
padding: 6px 0;
height: 8em;
position: relative;
}
.mobile_plan_carousel .recharge_more_details {
width: 100%;
}
.mobile_plan_carousel .recharge_detail {
width: 3.2em;
float: left;
padding: .4em 0 0;
}
.mobile_plan_carousel .recharge_desc {
width: 7em;
float: left;
padding: .4em 0 0 .5em;
}
/* price details */
.product_carousel_wrapper .box_plan_price_name {
height: 7.5em;
margin: auto;
}
.product_carousel_wrapper .box_plan_price_name .box_plan_price_name_inner,
.product_carousel_wrapper .box_plan_price_name .recharge_plan_price_name_inner {
font-size: 1.4em;
}
.product_carousel_wrapper .box_plan_dollar_sign,
.product_carousel_wrapper .recharge_plan_dollar_sign,
.product_carousel_wrapper .box_plan_price_cent,
.product_carousel_wrapper .recharge_plan_price_cent {
font-size: 1.905em; /* = 32px */
top: -.6em;
position: relative;
}
.product_carousel_wrapper .box_plan_price,
.product_carousel_wrapper .recharge_plan_price {
font-size: 3.571em; /* = 60px */
}
.product_carousel_wrapper .box_plan_amount .box_plan_price {
font-size: 1em; /* = 32px */
}
.product_carousel_wrapper .box_plan_price_rt {
font-size: 1.8em;
left: 2.9em;
position: absolute;
}
.product_carousel_wrapper .box_plan_name {
font-size: 1.071em; /* = 18px */
}
.product_carousel_wrapper .box_plan_separator {
margin: .83em 0;
}
.product_carousel_wrapper .box_plan_included {
overflow: hidden;
padding: 0;
height: 7.7em;
}
.box_plan_included .bb_data {
font-size: 2.667em; /* = 32px */
padding: 0;
text-align: center;
}
.product_carousel_wrapper .box_plan_included .hp_plan_data {
text-align: center;
}
.box_plan_included .bb_data .pre_post_data {
font-size: 12px;
color: #fff;
font-family: Arial;
font-weight: bold;
}
.tile_header, .tile_footer
{
text-align: center;
font-size: 12px;
color: #fff;
font-family: Arial;
}
.tile_footer {
font-size: 10px;
}
.plan_price_name_inner .tile_footer {
padding-top: 0.5em;
}
.product_carousel_wrapper .box_plan_included .hp_plan_data {
font-size: 1.8em;
padding: 0 0 .2em;
}
.box_plan_included .bb_data_mb {
font-size: .5625em;
}
.product_carousel_wrapper .box_plan_included .bb_content {
padding: 0;
}
.product_carousel_wrapper .box_plan_included .box_plan_included_bottom {
text-align: center;
}
.product_carousel_wrapper .box_plan_included .box_plan_included_bottom .box_plan_desc .box_plan_data {
font-size: 1.5em;
}
.product_carousel_wrapper .box_plan_included .box_plan_included_bottom .box_plan_desc .included_data {
float: right;
overflow: visible;
width: 3em;
}
.product_carousel_wrapper .box_plan_included .box_plan_amount,
.product_carousel_wrapper .box_plan_included .box_plan_amount_bottom {
font-size: 2.667em; /* = 32px */
}
.product_carousel_wrapper .box_plan_included .box_plan_amount,
.product_carousel_wrapper .box_plan_included .box_plan_amount_bottom {
float: left;
margin-right: .125em;
position: relative;
right: 50%;
}
.product_carousel_wrapper .box_plan_included .box_plan_amount_bottom {
/* see fix for: IE7 below */
margin-right: .03em;
}
.msie7 .product_carousel_wrapper .box_plan_included .box_plan_amount_bottom {
line-height: 1.05em;
}
.product_carousel_wrapper .box_plan_included .box_plan_amount .box_plan_dollar_sign,
.product_carousel_wrapper .box_plan_included .box_plan_amount .box_plan_price_cent {
font-size: .5625em; /* = 18px */
}
.product_carousel_wrapper .box_plan_included .box_plan_included_top,
.product_carousel_wrapper .box_plan_included .box_plan_included_bottom {
float: left;
left: 50%;
margin-top: 6px;
position: relative;
}
.product_carousel_wrapper .box_plan_included .box_plan_included_top .box_plan_desc,
.product_carousel_wrapper .box_plan_included .box_plan_included_bottom .box_plan_desc,
.product_carousel_wrapper .plan_summary_box .plan_included_terms {
font-size: 1em;
}
.product_carousel_wrapper .box_plan_included .box_plan_desc {
float: left;
line-height: 1.167em;
margin-top: .083em;
position: relative;
right: 50%;
text-align: left;
width: 5em;
}
.product_carousel_wrapper .box_plan_included_bottom .box_plan_desc {
top: 1.083em;
}
.product_carousel_wrapper .box_plan_included_terms {
margin: 0 auto;
clear: left;
padding: 0.5em 0;
}
.product_carousel_wrapper .plan_bubble {
font-size: .8em;
padding: 0 1em;
line-height: 11px;
}
/* issue */
.mobile_product_carousel_wrapper .resetAutoZindex {
z-index: 300;
}
.product_carousel_wrapper .prev_link, .product_carousel_wrapper .next_link {
z-index: 2;
}
.hide_input {
display: none !important;
}
/***************************************************************/
/* End Product Carousel Styles */
/***************************************************************/
/* Form Validation */
label.formError {
float: none;
display: block;
clear: both;
margin-left: 40%;
}
.insurance_wrapper label.formError{
margin-left: 0;
}
.insurance_wrapper .shopping_cart_form_error{
margin-left: 0;
}
.single_page_checkout_identifier label.formError {
float: none;
display: block;
clear: both;
margin-left: 33%;
line-height:2em;
}
.single_page_checkout_identifier .toc label.formError {
margin-left: 0;
}
.field_item_level_2 label.formError {
margin-left: 0;
}
.time_at_address_details_wrap label.formError,
#dob_fields label.formError,
label.formError.no_margin,
.single_page_checkout_identifier li.email_address label.formError
{
margin-left: 0;
}
#login_form label.formError {
margin-left: 0;
float: none;
display: block;
/* width: 11em; */
width: auto;
}
label.abn_validation_message {
float: none;
display: block;
clear: both;
margin-left: 33%;
color: #666666;
}
/* PLANS IN LIST */
.plans_list_header {
height: 20px;
font-size: 1.1667em;
padding-bottom: .2143em;
margin: 0 10px;
}
.plans_list .section {
padding: .83em 0;
}
.product_list_item {
padding: .83em 0;
position: relative;
}
.product_list_item .product_thumb .column_content {
position: static;
}
ol.email_your_cart_lst_captcha{
padding: 1em;
}
/**
* Tooltips styling
*/
.form_tooltip_t1 {
display: inline-block;
vertical-align: middle;
}
.msie7 .form_tooltip_t1 {
display: inline;
zoom: 1;
}
.msie7 .form_tooltip_t1 .tooltip_trigger_processed {
line-height: 15px;
}
/* tooltip rollover.css */
.tooltipContent.offscreen {
width: auto;
}
/**
* Roll over styling
*/
.rollover {
border: 2px #000 solid;
background: #fff;
padding: 10px;
position: absolute;
z-index: 110;
}
.js .rollover {
width: 300px;
visibility: hidden;
/* make sure that it's offscreen at the beginning, but it has to have display:block, visibility:hidden to have a size */
top: -1000em;
left: -1000em;
}
.rollover_header {
color: #0097ac;
font-weight: bold;
padding-bottom: 6px;
position: relative;
}
.rollover_close {
display: none;
}
.js .rollover_close {
display: block;
float: right;
font-size: 9px;
vertical-align: top;
}
.rollover_close a {
padding-right: 14px;
background: transparent url(../../../../images/shared/tooltips/ro_close.gif) no-repeat scroll right 1px;
cursor: pointer;
}
.rollover_content {
max-height: 20em;
/*overflow: auto;*/
padding-right: 1em;
}
#rollover_arrow {
position: absolute;
z-index: 111;
}
/******************/
/*** RHS STARTS ***/
/******************/
.cart_summary_box_wrap,
.rhs_content_wrap_t1,
.rhs_content_wrap_t2 {
padding-bottom: 1em;
}
/*******************************/
/*** CART SUMMARY BOX STARTS ***/
/*******************************/
.cart_summary_box h3 {
padding: 0 0.2em 0 0;
display: inline;
}
.cart_summary_box_wrap .cart_summary_header {
padding-left: 3em;
}
/* Box Header */
.cart_summary_box .box_header .box_inner {
height: 0;
padding: 6px 0 0;
}
.cart_summary_box .shopping_cart_trolley {
left: 1.6em;
position: absolute;
top: .2em;
}
/* Box Body */
.cart_summary_box .box_body {
border: none;
padding: 0;
}
.cart_summary_box .box_body .box_inner {
min-height: 0;
padding: 0;
position: relative;
}
.cart_summary_box .cart_summary_content,
.cart_summary_box .sub_total_content,
.cart_summary_box .min_cost_content,
.cart_summary_box .link_to_your_cart {
padding: 0 .923em 0 .62em;
}
.cart_summary_box .link_to_your_cart{
padding-top: .5em;
padding-bottom: .5em;
text-align: center;
}
.cart_summary_box .phone_summary_wrap,
.cart_summary_box .plan_summary_wrap,
.cart_summary_box .extras_summary_wrap,
.cart_summary_box .sub_total_content,
.cart_summary_box .min_cost_content {
padding-top: 1em;
padding-bottom: 1em;
}
.cart_summary_box .phone_summary_wrap .phone_image {
float: right;
}
.cart_summary_box .resource_price_lst {
clear: right;
font-size: .9em;
padding-top: .5em;
}
.cart_summary_box .phone_summary_wrap,
.cart_summary_box .extras_summary_wrap {
border-bottom: 2px solid #ffd100;
}
.cart_summary_box .min_cost_value {
border-bottom: 1px solid #ffd100;
}
.cart_summary_box {
line-height: 1.6em;
}
.cart_summary_box .phone_summary_lst {
line-height: 2.2em;
}
.cart_summary_box .actions {
line-height: 1.5em;
padding: 0 0 0 .84em;
}
.cart_summary_box .left_col {
display: inline-block; /* use inline-block instead of float as it supports vertical alignment, which keeps the price on the last line of the description rather then the first one */
*float: left; /* as inline-block doesn't work in IE7 for block elements (like dt, dd) we still need to float here */
width: 65%;
}
.cart_summary_box .right_col {
display: inline-block; /* use inline-block instead of float as it supports vertical alignment */
*float: right; /* as inline-block doesn't work in IE7 for block elements (like dt, dd) we still need to float here */
width: 30%;
}
.cart_summary_box .up_arrow {
left: .43em;
position: absolute;
top: .5em;
}
.cart_summary_box .total_content {
padding: 1em .923em 1em .62em;
}
.cart_summary_box .min_cost_content .min_cost_lst .min_cost_lst_item {
padding-bottom: .5em;
}
/*****************************/
/*** CART SUMMARY BOX ENDS ***/
/*****************************/
.rhs_get_sooner_cheaper_wrap,
.need_help_wrap,
.email_your_cart_wrap {
padding-top: 1em;
}
.rhs_box h3 {
line-height: 1em;
padding-left: 1em;
}
/* RHS: Box Header */
.rhs_box .box_header .box_inner {
height: 7px;
padding: 0;
}
/* RHS: Box Body */
.rhs_box .box_body {
border: none;
}
.rhs_box .box_body,
.rhs_box .box_body .box_inner {
padding: 0 .3em;
}
.rhs_box .rhs_listitem {
list-style-position: outside; /* fix IE 7 left padding on list item */
overflow: hidden; /* fix IE 7 top padding on list item */
line-height: 1.5em;
padding: .5em .83em;
border-bottom: 1px solid #ccc;
}
.rhs_box .rhs_listitem_last {
border-bottom-width: 0;
}
.rhs_box .list_t1_lev2 {
padding: 0;
margin: 0;
}
/* Specific for 'Short on time?' */
.rhs_content_short_in_time {
padding: 0.5em 0.83em;
}
.rhs_content_short_in_time_text {
margin-bottom: 0;
}
.rhs_content_short_in_time_link {
text-align: right;
}
/* not sure about if the above style has been used, but can find the test case, so add my style for new created test case and html */
.short_on_time_wrap {
padding-left: 50px;
}
/* Specific for Get Sooner Cheaper */
.rhs_get_sooner_cheaper_lst .rhs_listitem {
height: 2.5em;
}
.rhs_get_sooner_cheaper_lst .rhs_listitem .rhs_listitem_image {
padding: .5em 0 .5em 4em;
font-weight: bold;
}
/* RHS: Box Footer */
.rhs_box .box_footer,
.rhs_box .box_footer .box_inner {
height: 6px;
}
/* RHS: Payment Cards Accepted */
.payment_accept a {
width: 39px;
height: 26px;
padding-left: .5em;
}
.payment_accept li {
float: left;
display: inline-block;
height: 4em;
padding-left: .7em;
margin-top: .5em;
}
/* RHS: Entrust Logo */
.entrust_logo_wrap {
text-align: center;
}
/****************/
/*** RHS ENDS ***/
/****************/
/* date picker */
.date_picker {
display: inline-block;
padding: .25em 0 .25em 1.75em;
}
/* Shopping Cart - T&C boxes */
.cart_terms_content {
max-height: 200px;
overflow-y: auto;
padding: .833em;
}
.cart_terms_content_inner {
padding-bottom: 1.667em;
}
/* Order Capture - T&C boxes */
/***
* T&C block assisted by JS
* Powered by jquery.tnc.v1.js
*/
.js_tnc {
margin: 1em 1em 1em 0;
border: 1px solid #cbcbcb;
}
.js_tnc .js_tnc_head,
.js_tnc .js_tnc_head_inner {
padding-left: 12px;
background: transparent url(../../../images/personal/shared/plugins/map_panel_a.gif) no-repeat scroll 0 -104px;
}
.js .js_tnc .js_tnc_head,
.js .js_tnc .js_tnc_head_inner {
cursor: pointer;
}
.js_tnc .js_tnc_head_inner {
position: relative;
padding: 1px 12px 1px 0;
font-weight: bold;
background-position: right -104px;
}
.js_tnc .js_tnc_body {
padding: 18px 12px 12px 12px;
font-size: .83em;
}
.js .js_tnc .js_tnc_body {
display: none;
background: none repeat scroll 0 0 #FFFFFF;
}
.js_tnc .js_tnc_trigger {
display: block;
position: absolute;
right: 1em;
top: 1px;
_top: -1px;
font-weight: bold;
text-decoration: none;
}
.js_tnc .js_tnc_trigger,
.js_tnc .js_tnc_trigger:hover,
.js_tnc .js_tnc_trigger:visited {
color: #000;
}
.js_tnc .js_tnc_trigger:hover .js_tnc_trigger_txt {
text-decoration: underline;
}
.js_tnc_cross {
background: #000;
color: #fff;
font-family: Verdana;
font-size: 1.08em; /*= 13px */
line-height: 1em;
padding: 0 2px;
}
.tncs_wrap {
margin-right: 1.667em;
/*
max-height: 8.333em;
padding: .833em;
overflow: auto;
*/
}
.tnc_section_2 {
font-size: 10.5pt;
line-height: 1.5em;
}
.tnc_section_2 ul {
list-style-type: disc;
padding-left: 0;
}
.tncs_wrap p {
margin-bottom: 0;
}
.list_tcs {
line-height: 1.5em;
padding-left: 1em;
}
.list_tcs_item {
list-style: disc outside;
}
/* Select contract term */
.contract_length_selection_wrap {
margin: 10px 0 16px 16px;
}
.contract_length_title {
font-size: 1.5em; /* = 18px */
display: inline-block;
font-weight: bold;
margin: 0 1em 0 0;
}
.contract_length_value {
margin-left: 3em;
}
/* product/plan specifications */
.tab_content_list_item .item_term {
float: left;
padding: 0 2% .5em 0;
width: 48%;
*width: 47%; /* if <= IE7 */
}
.tab_content_list_item .item_definition {
float: left;
width: 50%;
padding-bottom: .5em;
}
.product_tab_content .tab_content_list_item {
border-bottom: 1px solid #ccc;
overflow: hidden;
line-height: 1.5em;
}
.product_tab_content .tab_content_list_item_last {
border-bottom-width: 0;
}
.product_tab_content .tab_content_list_item .item_term {
width: 17.9%; /* = 125px */
padding: .5em 2.5em .5em 0; /* = 6px 30px 6px 0 */
}
.product_tab_content .tab_content_list_item .item_definition {
float: left;
width: 77.7%; /* = 541px */
padding: .5em 0;
}
.product_tab_content .tab_content_list_item_first .item_term,
.product_tab_content .tab_content_list_item_first .item_definition {
padding-top: 0;
}
/* phone listing page column title */
.middle_layer .section_12 .mobile_summary,
.middle_layer .section_12 .best_value_header,
.middle_layer .section_12 .online_offer_header {
padding-top:0.5em;
padding-bottom:0.5em;
}
/* Pre Registration */
.pre_registration_wrap {
padding: 1em;
}
.pre_registration_wrap .field_item_level_1 .field_title{width: 25%;}
.pre_registration_wrap .field_item_level_1 .field_value{width: 75%;}
.pre_registration_wrap .submit_continue,
.pre_registration_wrap .details_form {
float:right;
width: 80%;
}
.pre_registration_wrap .pre_registration_product {
float:left;
width: 20%;
text-align:center;
}
.pre_registration_wrap .submit_continue {
text-align:right;
}
.pre_registration_footer .cancel_link {
padding: 0 0 0 .5em;
margin: 1.5em 0 0 .5em;
display:inline-block;
}
.captcha_title { width:100%;}
.captcha_value {width: 50%;margin: 0 auto}
/* Promo Tab slide show */
.product_offers_wrap {
padding: 0.833em 0;
}
.main_banners_container {
height: 506px;
margin: -20px 10px 0;
width:976px;
}
.main_promo_banners_wrap {
margin: 0 0 20px -2px;
width: 976px;
}
.main_banners {
height: 506px;
overflow: hidden;
position: relative;
width: 976px;
}
.main_banner_item {
height: 100%;
width:976px;
overflow: hidden;
position: relative;
}
.js .promotab_selected_content_item {
z-index: 200;
}
/* Banner controls */
.main_banner_ctrls {
position:absolute;
top:475px;
z-index: 9999;
left:450px;
}
.main_banner_ctrls li {
float: left;
margin-right: 10px;
width: 3px;
display:block;
}
.main_banner_ctrls a,
.main_banner_ctrls span {
display: block;
}
.main_banner_ctrls li a {
width:0.7em;
height:0.7em;
font-size:10px;
}
.main_banner_ctrls span {
display:none;
}
.main_banner_ctrls .selected {
}
.main_banner_ctrl_item_5.selected {
}
.main_banner_ctrls .selected a {
}
.main_banner_ctrls .selected .main_banner_ctrl_link_first {
}
.tab_anchor {
display: block;
height: 0;
line-height: 0;
margin: 0;
padding: 0;
}
.main_banner_item .bannerlink {
display: block;
height: 339px;
left: 0;
position: absolute;
text-indent: -1000em;
top: 0;
width: 996px;
}
.js .promotab_content_item {
left: 0;
position: absolute;
top: 0;
z-index: 100;
}
.autopromotab .main_banner_wrap {
height: 506px;
width:996px;
}
/* Bottom Banner On Static Page */
.bottom_banner_wrap {
height: 9em;
}
.bottom_banner_position {
position: absolute;
}
/* why optus class on SMB landing page with expansion effect at the bottom */
.whyoptus{
margin:0 0.833em 0 0.833em;
background:url(../../../../images/business/homepage/whyoptus_bg_center.jpg) repeat-x;
border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
}
.whyanswer{margin:10px 0 20px 0;}
.whyanswer .imgicon{float:left;width:40px;height:40px;background:url(../../../../images/business/homepage/home_icons.png);margin-top:5px;}
.whyanswer .answer{float:right;width:21em;color:#848484;line-height:1.4em;}
.whyanswer .answer h4{margin-top:0;padding-top:0;color:#006685;;font-weight:normal;font-size:1.3em;}
.whyanswer .imgicon.support{background-position:-2530px 0px}
.whyanswer .imgicon.network{background-position:-2420px 0px}
.whyanswer .imgicon.solutions{background-position:-1320px 0px}
.whyanswer .imgicon.expert{background-position:-440px 0px}
.whyanswer .imgicon.techsupport{background-position:-110px 0px}
.whyanswer .imgicon.technology{background-position:-1430px 0px}
/* Shopping Cart*/
.aboutyou_back,
.button_back,
.see_details,
.continue_shopping {
margin: 0 auto;
padding: .5em;
width: 7em;
border: 2px solid #e5eff3;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}
.aboutyou_back,
.button_back {
width: auto;
margin-top: 1em;
text-align: left;
}
.continue_shopping {
width: 9.8em;
display: block;
margin: 0;
zoom: 1; /* apply 'hasLayout for IE7' */
}
.save_your_cart {
margin-left: 148px; /* dirty but limited time - entire HTML/CSS for checkout buttons should be redone */
}
.aboutyou_back span,
.button_back span,
.see_details span,
.continue_shopping .button_text {
padding: 0 0 0 .75em;
}
.button_back .button_text {
display: inline-block;
line-height: 1.067em; /* prevent IE7 to not cut off the font in the second line */
}
.button_back_ordercapture {
float:left;
margin-top:0;
}
.middle_layer .single_page_checkout_identifier.about_u_identifier .field_item_t1 {
margin-left: -2.9em;
}
.middle_layer .single_page_checkout_identifier.about_u_identifier .address_details_wrap .field_item_t1 {
/* reset margin for address in billing preference section */
margin-left: 0em;
}
.single_page_checkout_identifier .button_back_ordercapture {
float: left;
margin-left: 155px;
margin-right: 15px;
margin-top: 3px;
}
.button_back_addons {
margin: 0.5em 2em 0 2.1em;
float: right;
}
/* logout form, e.g. OrderCapture > AboutYou > logout */
.logout_form {
float: right;
}
.logout_form_text {
margin-right: .5em;
float: left;
}
.btn_logout {
float: right;
margin-top: -.5em;
}
/* Included in your plan */
.included_in_your_plan .product_features {
float: left;
width: 50%;
}
.included_in_your_plan .product_features_wrap,
.included_in_your_plan .product_features {
border: none;
}
.included_in_your_plan .product_conditions {
padding: .83em 0 0;
}
/* Personal Home Page */
.home_rhs_login_form {
margin-bottom: 3.8em;
}
.home_rhs_form {
line-height: 1.5em;
}
.home_rhs_recharge_service_form {
margin-top: 6px;
}
.home_rhs_help_me {
float: left;
margin-right: .67em !important;
}
.track_your_delivery {
float: left;
width: 1em;
}
.home_rhs_form .online_customer_centre_slt{
width: 100%;
margin-bottom: 0.4em;
}
.home_rhs_form .online_customer_centre_submit{
float: right;
margin-right:0;
}
.home_rhs_form .online_customer_centre_submit .frm_submit_btn_t1_inner,
.home_rhs_form .activate_service_submit .frm_submit_btn_t1_inner ,
.home_rhs_form .recharge_service_submit .frm_submit_btn_t1_inner {
color:#000;
margin-right:-2px;
padding-top:6px;
}
.home_rhs_form .login_wrap {
height:4.7em;
margin-top: .6em;
}
.home_rhs_form .online_customer_centre_lists .list_t3_item{
display: inline;
float: left;
width: 44%;
}
.home_rhs_form .activate_service_slt,
.home_rhs_form .recharge_service_slt {
width: 13.25em;
}
/* Shop Landing Page */
.shop_box_rhs{
height: 406px;
position: relative;
z-index: 9999;
}
.shop_box_rhs_content {
overflow: hidden;
padding: 5px 20px 9px 9px;
}
.shop_box_rhs_content .first {
height: 125px; /* The box behind this DIV is part of the background image and the size is fixed, so fixing the height is a hack to get it to look right. If somebody ever sees this and has time please do this properly so the box can shrink and grow as required. */
overflow: hidden;
}
.shop_box_rhs_content p{
margin: 0 0 8px;
line-height: 1.25em;
}
.shop_box_rhs_content .blue_line{
height:0;
clear: both;
}
.shop_box_rhs_content p a{
display: block;
padding: 0 0 0 .83em;
}
.shop_box_rhs_content_item_t1 {
margin: 6em 0 0 0;
}
.shop_box_rhs_content_item_t2 {
margin: 3em 0 0 0;
}
.shop_box_rhs_content_item_t1_top {
font-size: 1.5em;
}
.shop_box_rhs_content_item_t1_bottom {
font-size: 2.5em;
}
.shop_box_category{
width: 19.1em;
float: left;
}
.shop_box_header{
height: 2.75em; /* = 33px */
width: 19.0833em; /* = 229px */
}
.shop_box_header h3{
padding: 6px 13px 0;
}
.shop_box_header h3 a{
display: block;
}
.shop_box_content {
height: 346px;
width: 203px;
padding: 14px 12px 0;
}
.shop_box_content_t2 {
padding: 0;
width: auto;
height: auto;
}
.shop_box_content_t2 .shop_box_content_text {
padding: 1.245em .83em .83em .83em;
width: 17.25em;
min-height: 5.833em; /* = 70px, ~ 4 lines of text */
line-height: 1.4em;
}
.shop_box_top{
width: 17.3em;
}
.shop_box_pic{
width: 6em;
float: left;
padding: 0 0 .42em;
}
.shop_box_desc{
width: 11.25em;
float: left;
padding: 0 0 .83em;
}
.shop_box_content .shop_box_desc h4{
padding: 0;
}
.shop_box_content .shop_box_desc .price_text_wrap{
height: 2.9em;
}
.shop_box_footer{
padding: 0.75em 1.083em;
}
/* end - Shop Landing Page */
/*******************/
/*** FORMS Start ***/
/*******************/
/* Form Type 3, e.g. OrderCapture > AboutYou > logout */
.form_t3 {
}
.form_description_t3 {
border-radius: 2px;
padding: .833em;
}
.form_description_inner .showhide_trigger {
padding-left: 1.5em;
}
.form_t3 .field_list_level_1 {
width: 100%
}
.field_title_t3 {
float: left;
padding-right: 1em;
}
.field_value_t3,
.recon_login_form .field_value_t3,
.form_t3 .field_item_level_1,
.form_t3 .fieldset_level_1 {
float: left;
}
.recon_login_form .field_item_level_1 {
width: 47%;
}
.recon_login_form .frm_submit_btn_t2 {
margin: 1.5em 0 0;
height: auto;
}
.recon_login_form .fieldset_level_1 {
width: 83%;
}
.recon_login_form .field_title_t3 {
padding: .5em 1em 0 0;
}
#login_form.recon_login_form label.formError {
width: 90%;
}
.label_t1 .label_t1_input,
.label_t1 .label_t1_text {
display: inline-block;
vertical-align: top;
}
.msie7 .label_t1 .label_t1_input {
margin-right: 0;
}
.label_t1 .label_t1_text {
width: 80%;
line-height: 1.167em;
}
/******************/
/*** FORMS ENDS ***/
/******************/
/* Terms condition dialog - orderCapture*/
.termsconditions_wrap {
padding:1em;
width: 50em;
}
/* Terms condition dialog - orderCapture*/
/* table style for plans */
.tbl_plan_info {
width: 100%;
border-collapse: collapse;
}
.tbl_plan_info th,
.tbl_plan_info td {
padding: .5em;
border-collapse: collapse;
}
/* Product pages */
.product_img_lhs_content {
text-align: center;
}
.product_img_lhs_content_pic {
margin: .833em 0;
}
/*
Document : jquery.pnotify.default.css
Created on : Nov 23, 2009, 3:14:10 PM
Author : Hunter Perrin
Version : 1.0.0
Description:
Default styling for Pines Notify jQuery plugin.
*/
/* Notice
----------------------------------*/
.ui-pnotify {
top: 18px;
right: 18px;
position: absolute;
height: auto;
/* Ensure that the notices are on top of everything else. */
z-index: 9999;
}
/* This hides position: fixed from IE6, which doesn't understand it. */
html > body .ui-pnotify {
position: fixed;
}
.ui-pnotify .ui-pnotify-shadow {
margin: 0;
position: absolute;
top: .1em;
left: .1em;
bottom: -.2em;
right: -.2em;
z-index: -1;
}
.ui-pnotify-container {
background-position: 0 0;
padding: .8em;
height: 100%;
}
.ui-pnotify-closer {
float: right;
margin-left: .2em;
}
.ui-pnotify-title {
display: block;
font-size: 1.2em;
font-weight: bold;
margin-bottom: .4em;
}
.ui-pnotify-text {
display: block;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
display: block;
float: left;
margin-right: .2em;
}
/* History Pulldown
----------------------------------*/
.ui-pnotify-history-container {
position: absolute;
top: 0;
right: 18px;
width: 70px;
border-top: none;
/* Ensure that the history container is on top of the notices. */
z-index: 10000;
}
.ui-pnotify-history-container .ui-pnotify-history-header {
padding: 2px;
}
.ui-pnotify-history-container button {
cursor: pointer;
display: block;
width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
display: block;
margin: 0 auto;
}
.ui-pnotify.buy_now_notify,
.ui-pnotify.abn_lookup_notify {
background: url("../../../../images/shared/icons/spinner.gif") no-repeat scroll 11px 13px white;
left: 40% !important;
padding-left: 3em;
top: 50% !important;
width: 18em !important;
z-index: 1000;
}
.recommendations_added_wrap {
padding: 1em;
}
.recommendations_added_wrap ul {
list-style: none;
overflow: hidden;
margin: 0;
padding: 0;
}
.recommendations_added_wrap .item_added_to_cart {
float: left;
margin-left: 0.5em;
margin-right: 0.5em;
}
.recommendations_added_wrap .item_added_to_cart_remove {
display: block;
}
.lb_selected_add_ons .addons_left_added_wrap .recommendations_addon_list {
list-style: none;
margin: 0;
padding: 0;
}
.lb_selected_add_ons .addons_left_added_wrap .recommendations_addon_list li {
margin-bottom: 1em;
}
.lb_selected_add_ons .addons_left_added_wrap .recommendations_addon_list .item_added_to_cart_remove {
display: block;
}
.item_added_to_cart {
margin-bottom: 3em;
}
.lb_selected_add_ons .item_added_to_cart .item_added_to_cart_title {
color: #006685;
margin-top: 0.5em;
}
.lb_selected_add_ons .item_added_to_cart .item_added_to_cart_remove {
color: #000000;
margin-top: 0.5em;
}
.lb_selected_add_ons .item_added_to_cart .item_added_to_cart_remove_icon {
background: url("../../../../images/personal/mobile/shopping_cart/remove.png") no-repeat scroll right 3px transparent;
display: inline-block;
height: 2em;
overflow: hidden;
padding: 0.75em 2.5em 0 0;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
}
.recommendations_added_wrap .item_added_to_cart_thumbnail {
float: left;
}
.recommendations_added_wrap .item_added_to_cart_title {
float: left;
margin-left: 0.3em;
text-align: left;
}
.recommendations_added_wrap .item_added_to_cart_remove {
text-align: left;
text-transform: capitalize;
margin-top: 0.3em;
background: url(../../../../images/personal/mobile/right_arrow_lst.png) no-repeat scroll left center transparent;
zoom:1;
padding-left: 1em;
}
.recommendations_added_wrap .item_added_to_cart_remove_icon {
}
/* addons page "continue to cart" layout fix */
#addon_form .light_box_t1_item{
overflow: visible;
}
/* homephone broadband */
#addon_form .section.section_12 .col_7.lhs_shim,
#addon_form.broadband_addons_wrapper .section.section_12 .col_7.lhs_shim{
width: 55.7%;
*width: 51.8%;
}
/* BazaarVoice reviews page */
.back_to_product_wrap {
height: 3em;
margin-top: 1em;
}
.order_capture_error_list {
margin-bottom: 2em;
}
.order_capture_error_list .order_capture_error_list_item {
background: url(../../../../images/shared/icons/icon_error.gif) no-repeat 1em 1em #FAE5E5;
color: #CC0000;
padding: 1em 1em 1em 2.3em;
font-weight: bold;
}
.middle_layer_inner.page_contents {
background-color: #fff;
}
.content_section .img_404{
float: left;
}
.content_section .box_404{
padding: 0.65em 0 0 0;
float: right;
width: 98%;
}
/** lightbox (styles from /mobile should go here as well) **/
.lightbox_slideshow_trigger {
display: block;
}
/** long text (e.g. unlimited) in price box in carousels or lists/accordions **/
.long_text_type1 .box_plan_included .box_plan_amount,
.price_text_wrap.long_text_type1 .price {
float: none;
}
.long_text_type1 .box_plan_included .box_plan_included_top .box_plan_desc {
position: relative;
line-height: 1em;
width: auto;
}
.price_tag_box .long_text_type1 .plan_included .desc {
width: auto;
}
.product_carousel_wrapper .long_text_type1 .box_plan_included .box_plan_included_top {
float: none;
left: 0;
text-align: center;
}
.product_carousel_wrapper .long_text_type1 .box_plan_included .box_plan_amount,
.product_carousel_wrapper .long_text_type1 .box_plan_included .box_plan_included_top .box_plan_desc {
right: 0;
text-align: center;
float: none;
}
.product_carousel_wrapper .long_text_type1 .box_plan_included .box_plan_included_top {
margin-top: 2px;
}
.product_carousel_wrapper .long_text_type1 .box_plan_included .box_plan_included_bottom {
margin-top: 0;
}
.price_text_wrap.long_text_type1 .value_postfix_wrap {
height: auto;
}
.price_text_wrap.long_text_type1 .value_postfix_wrap .value_postfix {
position: relative;
}
/* payment page user details */
#cart_userdetails_dialog {
padding: 0.50em 0 2em 2em;
}
#cart_userdetails_dialog .userdetails_wrap .cart_userdetails .user_details_table{
width: 95%;
border-collapse: collapse;
}
#cart_userdetails_dialog .userdetails_wrap .cart_userdetails .user_details_table td{
padding: 0.9em;
width:50%;
word-wrap: break-word;
}
.broadband_plans_list {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 17px;
}
.broadband_plans_list .col.online_offer .column_content {
padding: 0;
text-align: left;
}
.broadband_plans_list .col.buy_and_compare {
text-align: left;
}
.broadband_plans_list .col.buy_and_compare .column_content {
padding-left: 0;
}
.broadband_plans_list_wrapper .product_list_item .product_list_item {
border: none;
}
form#about_you_form fieldset.payment_preferences ol li ol li div.field_item_heading {padding-top:.5em;padding-bottom:0;}
form#about_you_form fieldset.payment_preferences ol li ol li div.field_item_heading label {max-width:98%;padding-bottom:.5em;}
.about_you_form_wrap .home_addr_desc {
float: left;
margin: 0 50px 0 0;
}
/***
* custom accordions layout rules
*/
.custom_col_9_accordion h3,
.custom_col_9_accordion .showhide_toggle_active h3{
margin-left: 1em;
padding-top: 0.2em;
}
.custom_col_9_accordion .content_toggle_trigger h3 a{
padding-left: 1em;
padding-bottom: 0.2em;
}
.custom_col_9_accordion .content_toggle_wrap{
padding-bottom: 0.5em;
}
.custom_col_9_accordion .content_toggle_wrap .content_toggle_trigger,
.custom_col_9_accordion .content_toggle_wrap .content_toggle_trigger .custom_col_9_accordion_body,
.custom_col_9_accordion .content_toggle_wrap .content_toggle_trigger.showhide_toggle_active,
.custom_col_9_accordion .content_toggle_wrap .content_toggle_trigger.showhide_toggle_active .custom_col_9_accordion_body {
height: 38px;
margin-right: 0.5em;
}
.custom_col_9_accordion .customised_accordion_content{
padding-left: 0.5em;
width: 98%;
}
/****
* phone reviews
*/
.phone_reviews {
margin-bottom: .833em; /* = 10px */
}
.rating_stars {
width: 7.5em;
height: 1.167em; /* = 14px */
text-indent: -999em;
display: block;
float: left;
}
.msie7 .rating_stars {
line-height: 0;
text-transform: capitalize;
}
.review_link {
padding-top: .083em; /* one px lower then stars as requested in UAT QC 1092 - task2 */
display: inline-block;
}
.review_link_carousel {
display: none;
}
/* adjust layout for carousels */
.product_carousel_wrapper .rating_stars {
float: none;
margin: 0 auto;
}
.product_carousel_wrapper .review_link,
.product_carousel_wrapper .review_count {
display: none;
}
.product_carousel_wrapper .review_link_carousel {
display: block;
margin: .5em auto 0;
font-size: .916em;
}
.addons_terms_conditions_lightbox_wrap {
width: 40em;
padding: 4em 1em 1em 1em;
}
.addons_terms_conditions_lightbox_wrap .addons_terms_conditions_content_wrap {
height: 24em;
overflow: auto;
}
/* coverage map */
.coverage_confirm_wrap label.sub_section {
display: block;
cursor: pointer;
padding: .667em 3.333em .667em 0; /* 8px 40px 8px 0 */
}
.offer_content {
display: block;
margin: 0.8em 0;
}
.offer_section{
display: block;
margin: 1em 0;
}
.bottom_spacer{
margin-bottom: 3.5em;
}
/***
* Hide AIDOL object for IE
*/
.aidol_search {
display: none;
}
.best_offer_rounded .total_minimum_cost {
clear: both;
padding-left: 12px;
text-align: left;
width: 19em;
}
/* Digital House - Consumer */
.personal_main_box .container_link
{
z-index:9999;
}
.personal_main_box .personal_box_top_details
{
height: 95px;
}
.plan_accordion .col.plan_upfront_included_value {
padding: 0;
position: relative;
}
.plan_accordion .col.plan_upfront_included_value .value_postfix_wrap {
height: 5.5em;
position: relative;
}
.plan_accordion .col.plan_upfront_included_value .value_postfix {
bottom: 3em;
left: 0.3em;
display: inline;
position: absolute;
}
.plan_included_data {
font-size: 90%;
left: 0.5em;
position: relative;
top: 0.5em;
line-height: 1em;
}
/* Carousel postpaid mobile best offer block */
.postpaid_recurrence_type_cost {
float: left;
margin: 5px 10px 0 3px;
}
.postpaid_plan_family {
width: 64px;
margin: 5px 0 0 3px;
float: left;
}
.postpaid_price_text_wrap {
height: auto !important;
}
.postpaid_best_offer_desc {
float: left;
padding: 0.43em 0 0 0.785em;
width: 20.5em;
}
.postpaid_price_definition {
float: left;
}
.postpaid_best_offer_desc ul.desc {
min-height: 3em;
}
.postpaid_best_offer_desc .total_minimum_cost {
padding-left: 0.25em;
}
.postpaid_best_offer_desc .total_minimum_cost p {
line-height: 1em;
}
.postpaid_best_offer_desc .total_minimum_cost p.mtc_value_container{
text-align: center;
}
.postpaid_best_offer_desc .total_minimum_cost p.min_total_cost_discount_disclaimer {
margin-bottom: 0;
}
.popular_phones.postpaid_best_offer_desc .total_minimum_cost {
clear: none;
padding: 2em 0 0;
width: auto;
}
/* resource details handset lightbox */
.lightbox_wrap .handset_lightbox .product_gallery h1 {
margin-left: .333em;
padding-bottom: .167em;
}
.handset_lightbox .table_plan_features {
margin-bottom: 0;
}
.handset_lightbox .ui-corner-all {
border-radius: 0;
}
.handset_lightbox .ui-tabs .ui-tabs-nav li {
top: auto;
margin-bottom: 0;
}
.handset_lightbox .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
top: .083em;
}
.product_photos_lightbox.diacc .ui-tabs-nav{
visibility: hidden;
}
/**
* @accessibility
* This provides image equivalents for signs like '>' and '<' that shouldn't be read by screen readers.
*/
span.gt, span.lt {
background: url(../../../../images/shared/icons/accessible_signs.png) no-repeat 0 0.25em;
display: inline-block;
display: inline; /* for browsers that don't support inline-block I guess */
padding: 0 0.25em;
}
span.gt.bold {
background-position: 0 -1.5em;
}
span.lt {
background-position: 0 -3.2em;
}
span.lt.bold {
background-position: 0 -4.8em;
}
.table_t1.insurance_compare_table td{
padding: 0.5em 0;
}
.table_t1.insurance_compare_table th{
font-weight: bold;
}
.product_photos_lightbox .phone_reviews{
display: none;
}
/* Beta message */
.beta_message {
color: red;
font-weight: bold;
background: #fff;
padding: 0.5em;
text-align: center;
border: solid 1px red;
}
.shopping_cart_terms_conditions {
width: 70em;
}
.shopping_cart_terms_conditions .addons_terms_conditions_content_wrap{
height: 50em;
}
.ad-video-gallery .flash_content_wrap {
margin-top: 2em;
}
/* specific fixes for recharge accordion CVL 17/09/11 */
.tbl_plan_info {
width:100%;
}
.tbl_plan_info .tbl_plan_info_col {
padding: .833em 1.25em;
vertical-align: top;
width: 10.833em;
border-bottom: 1px solid #ccc;
}
.tbl_plan_info_col.first,
.tbl_plan_info_col.last {
line-height: 1.25em;
width: 12.917em;
}
.tbl_plan_info .tbl_plan_info_col.first {
padding-left: .5em;
text-align: left;
font-size: 1em;
}
.tbl_plan_info_col.first .additional_info {
font-weight: normal;
}
.tbl_plan_info_col.last {
border: 2px solid #ccc;
border-width: 0 0 2px 2px;
}
.last .tbl_plan_info_col {
border-bottom: 2px solid #ccc;
}
.first .tbl_plan_info_col {
border-top: 2px solid #ccc;
}
/*
.tbl_plan_info_col{
position: relative;
}
.tbl_plan_info .top_info_content {
float: left;
clear: both;
}
.tbl_plan_info .details_and_recharge{
position: absolute;
float: left:
clear: both;
width: 100%;
left: 0px;
bottom: 0px;
}
*/
.tbl_plan_info .see_details div a {
display: inline-block;
padding: 2px 0 0 10px;
position: relative;
}
.tbl_plan_info .see_details {
border: 0;
width: auto;
}
.tbl_plan_info_col.centered_content .price_text_wrap .price {
float: none;
}
.tbl_plan_info .plan_package_values {
width: auto;
}
.top_info_content {
line-height: 1.25em;
}
.tbl_plan_info .list_t1 {
margin: 1em 0 .5em 0;
}
.tbl_plan_info .list_t1 .list_t1_item {
padding-bottom: .5em;
line-height: 1.333em;
background-position: 0 5px;
}
.tbl_plan_info .button_t1 {
margin-top: 0;
}
/* customized tables QC 2422 - CVL 050911 */
.tab_content_table {
width: 100%;
border-collapse: collapse;
}
.tab_content_table .tab_content_table_header {
padding: 0.83em 0 .41em 0;
vertical-align: top;
text-align: left;
border-bottom: 2px solid #ccc;
font-size: 1.167em;
}
.tab_content_table .tab_content_table_data {
padding: 0.5em 0;
margin: 0;
vertical-align: top;
text-align: left;
border-bottom: 1px solid #ccc;
}
.tab_content_table.two_column .tab_content_table_header,
.tab_content_table.two_column .tab_content_table_data{
width: 50%;
}
.tab_content_table.three_column .tab_content_table_header,
.tab_content_table.three_column .tab_content_table_data{
width: 33%;
}
.tab_content_table.four_column .tab_content_table_header,
.tab_content_table.four_column .tab_content_table_data{
width: 25%;
}
.tab_content_table.five_column .tab_content_table_header,
.tab_content_table.five_column .tab_content_table_data{
width: 20%;
}
/* table for shopping cart's special offer */
.shopping_cart_special_offer .tab_content_table_data {
padding: 1em;
}
.shopping_cart_special_offer .shop_address_input {
vertical-align: top;
margin-top: .167em;
}
.msie7 .shopping_cart_special_offer .shop_address_input {
margin-top: 0;
}
.shopping_cart_special_offer .shop_address {
display: inline-block;
width: 80%;
margin-left: .5em;
}
.shopping_cart_special_offer .shop_title {
display: block;
}
.shopping_cart_special_offer .frm_submit_btn_t2 {
margin-top: .5em;
float: right;
}
.lightbox_wrap .iphone4s_details_lightbox_content {
width: 940px;
height: 430px;
}
.external_package_resource_contract_price {
overflow: visible;
width: 14em;
text-align: center;
}
.shopping_cart_content .section_12.promo_box {
width: 83em;
}
.shopping_cart_content .need_assist_wrap.sale_assistance_offers {
width: 81.5em;
}
/**
* Highlighted text type 1.
* Used for the marketing messages
*/
.highlighted_text_t1 {
padding: .25em .4em;
}
.quick_announcement .highlighted_text_t1 {
font-size: 0.83em; /* restore normal font-size */
}
/**
* Entrust logo wrapper
*/
.entrust_logo_wrapper {
margin: 0 auto;
padding-top: 1.5em;
width:90px; /* it's for an image */
margin-top:22px;
}
/*******************************
* Countdown Timer
********************************/
.cdowntimer {
font-family: trebuchet MS, verdana;
/*display: none;*/
}
#per_cdowntimer {
position: absolute;
left: 0;
top: 13em;
z-index: 200;
}
.cdowntimer .content {
display: none;
}
/****
* DEBUGGING. REMOVE AFTER
*/
.cdowntimer .before_expiration {
display: block;
}
.cdowntimer_title {
font-size: 1.333em; /*= 16px */
padding-left: 4.063em; /*= 65px */
text-transform: uppercase;
}
.cdowntimer_screen {
background: transparent url(../contents/personal/bg_cdown_timer.png) no-repeat scroll 0 0;
width: 32.75em; /*= 393px */
height: 2.917em; /*= 35px */
padding: .75em 1.833em 0 2.167em; /*= 9px 22px 0 26px */
text-transform: uppercase;
overflow: hidden;
color: red;
font-size: 1.2em;
font-weight: bold;
}
/*
.cdowntimer_screen .waiting_screen
*/
/**
* Display styling of the countdown timer screen elements
*/
.cdowntimer_screen .day,
.cdowntimer_screen .hour,
.cdowntimer_screen .minute,
.cdowntimer_screen .second,
.cdowntimer_screen .separator {
text-align: center;
}
.cdowntimer_screen .day {
width: 5.833em; /*= 69.996px */
}
.cdowntimer_screen .hour {
width: 10em; /*= 120px */
}
.cdowntimer_screen .minute {
width: 8.3em; /*= 99.6px */
}
.cdowntimer_screen .second {
width: 8em; /*= 96px */
}
/**
* Text elements
*/
.cdowntimer_screen .val,
.cdowntimer_screen .txt,
.cdowntimer_screen .separator {
font-size: 1.5em; /*= 18px */
}
/**
* Separators
*/
.cdowntimer_disclaimers {
font-size: 92%; /*= 11px */
padding-left: 4.4em; /*= 48.4px */
margin-top: -0.5em; /*= -5px */
text-align: center;
}
/**
* move the hidden content of tab to far top
*/
.page_contents .ui-tabs .ui-tabs-hide {
top: -1000000px;
}
/***********************************************************************************************
CSS For
1. Advanced Recontract
2. Pre To Post
3. Single Page Check
TODO: Spit into layout.css and skins.css
************************************************************************************************/
.logged_in_customer
{
overflow:hidden;
margin-bottom: 15px;
border-bottom: 1px solid #DDD;
padding-bottom: 20px;
font-family:Arial;
}
.logged_in_customer .left_side_custumer_name
{
float:left;
font-size:14px;
color: #000;
font-weight:bold;
}
.logged_in_customer .right_side_logout_customer
{
float:right;
font-size:14px;
color: #000;
}
.logged_in_customer .logout_link
{
color:#006685;
font-size:14px;
text-decoration:none;
}
.logged_in_customer .logout_link:hover
{
color:#0097AC;
text-decoration:none;
}
.recontract_account ul
{
list-style: none;
}
.recontract_account li .reconlabel
{
width: 120px;
float: left;
text-align: right;
margin-right: 20px;
}
.recontract_account li
{
padding-bottom:10px;
}
.recontract_account .addrcontainer
{
float:left;
}
.recontract_account .addrcontainer label
{
line-height:3em;
display:block;
}
.divRecontractEligibilityResponse, .response_wrapper
{
clear:both;
border-radius: 10px;
-moz-border-radius: 10px ;
-webkit-border-radius: 10px;
-ms-border-radius:10px ;
-o-border-radius:10px;
-pie-border-radius:10px;
padding:20px;
position:relative;
background:#e5eff3;
margin: .833em 0;
}
.divRecontractEligibilityResponse .noneligiblenumber
{
font-weight:bold;
}
.recontract_login_form .form_description_t3
{
margin-bottom:15px;
}
.recontract_account
{
position:relative;
}
.recontract_account h4
{
color:#434343;
font-size:18px;
}
.recontract_account .msnvalidatetext
{
margin-left:120px;
display:none;
}
.recontract_account .searchIcon {
display: inline-block;
height: 17px;
width: 16px;
vertical-align: middle;
background: url(../../../../../cc/static/assets/common/img/sprite.png) repeat scroll -784px -763px transparent;
}
.recontract_account select, .recontract_account #msn_search_input
{
width:170px;
}
.recontract_account .delivery_to_alternative_addr_wrap .field_value
{
width:auto;
}
.recontract_account .spinner
{
display: none;
height: 35px;
width: 35px;
position: absolute;
left: 475px;
top: 40px;
background: url("../../../../images/shared/icons/spinner_orig.gif") no-repeat scroll 11px 13px white;
}
.shopping_cart_recon_header a.optusLogo.personalSite,
.shopping_cart_header .optusLogo {
background: url("../../../../images/personal/shared/site_header/optus-logo-teal.png");
display: block;
height: 52px;
margin: 15px 15px 15px 10px;
text-indent: -9999px;
width: 210px;
float:left;
background-size: cover;
}
.finish_container {
background:none;
padding:0;
}
.finish_container h3, .finish_container h4 {
text-align:center;
}
.finish_container .offline_order_thank_you {
text-align:left;
}
.what_happens_next_offline_order .plain_list.list_t8,
.thank_you_message_tick .plain_list.list_t8 {
margin-bottom: 1em;
}
.finish_container.thank_you_message_offline .order_number_span {
font-weight: bold;
}
.finish_container .spinner
{
background:none;
padding:0;
margin: 0 auto;
}
.finish_container .tick
{
background: url("../../../../images/personal/mobile/message_box_tick.png") no-repeat scroll 0 20px transparent;
margin: 0 auto;
height: 40px;
width: 40px;
padding-top:20px;
}
.finish_container .waiting_dontrefresh_notice
{
text-align: center;
border-width: 1px 0px;
border-style: solid;
padding-top: 3px;
padding-bottom: 3px;
border-color: black;
margin-top:5px;
}
.finish_container .waiting_text
{
font-weight:bold;
font-size:1.5em;
text-align:center;
margin-bottom:5px;
}
.finish_container .waiting_time_text
{
font-weight:bold;
font-size:1.2em;
text-align:center;
margin-bottom:5px;
}
.finish_container .waiting_spinner
{
background: url("../../../../images/shared/forms/spinner_black.gif") no-repeat scroll 0 20px transparent;
margin: 0 auto;
height: 135px;
width: 130px;
padding-top:20px;
}
.what_happen_next_wrap, .accessories_wrap, .green_wrap
{
border-width: 1px 0px 0px;
border-style: solid;
margin-top: 20px;
border-color: #CCC;
}
.what_happen_next_wrap h2, .register_my_accunt_wrap h2, .green_wrap h2
{
font-size: 1.5em;
}
.single_page_checkout_identifier .about_you_form_wrap .field_item_level_1 .field_title,
.single_page_checkout_identifier .recontract_account .field_item_level_1 .field_title,
.single_page_checkout_identifier .preferences_form_wrap .field_item_level_1 .field_title
{
padding-right: 20px;
padding-top: 5px;
text-align: right;
width: 30%;
font-size:14px;
color:#434343;
font-family:Arial;
}
.single_page_checkout_identifier .about_you_form_wrap .field_item_level_1 .field_value ,
.single_page_checkout_identifier .recontract_account .field_item_level_1 .field_value ,
.single_page_checkout_identifier .preferences_form_wrap .field_item_level_1 .field_value
{
float: left;
width: 65%;
}
.single_page_checkout_identifier .about_you_form_wrap .field_item_level_1 ,
.single_page_checkout_identifier .recontract_account .field_item_level_1 ,
.single_page_checkout_identifier .preferences_form_wrap .field_item_level_1
{
padding-top:9px;
padding-bottom:9px;
}
.single_page_checkout_identifier .about_you_form_wrap .field_item_level_1.even,
.single_page_checkout_identifier .recontract_account .field_item_level_1.even ,
.single_page_checkout_identifier .preferences_form_wrap .field_item_level_1.even
{
background-color: #E5EFF3;
}
.single_page_checkout_identifier .about_you_form_wrap input, .single_page_checkout_identifier .about_you_form_wrap select,
.single_page_checkout_identifier .recontract_account input, .single_page_checkout_identifier .recontract_account select,
.single_page_checkout_identifier .preferences_form_wrap input, .single_page_checkout_identifier .preferences_form_wrap select
{
border: 1px solid #DADADA;
height:26px;
line-height:26px;
font-size:14px;
color: #000;
font-family:Arial;
}
.single_page_checkout_identifier .about_you_form_wrap .fixedwidth,
.single_page_checkout_identifier .recontract_account .fixedwidth,
.single_page_checkout_identifier .preferences_form_wrap .fixedwidth
{
width:280px;
}
.single_page_checkout_identifier .about_you_form_wrap .field_value>select,
.single_page_checkout_identifier .about_you_form_wrap .field_value>input,
.single_page_checkout_identifier .about_you_form_wrap .field_value>label,
.single_page_checkout_identifier .about_you_form_wrap .employment_type>label,
.single_page_checkout_identifier .about_you_form_wrap .employment_type>select {
margin-right: .83em;
}
.recontract_account textarea, .recontract_account textarea,
.preferences_form_wrap textarea, .preferences_form_wrap textarea
{
border: 1px solid #DADADA;
}
.single_page_checkout_identifier .about_you_form_wrap select,
.single_page_checkout_identifier .recontract_account select,
.single_page_checkout_identifier .preferences_form_wrap select
{
height:22px;
}
.single_page_checkout_identifier .about_you_form_wrap input:focus, .single_page_checkout_identifier .about_you_form_wrap select:focus,
.single_page_checkout_identifier .recontract_account input:focus, .single_page_checkout_identifier .recontract_account select:focus,
.single_page_checkout_identifier .recontract_account input:focus, .single_page_checkout_identifier .recontract_account textarea:focus,
.single_page_checkout_identifier .preferences_form_wrap input:focus, .single_page_checkout_identifier .preferences_form_wrap textarea:focus
{
border: 1px solid #000;
}
.single_page_checkout_identifier .about_you_form_wrap input.readOnly:focus, .single_page_checkout_identifier .about_you_form_wrap select.readOnly:focus,
.single_page_checkout_identifier .recontract_account input.readOnly:focus, .single_page_checkout_identifier .recontract_account select.readOnly:focus,
.single_page_checkout_identifier .recontract_account textarea.readOnly:focus, .single_page_checkout_identifier .recontract_account textarea.readOnly:focus,
.single_page_checkout_identifier .preferences_form_wrap input.readOnly:focus, .single_page_checkout_identifier .preferences_form_wrap select.readOnly:focus,
.single_page_checkout_identifier .preferences_form_wrap textarea.readOnly:focus, .single_page_checkout_identifier .preferences_form_wrap textarea.readOnly:focus
{
border: 1px solid #DADADA;
}
.single_page_checkout_identifier .about_you_form_wrap .your_details
{
/*border-width: 0px 0px 1px;
border-style: solid;
border-color: rgb(221, 221, 221);
margin-bottom: 0px;
padding-bottom: 20px;
border-top-width: 1px;*/
}
.single_page_checkout_identifier .about_you_form_wrap .label_t1_text,
.single_page_checkout_identifier .recontract_account .label_t1_text,
.single_page_checkout_identifier .preferences_form_wrap .label_t1_text
{
color:#434343;
}
.single_page_checkout_identifier .about_you_form_wrap h4,
.single_page_checkout_identifier .preferences_form_wrap h4
{
font-size:18px;
color:#434343;
}
.single_page_checkout_identifier .monthly_pay_marginwrap .monthly_pay_invoice_wrap
{
margin-left:214px;
}
.single_page_checkout_identifier .monthly_pay_marginwrap .payment_options_cc_wrap .credit_card_field_text
{
margin-left:230px;
}
.single_page_checkout_identifier .payment_options_bank strong {
color: black;
}
.single_page_checkout_identifier .payment_options_bank .monthly_pay_invoice_wrap {
overflow: hidden;
display: block;
position: relative;
}
.single_page_checkout_identifier .monthly_pay_marginwrap .payment_options_cc_wrap .fieldset_level_1,
.single_page_checkout_identifier .monthly_pay_marginwrap .payment_options_bank_wrap .fieldset_level_1
{
border:0;
margin-bottom:0;
padding-bottom:0;
}
.single_page_checkout_identifier .monthly_pay_marginwrap .payment_options_cc_wrap .fieldset_level_1 li,
.single_page_checkout_identifier .monthly_pay_marginwrap .payment_options_bank_wrap .fieldset_level_1 li
{
padding-left:0;
}
.preferences_device_container
{
}
.preferences_device_container .preferences_device_container_image
{
float:left;
overflow:hidden;
padding-top:10px;
padding-bottom:10px;
}
.preferences_device_container .preferences_device_container_preferences .field_title
{
width:100px;
}
.single_page_checkout_identifier .form_date_lst_item.tooltoptext
{
margin-top:12px;
}
.single_page_checkout_identifier .credit_card_segment_list li
{
padding-right:1em;
float:left;
}
.single_page_checkout_identifier .credit_card_segment_list li.lowerpadding
{
padding-top:10px;
}
/* start singlepagecheckout submit lightbox */
.displayOrderCaptureProgressNotification.ui-pnotify
{
background-color:#FFF;
}
.displayOrderCaptureProgressNotification .main_container
{
text-align:center;
}
.displayOrderCaptureProgressNotification .main_container .thank_you_msg
{
font-weight: bold;
font-size: 1.3em;
}
.displayOrderCaptureProgressNotification .main_container .spinner
{
width: 120px;
height: 120px;
text-align: center;
background:none;
}
.displayOrderCaptureProgressNotification .main_container .spinner_text
{
margin-top: 14px;
font-weight:bold;
}
.displayOrderCaptureProgressNotification .main_container .refresh_msg_container
{
padding: 3px;
border-width: 1px 0px;
border-style: solid;
border-color: #CCC;
}
.displayOrderCaptureProgressNotification .main_container .refresh_msg
{
margin-bottom: 0px;
font-size: 0.9em;
}
/* end singlepagecheckout submit lightbox */
.singlepagecheckout_ebilling_preferences.fieldset_level_1
{
padding:0;
}
.singlepagecheckout_ebilling_preferences .field_list_t1 .field_item_t1 .field_title
{
width:30%;
}
.singlepagecheckout_billing_preferences_hide
{
display:none;
}
.singlepagecheckout_ebilling_preferences .field_list_t2 .field_item_level_1
{
margin-bottom: 0;
margin-left: 0;
margin-top: 0.8em;
padding: 0;
overflow:hidden;
background:none;
}
.singlepagecheckout_ebilling_preferences .field_list_t2 .field_item_heading .toggle_trigger_input
{
display:block;
float:left;
}
.singlepagecheckout_ebilling_preferences label.subsection_2
{
font-size:14px;
padding-left:10px;
}
.singlepagecheckout_ebilling_preferences .select_registration_notes
{
display:table;
padding-left:10px;
}
.singlepagecheckout_ebilling_preferences .field_list_t2 .field_item_t1
{
border: medium none;
border-radius: 10px;
padding: 1.2em;
}
.singlepagecheckout_ebilling_preferences .account_login_wrap .new_user,
.single_page_checkout_identifier .account_login_wrap .login_div_center
{
float:left;
width:24%
}
.middle_layer .single_page_checkout_identifier .fieldset_level_1 {
border-color: #DADADA;
border-width: 0 0 1px;
border-style: solid;
padding-bottom: 15px;
margin-bottom: 15px;
}
.middle_layer .single_page_checkout_identifier .preferences_device_container_preferences .fieldset_level_1 {
min-height: 105px;
}
.single_page_checkout_identifier.lightbox_wrap .field_list_level_1 label {
width: 8em;
}
.single_page_checkout_identifier.lightbox_wrap .bottom_controls
{
margin-left:10em;
}
.single_page_checkout_identifier.lightbox_wrap .bottom_controls .forgotten_password
{
padding-left:0;
}
.single_page_checkout_identifier.custom_lightbox_window_wrap .title
{
width:15em;
}
.single_page_checkout_identifier.custom_lightbox_window_wrap .content
{
width:auto;
padding: 1em;
}
.single_page_checkout_identifier.custom_lightbox_window_wrap
{
width:37em;
}
.single_page_checkout_identifier.custom_lightbox_window_wrap .loginError
{
font-weight: bold;
color: #FF0000;
padding: 0;
}
.single_page_checkout_identifier.logout_window
{
overflow: hidden;
border-width: 0px 0px 1px;
border-style: solid;
border-color: #DDD;
font-size: 14px;
}
.single_page_checkout_identifier.logout_window .greet_customer_message
{
float: left;
font-weight: bold;
}
.single_page_checkout_identifier.logout_window .incorrect_customer_message
{
float:right;
}
.single_page_checkout_identifier .preferences_checkbox_label {
background-color: #E5EFF3;
margin-top: 1.3em;
padding:0.5em 0.5em 0.5em 0.6em;
}
.single_page_checkout_identifier p.bgBlue_color {
background-color: #E5EFF3;
padding:3px 0 3px 8px;
}
.account_login_wrap .account_login_wrap_new_customer_container
{
border: 1px solid rgb(218, 218, 218);
float: left;
overflow: hidden;
width: 40%;
margin-left: 2em;
padding-bottom:1em;
}
#login_register_container .formLoginErrorMessage
{
margin-left:2em;
color:#FF0000;
}
.singlepagecheckout_ebilling_preferences label.formError,
.cc_container label.formError
{
margin-left:0;
}
.account_login_wrap .account_login_wrap_existing_customer_container
{
border: 1px solid rgb(218, 218, 218);
float: left;
width: 50%;
margin-left: 2em;
padding-bottom:1em;
}
.account_login_wrap .account_login_wrap_heading
{
font-weight: bold;
padding-left:20px;
background-color: rgb(229, 239, 243);
font-size: 1.2em;
height: 1.5em;
padding-top: 0.5em;
}
.account_login_wrap .account_login_wrap_body
{
padding-left:20px;
padding-top:10px;
}
.account_login_wrap .account_login_wrap_body .registerValidationLabel
{
display:none;
float:left;
padding-right:20px;
}
.singlepagecheckout_ebilling_preferences .field_list_t1 .address_details_wrap .field_item_t1 .field_title
{
width:10%;
}
.singlepagecheckout_ebilling_preferences .field_list_t1 .address_details_wrap .field_item_t1 .formError
{
margin-left:7.5em;
}
.single_page_checkout_identifier .ccFormErrorMessage
{
font-weight:bold;
color:#FF0000;
display:none;
}
.single_page_checkout_identifier .orderCaptureProcessingErrorContainer
{
display:none;
}
.single_page_checkout_identifier .info_to_customer .login_lightbox_link
{
font-weight:bold;
}
/*
.single_page_checkout_identifier .tooltip_click
{
margin-left:10px;
}
*/
.single_page_checkout_identifier .state {
width: auto;
}
.single_page_checkout_identifier .form_t1 label .email_id
{
font-weight:normal;
}
.single_page_checkout_identifier .checkbox_margin {
margin-right: 5px;
}
.value_superscript {
position: relative;
top: 0.3em;
}
.handset_price,
.plan_cap_price {
float:left;
width:50%
}
.handset_price .handset_cap_value .frequency_txt_wrap {
padding-left:4px;
float:left;
margin-top: 5px;
width: 40px;
}
.handset_price .handset_cap_value .frequency_txt_wrap .txt_bold {
font-weight:bold;
}
.handset_price .disclaimer_text {
float:left;
padding-top:5px;
}
.plus_sign_t2, .equal_sign {
font-size: 5.833em;
}
.plan_accordion .price .price_value_less, .price_value_data_less {
font-size: 2.083em;
}
.price .dollar_sign_less{
font-size: 1.5em;
vertical-align:top;
}
.data_txt_value{
font-size: 15px;
font-weight: bold;
}
.price_value_cent_less {
font-size: 1.5em;
top: -0.031em;
vertical-align: top;
position: relative;
}
/* Select SIM Card type */
.sim_card_selection_wrap {
margin: 10px 0 16px 16px;
}
.sim_card_type_title {
font-size: 1.5em;
display: inline-block;
font-weight: bold;
margin: 0 1em 0 0;
}
/* Style for pickup in store option on one page checkout payment page */
.pickup_in_store_wrap .pickup_in_store_states {
padding: 0 0 .83em;
}
.pickup_in_store_wrap .pickup_in_store_stores .lbl_choose_pickup_store {
margin-bottom: .25em;
display: block;
}
/* h1 with new font FSOptus-Regular for shop pages, it will be used as h1 across all pages */
.h1 {
font-family: "FSOptus-Light", Arial, sans-serif;
font-size: 1.67em;
}
/* style of tooltip for fix product listing template */
.page_contents .product_more_container {
position: relative;
}
.page_contents .product_more_link {
background: url("../../../../images/personal/shared/icons/left_arrow_more.jpg") no-repeat scroll 0 0 #F65F16;
font-size: 0;
line-height: 0;
height: 22px;
width: 49px;
position: absolute;
right: 0;
top: -11px;
}
.plan_listing_products .product_more_container .showhide_toggle_active {
background: url("../../../../images/personal/shared/icons/right_arrow_close.jpg") no-repeat scroll 0 0 #F65F16;
}
.page_contents .product_more_content {
top: -11px;
padding: 5px;
background-color:#C95114;
color:white;
position:absolute;
right:49px;
}
/** Added for NBN pre reg form **/
#nbn_form label.formError {
color: red;
margin-left: 0 !important;
}
form#nbn_form div#nbn_isCompany_field_value div.field_value {
width: 100% !important;
}
form#nbn_form div#nbn_permission div.field_value {
width: 100% !important;
}
.nbn_pre_reg_form_wrap .legend_bar_body {
background: url("../../../../images/personal/mobile/plan_board_open_csc.png") no-repeat scroll 0 -38px transparent;
}
.nbn_pre_reg_form_wrap .legend_bar {
background: url("../../../../images/personal/mobile/plan_board_open_csc.png") no-repeat scroll right 0 transparent;
}
/* Optus Cube */
.shopping_cart_recon_header a.optusCube {
width: 210px;
height: 158px;
margin: 10px 0 10px 0px;
}
form#nbn_form #username {
display: none;
}
/*
SM 29Aug13: Specific styles for UPC-Editor button.
For now, place outside the page in the right gutter.
*/
.upc-editorButton {
position: absolute;
top: -200px;
right: -174px;
z-index: 999;
}
.ui-datepicker {
background : white;
border : 1px solid black;
}
.ui-datepicker .ui-datepicker-header.ui-corner-all {
background : #006F90;
line-height : 1.5em;
}
.ui-datepicker .ui-datepicker-header {
border-radius : 0px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
float : right;
width : 20px;
color : #fff;
margin-right : 10px;
cursor : pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
float : left;
width : 20px;
color : #fff;
margin-left : 10px;
cursor : pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
color : white;
text-align : center;
}
.ui-datepicker .ui-datepicker-calendar {
background : #DDD;
padding : 5px 2px 10px;
}
.ui-datepicker .ui-datepicker-calendar td {
width : 30px;
height : 15px;
text-align : center;
vertical-align : middle;
margin : 2px;
border : 1px solid #AAA;
background : #FFF;
}
.ui-datepicker .ui-datepicker-calendar td a {
text-decoration : none;
color : #000;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month {
border : 1px solid transparent;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable {
background : #DDD;
color : #AAA;
}
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
}
.ui-datepicker-trigger{
margin-left:6px;
margin-bottom: -6px;
}
#ui-datepicker-div { display: none; }
}