/* CSS Document */
* {
  margin:0;
  padding:0;
}
body, textarea {
  font-family: Arial, Helvetica, sans-serif;
}
body{
  background:#ffffff;
}
textarea{
  overflow:auto;
}
img {
  border:0 none;
}

.wrapper {
  width: 960px;
  margin:0 auto;
  padding:10px;
}

.canvas{

}

.loadergif {
    background: url('../images/loading-bar.gif') no-repeat center center ;
    height: 400px;
    font-family: 'OfficeworksBookRegular',Arial;
    font-size: 26px;
    padding-top: 270px;
    position: absolute;
    text-align: center;
    width: 98%;
    z-index: 1;
}

#top{

}

#content {
  padding-bottom: 10px;
}
#jfooter {
  /*
  text-align: right;
  padding: 10px 0px;
  clear: both;
  border-top: 1px solid #eeeeee;
  */
}
/*
#right, #main, #left {
  background: #ffffff;

  float: left;
}
.one_column #main{
  width:897px;
}
.one_column #left, .one_column #right{
  display:none;
}
.two_column_r #right{
  width:197px;
}
.two_column_r #main{
  width:590px;
  margin-right:10px;
}
.two_column_l #left{
  width:197px;
  margin-right:10px;
}
.two_column_l #main{
  width:590px;
}
.two_column_l #right, .two_column_r #left{
  display:none;
}
.three_column #main{
  width:383px;
  margin-right:10px;
}
.three_column #right{
  width:197px;
}
.three_column #left{
  width:197px;
  margin-right:10px;
}
*/
/** style rules for overwriting the default column widths on the home page **/
.home.one_column #main{
}
.home.two_column_r #right{
}
.home.two_column_r #main{
}
.home.two_column_l #left{
}
.home.two_column_l #main{
}
.home.three_column #main{
}
.home.three_column #right{
}
.home.three_column #left{
}

.separator, .clear{
  clear:both;
}


li.current {
    font-weight: bold !important;
}

.medium {
    font-size: 14px;
}

/* ------------------ FAQ ------------------ */

.blogfaq .items-leading p, .blogfaq .items-row p {
    display: none;
}

.faq-rating {
    background: url('../images/tick.png') no-repeat #F8F8F8 10px center ;
    height: 40px;
    width:100%;
    border: solid #BBBBBB 1px;
}

.faq-rating .rating-label {
    padding: 0 0 0 40px;
    line-height: 40px;
}

.faq-rating a {
    padding: 0 0 0 15px;
}

.mod-faq-item.collapsed {
    display: none;
}

.category-module-faq {
    margin: 0px;
    border-bottom: solid #BBBBBB 1px;
}

.mod-faq-blog-heading {
    background: #F8F8F8 ;
    border: solid #BBBBBB 1px;
    border-bottom: none;
    line-height: 40px;
    padding: 0 0 0 20px;
}

.faq-heading-collapsed {
    background: url('../images/collapsed.png') no-repeat #F8F8F8 98% center ;
}

.faq-heading-expanded {
    background: url('../images/expanded.png') no-repeat #F8F8F8 98% center ;
}

.mod-faq-item {
    padding: 20px;
    border: solid #BBBBBB 1px;
    border-bottom: none;
}

table.top-faq td {
    min-width: 255px;
}

.faq-current-rating {
    float:right;
    padding: 8px 40px 0 0;
}

.more-help-topics {
    padding: 30px 320px 64px 15px;
  position: relative;
}

.more-help-topics table{
    width: 100%;
    border: none;
    margin-left: 10px;
}

.more-help-topics table td{
    line-height: 26px;
    border: none;
}

.help-centre-notification {
    background: #FFF8E6;
    border: solid #FEE19D 1px;
    text-align: center;
    padding: 15px;
}

.mod_top_faq_table .tbody {
    display: table;
}

.mod_top_faq_table .table-bordered {
    border-radius: 0;
}

.mod_top_faq_table .tbody .th.highlight {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 25px;
    padding: 15px 25px;
}

.mod_top_faq_table .tbody .tr {
    display: table-cell;
    border-left: 1px solid #ddd;
    width: 34%;
}

.mod_top_faq_table .tbody .td {
    padding: 0 25px 20px;
}

/* Help Centre - Contact methods */
.contact-methods.table .tr{
  border-radius: 0;
  display: table;
  width: 100%;
}

.contact-methods.table .td {
  width: 34%;
  display: table-cell;
  padding: 20px;
  border-left: 1px solid #ddd;
}


.small-static-content-search {
    padding: 15px;
    border: solid #BBBBBB 1px;
    background: #F8F8F8;
}

#static-content-search-box {
    background: url('../images/help-search.png') no-repeat #FFFFFF 10px center;
    width: 700px;
    padding: 6px 35px;
    margin: 0px;
}

.small-static-content-search #static-content-search-box {
    width: 600px !important;
}


#help-centre-search {
    margin: 0px 0px 0px 10px;
}

#static-content-predictive-search {
    width: 850px;
    position: absolute;
    display: none;
    z-index: 10;
    margin: 4px 0px 0px 0px;
    background: #ffffff;
    border-top: 1px solid #CCCCCC;
}

.small-static-content-search #static-content-predictive-search {
    width: 750px !important;
}

#static-content-predictive-search li {
    list-style: none;
    height: 33px;
    line-height: 33px;
    padding: 0px 10px;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    cursor: pointer;
}

#static-content-predictive-search li:hover {
    background-color: #CCCCCC;
}

.static-search-result-item {
    padding:20px !important;
}

.delivery-calculator-header {
    color: #ffffff;
    border-color: #005bab;

    background: -moz-linear-gradient(top, #1b3374 0%, #005bab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b3374), color-stop(100%,#005bab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1b3374 0%,#005bab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1b3374 0%,#005bab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1b3374 0%,#005bab 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1b3374 0%,#005bab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3374', endColorstr='#005bab',GradientType=0 ); /* IE6-9 */


    text-align: right;
    height: 60px;
    line-height: 60px;
    padding: 0px 20px;
}

#delivery-calculator-postcode {
    height: 17px;
    width: 50px;
    margin: 0px;
}

#delivery-calculator-deliveryZones {
    width: 100%;
}

#delivery-calculator-deliveryZones td{
    height: 20px;
    border: solid #bbbbbb 1px;
    padding: 15px
}

#delivery-calculator-deliveryZones th{
    border: solid #bbbbbb 1px;
    background: #F8F8F8;
    height: 50px;
}

#help-centre-delivery-calculator {
    margin-top: 20px;
}

.delivery-info-box {
    border: solid #bbbbbb 1px;
    padding: 20px;
}

.delivery-rain {
    border: solid #bbbbbb 1px;
    background: url('../images/rain.png') no-repeat right top #F8F8F8;
    margin-top: 20px;
    padding: 20px 140px 10px 20px;
    font-size: 12px;
}

.extra-delivery-info h3 {
    padding-left: 0px;
    padding-bottom: 5px;
}

.delivery-more-links {
    border: solid #bbbbbb 1px;
    border-top: none;
    background: #F8F8F8;
    padding: 20px 20px 0px 20px;
    margin-bottom: 20px;
}

.delivery-more-links h2{
    padding-left: 0px;
}

.delivery-link {
    float: left;
    width:50%;
}


#in-store-activities-header {
    color: #ffffff;
    font-weight: bold;
    border-color: #005bab;

    background: -moz-linear-gradient(top, #1b3374 0%, #005bab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b3374), color-stop(100%,#005bab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1b3374 0%,#005bab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1b3374 0%,#005bab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1b3374 0%,#005bab 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1b3374 0%,#005bab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3374', endColorstr='#005bab',GradientType=0 ); /* IE6-9 */

    text-align: right;
    height: 60px;
    line-height: 60px;
    padding: 0px 15px;
}

#in-store-activities-state {
    height: 27px;
    margin: 0px;
}

#in-store-activities-results tr{
    width: 100%;
    border: solid #bbbbbb 1px;
}

#in-store-activities-results tr.even{
    background: #F8F8F8;
}

#in-store-activities-results td{
    padding: 20px;
}

#in-store-activities-results td.instore-name{
    font-weight: bold;
}

#in-store-activities-results td.instore-name .small {
    display: block;
    font-size: 85%;
    color: #999999;
}

.instore-date .primary-date, .instore-date .repeat-date {
    width: 200px;
    display: block;
}
.instore-date .primary-time {
    width: 200px;
    display: block;
    margin-bottom: 10px;
}

.instore-date .repeat-time {
    width: 200px;
    display: block;
}

#in-store-activities-results td.instore-desc .small-link {
    display: block;
    color: #999999;
    font-weight: normal;
}

/* ------------------ com_owcontactform ------------------ */

.OWContactFormFields .star {
    color: red;
}

.OWContactFormField-owcontactform_querySubject label {
    float: left;
}

.OWContactFormField-owcontactform_querySubject .choose-faq-question {
    float: right;
    border-left: 1px solid #cccccc;
    margin-left: 10px;
}

.faqQuestions-container {
    width: 690px;
}

.faqQuestions-faqs {
    border: solid #BBBBBB 1px;
    border-top: none;
    padding: 20px;
}

.faqQuestions-faqs hr {
    clear:both;
}

.faqQuestions-faqs-header {
    padding-bottom: 20px;
}

.faqQuestions-faqs-body {
    margin-left: -20px;
}

.faqQuestions-fields {
    height: 30px;
    padding: 20px;
    border: solid #BBBBBB 1px;
    background: #eeeeee;
}

.faqQuestions-header-text {
    float: left;
    font-size: 14px;
    font-weight: bold;
}

.faqQuestions-header-links{
    float: right;
}

.faqQuestions-header-links a{
    padding-left: 20px;
}

.faq-cat-question {
    width: 305px;
    float: left;
    padding: 0px 0px 10px 20px;
}

.faqQuestions-faqs-footer{
    clear: both;
}

.faq-question-intro {
    padding-left: 20px;
}

.faq-question-intro-title {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}

.OWContactFormField-owcontactform_customerType{
    padding: 20px 0px 0px 20px;
}

#owcontactform_customerType-lbl{
    float: left;
    padding-right: 60px;
}

#owcontactform_customerType{
    float: left;
}

#owcontactform_customerType input {
    float: left;
    margin-left: 20px;
}

#owcontactform_customerType label {
    float: left;
    min-width: 130px;
    margin-left: 10px;
}

.OWContactFormField-owcontactform_name{
    float: left;
    padding: 20px 0px 0px 20px;
}

.OWContactFormField-owcontactform_name input{
    width: 300px;
}

.OWContactFormField-owcontactform_customerId{
    float: left;
    padding: 20px 0px 0px 20px;
}

.OWContactFormField-owcontactform_customerId input{
    width: 135px;
}

.OWContactFormField-owcontactform_customerId label{
    background: url('../images/q-icon.png') no-repeat 90px center;
}

.OWContactFormField-owcontactform_orderNumber{
    padding: 20px 0px 0px 20px;
    float: left;
}

.OWContactFormField-owcontactform_orderNumber input{
    width: 135px;
}

.OWContactFormField-owcontactform_orderNumber label{
    background: url('../images/q-icon.png') no-repeat 105px center;
}

.OWContactFormField-owcontactform_email {
    float: left;
    padding: 20px 0px 0px 20px;
}

.OWContactFormField-owcontactform_email input{
    width: 300px;
}

.OWContactFormField-owcontactform_phone, .OWContactFormField-owcontactform_postcode {
    float: left;
    padding: 20px 0px 0px 20px;
}

.OWContactFormField-owcontactform_phone input, .OWContactFormField-owcontactform_postcode input {
    width: 135px;
}

.OWContactFormField-owcontactform_message {
     float: left;
     padding: 20px 0px 0px 20px;
 }

.OWContactFormField-owcontactform_message textarea{
     width: 630px;
     height: 150px;
 }

.OWContactFormField-owcontactform_readAndAcceptPrivacy {
    padding: 0px 0px 20px 20px;
}
 
.OWContactFormField-owcontactform_respond {
    padding: 20px;
}

.OWContactFormField-owcontactform_respond label{
    padding: 20px 0px 0px 20px;
}

.OWContactFormField-owcontactform_respond .label-description {
    font-size: 12px;
    font-weight: normal;
    display: block;
}

.OWContactFormField-acValidate {
    float: left;
    padding: 0px 20px 20px 20px;
}

.OWContactFormField-acValidate .ac-textbox {
    width: 280px;
}


.OWContactFormField-submit {
    float: left;
    padding: 80px 20px 20px 20px;
    margin-left: 195px;
}

.OWContactFormField-submit input {
    width: 115px !important;
}

.OWContactForm-container{
    float: left;
    width:690px;
}

.vertical-social-links {
    float: right;
}

/* ------------------ WC Overwrites ------------------ */
.collapsed-link a{
    font-family: 'ITCAvantGardeBook','OfficeworksBookRegular',Arial Important;
}

.collapsed-link a:hover{
    text-decoration: underline !important;
}

h2.large-table-heading{
    padding: 10px ;
    margin-top: 5px;
}

h2.line-spaced {
    line-height: 26px;
    padding-bottom: 15px;
}

p.less-padding {
    padding-bottom: 15px;
}

.dropdown-toggle .caret {
    position: absolute;
    right: 5px;
}

p.less-padding {
    padding-bottom: 15px;
}

.dropdown-toggle .caret {
    position: absolute;
    right: 5px;
}


.tip-wrap{
width: 270px !important;
padding: 10px;
background: #ffffff;
box-shadow: 0 0 14px -4px #252525;
}

.tip-title{
font-size: 16px;
color: #005bab;
background-color: transparent;
border: 0;
padding-bottom: 15px;
font-family: OfficeworksBoldRegular,Arial;
font-weight: 400;
}

/* Login popup overrides */
#headerEmailAddress,
#headerPassword {
    display: block !important;
}

#SimpleSearchForm_SearchTerm,
#headerstoreinput {
    display: inline-block !important;
}


/* -----------------!!! BACK TO UNNI SECTION !!!----------------- */


#rate_or_wait .clear_both{
    clear: both;
}
#top_picks {
    background-color: #4ca2d5;
  padding-top: 90px;
    margin-top: -60px;
}

#top_picks h3{
    color: #fff;
    font-family: OfficeworksMediumRegular, Arial;
    line-height: 28px;
    font-size: 28px;
    margin-left: 10px;
}

#top_picks .top_picks_right h3{
    color: #fff;
    font-family: OfficeworksMediumRegular, Arial;
    line-height: 28px;
    font-size: 28px;
    margin-left: 5px;
}

.top_picks_left {
    float: left;
    margin-left: 20px;
    /*width:580;*/
}

.top_picks_right {
    float: right;
    width: 380px;
}

#user_rated_top_picks {
    margin: 20px 5px;
}

#user_rated_top_picks .user_rated_product {
    border: #8bdaf0 solid 2px;
    border-top: none;
    height: 70px;
    width: 336px;
    background-color: #fff;
}

#user_rated_top_picks .user_rated_product.first {
    border-top: #8bdaf0 solid 2px;
}

#user_rated_top_picks .user_rated_product div{
    float: left;
}

#user_rated_top_picks .user_rated_product .product_rating {
    width: 45px;
    font-family: OfficeworksMediumRegular, Arial;
    line-height: 36px;
    font-size: 36px;
    color: #005bab;
    margin: 18px 0px 0px 8px;
}

#rate_or_wait .user_rated_product .product_image img {
    width: 62px;
    height: 62px;
}

#rate_or_wait .user_rated_product .product_image {
    width: 62px;
    height: 62px;
    margin: 4px 4px 0px 0px;
}

#user_rated_top_picks .user_rated_product .product_name {
    width: 113px;
    margin-top: 5px;
    font-family: OfficeworksMediumRegular, Arial;
    color: #005bab;
    line-height: 14px;
    font-size: 14px;
    overflow: hidden;
    height: 62px;
}

#user_rated_top_picks .user_rated_product .product_add_to_cart {
    width: 100px;
    float: right;
    margin-right: 4px;
}


#user_rated_top_picks .user_rated_product .product_add_to_cart .price{
    font-size: 20px !important;
}

#rate_or_wait .product_add_to_cart .add-to-cart .price{
  font-size: 30px;
  text-align: left;
}

#rate_or_wait .print_range .product_add_to_cart .add-to-cart .price{
        font-size: 24px !important;
}


#rate_or_wait .print_range .product_add_to_cart a.btn.btn-large {
  background-color: #00aeef;
}


#rate_or_wait .three_product_row {
    clear: both;
}

#rate_or_wait .back_to_uni_product{
    float: left;
    width: 336px;
    background-color: #fff;
    margin: 9px 5px;
    padding: 10px;
}

#rate_or_wait .product_price {
    display: none;
}

#rate_or_wait .back_to_uni_product .product_name {
    font-family: OfficeworksMediumRegular,Arial;
    line-height: 20px;
    font-size: 20px;
    color: #005bab;
    height: 60px;
    overflow: hidden;
    margin-bottom: 10px;
}


#rate_or_wait .back_to_uni_product .product_image img {
    width: 139px;
    height: 139px;
    margin: 4px;
}

#rate_or_wait .back_to_uni_product .product_image {
    width: 139px;
    height: 139px;
    margin: 4px;
}

#rate_or_wait .back_to_uni_product .product_body {
    width: 139px;
    height: 139px;
    margin: 4px;
}

#rate_or_wait .horizontal_product {
    width: 336px;
}
#rate_or_wait .horizontal_product .product_image{
    float: left;
}
#rate_or_wait .horizontal_product .product_body{
    float: right;
    width: 168px;
}

#rate_or_wait .horizontal_product.opposite_order .product_image{
    float: right;
}
#rate_or_wait .horizontal_product.opposite_order .product_body{
    float: left;
    width: 168px;
}
#rate_or_wait .vertical_product {
    width: 148px !important;
    height: 332px;
}

#rate_or_wait .loader {
    text-align: center;
    padding: 20px 0;
    margin: auto;
    font-size: 20px;
    font-family: OfficeworksMediumRegular, Arial;
    display: block;
    float: none;
    clear: both;
}

.top_picks_left.top_picks_range.ajax_loading {
    height: 788px;
}

#rate_or_wait .vertical_product .product_image{
    clear: both;
}
#rate_or_wait .vertical_product .product_body{
    clear: both;
}
.top_picks_left .container_double {
    float: left;
    width:360px;
    margin:0px 5px;
}

.top_picks_left .container_single {
    float: left;
    width:172px;
    margin:0px 5px;
}

.rate_or_wait_categories .category_filter{
    background-color: #4ca2d5;
    height: 55px;
  margin-bottom: 30px;
}

.rate_or_wait_categories {
    background-color: #d7d7d7;
}

.rate_or_wait_categories .other_product_range {
    clear: both;
}


#rate_or_wait .data-inventory-bestsellers{
    display: none !important;
}

#rate_or_wait .btn.btn-commerce.btn-small.add-to-cart[disabled=disabled] {
    height: 24px !important;
    overflow: hidden !important;
}


#rate_or_wait  .rate_or_wait_categories {
    clear: both;
}


#rate_or_wait .other_product_range {
    display: none;
}

#rate_or_wait .technology_range {
    display: block;
}

#rate_or_wait .category_filter_link {
    display: table-cell;
    width: 196px;
    height: 55px;
    text-align: center;
}

#rate_or_wait .category_filter_link.selected {
    background-color: #d7d7d7;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#rate_or_wait .category_filter_link a, #rate_or_wait .category_filter_link a:hover{
    text-decoration: none;
    margin: auto;;
    line-height: 55px;
    font-size: 20px;
    font-family: OfficeworksMediumRegular, Arial;
    color: #fff;
}

#rate_or_wait .category_filter_link.selected a, #rate_or_wait .category_filter_link.selected a:hover{
    text-decoration: none;
    margin: auto;
    color: #005bab;
    font-family: OfficeworksMediumRegular,Arial;
}

#rate_or_wait .more_products_in_range {
    clear: both;
    background-color: #fff;
    margin: 0px 5px 10px 10px;
    font-family: OfficeworksMediumRegular,Arial;
}

#rate_or_wait .more_products_in_range .view_more_text{
    text-align: center;
    height: 70px;
}

#rate_or_wait .more_products_in_range .view_more_text a{
    line-height: 70px;
    font-size: 28px;
    color: #005bab;
}

#rate_or_wait .top_picks_right .more_products_in_range{
    margin: 0 10px 0 0;
}

#rate_or_wait .top_picks_right .more_products_in_range .view_more_text a{
    line-height: 35px;
}

#rate_or_wait .more_products_in_range .view_more{
    height: 30px;
    text-align: center;
    background-color: #005bab;;
}

#rate_or_wait .more_products_in_range .view_more a{
    line-height: 30px;
    font-size: 15px;
    color: #fff;
}

/* ---------------!!! END BACK TO UNNI SECTION !!!--------------- */
/********* global  **********/

#rateIt .heading, #rate_or_wait .heading{
  text-align:center;
  margin: 0px 0 
}

#rateIt .intro, #rate_or_wait .intro{
  text-align:center;
  color: #005bab;
  font-size:18px;
  font-weight:bold;
  line-height:26px;
}

#rateIt .menu, #rate_or_wait .menu{
  margin-top:20px;
  text-align:center;
  height:114px;
}

#rateIt .menu a.button, #rate_or_wait .menu a.button{
  display:inline-block;
  height:95px;
  margin-left:-3px;
  width: 315px;
  font-weight:bold;
  background-color: white;
  color: #005ba5;
  font-size: 28px;
  line-height:95px;
  text-align:center;
  background:url(../images/rateit/btn_bg.png) no-repeat;
  text-decoration:none;
  padding:0;
  border-radius: 0;
  box-shadow:none;
}

#rateIt .menu a.button.get_set, #rate_or_wait:not(.review_rate) .menu a.button.product_range,
#rate_or_wait.review_rate .menu a.button.get_set{
  height:114px;
  background-color: #005ba5;
  color: white;
  background:url(../images/rateit/btn_active_bg.png) no-repeat top center;
  text-decoration:none;
}

.show-mobile{
  display:none;
}

/********* play games  **********/
#rateIt #rateItProductsSelection,  #rateIt #rateItEntreDraw, #rate_or_wait  #ProductsSelection{
  background:#d7d7d7;
  margin-top:-60px;
  box-sizing:border-box;
  width:100%;
  padding: 75px 55px 45px;
  text-align:center;
  color: #005bab;
  margin-bottom:14px;
}

#rate_or_wait  #ProductsSelection{
  text-align:left;
  padding: 95px 0 45px;
}

#rateIt #rateItProductsSelection *, #rateIt #rateItEntreDraw *{
  text-align:center;
  color: #005bab;
}

#rateIt #productDesc{
  margin-bottom:0px;
}

#rateIt #productDesc p, #rateIt #drawDesc p{
  font-size:20px;
  line-height:24px;
}

#rateIt #productDesc p.title,  #rateIt #drawDesc p.title{
  font-size:30px;
  margin-bottom:15px;
  line-height:42px;
}

#rateIt #rateItFinishedRating img.smile{
  margin-bottom:20px;
}

#rateIt #rateItFinishedRating p{
  font-size:28px;
  line-height:34px;
  margin-bottom: 20px;
}

#rateIt #rateItFinishedRating p.title{
  line-height: 80px;
  margin-top: 40px;
  font-size: 80px;
}

#rateIt #rateItFinishedRating p.text1{
  font-weight:bold
}

#rateIt #rateItFinishedRating p.text2{
  
}

#rateIt #productPages{
  padding-left:165px;
  font-weight:bold;
  height: 75px;
}

#rateIt .productPage{
  float:left;
  width: 18px;
}

#rateIt .productIndex{
  display:block;
  margin: 6px 0;
  width: 16px;
  height:16px;
  border:1px solid #005bab;
  -webkit-border-radius: 12px; 
    -moz-border-radius: 12px; 
    border-radius: 12px; 
}

#rateIt .productIndex.active{
  background-color:#005bab
}

#rateIt #productPages .line{
  float:left;
  width:38px;
  height:30px;
  border-bottom:2px solid #005bab;
}

#rateIt #productToRateImg{
  width: 654px;
  margin:0 auto;
  background-color: white;
  border-radius: 14px 0px 0px 0px;
  -moz-border-radius: 14px 0px 0px 0px;
  -webkit-border-radius: 14px 0px 0px 0px;
  border: 1px solid #b1b1b1;
  position:relative;
}

#rateIt #productToRateImg .mark{
  width:104px;
  height:120px;
  line-height:125px;
  font-size: 38px;
  color:white;
  font-weight:bold;
  right:0;
  position:absolute;
  background: url(../images/rateit/mark.png) repeat left;
}
#rateIt #productToRateImg img{
  margin:35px auto 15px;
}

#rateIt #productBottom{
  background: url(../images/rateit/product_btm.png) bottom;
  width: 658px;
  margin:0 auto;
  padding: 20px 15px 40px 15px;
  font-weight: bold;
  font-size:24px;
  line-height:30px;
  box-sizing:border-box;
  text-align:left;
  margin-bottom: 40px;
}

#rateIt #productBottom *{
  text-align:left
}
  
#rateIt #productToRateName{
  display: inline-block;
  width:380px;
}

#rateIt #productToRatePrice{
  float:right;
  width:120px;
}

#rateIt #productRatingButtons a.rateButton{
  display:inline-block;
  padding: 39px;
  background: url("../images/rateit/rate_btn.png") no-repeat top left;
  cursor: pointer;
}

#rateIt #productRatingButtons a.rateButton:first-child{
  margin-right:20px
}

#rateIt #productRatingButtons span em{
  text-align: center;
  background: url("../images/rateit/neutral_face.png") no-repeat top left;
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  color: #FFF;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#rateIt #productRatingButtons span em:hover{
  transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

#rateIt #productRatingButtons #iLoveThisProduct span em{
  background: url("../images/rateit/smile_face.png") no-repeat top left;
}

#rateIt #rateItSubmissionForm {
  padding:0 40px;
}

#rateIt #rateItSubmissionForm input{
  display:block;
  margin:0 auto 40px auto;
  color: #a1a1a1
}

#rateIt #rateItSubmissionForm input[type='checkbox']{
  display:none;
}

#rateIt #rateItSubmissionForm input[type="text"],
#rateIt #rateItSubmissionForm input[type="email"]{
  width:100%;
  box-sizing: border-box;
  line-height: 84px;
  height:84px;
  font-size: 30px;
  padding: 0 30px;
  text-align: left;
}

#rateIt #rateItSubmissionForm input[type='submit']{
  border:0 none;
  background: none;
  background: url("../images/rateit/red_button_bg.png") #d81820 top repeat-x;
  color: white;
  font-size: 34px;
  height: 90px;
  line-height:90px;
  width:480px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #b1b1b1;
  margin-bottom:60px;
}

#rateIt .terms{
  line-height:45px;
}

#rateIt .terms p{
  text-align:left !important;
  padding:0;
  margin-bottom:20px;
}

#rateIt .terms input[type=checkbox] + label{
  font-size:30px;
  display:inline-block;
  line-height:47px;
  height:47px;
  background: url(../images/rateit/checkbox.png) top left no-repeat;
  padding-left:65px;
}

#rateIt .terms input[type=checkbox]:checked + label{
  background-position: left bottom;
}

/** review page **/
.review_rate .socialmedia_icons{
  padding-top: 20px;
    height: 47px;
  background-color: #c3c3c3;
  margin-bottom:32px;
}

.review_rate h2.review_title{
  font-size:25px;
  padding-left:30px;
}

.review_rate .share_txt{
  font-size:18px;
  line-height:24px;
  width: 100%;
  height:35px;
  text-align: center;
}

.review_rate .socialmedia_icons {
    text-align: center;
}

.review_rate .socialmedia_icons .share_icons{
  clear: both;
  line-height: 45px;
  height:45px;
    width: 470px;
    display: block;
    margin: auto;
}

.review_rate .socialmedia_icons .share_icons > div{
  float:left;
    height: 40px;
}

.review_rate .socialmedia_icons .share_facebook {
    width: 150px;
}

.review_rate .socialmedia_icons .share_facebook div {
    float: left;
}

.review_rate .share_facebook img{
    vertical-align: top !important;
}

.review_rate .socialmedia_icons .share_icons #facebook_counter:before{
    content: "";
    background-image: url("/components/com_rateorwait/assets/images/facebook_border_arrow.png");
    width: 7px;
    height: 6px;
    display: block;
    position: absolute;
    left: -7px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.review_rate .socialmedia_icons .share_icons #facebook_counter {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ababab;
    background-color: white;
    min-width: 20px;
    height: 26px;
    margin-left: 6px;
    line-height: 26px;
    text-align: center;
    position: relative;
    color: black;
}

.review_rate .socialmedia_icons .share_icons .share_twitter {
    width: 152px;
}

.review_rate .socialmedia_icons .share_icons .share_email span{
    height:30px;
    width: 56px;
    background-image: url("/components/com_rateorwait/assets/images/share-email.png");
    background-position: 0;
    background-color: transparent !important;
    background-size: 56px 30px !important;

}

.review_rate .socialmedia_icons .share_icons .share_email{
    margin-left: 50px;
}

.review_rate #ProductsSelection .title{
  font-size:40px;
  line-height:55px;
  margin-bottom:22px;
  color:#005bab;
  text-align:center
}

.review_rate #ProductsSelection .title.error{
  color:red;
}

.review_rate .view_more{
  margin: 40px 30px 10px;
  background:white;
  text-align:center;
  padding-top: 35px;
  height: 160px;
  width:  920px;
  box-sizing:border-box;
}

.review_rate .view_more p{
  font-size:25px;
  margin-bottom:10px;
  color:#005bab;
  font-weight:bold;
}

.review_rate .view_more a.view_now{
  display:block;
  width:170px;
  height:45px; 
  line-height: 45px;
  text-align:center;
  color:white;
  background:#005bab;
  text-decoration:none;
  font-weight:bold;
  font-size:18px;
  margin-left:372px;
}


.parcel_delivery_query_form .bfLabelLeft{
  width: 47%;
  margin-bottom: 15px !important;
}

.parcel_delivery_query_form .bfLabelLeft label, .parcel_delivery_query_form .bfLabelLeft input, .parcel_delivery_query_form .bfLabelLeft select{
  float: none !important;
  width: 85% !important;
}
.parcel_delivery_query_form #bfElemWrap1536, .parcel_delivery_query_form #ff_elem1541 {
  width: 100% !important; 
}

.parcel_delivery_query_form #bfElemWrap1535 {
  width: 100% !important; 
}

.parcel_delivery_query_form #bfElemWrap1535 > label,  .parcel_delivery_query_form #bfElemWrap1535 > span{
  width: 47% !important;
  float: left !important; 
}

.parcel_delivery_query_form #bfElemWrap1535 > span > input{
  width: 7% !important;
  float: left !important; 
}

.parcel_delivery_query_form #bfElemWrap1535 > span > label {
  width: 30% !important;
  float: left !important; 
}


.parcel_delivery_query_form #bfElemWrap1541, .parcel_delivery_query_form #ff_elem1541, .parcel_delivery_query_form #bfElemWrap2077, .parcel_delivery_query_form #ff_elem2077, .parcel_delivery_query_form #bfElemWrap2082{
  width: 95% !important; 
}
.parcel_delivery_query_form #ff_elem2082 {
  width: 93%!important;
}

.parcel_delivery_query_form #ff_elem2095{
  width: 88%!important;
}

.parcel_delivery_query_form #bfElemWrap1658, .parcel_delivery_query_form #ff_elem1658 {
  /*width: 95% !important; */
}

.parcel_delivery_query_form #bfElemWrap1659, .parcel_delivery_query_form #bfLabel1659{
  width: 100% !important; 
}


.parcel_delivery_query_form #bfElemWrap1680 > label,  .parcel_delivery_query_form #bfElemWrap1680 > span{
  width: 100% !important;
  float: left !important; 
}

.parcel_delivery_query_form #bfElemWrap1680 > span > input{
  width: 3% !important;
  float: left !important; 
}

.parcel_delivery_query_form #bfElemWrap1680 > span > label {
  width: 44% !important;
  float: left !important; 
}


.parcel_delivery_query_form #bfElemWrap1680 {
  width: 100% !important;
}


.parcel_delivery_query_form #bfElemWrap1680 span{
  padding: 5px 0 10px 10px;
  background: #eeeeee;
  border-left: solid #BBBBBB 1px;
  border-bottom: solid #BBBBBB 1px;
  border-right: solid #BBBBBB 1px;
  width: 92% !important;
}

.parcel_delivery_query_form #bfElemWrap1680 > label{
  padding: 10px 0 5px 10px;
  background: #eeeeee; 
  border-left: solid #BBBBBB 1px;
  border-top: solid #BBBBBB 1px;
  border-right: solid #BBBBBB 1px;
  width: 92% !important;
}

.parcel_delivery_query_form #bfLabel1485{
   background: url('/templates/new/images/q-icon.png') no-repeat 120px top;
}

.parcel_delivery_query_form #bfLabel1680{
  font-weight: bold;
  font-family: 'OfficeworksBoldRegular', Arial; 
  font-size: 18px;
  color: #005bab;
}

#ff_form7 #bfElemWrap243 {
  clear: none !important; 
}

