Font Awesome icon usage statistics

  • 1 types of Font Awesome iconic font are used and found 1 times in total.
  • MACFIXIT.COM.AU used 1.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of MACFIXIT.COM.AU are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • MACFIXIT.COM.AU includes "https://www.macfixit.com.au/media/css_secure/4c6936603f6ca65bd8e01e6a361471b8.css" to use Font Awesome and information from CSS is like below.
  • @font-face {
        font-family: 'BebasNeuenwt';
        src: url('/CSS/fonts/BebasNeue-webfont.eot#iefix') format('embedded-opentype')
    }
    @font-face {
        font-family: 'BebasNeuenwt';
        src: url('/CSS/fonts/BebasNeue-webfont.eot');
        src: url('/CSS/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
             url('/CSS/fonts/BebasNeue-webfont.woff') format('woff'),
             url('/CSS/fonts/BebasNeue-webfont.ttf') format('truetype'),
             url('/CSS/fonts/BebasNeue-webfont.svg#BebasNeuenwt') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    .bebas { font-family:'BebasNeuenwt', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; }
    .bebas_fff { color:#FFF; }
    .bebas_a0a { color:#a0a0a0; }
    .bebas_c00 { color:#C00; }
    .bebas_999 { color:#999; }
    .bebas_666 { color:#666; }
    .bebas_333 { color:#333; }
    .bebas_292 { color:#292929; }
    .arial_bold { font-family:Arial, Helvetica, sans-serif; font-weight:bold; position:relative; }
    /* Begin Basket Summary Left on Checkout-leftside */
    #basket_summary_left{}
    .bsl_table{background: #F9F9F9; border: 1px solid #EBEBEB; width: 100% !important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
    .bsl_table_tr{border-bottom: 1px solid #EBEBEB}
    .bsl_table_tr:last-child{border-bottom: none;}
    .bsl_table_tr:first-child td{padding: 10px; font-weight: bold; text-align: center; background-color:#DDDDDD;}
    .bsl_table_tr td{}
    td.bsl_img{vertical-align: middle; border-right: 1px solid #EBEBEB}
    .bsl_table_tr td p{margin: 5px; padding: 0; font-size: 11px}
    p.bsl_name{font-weight: bold;}
    p.bsl_qty{}
    p.bsl_total{}
    .bsl_tr_total td p{text-align: right; font-size: 12px; font-weight: bold;}
    #checkout-progress-wrapper{
    	height: 852px;
    }
    .checkout-cart-index .cart .title-buttons span{display: inline-block; float: left; height: 33px; text-align: left; padding-left: 40px;width: 100px; margin-left: 85px;}
    .checkout-cart-index .cart .title-buttons span.back_guarantee{background: url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/back_guarantee.png) no-repeat 0 0;}
    .checkout-cart-index .cart .title-buttons span.fast_simple_ship{background: url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/fast_simple_ship.png) no-repeat 0 0;}
    .checkout-cart-index .cart .title-buttons span.secure_ol_shopping{background: url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/secure_ol_shopping.png) no-repeat 0 0; float: right;}
    .checkout-cart-index .main{
    	padding: 0 0 47px;
    }
    .checkout-cart-index .cart .title-buttons:after{clear:both; content:'';display: block;}
    .checkout-cart-index .main-container{background: none;}
    .hidden-desktop {
            display:none;
    }
    /* Mob shop by */
    .vertnav {
    float:left;
    width:100%;
    }
    .vertnav li a { border-bottom:0px solid #e5e5e5; }
    .vertnav li .opener,
    .vertnav li.active .opener { background-color:rgba(0,0,0, 0.02); }
    .vertnav li .opener:hover { background-color:rgba(0,0,0, 0.10); }
    /* Accordion (generic)
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    .accordion {
    padding:0;
    margin:0;
    list-style-type:none;
    }
    .accordion ul {
    float:left;
    display:block;
    width:100%;
    padding:0;
    margin:0;
    }
    .accordion li {
    float:left;
    display:block;
    width:100% !important;
    margin:0;
    list-style-type:none;
    cursor:pointer;
    position:relative;
    }
    .accordion li.active {}
    .accordion li.current {}
    .accordion li a {
    padding:5px 10px;
    display:inline-block;
    cursor:pointer; font-size:13px; text-decoration:none
    }
    .accordion li li a { padding-left:20px; }
    .accordion li li li a { padding-left:35px; }
    .accordion li li li li a { padding-left:50px; }
    /* Opener
    -------------------------------------------------------------- */
    /* Space for openner if item has responsiveren.
    Space has to be a few pixels wider than openner */
    .accordion li.parent > a { padding-left:45px;  }
    .accordion .opener {
    position:absolute;
    left:0;
    top:-3px;
    display:block;
    width:28px;
    height:28px;
    background: url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/opener-small.png) center center no-repeat;
    }
    .accordion .opener:hover {}
    .accordion li:hover > .opener {}
    .accordion li.active > .opener {
    background: url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/opener-small-active.png) center center no-repeat;
    }
    .accordion li.current > .opener {}
    /* Common styling for main menu (horizontal + mobile vertical + mobile menu trigger)
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    .block-vertnav {
            margin-top:2px;
    }
    .block-vertnav .block-title {
            background:none;
            border:0;
            padding-left:0px;
            border-bottom:0px solid #f0f0f0;
    }
    .block-vertnav .block-content {
            padding:0;
    }
    .block-vertnav .block-title strong {
            font-size:13px;
            font-weight:normal;
            color:#ce001a;
    }
    .block-vertnav .block-subtitle {
            display:none;
    }
    /* List of filters */
    .block-vertnav dt {
            font-weight:bold;
            padding:10px 10px 2px;
            color:#555;
    }
    .block-vertnav dd {
            padding:0 10px 10px 14px;
            border-bottom:#f5f5f5 solid 1px;
    }
    .block-vertnav dd.last {
            border-bottom:none;
    }
    .block-vertnav dd li {
            color:#888;
    }
    /* Bullets */
    .block-vertnav .bullet {
            background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/ic-layered.png) 0 -44px no-repeat;
            width:11px;
            height:11px;
            margin:3px 3px 0 0;
            float:left;
    }
    .block-vertnav dd a .bullet {
            background-position:0 0;
    }
    .block-vertnav dd a:hover .bullet {
            background-position:0 -22px;
    }
    /* Current filters */
    .block-vertnav .currently {
            background-color:#f5f5f5;
    }
    .block-vertnav .currently .block-subtitle {
            display:block;
            padding:15px 10px 0;
            font-weight:bold;
    }
    .block-vertnav .currently ol {
            padding:10px 10px 15px 15px;
    }
    .block-vertnav .currently .bullet {
            background-position:0 -22px;
    }
    .block-vertnav .currently .label {
            color:#ce001a;
            padding:0 2px 0 0;
    }
    .block-vertnav .currently .btn-remove {
            float:right;
            margin-left:5px;
    }
    .block-vertnav .currently li:hover {
            color:#777;
    }
    .block-vertnav .currently li:hover .btn-remove {
            background-position:-51px -150px;
    }
    .block-vertnav .currently li:hover .btn-remove:hover,  .block-vertnav .currently li:hover .btn-remove:focus {
            background-position:-17px -150px;
    }
    .block-vertnav .currently li:hover .btn-remove:active {
            background-position:-34px -150px;
    }
    .block-vertnav .currently .block-subtitle .btn-remove {
            background-position:-51px -150px;
            margin-top:-42px;
    }
    .block-vertnav .currently .block-subtitle .btn-remove:hover,  .block-vertnav .currently .block-subtitle .btn-remove:focus {
            background-position:-17px -150px;
    }
    .block-vertnav .currently .block-subtitle .btn-remove:active {
            background-position:-34px -150px;
    }
    div.block-vertnav dd a {padding:0px 5px 0px 0px; }  
    div.block-vertnav dd a.amshopby-attr {padding-left:17px; background:transparent url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/amshopby-cb1.gif) no-repeat left 0;} 
    div.block-vertnav dd a.amshopby-attr-selected {font-weight: bold; padding-left:17px; background:transparent url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/amshopby-cb2.gif) no-repeat left 0;} 
    div.block-vertnav dd a img {padding: 0px 4px 5px; float:left;} 
    div.block-vertnav dd  .amshopby-cat {background:url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/ic-layered.png") no-repeat scroll 0 3px transparent;padding-left:13px;width:195px;} 
    .block-vertnav dd {overflow:hidden;}
    div.block-vertnav dd  .amshopby-cat:hover {background:url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/ic-layered.png") no-repeat scroll 0 -74px transparent;padding-left:13px;} 
    .block-vertnav .currently a {background:url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/pix.png") no-repeat scroll 0 -150px transparent; float:right;margin-left:5px; display:block; }
    .block-vertnav .currently a img {display:none}
    .mac_content{ width:960px; background:#ffffff; margin:auto;}
    .mac_main_content {width:960px; float:left; line-height:160%; margin-top:20px;}
    .mac_tab_box span{display:block;}
    .mac_tab_box{display:block; padding:25px 15px 25px 25px; background-color:#f5f4f4;}
    .mac_tab_box .lable {color: #000000;
        display: block;
        font-size: 18px;
        font-weight: bold;
        line-height: 130%;
        padding: 0 0 5px}
            
    .select_mac{display:block; float:left; margin-right:15px;}
    .mac_link{display:block; font-size:11px; float:left; margin-top:-4px;}
    .mac_separator {
        clear: both; margin-bottom:25px;
    }
    ul.mac-tab { display:inline-block; padding:0; margin:0;}
    ul.mac-tab li{ display:inline-block; list-style:none;}
    .mac-tab input[type=radio] + label, mac-tab input[type=checkbox] + label {display:inline-block;
                    padding:4px 12px;
                    margin:0px 0px 0px -4px;
                    font-size:12px;
                    line-height:20px;
                    color:#333333;
                    text-align:center;
                    vertical-align:middle;
                    cursor:pointer;
                    background-color:#ffffff;
                    border-top:1px solid #333333;
                    border-bottom:1px solid #333333;
                    border-left:1px solid #333333;
                    border-color:#333333;
                    border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    }
    .mac-tab input[type=radio]:checked + label, .mac-tab input[type=checkbox]:checked + label{color:#FFFFFF; background-image:none; outline:0; background-color:#0088bb;}
    .mac-tab input[type=radio], .mac-tab input[type=checkbox] {display:none;}
    .tab_content{margin-right:5px; padding-right:15px; margin-left:25px; display:block;}
    .mac_heading {margin-top:30px; font-size:20px; border-bottom:1px solid #d3d2d2; margin-bottom:20px; padding-bottom:4px; text-align:left; font-weight:bold; color:#323232; overflow:hidden; clear:both;      }
    .mac_systems {list-style:none; padding:0px; margin:0px; }
    .mac_systems  li {width:222px; height:200px; float:left; padding-bottom:20px;}
    .mac_index_item {width:205px; text-align:center; margin-left:9px;}
    .mac_index_item_title {font-size:14px; font-weight:bold; line-height:15px; margin-bottom:2px; margin-top:3px; }
    .mac_index_item_subtitle {font-size:11px; font-weight:bold; line-height:12px; margin-bottom:0px; color:#666666; }
    .mac_index_item_modelid {font-size:10px; font-weight:normal; line-height:14px; margin-bottom:0px; color:#000; }
    .mac_index_item a {display:block; width:100%; height:100%; text-decoration:none; color:#000000;  }
    .mac_index_item a:hover {text-decoration:none; color:#000000;}
    .mac_index_links {width:195px; font-size:11px; font-weight:normal; margin-top:2px; line-height:15px; text-align:center; margin-left:14px;}
    .mac_index_links a {display:normal; text-decoration:underline; color:#0065cc;  }
    .mac_index_links a:hover {text-decoration:underline; color:#0065cc;}
    .mac_capacity{color:#0065cc; line-height:18px; text-decoration:underline;}
    .mac_price{color:#ff0000; display:block; line-height:130%; font-size:14px;}
    .mac_discont{color:#ff0000; display:block; line-height:130%; font-size:11px;}
    .popup-img-link { position:absolute; right:22px;  }
    .value-strip { text-align: center; clear:both; width:960px; margin:auto; }
    .value-strip ul { margin:0; padding:0; }
    .value-strip ul li { float:left; display:inline-block; padding-right:22px; padding-left:15px; list-style:none; background-image:url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/sep.jpg"); background-position:right; background-repeat:no-repeat;  }
    .value-strip ul li.last { background-image:none; padding-right:0px; }
    .value-strip ul li.first { padding-left:0px; }
    /* Ipad Air Keyboard */
    .con_wrapper {
        float: left;
        width: 100%;
    }
    .main_con {
        background-color: transparent;
        border: none;
        margin: 1px auto 0;
        padding: 0px;
        text-align: left;
        width: 960px;
        border-radius: 0px;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
        position: relative;
        top: -2px;
        min-height: 1200px;
        float: left;
    }
    .macfixit_keyboard h2 {
        font: 300 42px/60px Arial, Helvetica, sans-serif;
        text-align: center;
        color: #2E3033;
        margin: 0;
    }
    .macfixit_keyboard p {
        font: 300 17px/30px Arial, Helvetica, sans-serif;
        color: #888f92;
        text-align: center;
    }
    #product_1 {
        width: 100%;
        position: relative;
        margin-top: 18px;
        height: auto;
        z-index: 0;
    }
    #product_1 h3 {
        color: #949b9f;
        font: 300 24px/34px Arial, Helvetica, sans-serif;
        text-align: center;
        margin: 0px;
        padding: 0px;
    }
    .product_1_img {
        position: relative;
        top: 0px;
        left: -80px;
        z-index: 1;
        width: 1130px;
    }
    #product_1 .read_review {
        bottom: 30px;
        color: #888F92;
        font-size: 14px;
        position: absolute;
        right: 50px;
        z-index: 2;
        cursor: pointer;
    }
    #product_1 .read_review > span {
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        background: url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/rr_arrow.png") no-repeat right 5px;
        padding-right: 17px;
        padding-top: 2px;
    }
    #product_1 .public_reviews_box {
        margin: 30px auto;
        font-size: 18px;
        text-align: center;
        overflow: hidden;
        color: #888F92;
        position: relative;
        opacity: 0;
    }
    #product_1 .public_reviews .slides {
        float: left;
        height: 160px;
        overflow: hidden;
    }
    #product_1 .public_reviews .slide {
        margin-left: 38px !important;
        width: 260px !important;
        float: left;
        font-size: 15px;
    }
    #product_1 .public_reviews .slide > img {
        display: block;
        margin: 20px auto 0;
    }
    #product_1 .content {
        margin-top: 10px;
    }
    #product_1 h2 {
        color: #000;
    }
    #product_1 h3 {
        font-weight: 300;
    }
    .p1_shadow_img {
    }
    .video-box{bottom:40px;left:80px;position: absolute; z-index:2;}
    /*-------------------------buy_button of mini page-------------------------------*/
    .buy_button {
        text-align: center;
        padding: 30px 0px 0px;   
    }
    .buy_button a {
        -webkit-transition: background-color 0.3s ease-out;
        background-clip: padding-box;
        background-color: #5593FA;
        display: inline-block;
        border-radius: 2px;
        padding: 5px 7px;
        text-decoration: none;
        transition: background-color 0.3s ease-out;
        position: relative;
        top: 0px;
    }
    .buy_button a:hover span {
        background-image: url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/arrow_button@2x.png");
        background-position: 8px 50%;
    }
    .buy_button a:hover {
        background-color: #2E6FDB;
    }
    .buy_button a:active {
        background-color: #2364D0;
        box-shadow: 0 5px 5px #0E51AA inset;
    }
    .buy_button a > .bag {
        width: 22px;
        height: 24px;
        float: left;
        margin-right: 10px;
        margin-bottom: 2px;
    }
    .buy_button a > .notify {
        width: 19px;
        height: 16px;
        float: left;
        margin: 7px 12px 0 8px;
    }
    .buy_button a > em {
        color: #FFFFFF;
        float: left;    
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        margin-right: 10px;
        margin-top: 5px;
    }
    .buy_button a > span {
        -webkit-transition: background 0.2s ease-out;
        background-color: transparent;
        background-image: url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/arrow_button@2x.png");
        background-position: -7px 50%;
        background-repeat: no-repeat no-repeat;
        background-size: 20px 10px;
        border: 1px solid #FFFFFF;
        border-bottom-left-radius: 100%;
        border-bottom-right-radius: 100%;
        border-top-left-radius: 100%;
        border-top-right-radius: 100%;
        color: transparent;
        float: right;
        height: 20px;
        margin-top: 2px;
        transition: background 0.2s ease-out;
        width: 20px;
        text-indent: -9999px;
    }
    .buy_button a > span:hover {
        background-position: 8px 50%;
    }
    /*-------------------------buy_button of mini page-------------------------------*/
    /*----------------------------------*/
    .video_thumb .video_btn {
        background: url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/video_play.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        height: 50px;
        left: 36px;
        opacity: 0.7;
        position: absolute;
        top: 22px;
        transition: opacity 0.25s ease-out 0s;
        width: 71px;
    }
    .video_thumb .video_title {
        color: #888F92;
        display: block;
        font: 14.13px Arial, Helvetica, sans-serif;
        margin-top: 6px;
        width: 95%;
        letter-spacing: 1px;
        padding-right: 5px;
    }
    .video_thumb {
        display: block;
        height: 107px;
        margin-top: 20px;
        position: relative;
        text-decoration: none;
        width: 140px;
        opacity: 0;
    }
    .video_thumb:hover .video_btn {
        background-position: center bottom;
    }
    #ccproLaunch .video_title {
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        background: url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/rr_arrow.png") no-repeat right 2px;
    }
    .public_reviews_box .slide_prev, .public_reviews_box .slide_next {
        cursor: pointer;
        display: block;
        position: absolute;
        top: 30%;
        z-index: 1;
    }
    .public_reviews_box .slide_prev {
        left: 15px;
    }
    .public_reviews_box .slide_next {
        right: 15px;
    }
    .public_reviews_box > span > img {
        width: 55px;
    }
    .public_reviews_box .bx-controls {
        display: none;
    }
    /*//---- produts2 css ----   **/
    #product_2 {
        width: 100%;
        position: relative;
        height: 705px;
    }
    #product_2 h2 {
        text-align: right;
        margin: 0px;
        padding: 0px;
    }
    #product_2 p {
        width: 370px;
        text-align: right;
        color: #888f92;    
        margin: 15px 0 0;
        padding: 0px;
        font-weight: 300;
        font-size: 16px;
        line-height: 30px;
    }
    #product_2 .buy_button {
        text-align: right;
        margin-top: 5px;
    }
    .product_2_img {
        position: absolute;
        top: 0px;
        left: -28px;
        z-index: 1;
        width: 988px;
    }
    #product_2 .content {
        position: absolute;
        top: 130px;
        right: 50px;
        z-index: 2;
    }
    /*//---- produts3 css ----   **/
    #product_3 {
        width: 100%;
        margin-bottom: 150px;
        float: left;
    }
    #product_3 h2 {
        margin: 0px;
        padding: 50px 0px 0px;
    }
    .product_3_img {
        position: relative;
        top: 0px;
        left: -32px;
        width: 1035px;
    }
    #product_3_3Modes {
        padding: 20px 0px 0px 10px;
    }
    #product_3_3Modes .mode {
        text-align: center;
        padding: 0px 0px 0px 5px;
        width: 310px;
        float: left;
    }
    #product_3_3Modes .mode h3 {
        color: #5594fb;
        font: 100 32px/70px Arial, Helvetica, sans-serif;
        padding: 10px 0px 0px;
    }
    #product_3_3Modes .mode p {
        color: #999;
        font: 100 16px/26px Arial, Helvetica, sans-serif;
        padding: 0px 55px;
    }
    /*//---- produts4 css ----   **/
    #product_4 .product_4-content {
        position: absolute;
        top: 138px;
        right: 50px;
        width: 370px;
    }
    #product_4 {
        position: relative;
        padding: 10px 0px 25px;
        background: url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/tempts-block-background.png");
        background-size: auto 100%;
    }
    #product_4 h2 {
        text-align: right !important;
        float: right;
        color: #000;
    }
    #product_4 p {
        text-align: right;
        width: 320px;
        float: right;    
        color: #888f92;
        margin: 5px 0px 20px 20px;
        font-size: 16px;
        font-weight: 300;
        line-height: 30px;
    }
    #product_4 .buy_button {
        padding: 30px 0px 0px !important;
        float: right;
    }
    .product_4_img {
        width: 960px;
    }
    /*//---- produts5 css ----   **/
    #product_5 {
        margin: 50px 0 100px;
    }
    #product_5 .product_5_inner {
        margin: 0 auto;
        width: 960px;
    }
    #product_5 .buy_button {
        margin-top: 5px;
    }
    .product_5_img {
        width: 960px;
    }
    /*//---- produts6 css ----   **/
    #product_6 {
        background: #f4f4f5;
        height: 630px;
        position: relative;
        overflow: hidden;
    }
    #product_6 .product_6_img {
        position: absolute;
        right: 0px;
        width: 1025px;
    }
    #product_6 .product_6-describe {
        position: absolute;
        left: 35px;
        top: 100px;
        width: 380px;
    }
    #product_6 h2 {
        font: 300 42px/60px Arial, Helvetica, sans-serif;
        text-align: left !important;
    }
    #product_6 p {
        
        color: #888f92;
        width: 360px;
        text-align: left;
        margin-top: 5px;
        font-weight: 300;
        font-size: 16px;
        line-height: 30px;
    }
    /*//---- produts7 css ----   **/
    #product_7 #feature-case .feature-thumb {
        height: 165px;
    }
    #product_7 {
        padding-top: 80px;
    }
    #product_7 p {
        
        color: #999;
        width: 625px;
        text-align: center;
        margin: 15px auto 30px;
        font-size: 16px;
        font-weight: 300;
        line-height: 30px;
    }
    #product_7 .product_7_img {
        position: relative;
        left: 0px;
        width: 960px;
    }
    #product_7 #feature-case {
        background: url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/background-typing.png");
        position: relative;
        z-index: 10;
        background-size: auto 100%;
        margin-top: 73px;
    }
    #product_7 #feature-case-container {
        width: 910px;
        margin: 0 auto;
        text-align: center;
    }
    #product_7 .feature-box {
        float: left;
    }
    #product_7 .feature-box_1{
        float: left;margin-left:115px;
    }
    #product_7 #feature-case h3 {
        font: 400 20px/5px Arial, Helvetica, sans-serif,sans-serif;
    }
    #product_7 #feature-case p {
        width: 210px;
        font: 100 14px/26px Arial, Helvetica, sans-serif;
        color: #8E9597 !important;
    }
    .prv_btn {
        cursor: pointer;
        position: absolute;
        background: url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/previous.png") no-repeat !important;
        width: 7px !important;
        left: 10px;
        height: 13px !important;
        top: 12px !important;
    }
    .nxt_btn {
        cursor: pointer;
        position: absolute;
        right: 10px !important;
        background: url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/next.png") no-repeat !important;
        width: 7px !important;
        height: 13px !important;
        top: 12px !important;
    }
    #media-control-container {
        position: relative;
        overflow: hidden;
        background-color: #F9F9F9 !important;
        border: 2px solid #BEC3CB;
        border-radius: 5px;
        width: 236px;
        height: 126px;
        margin: 0px auto;
    }
    #media-control-container .title-case {
        color: #fff;
        font: 600 16px/26px Arial, Helvetica, sans-serif;
        background: #BEC3CB;
        height: 40px;
    }
    #media-control-container .snaps-case {
    }
    #media-control-container .bx-prev {
        display: none;
    }
    #media-control-container .bx-next {
        display: none;
    }
    .title_text {
        padding-top: 5px;
        font-size: 14px;
    }
    #mediaControls img {
        width: 65px !important;
        height: 39px !important;
        float: left;
        margin-left: 10px;
        margin-top: 23px;
    }
    #mediaControls .slide, #media-control-container .bx-viewport {
        width: 236px !important;
        height: 85px !important;
    }
    /*//---- produts8 css ----   **/
    #product_8 .describe-area {
        padding: 130px 0px 153px;
    }
    #product_8 .product_7_img {
        margin-top: -146px;
        position: relative;
        left: 180px;
        width: 772px;
    }
    #product_8 .describe-area p {
        width: 455px;
        
        margin: 13px auto;
        text-align: center;
        color: #999;
        font-size: 16px;
        font-weight: 300;
        line-height: 30px;
    }
    #product_8 .feature-case {
        padding-top: 100px;
    }
    #product_8 .feature-case {
        padding: 100px 80px;
    }
    #product_8 .feature-case td {
        width: 300px;
        text-align: center;
    }
    #product_8 .feature-case h2 {
        width: 200px;
        text-align: center;
        margin: 20px auto;
        font: 300 33px/35px Arial, Helvetica, sans-serif;
    }
    #product_8 .feature-case .feature-snap {
        height: 155px;
    }
    #product_8 .feature-case p {
        font: 100 16px/26px Arial, Helvetica, sans-serif;
        color: #999;
        margin: 0 auto;
        width: 250px;
    }
    /*//---- produts9 css ----   **/
    #product_9 {
        background: #fff;
        position: relative;
    }
    #product_9 .product_9_img {
        position: relative;
        left: 0px;
        width: 960px;
    }
    #product_9 .describe-area {
        position: absolute;
        width: 100%;
        top: 45px;
    }
    #product_9 .feature-case td {
        width: 279px;
        text-align: center;
        padding: 10px;
    }
    #product_9 .feature-case {
        background: url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/material-block-background.png");
        background-position-x: 50px;
        background-size: auto 100%;padding: 0px 113px 30px;
    }
    #product_9 .feature-showcase {
        height: 262px;
        margin-top: -78px;
    }
    #product_9 .feature-case h3 {
        font: 400 22px/30px Arial, Helvetica, sans-serif;
        color: #2E3033;
    }
    #product_9 .feature-case p {
        width: 250px;
        font: 100 16px/26px Arial, Helvetica, sans-serif;
        color: #666;
        margin: 10px auto;
    }
    div.feature-case > table td {
        padding: 10px;
    }
    #product_9 .round {
        position: relative;
        left: -5px;
        top: 0px;
        width: 12px;
        height: 12px;
        background: #cbcbcb;
        border-radius: 10px;
    }
    #product_9 .stick {
        position: relative;
        height: 122px;
        background: #cbcbcb;
        width: 2px;
    }
    #product_9 .stick_1 {
        position: relative;
        height: 165px;
        background: #cbcbcb;
        width: 2px;
    }
    .stick-align {
        position: relative;
        padding-left: 120px;
    }
    /*//---- produts10 css ----   **/
    #product_10 {
        width: 100%;
        position: relative;
        text-align: center;
        margin: 0px;
        padding: 90px 0px 0px;
        height: 490px;
    }
    #product_10 h2 {
        position: relative;
        text-align: left;
        margin: 0px;
        padding: 75px 0px 0px 38px;
        z-index: 2;
    }
    #product_10 .product_10_img {
        position: absolute;
        top: -2px;
        right: 0px;
        z-index: 1;
        width: 960px;
    }
    #product_10 p {
        position: relative;
        color: #888f92;    
        text-align: left;
        padding: 20px 0px 30px 38px;
        width: 400px;
        z-index: 3;
        font-size: 16px;
        font-weight: 300;
        line-height: 30px;
    }
    #product_10 .buy_button {
        position: relative;
        z-index: 3;
        float: left;
        padding: 0px 0px 0px 80px;
    }
    /*//---- customers reviews css ----   **/
    .macfixit_keyboard .customers_reviews .container_12 {
        width: 960px;
    }
    .macfixit_keyboard .customers_reviews .container_12 .grid_4 {
        width: 310px;
        float: left;
        padding: 0 5px;
    }
    .macfixit_keyboard .customers_reviews {
        padding: 90px 0 40px 0;
        background: #f5f5f5;
    }
    .macfixit_keyboard .customers_reviews h3 {
        margin: 0px 0px 70px 0px;
        font: 100 44px Arial, Helvetica, sans-serif;
        text-align: center;
        color: #151516;
    }
    .macfixit_keyboard .customers_reviews .grid_4 h4 {
        margin: 16px 0px 30px 0px;
        font: 500 24px Arial, Helvetica, sans-serif;
        text-align: center;
        color: #5594fb;
    }
    .macfixit_keyboard .customers_reviews .grid_4 h4 img {
        margin-top: -5px;
        margin-right: 5px;
        vertical-align: middle;
        width: 56px;
        height: 56px;
    }
    .macfixit_keyboard .customers_reviews .grid_4 .review_stars {
        text-align: center;
    }
    .macfixit_keyboard .customers_reviews .grid_4 .review_stars .icon-n {
        color: #eec900;
        font-size: 30px;
        line-height: 0;
    }
    .macfixit_keyboard .customers_reviews .grid_4 p {
        margin: 30px 14px 0px;
        font: 300 20px/30px Arial, Helvetica, sans-serif;
        text-align: center;
        color: #8a9198;
    }
    .macfixit_keyboard .customers_reviews .all_reviews {
        float: left;
        clear: both;
        font: 500 20px Arial, Helvetica, sans-serif;
        color: #5594FB;
        text-align: center;
        text-decoration: none;
        margin: 50px auto 40px 39.5%;
        background: none transparent;
        width: 217px;
    }
    .macfixit_keyboard .customers_reviews .grid_4 .review_stars {
        text-align: center;
    }
    .macfixit_keyboard .customers_reviews .grid_4 .review_stars img {
        margin: -2px;
    }
    .all_reviews img {
        margin-top: 5px;
    }
    h2.product-name-cat{
    	margin-top: 10px;
    	font-family: arial;
        font-size: 15px;
    }
    .sub-category-listing{
    float: left; margin-right: 10px; padding: 0px; text-align: center; width: 170px;height:210px; 
    }
    .sub-category-listing h2.product-name-cat a{
    	font-size:12px;font-family:Arial,Helvetica,sans-serif;
    }
    /* End Ipad Air Keyboard */
    /*Footer modification */
    /*======== Footer =============== */
    footer {
    	padding: 0px 0 0;
    	width:100%;
    	overflow:hidden;
    	background:#111111;
    	color:#333;
    	margin-top:20px;
    	text-align:left;
    }
    .com-add {
    	border-bottom:1px solid #f0f0f0;
    	margin-bottom:10px;
    	padding-bottom:6px;
    }
    footer .inner {
    	width:960px;
    	margin:auto;
    	overflow:hidden;
    	margin-bottom:10px;
    	padding-top:40px
    }
    .footer-primary-bottom {
    	width:960px;
    	float:left;
    	border-top:1px #333333 solid;
    	padding-top:15px;
    	margin-top:10px;
    }
    footer .inner h3 {
    	color:#3D4C4F;
    	font-size:15px;
    	text-transform:uppercase;
    	margin: 0 0 15px;
    	padding: 0 0 10px;
    	font-family:'karlabold'
    }
    .footer-column-1 {
    	float:left;
    	width:310px;
    	margin-right:60px;
    	margin-bottom:15px;
    	line-height:18px
    }
    .footer-column {
    	float:left;
    	width:260px;
    	margin-right:40px;
    	margin-bottom:15px
    }
    footer .footer-column a {
    	background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/bullet11.png) no-repeat 0px 10px;
    	padding-left:20px;
    	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }
    footer .footer-column a:hover {
    	background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/bullet11-hover.png) no-repeat 0px 10px; /*color:#5CD2C8;*/
    }
    .footer-column-last {
    	float:left;
    	width:290px;
    	margin-right:0px;
    	margin-bottom:15px
    }
    .footer-bottom .inner {
    	width:960px;
    	margin:auto;
    	padding:10px 0px;
    	border:none
    }
    .footer-bottom .inner a {
    	color:#aaa
    }
    .footer-bottom .inner a:hover {
    	color:#fff
    }
    footer a, footer p {
    	font-size: 14px;
    	color: #aaa;
    	padding-top:5px;
    	padding-bottom:5px;
    }
    footer .footer-column a {
    	display:block;
    	color:#fff
    }
    footer a {
    	line-height:normal;
    }
    footer a:hover {
    	color: #00c0be;
    }
    footer p {
    	line-height: 20px;
    }
    footer h4 {
    	padding: 0 0 20px;
    	font-size:15px;
    	margin: 0;
    	color:#fff;
    	text-transform:uppercase;
    	font-weight:300;
    	font-family:"Lato", sans-serif;
    	text-align:left;
    }
    footer .input-text:focus {
    	background: transparent;
    	border-color: #464646;
    }
    footer .coppyright {
    	color: #666;
    	float:left
    }
    .footer-logo {
    	margin:10px 0;
    }
    .footer-bottom {
    	padding:0px;
    	overflow:hidden;
    	width:100% !important;
    	margin:auto;
    	background:#000000
    }
    .footer-bottom .bottom_links {
    	float:right
    }
    .footer-bottom .bottom_links ul {
    	display:inline-block
    }
    .footer-bottom .bottom_links li {
    	float:left;
    	margin-left:20px
    }
    .custom-footer-links li {
    	margin:7px 0
    }
    .custom-footer-links .payment-accept {
    	color: #333333;
    	float:left;
    	font-size: 12px;
    	padding-top: 6px;
    }
    .footer-col-right {
    	width: 58%;
    	float:left
    }
    .contact-info {
    	text-align:center;
    }
    ul.contact-info span {
    	font-size:16px !important;
    	font-weight:300 !important;
    	color:#fff;
    	padding:5px 0 0 10px;
    	text-align:left;
    	line-height:1.4em;
    	width:210px
    }
    ul.contact-info li {
    	margin-bottom:8px;
    	padding-bottom:8px;
    	display:inline-block;
    	float:left;
    }
    ul.contact-info li.last {
    	float:left;
    	margin-bottom:0px;
    	border-bottom:0px #2D3D4C solid
    }
    #container_newsletter {
    	width:100%;
    	padding:7px 0 7px 0;
    	background:#f0f0f0;
    	margin:36px 0 22px 0
    }
    #text_container_news {
    	width:205px;
    	height:34px;
    	float:left;
    	margin-left:30px;
    	text-transform:uppercase;
    	font-family:arial;
    	font-size:10px;
    	color:#647177;
    	padding-top:7px
    }
    #text_container_news span {
    	color:#959a9c;
    	font-size:9px
    }
    #container_form_news {
    	position:relative;
    	z-index:0
    }
    #container_form_news2 input[type="text"] {
    	background: none repeat scroll 0 0 #FFFFFF;
    	border: medium none;
    	border-radius: 2px 2px 2px 2px;
    	color: #A7A7A7;
    	display: inline;
    	font-family: "Lato", sans-serif;
    	font-size: 14px;
    	height: 26px;
    	line-height: 20px;
    	padding-left: 10px;
    	width: 220px;
    }
    #container_form_news2 input[type="submit"] {
    	cursor:pointer;
    	border:0;
    	background:#FFFFFF;
    	width:20px;
    	height:20px;
    	display:block;
    	position:relative;
    	color:#a7a7a7;
    	font-size:10px;
    	line-height:20px;
    	top:-18px;
    	right:-160px
    }
    .footer-box {
    	width:1240px;
    	margin:auto;
    }
    footer ul span {
    	display: inline-block;
    	font-size: 20px;
    	font-weight: 300;
    	line-height: 15px;
    	padding-right: 3px;
    }
    .footer-logo {
    	text-align:left;
    }
    /*======== newsletter =============== */
    button.subscribe:before {
    	content: "\f0e0";
    	font-family: FontAwesome;
    	font-size: 16px;
    	padding-right: 5px;
    	font-weight:100;
    	float:left;
    }
    button.subscribe {
    	background:#e22c21;
    	border: 0 none;
    	filter: none;
    	overflow: hidden;
    	padding: 8px 12px !important;
    	cursor:pointer;
    	font-weight:900;
    	border-radius:3px;
    	text-shadow:none;
    	color:#fff;
    }
    button.subscribe:hover {
    	background:#000000;
    	color:#fff
    }
    .social .fb a:before {
    	content:"\f09a";
    	font-family: FontAwesome;
    }
    .social .fb a {
    	background:#353d44;
    	font-size:18px;
    	border-radius:3px;
    	line-height:35px;
    	display:inline-block!important;
    	width:35px;
    	height:35px;
    	color:#fff;
    	text-align:center;
    	padding:0;
    }
    .social .fb a:hover {
    	background:#3C5B9B !important;
    }
    .social .tw a:before {
    	content:"\f099";
    	font-family: FontAwesome;
    }
    .social .tw a {
    	background:#353d44;
    	font-size:18px;
    	border-radius:3px;
    	line-height:35px;
    	display:inline-block!important;
    	width:35px;
    	height:35px;
    	color:#fff;
    	text-align:center;
    	padding:0;
    }
    .social .tw a:hover {
    	background:#359BED !important;
    }
    .social .googleplus a:before {
    	content:"\f0d5";
    	font-family: FontAwesome;
    }
    .social .googleplus a {
    	background:#222B34;
    	font-size:18px;
    	border-radius:3px;
    	line-height:35px;
    	display:inline-block!important;
    	width:35px;
    	height:35px;
    	color:#fff;
    	text-align:center;
    	padding:0;
    }
    .social .googleplus a:hover {
    	background:#cb2027 !important;
    }
    .social .rss a:before {
    	content:"\f09e";
    	font-family: FontAwesome;
    }
    .social .rss a {
    	content:"\f09e";
    	font-family: FontAwesome;
    	background:#222B34;
    	font-size:18px;
    	border-radius:3px;
    	line-height:35px;
    	display:inline-block!important;
    	width:35px;
    	height:35px;
    	color:#fff;
    	text-align:center;
    	padding:0;
    }
    .social .rss a:hover {
    	background:#FD9F13 !important;
    }
    .social .pintrest a:before {
    	content:"\f0d3";
    	font-family: FontAwesome;
    }
    .social .pintrest a {
    	content:"\f0d3";
    	font-family: FontAwesome;
    	background:#222B34;
    	font-size:18px;
    	border-radius:3px;
    	line-height:35px;
    	display:inline-block!important;
    	width:35px;
    	height:35px;
    	color:#fff;
    	text-align:center;
    	padding:0;
    }
    .social .pintrest a:hover {
    	background:#cb2027 !important;
    }
    .social .linkedin a:before {
    	content:"\f0e1";
    	font-family: FontAwesome;
    }
    .social .linkedin a {
    	content:"\f0e1";
    	font-family: FontAwesome;
    	background:#222B34;
    	font-size:18px;
    	border-radius:3px;
    	line-height:35px;
    	display:inline-block!important;
    	width:35px;
    	height:35px;
    	color:#fff;
    	text-align:center;
    	padding:0;
    }
    .social .linkedin a:hover {
    	background:#027ba5 !important;
    }
    .social .youtube a:before {
    	content:"\f167";
    	font-family: FontAwesome;
    }
    .social .youtube a {
    	background:#222B34;
    	font-size:18px;
    	border-radius:3px;
    	line-height:35px;
    	display:inline-block!important;
    	width:35px;
    	height:35px;
    	color:#fff;
    	text-align:center;
    	padding:0;
    }
    .social .youtube a:hover {
    	background:#F03434 !important;
    }
    .social {
    	float:left;
    }
    .social h4 {
    	font-size: 15px;
    	font-weight:normal;
    	color:#2F2B29;
    	text-align:left;
    	border:none;
    	padding:0;
    	margin:0;
    	margin-right:5px;
    	font-weight:bold;
    }
    .social ul {
    	float:left;
    	margin:6px 0 0 0;
    	list-style:none;
    	line-height:45px
    }
    .social ul li {
    	float:left;
    	margin-right: 7px;
    }
    .social a {
    	transition: background 400ms ease-in-out;
    	-webkit-transition: background 400ms ease-in-out;
    	-moz-transition: background 400ms ease-in-out;
    	-o-transition: background 400ms ease-in-out;
    }
    .newsletter .button {
    	padding:0;
    	margin:0;
    	margin-top:-1px;
    }
    .newsletter {
    	margin:0 0 20px 0;
    	padding: 10px 0 0;
    	float:right;
    	width:395px;
    }
    .newsletter p {
    	margin:0 0 5px 0;
    	float:left;
    	line-height:17px;
    }
    .newsletter label {
    	font-size:14px;
    	font-family:"Lato", sans-serif;
    	text-transform:uppercase;
    	font-weight:300;
    	margin-right:10px;
    	color:#fff
    }
    .newsletter .left-border {
    	position:absolute;
    	width:0px;
    	height:38px;
    	margin:-4px 0 0 -40px;
    	background:#D0D0D0;
    }
    .newsletter .title-News {
    	float:left;
    	margin:1px 5px 0 0;
    	color:#2F2B29;
    	font-size:13px;
    	font-family:"Lato", sans-serif;
    	font-style:normal;
    	line-height: 25px;
    	text-align:left
    }
    .newsletter .subscribe-input {
    	float:left;
    	border:1px solid #ddd;
    	border-right:0;
    	padding:9px 12px;
    	height: 15px;
    }
    .newsletter .subscribe-input .validation-advice {
    	overflow:hidden;
    	position:absolute;
    	width: 23px;
    	height: 21px;
    	margin:-34px 0 0 -24px;
    	padding:0;
    	line-height: 100px;
    }
    .newsletter .subscribe-input input {
    	background-color:transparent !important;
    	color:#9A9A9A;
    	border:none !important;
    	font-size: 11px;
    	line-height: 15px;
    	height: 15px;
    	width: 160px;
    	padding: 0;
    }
    .newsletter button.button span {
    	color:#fff;
    	font-size:13px;
    	font-weight:900;
    	background:none;
    	height:21px;
    }
    .newsletter button.button span span {
    	font-size:14px;
    	text-transform:lowercase;
    }
    .newsletter button.button:hover span {
    	color:#fff;
    }
    .products-grid-home .add-to-links{ margin-left:7px;}
    .products-grid .add-to-links{ margin-left:6px;}
    /* ======================== End Footer ============================ */
    .fa-fax13 {
    	padding:0;
    	display:inline-block;	
    	color:#fff;
    	float:left;
    	font-size: 20px;
    	height: 25px;
    	padding: 4px;
    	text-align: center;
    	width: 25px;
    	border-radius:25px;
    	-moz-border-radius:25px;
    	-webkit-border-radius:25px;
    	font-style:normal;
    	background:#e22c21;
    }
    .fa-fax13 img{
    	margin: 5px 4px;
    	width: 16px;
    	float: left;
    	}
    .fa-clock {
    	padding:0;
    	display:inline-block;	
    	color:#fff;
    	float:left;
    	font-size: 20px;
    	height: 25px;
    	padding: 4px;
    	text-align: center;
    	width: 25px;
    	border-radius:25px;
    	-moz-border-radius:25px;
    	-webkit-border-radius:25px;
    	font-style:normal;
    	background:#e22c21;
    }
    .fa-clock img{
    	margin: 4px 4px;
    	width: 16px;
    	float: left;
    	}
    .footer-column-last p {
    	margin:0px 0px 10px 0px;
    	float:left;
    	}
    footer h5 {
    	padding: 0 0 5px;
    	font-size:15px;
    	margin: 0;
    	color:#fff;
    	text-transform:uppercase;
    	font-weight:300;
    	font-family:"Lato", sans-serif
    }
    .freeshipping{
    	position:absolute;
    	top:70px;
    }
    .facebook {
        float: left;
        margin: 39px 20px 0 155px;
    	z-index: 9999;
    	position: relative;
        float: right;
    }
    .header-top-search-wrapper {
        float: right;
    }
    #dialog {
        display: none;
    }
    .mac_content .mac_info{display: inline-block;float: left;font-size: 15px;line-height: 1.5em;padding-top: 10px;width: 800px;}
    .mac_content .mac_moneyback{}
    .mac_content .mac_moneyback img{width:160px;margin-left:-8px;}
    .mac_content h1{font-weight:bold;font-size:32px;color:#454545}
    .mac_content .macsub_tiitle{font-size:16px;font-weight:bold;color:#454545}
    ul#step3{padding-left:40px;list-style: inherit;}
    .product-tabs-content p{margin-bottom:20px}
    /**
     * Magento
     *
     * NOTICE OF LICENSE
     *
     * This source file is subject to the Academic Free License (AFL 3.0)
     * that is bundled with this package in the file LICENSE_AFL.txt.
     * It is also available through the world-wide-web at this URL:
     * http://opensource.org/licenses/afl-3.0.php
     * If you did not receive a copy of the license and are unable to
     * obtain it through the world-wide-web, please send an email
     * to license@magentocommerce.com so we can send you a copy immediately.
     *
     * DISCLAIMER
     *
     * Do not edit or add to this file if you wish to upgrade Magento to newer
     * versions in the future. If you wish to customize Magento for your
     * needs please refer to http://www.magentocommerce.com for more information.
     *
     * @category    design
     * @package     base_default
     * @copyright   Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com)
     * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
     */
    /* Widgets =============================================================================== */
    .widget { display:inline; }
    .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
    .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }
    .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
    .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }
    /* Widget: Catalog New Proructs List */
    .widget-new-products { display:block; }
    .col-main .widget-new-products { margin:7px 0; }
    .widget-new-products .products-grid .product-image,
    .widget-new-products .products-list .product-image { width:85px; height:85px; }
    .widget-new-products .products-list .product-shop { margin-left:100px; }
    .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
    .sidebar .widget-new-products .block-title strong { background:url(https://www.macfixit.com.au/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }
    /* Widget: Recently Viewed Proructs */
    .widget-viewed { display:block; }
    .col-main .widget-viewed { margin:7px 0; }
    .widget-viewed .products-grid .product-image,
    .widget-viewed .products-list .product-image { width:85px; height:85px; }
    .widget-viewed .products-list .product-shop { margin-left:100px; }
    .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
    .sidebar .widget-viewed .block-title strong { background:url(https://www.macfixit.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
    /* Widget: Recently Compared Proructs */
    .widget-compared { display:block;}
    .col-main .widget-compared { margin:7px 0; }
    .widget-compared .products-grid .product-image,
    .widget-compared .products-list .product-image { width:85px; height:85px; }
    .widget-compared .products-list .product-shop { margin-left:100px; }
    .sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
    .sidebar .widget-compared .block-title strong { background:url(https://www.macfixit.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
    /* Widget: CMS Static Block */
    .widget-static-block {}
    .sidebar .widget-static-block { display:block; margin:0 0 15px; }
    /* Widgets: Links Common Styles */
    .top-container .widget a { padding:0 0 0 7px; }
    .bottom-container .widget a { padding:0 3px; }
    /* Widget: Catalog Product Link */
    .widget-product-link-inline { display:inline; }
    .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
    .col-main .widget-product-link a { background:url(https://www.macfixit.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
    .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
    .sidebar .widget-product-link a { background:url(https://www.macfixit.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
    /* Widget: Catalog Category Link */
    .widget-category-link-inline { display:inline; }
    .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
    .col-main .widget-category-link a { background:url(https://www.macfixit.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
    .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
    .sidebar .widget-category-link a { background:url(https://www.macfixit.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
    /* Widget: CMS Page Link */
    .widget-cms-link-inline { display:inline; }
    .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
    .col-main .widget-cms-link a { background:url(https://www.macfixit.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
    .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
    .sidebar .widget-cms-link a { background:url(https://www.macfixit.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
    /* ======================================================================================= */
    /**
     * aheadWorks Co.
     *
     * NOTICE OF LICENSE
     *
     * This source file is subject to the EULA
     * that is bundled with this package in the file LICENSE.txt.
     * It is also available through the world-wide-web at this URL:
     * http://ecommerce.aheadworks.com/LICENSE-M1.txt
     *
     * @category   AW
     * @package    AW_Rma
     * @copyright  Copyright (c) 2011 aheadWorks Co. (http://www.aheadworks.com)
     * @license    http://ecommerce.aheadworks.com/LICENSE-M1.txt
    */
    .awafpgrid { font-family:Verdana; clear:both; overflow:visible; }
    .awafpgrid a,.awafpgrid a .label { color:#000; }
    .awafpgrid ul { clear:both; list-style: none !important;}
    .awafpgrid ul li { float:left; margin:0 1% 10px 0; }
    .awafpgrid .awafpprice,.awafpgrid .awafpbutton,.awafpgrid .awafptitle { font-size:12px; color:#000; }
    .awafpgrid .awafptitle a { font-weight:700; font-size:12px; color:#000; }
    .awafpgrid .price-box .price { font-weight:400; color:#000; font-size:12px; }
    .awafpgrid .afp-addtocart button { font-size:12px; border:0; background:none; cursor:pointer; }
    .awafpgrid .afp-addtocart button div { width:91px; background-image:url(https://www.macfixit.com.au/skin/frontend/base/default/aw_featured/images/addtocart.png); height:21px; line-height:21px; }
    .afp-thumbnail .onsale-category-container-list { float:none!important;margin: 0 auto; }
    .awafpgrid .afp-details,.awafpgrid .awafptitle,.awafpgrid .afp-thumbnail,.awafpgrid .price-box,.awafpgrid .afp-addtocart { text-align:center; }
    /**
     * aheadWorks Co.
     *
     * NOTICE OF LICENSE
     *
     * This source file is subject to the EULA
     * that is bundled with this package in the file LICENSE.txt.
     * It is also available through the world-wide-web at this URL:
     * http://ecommerce.aheadworks.com/LICENSE-M1.txt
     *
     * @category   AW
     * @package    AW_Rma
     * @copyright  Copyright (c) 2011 aheadWorks Co. (http://www.aheadworks.com)
     * @license    http://ecommerce.aheadworks.com/LICENSE-M1.txt
     */
    .awafpslider { font-family: Verdana; }
    /* Switch effect fade/appear */
    .afp-effect-fade-appear div.afp-slider-item { position: absolute; }
    .awafpslider .afp-slider-controls {
        position: relative;
        z-index: 99; }
    .awfpslider-horizontal div.afp-slider-item div.afp-thumbnail {
        float: left;
        height: 200px;
        width: 200px; }
    .awfpslider-vertical div.afp-slider-item div.afp-thumbnail {
        height: 190px;
        text-align: center;
        width: 100%; }
    .awfpslider-horizontal div.afp-slider-item div.afp-product-info { margin-left: 210px; }
    .awfpslider-vertical .afp-thumbnail .onsale-category-container-list { float:none!important;margin: 0 auto; }
    .awafpslider div.afp-slider-item div.afp-product-info .awafptitle a {
        color: #000;
        font-size: 20px;
        text-decoration: none; }
        .awafpslider div.afp-slider-item div.afp-product-info .awafptitle a:hover { text-decoration: underline; }
    .awafpslider div.afp-slider-item div.afp-product-info .afp-details {
        color: #666;
        font-size: 12px; }
    .awfpslider-vertical div.afp-slider-item div.afp-product-info .afp-details { text-align: center; }
    .awafpslider .afp-slider-controls .afp-left {
        float: left;
        height: 22px;
        padding-left: 20px;
        text-align: right;
        width: 22px; }
        .awafpslider .afp-slider-controls .afp-left button, .awafpslider .afp-slider-controls .afp-right button { position: relative; }
        .awafpslider .afp-slider-controls .afp-left button.button, .awafpslider .afp-slider-controls .afp-right button.button {
            background-color: transparent;
            border: 0px;
            cursor: pointer; }
        .awafpslider .afp-slider-controls .afp-left button {
            background-image: url('https://www.macfixit.com.au/skin/frontend/base/default/aw_featured/representations/slider/images/arrow_left.png');
            background-repeat: no-repeat;
            height: 22px;
            width: 22px; }
            .awafpslider .afp-slider-controls .afp-left button:hover { background-image: url('https://www.macfixit.com.au/skin/frontend/base/default/aw_featured/representations/slider/images/arrow_left_hover.png'); }
    .awafpslider .afp-slider-controls .afp-right {
        float: right;
        height: 22px;
        padding-right: 20px;
        position: relative;
        text-align: right;
        top: -22px;
        width: 22px; }
        .awafpslider .afp-slider-controls .afp-right button {
            background-image: url('https://www.macfixit.com.au/skin/frontend/base/default/aw_featured/representations/slider/images/arrow_right.png');
            background-repeat: no-repeat;
            height: 22px;
            width: 22px; }
            .awafpslider .afp-slider-controls .afp-right button:hover { background-image: url('https://www.macfixit.com.au/skin/frontend/base/default/aw_featured/representations/slider/images/arrow_right_hover.png'); }
    .awafpslider .afp-slider-controls .afp-center {
        line-height: 22px;
        margin: 0px 50px;
        text-align: center; }
        .awafpslider .afp-slider-controls .afp-center button.button {
            background-color: transparent;
            background-image: url('https://www.macfixit.com.au/skin/frontend/base/default/aw_featured/representations/slider/images/item.png');
            border: 0px;
            height: 12px;
            width: 12px; }
        .awafpslider .afp-slider-controls .afp-center button.afp-s-current { background-image: url('https://www.macfixit.com.au/skin/frontend/base/default/aw_featured/representations/slider/images/item_current.png'); }
        .awafpslider .afp-slider-controls .afp-center button.button:hover { background-image: url('https://www.macfixit.com.au/skin/frontend/base/default/aw_featured/representations/slider/images/item_hover.png'); }
    .awfpslider-horizontal .price-box {
        float: left;
        margin: 7px 0;
        padding: 0px;
        text-align: center;
        width: 150px; }
    .awfpslider-vertical .price-box {
        text-align: center;
        width: 100%; }
    .awafpslider .price-box .price {
        color: #000;
        font-size: 16px;
        font-weight: normal; }
    .awafpslider .price-box span, .awafpslider .price-box a { color: #000; }
    .awfpslider-horizontal .afp-addtocart {
        margin: 7px 0px;
        text-align: left; }
    .awfpslider-vertical .afp-addtocart {
        margin: 7px 0px;
        text-align: center; }
    .awafpslider .afp-addtocart button {
        background-color: transparent;
        border: 0px;
        cursor: pointer;
        font-size: 12px; }
        .awafpslider .afp-addtocart button div {
            background-image: url('https://www.macfixit.com.au/skin/frontend/base/default/aw_featured/images/addtocart.png');
            height: 21px;
            line-height: 21px;
            width: 91px; }
    .awfpslider-vertical div.afp-slider-item .awafptitle { text-align: center; }
        .awfpslider-vertical div.afp-slider-item .awafptitle a {
            color: #000;
            font-family: Verdana;
            font-size: 16px;
            margin: 7px 0;
            text-decoration: none; }
            .awfpslider-vertical div.afp-slider-item .awafptitle a:hover { text-decoration: underline; }
    .afp-effect-simple-slider {
        overflow: hidden;
        position: relative; }
        .afp-effect-simple-slider div.afp-slider-item { float: left; }
    .afp-effect-blind-up-down div.afp-slider-item { position: absolute; }
    .afp-effect-blind-up-down .afp-slider-controls {
        position: relative;
        z-index: 99; }
    .afp-effect-slide-up-down div.afp-slider-item { position: absolute; }
    .afp-effect-slide-up-down .afp-slider-controls {
        position: relative;
        z-index: 99; }
    .amlabel-div {
        position: relative;
    }
    .amlabel-div .amlabel-txt {
        line-height: 11px;
        font-size: 0.9em;
        font-weight: bold;
        display: block;
        letter-spacing:0.01px;
        text-decoration: none;
        color: #fff;
    }
    .amlabel-div a {
        text-decoration: none;
        position: relative;
    }
    .amlabel-table {
        position: absolute;
        z-index: 10;
        cursor: pointer;
    }
    .amlabel-table td {
        vertical-align: middle;
        text-align: center;
        border: 0;
        height: auto;
    }
    .top-center {
        top: 0;
        left: 50%;
    }
    .middle-left {
        left: 0;
        top: 50%;
    }
    .middle-right {
        right: 0;
        top: 50%;
    }
    .bottom-center {
        bottom: 0;
        right: 50%;
    }
    .middle-center {
        top: 50%;
        right: 50%;
    }
    .top-left {
        top: 0;
        left: 0;
    }
    .top-right {
        top: 0;
        right: 0;
    }
    .bottom-left {
        bottom: 0;
        left: 0;
    }
    .bottom-right {
        bottom: 0;
        right: 0;
    }
    .products-list .amlabel-div {
        float:left;
    }
    * html .amlabel-div { float: left; }
    * html .amlabel-div a { position: relative; }
    /*!
     * BESUGRE
     *
     * @section LICENSE
     * This source file is subject to the EULA that is bundled with this package in the file LICENSE.txt.
     * It is also available on our website: http://www.besugre.com/BESUGRE_LICENSE.txt
     *
     * If you did not receive a copy of the license and are unable to
     * obtain it, please send an email to service@besugre.com so we can send you a copy immediately.
     *
     * This software is distributed under a commercial license.
     * Any redistribution, copy or direct modification is explicitly not allowed.
     *
     * @category Besugre
     * @package Besugre_Recommendation
     * @author Michael Stork <m.stork@besugre.com>
     * @author Christoph Massmann <c.massmann@besugre.com>
     * @copyright 2013-2014 BESUGRE (http://www.besugre.com)
     * @license http://www.besugre.com/BESUGRE_LICENSE.txt commercial software license
     */
    /*!
     *  jQuery OwlCarousel v1.3.2
     *
     *  Copyright (c) 2013 Bartosz Wojciechowski
     *  http://www.owlgraphic.com/owlcarousel/
     *
     *  Licensed under MIT
     *
     */
    /* clearfix */
    .owl-carousel .owl-wrapper:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    /* display none until init */
    .owl-carousel{
        display: none;
        position: relative;
        width: 100%;
        -ms-touch-action: pan-y;
    }
    .owl-carousel .owl-wrapper{
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
    .owl-carousel .owl-wrapper-outer{
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .owl-carousel .owl-wrapper-outer.autoHeight{
        -webkit-transition: height 500ms ease-in-out;
        -moz-transition: height 500ms ease-in-out;
        -ms-transition: height 500ms ease-in-out;
        -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out;
    }
    .owl-carousel .owl-item{
        float: left;
    }
    .owl-controls .owl-page,
    .owl-controls .owl-buttons div{
        cursor: pointer;
    }
    .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    /* mouse grab icon */
    .grabbing {
    }
    /* fix */
    .owl-carousel  .owl-wrapper,
    .owl-carousel  .owl-item{
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility:    hidden;
        -ms-backface-visibility:     hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
    }
    .owl-theme .owl-controls{
        margin-top: 10px;
        text-align: center;
    }
    /* Styling Next and Prev buttons */
    .owl-theme .owl-controls .owl-buttons div{
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline;/*IE7 life-saver */
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        filter: Alpha(Opacity=50);/*IE7 fix*/
        opacity: 0.5;
    }
    /* Clickable class fix problem with hover on touch devices */
    /* Use it for non-touch hover action */
    .owl-theme .owl-controls.clickable .owl-buttons div:hover{
        filter: Alpha(Opacity=100);/*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }
    /* Styling Pagination*/
    .owl-theme .owl-controls .owl-page{
        display: inline-block;
        zoom: 1;
        *display: inline;/*IE7 life-saver */
    }
    .owl-theme .owl-controls .owl-page span{
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);/*IE7 fix*/
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #869791;
    }
    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span{
        filter: Alpha(Opacity=100);/*IE7 fix*/
        opacity: 1;
    }
    /* If PaginationNumbers is true */
    .owl-theme .owl-controls .owl-page span.owl-numbers{
        height: auto;
        width: auto;
        color: #FFF;
        padding: 2px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }
    /* preloading images */
    .owl-item.loading{
        min-height: 150px;
    }
    .owl-theme .owl-controls .owl-buttons div {
        padding: 5px 9px;
    }
    .owl-theme .owl-buttons i{
        margin-top: 2px;
    }
    .owl-theme .owl-controls .owl-buttons div {
        position: absolute;
    }
    .owl-theme .owl-controls .owl-buttons .owl-prev,
    .owl-theme .owl-controls .owl-buttons .owl-next {
        display: none;
        top: 190px;
        height: 50px;
        width: 50px;
        padding: 0;
    	text-indent:999px;
        border: 0;
        background-image: url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/slideshow-arrows.png");
        font-weight: bold;
        opacity: 1;
    }
    .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: 20px;
    }
    .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
        background-position: 0 -50px;
    }
    .owl-theme .owl-controls .owl-buttons .owl-next {
        right: 20px;
        background-position: -50px 0;
    }
    .owl-theme .owl-controls .owl-buttons .owl-next:hover {
        background-position: -50px -50px;
    }
    .besugreCarousel,
    .recommendedTopItem {
        background: none;
        border-bottom: 0px;
    }
    .besugreSimpleList {
        padding-left: 0px !important;
    }
    .besugreCarousel .add-to-links,
    .besugreSimpleList .add-to-links,
    .recommendedTopItem .add-to-links {
        padding-left: 0px;
    }
    .besugreCarousel li,
    .besugreSimpleList li,
    .recommendedTopItem li {
        list-style: none;
    }
    .recommendedTopItem li.item {
        width: 100%;
        padding-left: 0px;
        padding-bottom: 0px;
    }
    .recommendedTopItem .product-image {
        float: left;
        margin-right: 20px;
    }
    .recommendedTopItem .information {
        float: left;
    }
    .recommendedTopItem .information .actions {
        position: inherit;
        top: 100px;
    }
    .catalog-product-view .besugreCarousel.products-grid {
        width: auto;
    }
    .besugreCarousel {
        box-sizing: border-box;
        border: none;
    }
    /* Adaptions for maxfixit */
    .besugreCarousel {
        background-color: #EEEEEE;
        border-bottom: 8px solid #EEEEEE;
        border-radius: 2px;
        margin-bottom: 5px;
        padding-left: 15px;
        padding-top: 20px;
    }
    .besugreCarousel:hover .owl-controls .owl-buttons .owl-next,
    .besugreCarousel:hover .owl-controls .owl-buttons .owl-prev {
        display: block;
    }
    .besugreCarousel .besugreRecommendationItem {
        background: url("https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/grid-item-shadow.png") no-repeat scroll right bottom white;
        border: medium none;
        min-height: 370px;
        padding: 10px 17px 59px 10px;
        display: block;
    }
    .besugreCarousel .besugreRecommendationItem .product-name {
        min-height: 30px;
    }
    .besugreCarousel .besugreRecommendationItem .add-to-links {
        position: absolute;
        left: 0px;
        bottom: 20px;
    }
    .besugreCarousel .besugreRecommendationItem .price-box {
        font-family: Arial;
    }
    .besugreCarousel .recommendationLinkWishlist {
        float:left;
    }
    .besugreCarousel .recommendationViewDetailButtonContainer {
        float: left;
    }
    .besugreCarousel .recommendationViewDetailButtonContainer .recommendationViewDetailButton {
        width: 133px;
        margin-left: 38px;
        margin-top: 0px;
        cursor: pointer;
        overflow: visible;
        padding: 0;
    }
    .besugreCarousel .recommendationViewDetailButtonContainer .recommendationViewDetailButton span {
        height: 35px;
        line-height: 35px;
        padding: 0 23px;
        background-color: #DDDDDD;
        border-radius: 2px 2px 2px 2px;
        color: #555555;
        display: block;
        font-size: 12px;
        text-align: center;
    }
    .product-view .besugreCarousel {
        max-width: 720px;
    }
    /* Brands
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    .box-brand {
    	width:210px;
    	height:50px;
    	margin:10px 0;
    }
    /* On product page: Product Attributes block
    -------------------------------------------------------------- */
    .product-view .product-attributes .box-brand {
    	margin:10px 0 15px;
    	padding-bottom:25px;
    	border-bottom:1px solid #f2f2f2;
    }
    /* Brand image transition
    -------------------------------------------------------------- */
    .box-brand img {
    	transition:			opacity 300ms ease-in-out;
    	-moz-transition:	opacity 300ms ease-in-out;
    	-webkit-transition:	opacity 300ms ease-in-out;
    	-o-transition:		opacity 300ms ease-in-out;
    }
    .box-brand img:hover { opacity:0.8; }
    /* Slideshow (jQuery Cycle)
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    .slideshow-wrapper {
    	position:relative;
    	width:960px;
    	margin:0 auto 20px;
    }
    ul.slideshow {
    	list-style:none outside none;
    	margin:0;
    	padding:0;
    	/* Slideshow: */
    	position:relative;
    	width:960px;
    	height:420px;
    }
    .slideshow .slide {
    	display:block;
    	width:960px;
    	height:420px;
    	left:0;
    	top:0;
    }
    /* Navigation */
    .slideshow-wrapper .browse-button {
    	text-decoration:none;
    	text-indent:-999px;
    	overflow:hidden;
    	visibility:hidden;
    }
    .slideshow-wrapper:hover .browse-button { visibility:visible; }
    .slideshow-wrapper .backward {
    	position:absolute;
    	left:10px;
    	top:45%;
    	background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/infortis/super-slideshow/slideshow-arrows.png) 0 0 no-repeat;
    	width:50px;
    	height:50px;
    }
    .slideshow-wrapper .backward:hover { background-position:0 -50px; }
    .slideshow-wrapper .forward {
    	position:absolute;
    	right:10px;
    	top:45%;
    	background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/infortis/super-slideshow/slideshow-arrows.png) -50px 0 no-repeat;
    	width:50px;
    	height:50px;
    }
    .slideshow-wrapper .forward:hover { background-position:-50px -50px; }
    /* Navigation goes up (Z-axis) */
    .slideshow-wrapper .browse-button,
    .slideshow-wrapper .tab-pager { z-index:50; }
    /* Main slideshow on home page
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    .the-slideshow .tab-pager {
    	position:absolute;
    	bottom:15px;
    	right:15px;
    }
    .the-slideshow .slideshow { background-color:#fff; }
    /* Fix: prevent showing all slides while loading */
    .the-slideshow .slideshow .slide { display:none; overflow:hidden; }
    .the-slideshow .slideshow .slide.first { display:block; }
    .the-slideshow .slideshow .slide img {}
    /* Elements in slides
    -------------------------------------------------------------- */
    .the-slideshow {
    	color:#333;
    /*	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
    	font-size:18px;*/
    }
    .the-slideshow h2,
    .the-slideshow h3,
    .the-slideshow h4,
    .the-slideshow h5,
    .the-slideshow h6,
    .the-slideshow a { color:#333; }
    /* Universal navigation pager for tabs and slideshow
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    .tab-pager a {
    	float:left;
    	width:20px;
    	height:20px;
    	margin-right:3px;
    	text-align:center;
    	overflow:hidden;
    	text-indent:-999px;
    }
    /* Tab pager: simple gray rounded rectangles
    -------------------------------------------------------------- */
    .tab-pager.tab-pager-simple a {
    	background-color:#eee;
    	color:#777;
    	-moz-border-radius:2px;
    	-webkit-border-radius:2px;
    	border-radius:2px;
    	-moz-box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.2);
    	-webkit-box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.2);
    	box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.2);
    }
    .tab-pager.tab-pager-simple a.current, /*jQuery Tools*/
    .tab-pager.tab-pager-simple a.activeSlide, /*jQuery Cycle plugin*/
    .tab-pager.tab-pager-simple a:hover { background-color:#ccc; }
    /* Tab pager: image background
    -------------------------------------------------------------- */
    .tab-pager.tab-pager-img a { background:0 0 no-repeat transparent; }
    .tab-pager.tab-pager-img a.current,
    .tab-pager.tab-pager-img a.activeSlide { background-position:0 -30px; }
    .tab-pager.tab-pager-img a:hover { background-position:0 -60px; }
    /* Light gray rounded squares */
    .tab-pager.tab-pager-rounded-lgray a { background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/infortis/super-slideshow/tab-pager-rounded-lgray.png) 0 0 no-repeat transparent; }
    /* Light gray circles */
    .tab-pager.tab-pager-circle-lgray a { background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/infortis/super-slideshow/tab-pager-circle-lgray.png) 0 0 no-repeat transparent; }
    /* Light gray rings */
    .tab-pager.tab-pager-ring-lgray a { background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/infortis/super-slideshow/tab-pager-ring-lgray.png) 0 0 no-repeat transparent; }
    .text_free1 {
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    border:1px solid #c0c0c0;
    font-size:9pt;
    margin:0;
    padding:6px;
    color:#aaa;
    padding-top:8px;
    padding-bottom:8px;
    width:200px;
    }
    #fade {
     background: #000;
     position: fixed;
     width: 100%;
     height: 100%;
     filter:alpha(opacity=80);
     opacity: .30;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
     left: 0;
     top: 0;
     z-index: 10;
    }
    #hideshow {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
    }
    .popup_block {
     width: 385px;
     height:195px;
     margin: 0 0 0 -250px;
     z-index: 100;
     height:200px;
     left:28%;
     margin:0 auto;
     opacity:1;
     position:absolute;
     text-align:center;
     top:300px;
     text-align:left;
     padding-left:10px
    }
    .popup {
     width: 385px;
     overflow:hidden;
     background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/mid_img.png);
     background-repeat:repeat-y;
     padding-left:10px;
    }
    .popup h3 {
     margin: 0 0 0px;
     padding: 0px 0px;
     font-size:14pt;
     font-weight: bold;
     font-family:Arial, Verdana;
     letter-spacing:-1px
    }
    .popup p {
     padding: 5px 10px;
     margin: 5px 0;
    }
    .popup img.cntrl {
     position: absolute;
     right: -18px;
     top: -8px;
    }
    .freeform_header {
    color:#3f3f3f;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:11pt;
    font-style:italic;
    font-weight:normal;
    padding:0px;
    margin:0px;
    padding-bottom:10px
    }
    .error_message {
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    background:none repeat scroll 0 0 #FFDDCC;
    border:1px solid #EECCBB;
    margin-bottom:10px;
    padding:3px 3px 3px 0;
    width:60%;
    color:#663333;
    font-size:9pt;
    font-weight:normal;
    line-height:1.6em;
    padding-left:10px;
    }
    .thanx_message {
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    background:none repeat scroll 0 0 #E2F9E3;
    border:1px solid #BBEE66;
    margin-bottom:15px;
    margin-top:5px;
    padding:3px 3px 3px 10px;
    width:93%;
    color:#336633;
    font-size:9pt;
    font-weight:normal;
    line-height:1.6em;
    }
    .inputbox{
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    -x-system-font:none;
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #CCCCCC;
    font-family:Helvetica Neue,"Arial",Helvetica,Verdana,sans-serif;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:18px;
    margin:0;
    padding:4px 4px;
    color:#666;
    width:95%;
    }
    span.wrap1 {
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    background:#eeeeee none repeat scroll 0 0;
    display:inline-block;
    margin:0 0 4px;
    padding:3px;
    width:220px;
    }
    #select-store {
    	margin:0 0 0 10px;
    }
    #shipping_date{
    	width:140px;
    	float:left;
    	margin:0 2px 5px 0;
    }
    #shipping_time{
    	width:146px;
    }
    #store_id{
    	width:146px;
    	float:left;
    }
    #date-notation, #store-notation,#shipping_date_trig{
    	float:left;
    }
    #date-notation, #store-notation{
    	margin:0 0 0 10px;
    	color:#FF0000;
    	font-weight:bold;
    }
    .storepickup-box{
    	margin:0 0 10px 20px;
    }
    /* Guide Text*/
    #storepickup-guid-text {
    	margin:0px 20px 10px 20px;
    	padding-bottom:10px;
    }
    #storepickup-guid-text ul {
    	list-style-type: disc;
    	list-style-position:inside;
    	margin:10px 20px 10px 20px;
    }	
    /* End Guide Text*/
    /*list Store */
    #head-list-store{
    	margin:10px 0 20px 40px;
    }
    #list-store.left_column
    {	
    	background-color:#F5F5F5;
    	padding:20px;
    }
    .dottedBox {
    	border-bottom:1px dotted #C8C8C8;
    }
    .result_store {
    	height: 500px;
    	overflow-x: scroll;
    	border-top: 1px solid #C8C8C8;
    }
    .searchform {
    	padding-bottom: 5px;
    }
    .search_store {
    	width:450px;
    	float:left;
    }
    .storepickup-search-label {
    	width:100px !important;
    }
    #list-store .right_column
    {
    	border-left:1px solid #AAAAAA;
    	padding-left:15px;
    }
    #storepickup-form{
    	margin: 0 0 0 40px;
    }
    #storepickup-form label{
    	display:block;
    }
    #storepickup-form  select{
    	width:180px;
    	margin:0 20px 10px 0;
    }
    #list-store .title{
    	display:block;
    	font-weight:bold;
    }
    #list-store .store-address{
    	display:block;
    	margin:2px 0 0 20px;
    }
    #list-store .storepickup-nav{
    	margin: 20px 0 0 20px;
    }
    .part-left table td{padding: 0 2px!important;}
    /*End list Store */
    /*Shipping Method*/
    .storepickup-box label{
    	margin:10px 0 0 0;	
    	display:block;
    }
    #free-location-box #list-location{
    	width:300px;
    	float:left;
    }
    #free-location-box .location-box {
    	width:250px;
    }
    #free-location-box .location-box select{
    	width:146px;
    	margin:0 0 0 20px;
    }
    #free-location-box .location-box  label{
    	margin:10px 0 0 20px;	
    	display:block;
    }
    #free-location-box #store-location{
    	float:left;
    	width:300px;
    }
    #select-store{
    	width:200px;
    	float:left;
    	margin:0 0 0 10px;	
    }
    #store-info{float:left}
    .shipment-methods #store-info{
    	/*margin :20px 10px 0 40px;*/
    	float:left;
    	width:425px!important;
    }
    .shipment-methods #store-info .st_map{
    	float:left;
    	margin-left:30px;
    }
    #store-info .title{
    	display:block;
    	font-weight:bold;
    }
    #store-info .store-address{
    	display:block;
    	margin:2px 0 0 20px;
    }
    /*End Shipping Method*/
    .text_free1 {
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    border:1px solid #c0c0c0;
    font-size:9pt;
    margin:0;
    padding:6px;
    color:#aaa;
    padding-top:8px;
    padding-bottom:8px;
    width:200px;
    }
    #fade2 {
     background: #000;
     position: fixed;
     width: 100%;
     height: 100%;
     filter:alpha(opacity=80);
     opacity: .30;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
     left: 0;
     top: 0;
     z-index: 10;
    }
    #hideshow {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
    }
    .popup_block {
     width: 385px;
     height:195px;
     margin: 0 0 0 -250px;
     z-index: 100;
     height:200px;
     left:28%;
     margin:0 auto;
     opacity:1;
     position:absolute;
     text-align:center;
     top:300px;
     text-align:left;
     padding-left:10px
    }
    .popup2 {
     width: 385px;
     overflow:hidden;
     background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/mid_img.png);
     background-repeat:repeat-y;
     padding-left:10px;
    }
    .popup2 h3 {
     margin: 0 0 0px;
     padding: 0px 0px;
     font-size:14pt;
     font-weight: bold;
     font-family:Arial, Verdana;
     letter-spacing:-1px
    }
    .popup2 p {
     padding: 5px 10px;
     margin: 5px 0;
    }
    .popup2 img.cntrl2 {
     position: absolute;
     right: -18px;
     top: -8px;
    }
    .freeform_header {
    color:#3f3f3f;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:11pt;
    font-style:italic;
    font-weight:normal;
    padding:0px;
    margin:0px;
    padding-bottom:10px
    }
    .error_message2 {
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    background:none repeat scroll 0 0 #FFDDCC;
    border:1px solid #EECCBB;
    margin-bottom:10px;
    padding:3px 3px 3px 0;
    width:60%;
    color:#663333;
    font-size:9pt;
    font-weight:normal;
    line-height:1.6em;
    padding-left:10px;
    }
    .thanx_message2 {
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    background:none repeat scroll 0 0 #E2F9E3;
    border:1px solid #BBEE66;
    margin-bottom:15px;
    margin-top:5px;
    padding:3px 3px 3px 10px;
    width:90%;
    color:#336633;
    font-size:9pt;
    font-weight:normal;
    line-height:1.6em;
    }
    .inputbox{
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    -x-system-font:none;
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #CCCCCC;
    font-family:Helvetica Neue,"Arial",Helvetica,Verdana,sans-serif;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:18px;
    margin:0;
    padding:4px 4px;
    color:#666;
    width:96.5%;
    }
    span.wrap1 {
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    background:#eeeeee none repeat scroll 0 0;
    display:inline-block;
    margin:0 0 4px;
    padding:3px;
    width:300px;
    }
    /*right toolbar*/
    #right_toolbar .shoppingcart {
        display: inline-block;
        float: none;
        margin: 15px 0 6px -5px;
        padding: 0 0 0px 10px;
        position: relative;
    }
    #right_toolbar .shoppingcart:hover {
    	padding:0 0 0 10px;
    	margin: 15px 0 6px -5px;
    }
    #right_toolbar .shoppingcart .fadelink {
    	position:relative;
    	float:left;
    }
    #right_toolbar .shopping_cart_mini {
    	position:absolute;
    	top:-38px;
    	margin-right:38px;
    	right:0;
    	left:auto;
    }
    #right_toolbar .shoppingcart .badge {
    	right: 0px;
    }
    #right_toolbar .search_wrapper {
    	clear:both;
    	position:relative;
    	height:40px;
    }
    #right_toolbar .form-search {
    	position: static;
    }
    #right_toolbar .form-search input.search-query {
    	position:absolute;
    	right:20px !important;
    	top:-1px;
    	z-index:99;
    	padding:2px 8px;
    	width:0;
    	height:22px;
    	border: 2px solid #fff;
    	border-radius: 4px;
    	box-shadow:0px 0px 4px rgba(0, 0, 0, 0.27);
    }
    .pull-right {
      float: right; 
      text-align:right
    }
    #right_toolbar .shoppingcart .badge {
    	position:absolute;
    	top:-7px;
    	right: -5px;
    }
    /* left toolbar */
    #left_toolbar .shoppingcart {
        display: inline-block;
        float: none;
        margin: 15px 0 6px -5px;
        padding: 0 0 0px 10px;
        position: relative;
    }
    #left_toolbar .shoppingcart:hover {
    	padding:0 0 0 10px;
    	margin: 15px 0 6px -5px;
    }
    #left_toolbar .shoppingcart .fadelink {
    	position:relative;
    	float:left;
    }
    #left_toolbar .shopping_cart_mini {
    	position:absolute;
    	top:-38px;
    	margin-left:38px;
    	right:auto;
    	left:0;
    }
    #left_toolbar .shoppingcart .badge {
    	left: 0px;
    }
    #left_toolbar .search_wrapper {
    	clear:both;
    	position:relative;
    	height:40px;
    }
    #left_toolbar .form-search {
    	position: static;
    }
    #left_toolbar .form-search input.search-query {
    	position:absolute;
    	left:30px;
    	top:0;
    	z-index:99;
    	padding:2px 0px 2px 9px;
    	width:0;
    	height:22px;
    	border: 2px solid #fff;
    	border-radius: 4px;
    	box-shadow:0px 0px 4px rgba(0, 0, 0, 0.27);
    text-align:left;
    }
    #left_toolbar .shoppingcart .badge {
    	position:absolute;
    	top:-7px;
    	left: -2px;
    }
    .pull-left {
      float: left; 
      text-align:left;
    }
    #back-top{ 
    	width:32px; 
    	margin-right:15px;
    }
    #back-top a {
    	display:block;
    	margin:2px 0 0 5px;
    	padding:0px 0 0 0;
    	width: 40px;
    	height:32px;
    	text-align:center;
    	background:#eee;
    	color:#8a8a8a;
    	font-size:22px;
    	line-height:22px;
    	border-radius: 3px;
    	
    }
    .shoppingcart {
    	position:relative;
    	float:right;
    	z-index: 50001;
    	margin-top: 2px;
    }
    .shoppingcart:hover {
    	z-index: 50003;
    }
    .shoppingcart .fadelink span a.btn {
    	width:40px; height:25px;
    }
    .shopping_cart_mini {
        background-color: #FDFDFD;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);
        color: #000000;
        display: none;
        margin-top: 0px;
        width: 361px;
        z-index: 100;
    }
    .shopping_cart_mini .inner-wrapper {
        padding: 10px 15px 12px; text-align:left;overflow:hidden;
    }
    .shopping_cart_mini .item {
    	position:relative;
    	overflow:hidden;
     border-bottom: 1px solid #EEEEEE;
        margin-bottom: 10px;
        margin-top: 10px;
    padding-bottom:8px;
    }
    .shopping_cart_mini .product-image {
    	float:left;
    	margin-right:10px;
    	border: 1px solid #f3f3f3;
    }
    .shopping_cart_mini .product-detailes {
        float: left;
        width: 130px;  overflow: hidden;
    }
    .shopping_cart_mini .button {
    	float:right;
    	margin-left: 5px;
    }
    .badge {
      padding: 1px 7px;
      -webkit-border-radius: 9px;
         -moz-border-radius: 9px;
              border-radius: 9px;
    font-size: 11px;
      font-weight: bold;
      line-height: 14px;
    background-color:#000000;
    color:#ffffff;
    }
    .shopping{  border-top: 1px solid #EEEEEE; padding-top:8px; margin-top:4px;}
    #brand_list {width:100%; margin-top:25px; float:left;}
    #brand_list  .brand-row{width:100%; float:left; margin:10px 0;}
    #brand_list  .brand-row-content{width:97%; float:right; border: 1px solid #d4d4d4;}
    #brand_list  .brand-col{width:25%; float:left;}
    #brand_list  .brand-col .branditem{width:100%; float:left; text-align:left; padding-left:10px}
    #brand_list  .brand-col .branditem .brand-name{color:#333}
    .alpha-sort {font-size:18px; font-weight:bold; float:left;}
    .brand_list_head
    {
    	border-bottom:1px solid #CCC;
    	padding-bottom:5px;
    }
    #featured_brand li
    {
    	display:inline;
    	margin-right:10px;
    }
    #featured_brand li a img
    {
    	margin-top:10px;
    }
    #brand_char_filter
    {
    }
    #brand_char_filter li
    {
    	display:inline;
    	margin-right:10px;
    	font-weight:bold;
    }
    #brand_char_filter li:after {
        content: " •";
        height: 1px;
        padding: 1px;
        width: 1px;
    }
    #brand_char_filter .last:after {
        display: none;
    }
    #brand_list
    {
    	line-height:30px;
    	padding-top:30px;
    }
    #brand_list li
    {	
    	width:30%;
    	margin-left:2%;
    	float:left;
    		
    }
    #brand_top-brandtegory_tree ul
    {
    	line-height:25px;
    	padding-left:20px;
    }
    #brand_top-brandtegory_tree ul a.active
    {
    	font-weight:bold;
    }
    #brand_left
    {
    	width:20%;
    	float:left;
    	margin-right:10px;
    }
    #brand_content
    {
    	float:left;
    	width:100%;
    }
    #brand-table table tr td{
    	padding:10px 10px 0px 0px;
    }
    #listbrand a {font-size:12px !important;}
    .feature {margin-top:20px;}
    #featured_brand li img{border:0; width:108px; margin:10px;}
    .feature-content {width:675px; height:auto; overflow:hidden; margin-bottom:15px;}
    #screen{float:left;	width:670px; padding:0px; margin:0px;}		
    	
    #screen li{float:left; list-style:none;}
    #screen .jq-ss-crop{	margin:5px 5px;	border:1px solid #e3d78f}
    #left,#right{font-weight:bolder; font-size:36px; margin-top:70px; display:block; text-decoration:none; color:black;}
    			
    #view {display:inline; height:auto; margin:15px 15px 0px 0px;overflow:hidden; text-align:center; width:615px; }
    			
    #images{float:left; width:3818px !important; width:3822px; padding:0;}
    /* #images li{margin-right:5px;} */
    			
    #images li img{border:0; width:107px; }
    .brand-product-list{float:left; width:100%;}
    #product-brand .logo{width:80px; float:left;}
    #product-brand .description-short{float:left; text-align:justify; width:250px;}
    #feature-brand{width:100%; text-align: center;}
    #feature-brand .center{
    	text-align:center !important; 
    	padding: 5px 0px 15px 0px !important;
    }
    .featuredbrands {
        width: 100%;
        margin-top: 30px;
    }
    .featuredbrands .page-title {
        width: 100%;
    }
    .featuredbrands .content {
        width: 100%;
    }
    .featuredbrands .content ul {
        
    }
    .featuredbrands .content ul li {
        float: left;
        text-align: center;
    }
    .top-brand-container{
    	height: 160px;
    }    
    .top-brand-container .brand-logo {
    	height: 125px;
    }
    .top-brand-wrapper{
        width:100%;
        height:100%;
        position:relative;
    }
    .top-brand-item{
        position:relative;
        float:left;
        width:220px;
        height:100%;
        text-align:center;
    }
    .top-brand-item-main{
        position:absolute;
        top:5px;
        left:5px;
        right:5px;
        bottom:5px;
        background:#fff;
        overflow:hidden;
        -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
        box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    }
    .top-brand-nav span:hover{
        opacity:1.0;
    }
    .top-brand-nav span{ 
        width:25px;
        height:38px;
        position:absolute;
        left:-25px;
        top:50%;
        margin-top:-19px;
        background:transparent url(https://www.macfixit.com.au/skin/frontend/base/default/images/arrows.png) no-repeat top left;
        text-indent:-9000px;
        opacity:0.7;
        cursor:pointer;
        z-index:100;
    }
    .top-brand-nav span.top-brand-nav-next{
        background-position:top right;
        left:auto;
        right:-25px;
    }
    .top-brand-container{
        position:relative;
        margin:25px auto 20px auto;
        /*height:160px;*/
    }
    .top-brand-container .brand-logo {
        /*height: 125px;*/
        align-items: center;
        display: inline-flex;
    }
    @media screen and (min-width: 0px) and (max-width: 250px) {
        .top-brand-container{
    	width:220px;
        }
        .top-brand-nav span{
    	left:-10px;
        }
        .top-brand-nav span.top-brand-nav-next{
    	right:-10px;
        }
    }
    @media screen and (min-width: 251px) and (max-width: 479px) {
        .top-brand-container{
    	width:220px;
        }
    }
    @media screen and (min-width: 480px) and (max-width: 719px) {
        .top-brand-container{
    	width:440px;
        }
    }
    @media screen and (min-width: 720px) and (max-width: 959px) {
        .top-brand-container{
    	width:660px;
        }
    }
    @media screen and (min-width: 960px) and (max-width: 1199px) {
        .top-brand-container{
    	width:880px;
        }
    }
    @media screen and (min-width: 1200px) {
        .top-brand-container{
    	width:880px;
        }
    }
    #explodedmenu {
    	font-family: 'Open Sans', sans-serif;
    	font-weight: 600;
    	background-color: #4b4e54;
    	background: url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/navbar-red-saturated.png);
    	display: inline-block;
    	width: 100% !important;
    	padding: 0 !important;
    }
    #explodedmenu li#nav-home-link a.level-top {
    	height: 41px;
    	background-position: 0 -334px;
    }
    #explodedmenu li#nav-home-link a.level-top:hover {
    	background-position: -46px -334px;
    }
    #explodedmenu > li {
    	display: inline-block;
    	float: left;
    	zoom: 1;
    	margin: 0 5px;
    	padding: 0;
    	text-align: center;
    	
    }
    #explodedmenu > li > a {
    	display: table-cell;
    	vertical-align: top;
    	height: 41px;
    	padding: 0 9px;
    	color: #fff;
    	text-transform: uppercase;
    	font-size: 13px;
    	transition: 0;
    	-moz-transition: 0;
    	-webkit-transition: 0;
    	-o-transition: 0;
    	transition: color 0ms ease-in-out 0s, background-color 0ms ease-in-out 0s;
    	-moz-transition: color 0ms ease-in-out 0s, background-color 0ms ease-in-out 0s;
    	line-height: 31px;
    }
    #explodedmenu > li > .explodedmenu-menu-popup {
    	border: 1px solid #D4D4D4;
    	border-top: 0 none;
    	margin-left: -1px;
    	padding-bottom: 20px;
    }
    #explodedmenu li.itemMenu.level1 {
    	margin-bottom: 15px;
    	margin-top: 15px;
    }
    #explodedmenu ul ul li a {
    	font-family: arial, verdana, sans-serif;
    }
    #explodedmenu li.itemMenu.level1 > a {
    	color: #333;
    	font-size: 14px; 
    	font-weight: bold;
    	font-family: arial;
    }
    #explodedmenu .block1, #explodedmenu .block2 {
    	float: left;
    }
    #explodedmenu .block2 {
    	padding: 10px 10px 0 30px;
    	width: 200px;
    	display: block;
    	float: left;
    	border-left: 1px solid #bbb;
    }
    #explodedmenu .block2 h2 {
    	font-size: 14px;
    	font-weight: bold;
    	font-family: arial;
    	margin: 15px 0;
    }
    #explodedmenu .block2 a {
    	color: #DF0232;
    	text-transform: uppercase;
    	font-size: 13px;
    	font-weight: bold !important;
    	font-family: arial;
    	word-break: break-word;
    	word-wrap: break-word;
    }
    #explodedmenu .block2 p {
    	font-size: 12px;
    	color: #333;
    }
    #explodedmenu .block1 .column {
    	padding: 10px 10px 0 30px;
    }
    #explodedmenu .block1 .column.even, #explodedmenu .block1 .column.last {
    	border-left: 1px solid #bbb;
    }
    #explodedmenu .itemSubMenu {
    	margin: 0 !important;
    }
    #explodedmenu .itemSubMenu .itemMenu.level2 {
    	margin-top: 5px;
    }
    #explodedmenu .itemSubMenu .itemMenu.level2 a {
    	color: #111;
    	font-size: 12px;
    	font-weight: normal;
    }
    #explodedmenu > li.menu.active {
    	background-color: transparent !important;
    }
    #explodedmenu > li.menu > a.parentMenu:hover, #explodedmenu > li.menu.active > a, #explodedmenu > li.menu.act > a {
    	color: #066cc3;
    	background: #FFF;
    	height: 41px;
    	border-radius: 5px 5px 0 0;
    	-webkit-border-radius: 5px 5px 0 0;
    	-moz-border-radius: 5px 5px 0 0;
    	-o-border-radius: 5px 5px 0 0;
    	vertical-align: middle;
    }
    #explodedmenu a:hover {
    	color: #066cc3;
    }
    #explodedmenu li li a:hover, #explodedmenu .itemSubMenu .itemMenu.level2 a:hover, #explodedmenu li.itemMenu.level1 > a:hover, #explodedmenu .block2 a:hover {
    	color: #DF0232;
    }
    #explodedmenu li.menu.no-childen > a:hover {
    	background: url('https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/menu-tabs.png') 2px -124px no-repeat;
    	height: 34px;
    	color: #FFF;
    	vertical-align: top;
    }
    @-moz-document url-prefix() { 
    	#explodedmenu li.menu.no-childen > a:hover {
    		background: url('https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/menu-tabs.png') 2px -122px no-repeat;
    	}
    	#explodedmenu li.menu.no-childen > a:hover span {
    		padding-bottom: 8px;
    	}
    }
    #explodedmenu li.menu.no-childen > a span {
    	padding: 7px 15px 7px 5px;
    }
    #explodedmenu li.menu.no-childen > a:hover span {
    	padding: 7px 15px 7px 5px;
    	background: url('https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/menu-tabs.png') 100% -81px no-repeat;
    }
    .autocomplete-w1 { background:url(https://www.macfixit.com.au/skin/frontend/base/default/css/temando/images/shadow.png) no-repeat bottom right; position:absolute; z-index: 1000; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
    .autocomplete-w2 { padding:0 6px 6px 0; }
    .autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
    .autocomplete .selected { background:#F0F0F0; }
    .autocomplete div { padding:2px 5px; white-space:nowrap; }
    .autocomplete strong { font-weight:normal; color:#3399FF; }
    .avs-active { background: url("https://www.macfixit.com.au/skin/frontend/base/default/css/temando/images/ajax-s-load.gif") no-repeat scroll right center transparent !important; }
    /**
     * datePicker widget using Prototype and Scriptaculous.
     * (c) 2007-2008 Mathieu Jondet <mathieu@eulerian.com>
     * Eulerian Technologies
     * (c) 2009 Titi Ala'ilima <tigre@pobox.com>
     *
     * DatePicker is freely distributable under the same terms as Prototype.
     *
     * v1.0.0
     */
    div.datepicker {
     position: absolute;
     text-align: center;
     border: 1px #C4D5E3 solid;
     font-family: arial;
     background: #FFFFFF;
     font-size: 10px;
     padding: 0px;
    }
    div.datepicker table {
     font-size: 10px;
     margin: 0px;
     padding: 0px;
     text-align: center;
     width: 180px;
    }
    div.datepicker table thead tr th {
     font-size: 12px;
     font-weight: bold;
     background: #e9eff4;
     border-bottom:1px solid #c4d5e3;
     padding: 0px;
     margin: 0px;
    }
    div.datepicker table tbody tr {
     border: 1px white solid;
     margin: 0px;
     padding: 0px;
    }
    div.datepicker table tbody tr td {
     border: 1px #eaeaea solid;
     margin: 0px;
     padding: 0px;
     text-align: center;
    }
    div.datepicker table tbody tr td:hover,
    div.datepicker table tbody tr td.outbound:hover,
    div.datepicker table tbody tr td.today:hover {
     border: 1px #c4d5e3 solid;
     background: #e9eff4;
     cursor: pointer;
    }
    div.datepicker table tbody tr td.wday {
     border: 1px #ffffff solid;
     background: #ffffff;
     cursor: text;
    }
    div.datepicker table tbody tr td.outbound {
     background: #e8e4e4;
    }
    div.datepicker table tbody tr td.today {
     border: 1px #16518e solid;
     background: #c4d5e3;
    }
    div.datepicker table tbody tr td.nclick,
    div.datepicker table tbody tr td.nclick_outbound,
    div.datepicker table tbody tr td.nclick_today {
     cursor:default; color:#aaa;
    }
    div.datepicker table tbody tr td.nclick_outbound {
     background:#E8E4E4;
    }
    div.datepicker table tbody tr td.nclick_today {
     background:#c4d5e3;
    }
    div.datepicker table tbody tr td.nclick:hover,
    div.datepicker table tbody tr td.nclick_outbound:hover,
    div.datepicker table tbody tr td.nclick_today:hover {
     border: 1px #eaeaea solid;
     background: #FFF;
    }
    div.datepicker table tbody tr td.nclick_outbound:hover {
     background:#E8E4E4;
    }
    div.datepicker table tbody tr td.nclick_today:hover {
     background:#c4d5e3;
    }
    div.datepicker table tfoot tr td {
     font-size: 10px;
     background: #e9eff4;
     border-top:1px solid #c4d5e3;
     cursor: pointer;
     text-align: center;
     padding: 0px;
    }
    .giftcard-fieldset textarea {width: 100%; height: 100px;}
    .giftcard-fieldset label em {color: #EB340A; margin-right: 2px;}
    .giftcard-fieldset .field {margin-top: 6px;}
    .giftcard-fieldset .email-date input {width: 100px;}
    .giftcard-info .field-label {margin-top: 6px;}
    /*onepage checkout*/
    .giftcard-payment-method { border-bottom: 1px solid #e4e4e4; }
    .giftcard-payment-method .buttons-set { border-top: none; padding-top: 6px; padding-bottom: 3px; }
    /**
     * Skin options for selected elements.
     */
    /* Main navigation container (main menu) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
    /* Override default background image by additional class in the wrapper */
    /* 'navbar-bg' class indicates three elements using the same background */
    .navbar-gray-l .navbar-bg		{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/navbar-gray-l.png); }
    .navbar-gray-d .navbar-bg		{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/navbar-gray-d.png); }
    .navbar-green-pea .navbar-bg	{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/navbar-green-pea.png); }
    .navbar-green-pea-d .navbar-bg	{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/navbar-green-pea-d.png); }
    .navbar-blue .navbar-bg			{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/navbar-blue.png); }
    .navbar-navy .navbar-bg			{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/navbar-navy.png); }
    .navbar-orange .navbar-bg		{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/navbar-orange.png); }
    .navbar-crimson .navbar-bg		{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/navbar-crimson.png); }
    .navbar-red .navbar-bg			{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/navbar-red.png); }
    .navbar-red-saturated .navbar-bg{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/navbar-red-saturated.png); }
    .navbar-red-d .navbar-bg		{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/navbar-red-d.png); }
    /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
    /* Background
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    /* Main background
    -------------------------------------------------------------- */
    .header-container.header-bg-gray-vl		{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/header-gray-vl.png); }
    .header-container.header-bg-gray-l		{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/header-gray-l.png); }
    .header-container.header-bg-gray		{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/header-gray.png); }
    .header-container.header-bg-gray-d		{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/header-gray-d.png); }
    .header-container.header-bg-gray-vd		{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/header-gray-vd.png); }
    .header-container.header-bg-blue-pale-l	{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/header-blue-pale-l.png); }
    .header-container.header-bg-navy		{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/header-navy.png); }
    /* Gradient above the background
    -------------------------------------------------------------- */
    .header-bg-gray-vd .header-container2,
    .header-bg-gray-d .header-container2,
    .header-bg-navy .header-container2 { background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/top-bg-plus.png); }
    .header-bg-gray-vl .header-container2,
    .header-bg-gray-l .header-container2,
    .header-bg-gray .header-container2,
    .header-bg-blue-pale-l .header-container2 { background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/top-bg-plus-l.png); }
    /* Dark color of text/elements for light background
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    /* Header */
    .header-skin-d .header { color:#000; }
    .header-skin-d .header a { color:#000; }
    .header-skin-d .header a:hover { color:#555; }
    /* Header top - links */
    .header-skin-d .header-top-links-wrapper li { border-right:1px solid rgba(0,0,0, 0.1); }
    /* Dropdown switcher */
    .header-skin-d .top-dropdown:hover { color:#555; }
    .header-skin-d .top-dropdown ul { background:none; background-color:#fff; }
    .header-skin-d .dropdown .text { background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/arrow-dropdown-gray-d.png); }
    /* Header top - help */
    .header-skin-d .header-top .header-top-help-wrapper .phone { background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/ic-phone-black.png); }
    /* Form search */
    .header-skin-d .header .form-search .input-text { background-color:#f5f5f5; color:#555; }
    .header-skin-d .header .form-search .input-text:hover,
    .header-skin-d .header .form-search .input-text:focus { background-color:#fff; color:#000; }
    /* Medium dark color of text/elements for light background
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    /* Header */
    .header-skin-md .header { color:#555; }
    .header-skin-md .header a { color:#555; }
    .header-skin-md .header a:hover { color:#000; }
    /* Header top - links */
    .header-skin-md .header-top-links-wrapper li { border-right:1px solid rgba(0,0,0, 0.1); }
    /* Dropdown switcher */
    .header-skin-md .top-dropdown:hover { color:#000; }
    .header-skin-md .top-dropdown ul { background:none; background-color:#fff; }
    .header-skin-md .dropdown .text { background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/arrow-dropdown-gray-d.png); }
    /* Header top - help */
    .header-skin-md .header-top .header-top-help-wrapper .phone { background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/ic-phone-gray-d.png); }
    /* Form search */
    .header-skin-md .header .form-search .input-text { background-color:#f5f5f5; color:#777; }
    .header-skin-md .header .form-search .input-text:hover,
    .header-skin-md .header .form-search .input-text:focus { background-color:#fff; color:#555; }
    /* Light color of text/elements for dark background
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    /* Header */
    .header-skin-l .header { color:#bbb; }
    .header-skin-l .header a { color:#bbb; }
    .header-skin-l .header a:hover { color:#fff; }
    /* Header top - links */
    .header-skin-l .header-top-links-wrapper li { border-right:1px solid rgba(255,255,255, 0.1); }
    /* Dropdown switcher */
    .header-skin-l .top-dropdown:hover { color:#fff; }
    /*.header-skin-l .top-dropdown ul { background:none; background-color:#fff; }*/
    /* Header top - help */
    .header-skin-l .header-top .header-top-help-wrapper .phone { background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/ic-phone-gray-l.png); }
    /* User menu skin: transparent black (5%), black icons
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    /* User menu
    -------------------------------------------------------------- */
    .user-menu-skin-b0b .user-menu > ul > li {
    	background-color:rgba(0,0,0, 0.05);
    	background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-wishlist.png); /* Default icon for links is wishlist icon */
    }
    .user-menu-skin-b0b .user-menu > ul > li:hover {
    	background-color:rgba(0,0,0, 0.15);
    }
    .user-menu-skin-b0b .user-menu > ul > li.item-1 			{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-account.png); }
    .user-menu-skin-b0b .user-menu > ul > li.item-2 			{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-wishlist.png); }
    .user-menu-skin-b0b .user-menu > ul > li.item-3 			{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-log.png); }
    /* Default icon for all custom links after the "Log In" link" */
    .user-menu-skin-b0b .user-menu > ul > li.item-4,
    .user-menu-skin-b0b .user-menu > ul > li.item-5,
    .user-menu-skin-b0b .user-menu > ul > li.item-6,
    .user-menu-skin-b0b .user-menu > ul > li.item-7 			{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-default.png); }
    .user-menu-skin-b0b .user-menu > ul > li.user-menu-signup	{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-signup.png); }
    .user-menu-skin-b0b .user-menu > ul > li.user-menu-custom	{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-custom.png); }
    .user-menu-skin-b0b .user-menu > ul > li.user-menu-cart	{ background-image:none; }
    .user-menu-skin-b0b .user-menu > ul > li > a { color:#444; }
    .user-menu-skin-b0b .user-menu > ul > li:hover > a { color:#222; }
    .user-menu-skin-b0b .user-menu .user-menu-item { color:#444; }
    .user-menu-skin-b0b .user-menu .user-menu-item:hover { color:#222; }
    /* Mini-cart
    -------------------------------------------------------------- */
    .user-menu-skin-b0b #mini-cart .block-title .heading { background-position:-70px -205px; }
    .user-menu-skin-b0b #mini-cart:hover .block-title .heading { background-position:-70px -205px; }
    .user-menu-skin-b0b #mini-cart .block-title .summary a { color:#555; }
    .user-menu-skin-b0b #mini-cart .block-title .to-checkout a { color:#044e8f; }
    .user-menu-skin-b0b #mini-cart .block-title .to-checkout .icon { background-position:-27px -177px; }
    /* User menu skin: transparent white (30%), black icons
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    /* User menu
    -------------------------------------------------------------- */
    .user-menu-skin-w3b .user-menu > ul > li {
    	background-color:rgba(255,255,255, 0.3);
    	background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-wishlist.png); /* Default icon for links is wishlist icon */
    }
    .user-menu-skin-w3b .user-menu > ul > li:hover {
    	background-color:rgba(255,255,255, 0.5);
    }
    .user-menu-skin-w3b .user-menu > ul > li.item-1 			{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-account.png); }
    .user-menu-skin-w3b .user-menu > ul > li.item-2 			{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-wishlist.png); }
    .user-menu-skin-w3b .user-menu > ul > li.item-3 			{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-log.png); }
    /* Default icon for all custom links after the "Log In" link" */
    .user-menu-skin-w3b .user-menu > ul > li.item-4,
    .user-menu-skin-w3b .user-menu > ul > li.item-5,
    .user-menu-skin-w3b .user-menu > ul > li.item-6,
    .user-menu-skin-w3b .user-menu > ul > li.item-7 			{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-default.png); }
    .user-menu-skin-w3b .user-menu > ul > li.user-menu-signup	{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-signup.png); }
    .user-menu-skin-w3b .user-menu > ul > li.user-menu-custom	{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/dark/ic-toplinks-custom.png); }
    .user-menu-skin-w3b .user-menu > ul > li.user-menu-cart		{ background-image:none; }
    .user-menu-skin-w3b .user-menu > ul > li > a { color:#444; }
    .user-menu-skin-w3b .user-menu > ul > li:hover > a { color:#222; }
    .user-menu-skin-w3b .user-menu .user-menu-item { color:#444; }
    .user-menu-skin-w3b .user-menu .user-menu-item:hover { color:#222; }
    /* Mini-cart
    -------------------------------------------------------------- */
    .user-menu-skin-w3b #mini-cart .block-title .heading { background-position:-70px -205px; }
    .user-menu-skin-w3b #mini-cart:hover .block-title .heading { background-position:-70px -205px; }
    .user-menu-skin-w3b #mini-cart .block-title .summary a { color:#555; }
    .user-menu-skin-w3b #mini-cart .block-title .to-checkout a { color:#044e8f; }
    .user-menu-skin-w3b #mini-cart .block-title .to-checkout .icon { background-position:-27px -177px; }
    /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
    /* Footer background
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    .footer-container.footer-bg-gray-vl	{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/footer-gray-vl.png); }
    .footer-container.footer-bg-gray-l	{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/footer-gray-l.png); }
    .footer-container.footer-bg-gray	{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/footer-gray.png); }
    .footer-container.footer-bg-gray-d	{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/footer-gray-d.png); }
    .footer-container.footer-bg-gray-vd	{ background-image:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/img/footer-gray-vd.png); }
    /* Light skin for dark background
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    */
    .footer-skin-light .footer { color:#999; }
    .footer-skin-light .footer a { color:#959595; }
    .footer-skin-light .footer a:hover { color:#6099c5; }
    .footer-skin-light .footer .heading { color:#ddd; }
    /* Top of the footer
    -------------------------------------------------------------- */
    .footer-skin-light .footer-top ul a { color:#555; }
    /* Main footer bottom
    -------------------------------------------------------------- */
    /* Wrappers for footer content */
    .footer-skin-light .footer-item { background-color:rgba(255,255,255,0.05); }
    /* Static CMS block with column of links */
    .footer-skin-light .footer-company-wrapper .phone { color:#6099c5; }
    /* Newsletter */
    .footer-skin-light #subscribe-form .input-text { color:#000; }
    /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
    /* Product image (and other elements)
    -------------------------------------------------------------- */
    .product-image img {
    	transition:			opacity 300ms ease-in-out;
    	-moz-transition:	opacity 300ms ease-in-out;
    	-webkit-transition:	opacity 300ms ease-in-out;
    	-o-transition:		opacity 300ms ease-in-out;
    }
    .product-image img:hover { opacity:0.8; }
    /* All links
    -------------------------------------------------------------- */
    a {
    	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out;
    	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out;
    	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out;
    	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out;
    }
    a:hover {
    	opacity:1;
    	transition:			opacity 300ms;
    	-moz-transition:	opacity 300ms;
    	-webkit-transition:	opacity 300ms;
    	-o-transition:		opacity 300ms;
    }
    /* Top links
    -------------------------------------------------------------- */
    .user-menu > ul > li {
    	transition:			background-color 300ms ease-in-out;
    	-moz-transition:	background-color 300ms ease-in-out;
    	-webkit-transition:	background-color 300ms ease-in-out;
    	-o-transition:		background-color 300ms ease-in-out;
    }
    .user-menu > ul > li:hover {
    /*	opacity:1;
    	transition:			opacity 300ms ease-in-out;
    	-moz-transition:	opacity 300ms ease-in-out;
    	-webkit-transition:	opacity 300ms ease-in-out;
    	-o-transition:		opacity 300ms ease-in-out;*/
    }
    .user-menu > ul > li > a {
    	transition:			color 300ms ease-in-out;
    	-moz-transition:	color 300ms ease-in-out;
    	-webkit-transition:	color 300ms ease-in-out;
    	-o-transition:		color 300ms ease-in-out;
    }
    .user-menu > ul > li:hover > a {
    	opacity:1;
    	transition:			opacity 300ms;
    	-moz-transition:	opacity 300ms;
    	-webkit-transition:	opacity 300ms;
    	-o-transition:		opacity 300ms;
    }
    /**
     * Skin specific styling
     */
    .sample-class { color:#000; }
    #header > .toplogo{
    	margin:auto;
    	text-align:center;
    }
    #ccForm #buttons input.button.submit.continue{
    	background: none repeat scroll 0 0 red;
        border: medium none;
        color: white;
        font-weight: bold;
        padding: 10px;cursor: pointer;
    }
    #ccForm #buttons input.button.cancel{
    	background: #dedede;
        border: medium none;
        color: white;
        font-weight: bold;
        padding: 10px;cursor: pointer;
    }
    #footer #footerimgdiv{
    	text-align:center;
    }
    /*
     * FancyBox - jQuery Plugin
     * Simple and fancy lightbox alternative
     *
     * Examples and documentation at: http://fancybox.net
     * 
     * Copyright (c) 2008 - 2010 Janis Skarnelis
     * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
     * 
     * Version: 1.3.4 (11/11/2010)
     * Requires: jQuery v1.3+
     *
     * Dual licensed under the MIT and GPL licenses:
     *   http://www.opensource.org/licenses/mit-license.php
     *   http://www.gnu.org/licenses/gpl.html
     */
    #fancybox-loading {
    	position: fixed;
    	top: 50%;
    	left: 50%;
    	width: 40px;
    	height: 40px;
    	margin-top: -20px;
    	margin-left: -20px;
    	cursor: pointer;
    	overflow: hidden;
    	z-index: 1104;
    	display: none;
    }
    #fancybox-loading div {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 40px;
    	height: 480px;
    	background-image: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox.png');
    }
    #fancybox-overlay {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	z-index: 1100;
    	display: none;
    }
    #fancybox-tmp {
    	padding: 0;
    	margin: 0;
    	border: 0;
    	overflow: auto;
    	display: none;
    }
    #fancybox-wrap {
    	position: absolute;
    	top: 0;
    	left: 0;
    	padding: 20px;
    	z-index: 99999;
    	outline: none;
    	display: none;
    }
    #fancybox-outer {
    	position: relative;
    	width: 100%;
    	height: 100%;
    	background: #fff;
    }
    #fancybox-content {
    	width: 0;
    	height: 0;
    	padding: 0;
    	outline: none;
    	position: relative;
    	overflow: hidden;
    	z-index: 1102;
    	border: 0px solid #fff;
    }
    #fancybox-hide-sel-frame {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	background: transparent;
    	z-index: 1101;
    }
    #fancybox-close {
    	position: absolute;
    	top: -15px;
    	right: -15px;
    	width: 30px;
    	height: 30px;
    	background: transparent url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox.png') -40px 0px;
    	cursor: pointer;
    	z-index: 1103;
    	display: none;
    }
    #fancybox-error {
    	color: #444;
    	font: normal 12px/20px Arial;
    	padding: 14px;
    	margin: 0;
    }
    #fancybox-img {
    	width: 100%;
    	height: 100%;
    	padding: 0;
    	margin: 0;
    	border: none;
    	outline: none;
    	line-height: 0;
    	vertical-align: top;
    }
    #fancybox-frame {
    	width: 100%;
    	height: 100%;
    	border: none;
    	display: block;
    }
    #fancybox-left, #fancybox-right {
    	position: absolute;
    	bottom: 0px;
    	height: 100%;
    	width: 35%;
    	cursor: pointer;
    	outline: none;
    	background: transparent url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/blank.gif');
    	z-index: 1102;
    	display: none;
    }
    #fancybox-left {
    	left: 0px;
    }
    #fancybox-right {
    	right: 0px;
    }
    #fancybox-left-ico, #fancybox-right-ico {
    	position: absolute;
    	top: 50%;
    	left: -9999px;
    	width: 30px;
    	height: 30px;
    	margin-top: -15px;
    	cursor: pointer;
    	z-index: 1102;
    	display: block;
    }
    #fancybox-left-ico {
    	background-image: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox.png');
    	background-position: -40px -30px;
    }
    #fancybox-right-ico {
    	background-image: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox.png');
    	background-position: -40px -60px;
    }
    #fancybox-left:hover, #fancybox-right:hover {
    	visibility: visible; /* IE6 */
    }
    #fancybox-left:hover span {
    	left: 20px;
    }
    #fancybox-right:hover span {
    	left: auto;
    	right: 20px;
    }
    .fancybox-bg {
    	position: absolute;
    	padding: 0;
    	margin: 0;
    	border: 0;
    	width: 20px;
    	height: 20px;
    	z-index: 1001;
    }
    #fancybox-bg-n {
    	top: -20px;
    	left: 0;
    	width: 100%;
    	background-image: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox-x.png');
    }
    #fancybox-bg-ne {
    	top: -20px;
    	right: -20px;
    	background-image: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox.png');
    	background-position: -40px -162px;
    }
    #fancybox-bg-e {
    	top: 0;
    	right: -20px;
    	height: 100%;
    	background-image: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox-y.png');
    	background-position: -20px 0px;
    }
    #fancybox-bg-se {
    	bottom: -20px;
    	right: -20px;
    	background-image: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox.png');
    	background-position: -40px -182px; 
    }
    #fancybox-bg-s {
    	bottom: -20px;
    	left: 0;
    	width: 100%;
    	background-image: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox-x.png');
    	background-position: 0px -20px;
    }
    #fancybox-bg-sw {
    	bottom: -20px;
    	left: -20px;
    	background-image: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox.png');
    	background-position: -40px -142px;
    }
    #fancybox-bg-w {
    	top: 0;
    	left: -20px;
    	height: 100%;
    	background-image: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox-y.png');
    }
    #fancybox-bg-nw {
    	top: -20px;
    	left: -20px;
    	background-image: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox.png');
    	background-position: -40px -122px;
    }
    #fancybox-title {
    	font-family: Helvetica;
    	font-size: 12px;
    	z-index: 1102;
    }
    .fancybox-title-inside {
    	padding-bottom: 10px;
    	text-align: center;
    	color: #333;
    	background: #fff;
    	position: relative;
    }
    .fancybox-title-outside {
    	padding-top: 10px;
    	color: #fff;
    }
    .fancybox-title-over {
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	color: #FFF;
    	text-align: left;
    }
    #fancybox-title-over {
    	padding: 10px;
    	background-image: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancy_title_over.png');
    	display: block;
    }
    .fancybox-title-float {
    	position: absolute;
    	left: 0;
    	bottom: -20px;
    	height: 32px;
    }
    #fancybox-title-float-wrap {
    	border: none;
    	border-collapse: collapse;
    	width: auto;
    }
    #fancybox-title-float-wrap td {
    	border: none;
    	white-space: nowrap;
    }
    #fancybox-title-float-left {
    	padding: 0 0 0 15px;
    	background: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox.png') -40px -90px no-repeat;
    }
    #fancybox-title-float-main {
    	color: #FFF;
    	line-height: 29px;
    	font-weight: bold;
    	padding: 0 0 3px 0;
    	background: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox-x.png') 0px -40px;
    }
    #fancybox-title-float-right {
    	padding: 0 0 0 15px;
    	background: url('https://www.macfixit.com.au/skin/frontend/fortis/default/ig_lightbox2/fancybox/fancybox.png') -55px -90px no-repeat;
    }
    /* IE6 */
    .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
    .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
    .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
    .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
    .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
    .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
    .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
    .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
    	height: expression(this.parentNode.clientHeight + "px");
    }
    #fancybox-loading.fancybox-ie6 {
    	position: absolute; margin-top: 0;
    	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
    }
    #fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
    /* IE6, IE7, IE8 */
    .fancybox-ie .fancybox-bg { background: transparent !important; }
    .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
    .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
    .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
    .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
    .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
    .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
    .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
    .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
    .block.block-layered-nav.amshopby-filters-left .block-title em{
    	color: #333;
    	cursor: pointer;
    	font-size: 24px;
    	font-style: normal;
    	font-weight: bold;
    	padding: 0px 10px 0px 0px;
    	width: 10px;
    	height: 8px;
    	float: left;
    	line-height: 12px;
    	display:none;
    }
    .catalog-category-view #cbar_widget1{ width:218px !important;}
    @media only screen and (min-width: 170px) and (max-width: 319px) {
    #menu {
    background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/navbar-red-saturated.png) repeat-x top;
    display:inherit;
    width:150px;
    text-align:left;
    margin:6px auto 0;
    }
    #menu .toggle {
    float:right;
    width:52px;
    height:45px;
    cursor:pointer;
    background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/mob-nav-icon.jpg) no-repeat top right;
    transition:color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }
    #menu ul.navmenu li {
    margin:0;
    list-style:none;
    }
    #menu ul {
    margin:0px !important;
    padding:0;
    }
    #menu ul.navmenu ul.submenu {
    padding:5px 0 0;
    border-top:1px solid #fff;
    background:#fff;
    border:1px solid #E5E5E5;
    }
    #menu ul.navmenu .menutop {
    overflow:hidden;
    min-height: 25px;
    margin-top:2px;
    }
    #menu ul.navmenu .menutop h2 {
    float:left;
    color:#fff;
    padding: 14px 10px;
    font-size:11px; margin-bottom:0;
    text-transform:uppercase; font-weight:bold;
    }
    .topnav {
    padding: 40px 28px 25px 0;
    position: relative;
    }
    ul.topnav {
    padding: 0;
    margin: 0;
    font-size: 1em;
    line-height: 0.5em;
    list-style: none;
    }
    ul.topnav li {
    position:relative;
    float:none !important;
    }
    ul.topnav li.last {
    position:relative;
    float:none !important;
    border-bottom:none;
    }
    ul.topnav li a {
    line-height: 10px;
    font-size: 15px;
    padding: 14px 10px;
    color: #222;
    font-weight:400;
    display: block;
    text-decoration: none;
     border-bottom:1px #ddd solid;
    }
    ul.topnav li a:hover {
    color:#000;
    }
    ul.topnav li .active a {
    background-color:#999;
    color:#fff;
    }
    ul.topnav ul {
    margin: 0;
    padding: 0;
    display: none;
    }
    ul.topnav ul li {
    margin: 0;
    padding: 0;
    clear: both;
    }
    ul.topnav ul li a {
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal;
    outline:0;
    color:#666;
    text-transform:none;
    }
    ul.topnav ul ul li a {
    padding-left: 20px;
    }
    ul.topnav em {
    color: #222;
    cursor: pointer;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    padding: 6px;
    position: absolute;
    right: 15px;
    top: 8px;
    width:10px;
    height:8px;
    }
    ul.topnav em:hover {
    color:#333;
    }
    /* home page */	
    .page{ overflow:hidden;}
    .header{ width:150px;}
    .header .logo img{ width:150px;}
    .your-account{ display:none;}
    .links li.first{ display:none;}
    .user-menu > ul > li.item-2{ display:none;}
    .user-menu > ul > li.item-3{ display:none;}
    .user-menu > ul > li.item-4{ display:none;}
    .user-menu > ul > li{ margin-left:0; margin-right:2px; background:none;}
    .user-menu > ul > li > a{ padding:6px 0px 1px;}
    .the-slideshow .tab-pager{ display:none;}
    #mini-cart .block-title{ padding:4px 3px 3px;}
    .user-menu{ float:none;}
    #mini-cart{ float:right;}
    .user-menu ul{ float:none;}
    .user-menu > ul > li:hover{ background:none;}
    .nav-container{ display:none;}
    .header-left{ float:none; width:150px; display:inline-block; margin:10px 0 0;}
    .header-right{ float:none; margin:0;}
    .header .form-search{ margin-top:10px;}
    .header .form-search .input-text{ width:68px;}
    .header a.logo{ float:none;}
    .main{ width:150px;}
    .nim_item{width:150px !important;}
    .slideshow-wrapper{ width:150px; margin:0;}
    ul.slideshow{ width:150px; height:60px;}
    .the-slideshow .slideshow .slide img{ width:150px;}
    .slideshow-wrapper .backward{ display:none;}
    .slideshow-wrapper .forward{ display:none;}
    .the-slideshow .slideshow .slide{ width:150px;}
    body.cms-index-index .main, body.cms-index-defaultindex .main{ padding:10px 0;}
    .home-banner-wrapper{ width:150px; padding:0;}
    .home-banner-wrapper div span{ padding:0 0px !important; margin-bottom:10px;}
    .home-banner-wrapper div span img{margin-bottom:10px; width:150px;}
    .home-banner-wrapper div span a img{margin-bottom:10px; width:150px;}
    .home-banner-wrapper a img{margin-bottom:10px; width:150px;}
    .nim_section{ width:150px !important; margin:0 0 8px 0 !important;}
    .nim_section div span{ padding:0 !important;}
    .itemslider-wrapper{ width:150px;}
    .itemslider{ width:150px;}
    .grid-wide.spec-grid{ width:128px; margin-left:0px; padding:2px;}
    .product-image img{ width:110px;}
    .grid-wide.spec-grid4col .add-to-links{ display:none;}
    .grid-wide.spec-grid4col.grid-actions-absolute .item{ min-height:328px !important; width:98px;}
    .itemslider .slide{ width:150px;}
    #topLink{ z-index:1000; bottom:15px; right:10px !important;}
    .footer-container .middle{ width:150px;}
    .footer-left{ width:150px; padding:0; border-right:none;}
    .footer-right{ width:150px; padding:0;}
    .footer-bottom{ width:150px;}
    #cbar_w0_items_s{ width:150px !important;}
    #cbar_widget0{ width:150px !important; height:auto !important; margin-left:00px; overflow:hidden; margin-bottom: 20px !important}
    .itemslider-wrapper .backward{ left:3px;}
    .itemslider-wrapper .forward{ right:10px;}
    /*============ grid  =========*/
    .toolbar{ margin-bottom:10px;}
    .breadcrumbs{ margin:-42px 0 0px; height:auto; padding-bottom:10px; border-bottom:1px #eee solid;}
    .catalog-product-view .breadcrumbs{ width:150px;}
    .breadcrumbs ul{ padding-top:2px;}
    .col-main{ width:150px;}
    .spec-grid{ width:125px; }
    .sorter .amount, .pager .amount{ display:none;}
    .sorter .sort-by{ display:none;}
    .sorter .limiter{ border-right:none; padding-right:0; margin-right:0;}
    .pager .pages{ float:left;}
    #pd-float-tm{ display:none;}
    .spec-grid .item{ margin:0 8px 5px 0;}
    /*============ list  =========*/
    .products-list .product-shop {
        border-right:none;
        float: left;
        margin: 10px 0 0 0;
        padding-right: 0;
        width: 140px; min-height:110px;
    }
    .products-list .right-column{ float:left;}
    /*============ detail =========*/
    .product-top-wrapper{ background:none;}
    .product-top{background:none;}
    .product-top-inner{ background:none; min-height:inherit;}
    .product-attributes{ padding:15px 0;width:150px;}
    .product-view .product-shop{ border-right:none; width:150px !important; padding:0; float:left;}
    .block-related-wrapper{ display:none;}
    .product-view .product-attributes .box-brand{ width:150px; text-align:center;}
    .product-view .product-img-box{ width:150px !important; }
    .add-to-box .add-to-cart{ float:left; margin-top:6px;}
    #cbar_widget1{ width:150px !important;}
    #cbar_w1_items_s{ width:175px !important; margin-left:60px;}
    .product-tabs-wrapper .tabs{ width:150px; height:auto;background-color:#fff;}
    .large-tabs a.current{ width:97%; background-color:#515151; color:#fff;}
    .large-tabs a{ background:none; width:97%; background-color:#eee; border-bottom:1px #fff solid;}
    .large-tabs a span{ background:none;}
    .product-collateral{ width:150px;}
    .large-tabs-left{ height:auto;}
    .large-tabs-right{ height:auto;}
    .product-view .box-reviews .form-add{ padding:0; width:150px;}
    .product-view .box-reviews .form-add .form-list .input-box{ width:150px;}
    .product-tabs-wrapper .tabs-panes .pane{ padding:10px 0;}
    .product-view .data-table tr td, .product-view .data-table tr th {
        padding: 6px 2px;
    }
    .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea{ width:275px;}
    /*============ Checkout =========*/
    .opc .step{ padding:15px 10px;}
    #opc-login .col-1{ width:100%;}
    #opc-login .col-2{ width:100%; padding:0; border-left:none;}
    #checkout-progress-wrapper{ height:auto;}
    .form-list li.wide .input-box{ width:250px;}
    .form-list li.wide select{ width:265px;}
    .form-list li.wide input.input-text{ width:255px;}
    /*============ Dashboard =========*/
    .my-account{ padding-left:0;}
    .dashboard .box-info .box-head h2{ font-size:16px; text-align:left;}
    .box-info .col-1{ width:100%; margin:10px 0; border-right:none;}
    .box-info .col-2{ width:100%;}
    /*============ Shopping Cart=========*/
    .checkout-cart-index .cart .title-buttons span.back_guarantee{ display:none}
    .checkout-cart-index .cart .title-buttons span.fast_simple_ship{display:none}
    .checkout-cart-index .cart .title-buttons span.secure_ol_shopping{display:none}
    .cart fieldset{ padding:4px;}
    .cart-table tr.odd td, .cart-table tr.even td{ padding:10px 4px;}
    .cart-table .btn-update{ float:left;}
    .cart .cart-left-column{ width:150px;}
    .cart .discount{ min-height:inherit;}
    #cbar_w0_items_s{ width:150px !important;}
    #cbar_widget0{ display:none;}
    .cart .cart-right-column {float: left;text-align: left;width: 150px;}
    .cart .totals{ padding:20px;}
    /*============ multiple checkout =========*/
    .checkout-progress{ margin:0; padding:0;}
    .checkout-progress li{ width:100%;}
    .multiple-checkout .buttons-set button.button{ float:left; margin-top:8px;}
    /*============ Login =========*/
    .account-login .col2-set .col-1, .account-login .col2-set .col-2{ width:150px; margin-bottom:10px;}
    .account-login .content{ min-height:inherit;}
    /*============ Contact Us =========*/
    .size1of2.left{ width:150px !important;}
    .size1of2.right{ width:150px !important;}
    .size1of2.right img{ width:150px !important;}
    .is-blog iframe{ width:150px !important;}
    .is-blog .entry p{ text-align:left !important;}
    #sli_default{ width:150px;}
    .sli_alpha_nav {width: 150px !important; word-wrap: break-word;}
    .account-create .form-list input.input-text{ width:215px;}
    .macbookpro{ width:50% !important;}
    .valstrip img{ display:none;}
    .hidden-table {
    display:none;
    }
    .block-layered-nav{ display:none;}
    .block-vertnav{ display:inherit; width:150px; margin:0;}
    .block-vertnav .block-title{ margin-left:-10px; padding:0; margin-bottom:15px;}
    .block-vertnav .currently { padding-bottom:10px; overflow:hidden; }
    .block-vertnav .currently a { padding-left:5px; width:0; }
    footer .inner {
    	width:160px;
    	margin-bottom:10px;
    	padding:15px 5px 10px;
    	}
    .footer-column-last {
    	width:160px;
    	}
    .footer-primary-bottom{ 
    	width:160px;
    	}
    #container_form_news2 input[type="text"] {
    	width:245px;
    	margin-bottom:8px;
    	}
    footer address {
    	width:212px;
    	margin-bottom:20px;
    	}
    .social {
    	margin-bottom:15px;
    	}
    .footer-bottom .inner {
    	width:160px;
    	}
    .footer-bottom .bottom_links li {
    	float:left;
    	margin:0 10px 0 0;
    	width:100%;
    	}
    .footer-column-1{ 
    	width:160px; 
    	margin-right:0;
    	}
    .newsletter label{ 
    	margin:0 0 5px; 
    	float:left;
    	}
    .footer-logo a.link_img img {
    	width:160px;
    	}
    footer h4 {
    	padding:15px 10px 10px 0px;
    	border-top:1px #333333 solid;
    	}
    .newsletter {
    	margin-bottom:0px;
    	width:160px;
    	}
    .mac_content .mac_info{width: 150px;}
    .mac_content .mac_moneyback{float:none;text-align:center;}
    }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
    .main_con{ width:300px}
    .macfixit_keyboard h2{ font-size:25px; line-height:normal;}
    #product_1 h3{ font-size:20px;}
    .product_1_img{ width:300px;}
    .product_1_img {
        left: 0;
        top: 15px;
        width: 300px;
    }
    .p1_shadow_img{width: 300px !important;}
    .video-box{ left:10px;}
    #product_1 .read_review{ right:12px;}
    #product_1 .public_reviews .slides{ height:130px;width: 300px !important;}
    #product_1 .public_reviews .slide{ display:inline-block; float:left; margin-bottom:20px; margin-left: 20px !important}
    .product_2_img{ width:300px; left:0; }
    #product_2 .content{ right:20px; top:185px;}
    #product_2 p{ width:270px; margin:0; text-align:left;}
    #product_2 h2, #product_2 .buy_button{text-align:left;}
    #product_2{ height:600px;}
    #product_3{ margin-bottom:30px;}
    .product_3_img{ width:300px; left:0;}
    #product_3_3Modes .mode{ padding:0; width:280px;}
    #product_3_3Modes .mode img{ width:280px !important;}
    #product_3_3Modes .mode h3{ font-size:25px;}
    .product_4_img{ width:300px;}
    #product_4 .product_4-content{ width:280px; top:10px; right:0px; position:inherit; margin-left:10px;}
    #product_4 h2{ text-align:left !important; float:left;}
    #product_4 p{ width:280px; text-align:left;}
    #product_4 .buy_button{ text-align:left; float:left; padding:0 !important;}
    #product_5 .product_5_inner{ width:300px;}
    .product_5_img{ width:300px;}
    #product_5{ margin:10px 0 20px;}
    #product_6{ height:400px;}
    #product_6 h2{ font-size:25px; line-height:normal;}
    #product_6 .product_6_img{ width:300px;}
    #product_6 .product_6-describe{ left:10px; width:280px; top:195px;}
    #product_6 p{ width:280px;}
    #product_7{ padding-top:20px;}
    #product_7 h2{ font-size:20px;}
    #product_7 p{ width:280px;}
    #product_7 .product_7_img{ width:300px;}
    #product_7 #feature-case{ margin-top:25px;}
    #product_7 #feature-case-container{ width:280px;}
    #product_7 .feature-box_1{ margin-left:10px;}
    #product_7 .feature-box{ float:none;}
    #product_8 .feature-case h2{ font-size:20px;}
    #product_8 .describe-area{ padding:20px 0;}
    #product_8 .describe-area p{ width:280px;}
    #product_8 .product_7_img{ width:300px; left:0;}
    #product_8 .feature-case{ padding:12px;}
    #product_8 .feature-case td{ display:inline;}
    #product_9 .product_9_img{ width:300px;}
    #product_9 .describe-area{ top:8px;}
    #product_9 .describe-area h2{ font-size:16px; font-weight:bold; line-height:normal;}
    #product_9 .describe-area p{ font-size:14px; line-height:normal; padding-top:6px;}
    #product_9 .feature-case{ padding:0;}
    #product_9 .feature-case td{ width:280px; display:inline; margin-left:10px;}
    #product_9 .feature-case p{ width:278px; padding-left:10px;}
    #product_9 .feature-showcase{ display:none;}
    #product_10 h2{ padding:10px 0 0 10px; line-height:normal;}
    #product_10 p{ width: 280px; padding:0 10px;}
    #product_10 .product_10_img{ width:300px; position:inherit;}
    #product_10{ height:450px; padding:15px 0 0 0;}
    #product_10 .buy_button{ padding:10px;}
    .macfixit_keyboard .customers_reviews{ padding:25px 0 20px}
    .macfixit_keyboard .customers_reviews .container_12{ width:300px;}
    .macfixit_keyboard .customers_reviews h3{ font-size:25px; margin:0 0 20px;}
    .macfixit_keyboard .customers_reviews .container_12 .grid_4{ width:290px; padding:10px 5px}
    .macfixit_keyboard .customers_reviews .all_reviews{ margin:50px auto 40px 15.5%;}
    .box-up-sell .spec-grid4col .item { width:197px; }
    .value-strip { width:300px; }
    .value-strip ul li { background-image:none; padding-right:0px;padding-left:0px; }
    .value-strip ul li.first { padding-left:0px; }
    .popup-img-link{ padding: 12px 0 0; text-align: right; position: inherit;}
    #fancybox-wrap{ width:270px !important;}
    #fancybox-content { width:270px !important; height:auto !important;}
    #fancybox-content img { width:270px !important; height:auto; }
    #fancybox-close { top:-8px; right:-30px; }
    .mac_content{ width:300px; margin:auto; }
    .mac_main_content{ width:300px; margin:auto;line-height:normal;}
    .mac_link{ margin-top:4px;}
    ul.mac-tab li{ display:block;}
    ul.mac-tab{ width:92%;}
    .mac_tab_box{ padding:15px;}
    .mac-tab input[type="radio"] + label, mac-tab input[type="checkbox"] + label{ width:100%;}
    .block-viewed { display:none; }
    #menu {
    background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/navbar-red-saturated.png) repeat-x top;
    display:inherit;
    width:300px;
    text-align:left;
    margin:6px auto 0;
    }
    #menu .toggle {
    float:right;
    width:52px;
    height:45px;
    cursor:pointer;
    background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/mob-nav-icon.jpg) no-repeat top right;
    transition:color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }
    #menu ul.navmenu li {
    margin:0;
    list-style:none;
    }
    #menu ul {
    margin:0px !important;
    padding:0;
    }
    #menu ul.navmenu ul.submenu {
    padding:5px 0 0;
    border-top:1px solid #fff;
    background:#fff;
    border:1px solid #E5E5E5;
    }
    #menu ul.navmenu .menutop {
    overflow:hidden;
    min-height: 25px;
    margin-top:2px;
    }
    #menu ul.navmenu .menutop h2 {
    float:left;
    color:#fff;
    padding: 14px 10px;
    font-size:14px; margin-bottom:0;
    text-transform:uppercase; font-weight:bold;
    }
    .topnav {
    padding: 40px 28px 25px 0;
    position: relative;
    }
    ul.topnav {
    padding: 0;
    margin: 0;
    font-size: 1em;
    line-height: 0.5em;
    list-style: none;
    }
    ul.topnav li {
    position:relative;
    float:none !important;
    }
    ul.topnav li.last {
    position:relative;
    float:none !important;
    border-bottom:none;
    }
    ul.topnav li a {
    line-height: 10px;
    font-size: 15px;
    padding: 14px 10px;
    color: #222;
    font-weight:400;
    display: block;
    text-decoration: none;
     border-bottom:1px #ddd solid;
    }
    ul.topnav li a:hover {
    color:#000;
    }
    ul.topnav li .active a {
    background-color:#999;
    color:#fff;
    }
    ul.topnav ul {
    margin: 0;
    padding: 0;
    display: none;
    }
    ul.topnav ul li {
    margin: 0;
    padding: 0;
    clear: both;
    }
    ul.topnav ul li a {
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal;
    outline:0;
    color:#666;
    text-transform:none;
    }
    ul.topnav ul ul li a {
    padding-left: 20px;
    }
    ul.topnav em {
    color: #222;
    cursor: pointer;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    padding: 6px;
    position: absolute;
    right: 15px;
    top: 8px;
    width:10px;
    height:8px;
    }
    ul.topnav em:hover {
    color:#333;
    }
    /* home page */	
    .page{ overflow:hidden;}
    .header{ width:300px;}
    .your-account{ display:none;}
    .user-menu > ul > li { display:none; }
    .user-menu > ul > li.item-1{ display:none;}
    .user-menu > ul > li.item-3{ display:none;}
    .user-menu > ul > li.item-4{ display:block;}
    .user-menu > ul > li.user-menu-cart { display:block;}
    .user-menu > ul > li{ margin-left:0; margin-right:0px; background:none;}
    .user-menu > ul > li > a{ padding:6px 0px 1px;}
    #mini-cart .block-title{ padding:4px 3px 3px;}
    .user-menu{ float:none;}
    #mini-cart{ float:right;}
    .user-menu ul{ float:none;}
    .user-menu > ul > li:hover{ background:none;}
    .nav-container{ display:none;}
    .header-left{ float:none; width:300px; display:inline-block; margin:10px 0 0;}
    .header-right{ float:none; margin:0;}
    .header .form-search{ margin-top:10px;}
    .header .form-search .input-text{ width:215px;}
    .header a.logo{ float:none;}
    .main{ width:300px;}
    .slideshow-wrapper{ width:300px; margin:0;}
    ul.slideshow{ width:300px; height:130px;}
    .the-slideshow .slideshow .slide img{ width:300px;}
    .slideshow-wrapper .backward{ display:none;}
    .slideshow-wrapper .forward{ display:none;}
    .the-slideshow .slideshow .slide{ width:300px;}
    body.cms-index-index .main, body.cms-index-defaultindex .main{ padding:10px 0;}
    .home-banner-wrapper{ width:300px; padding:0;}
    .home-banner-wrapper div span{ padding:0 35px !important; margin-bottom:10px;}
    .home-banner-wrapper div span img{margin-bottom:10px;}
    .home-banner-wrapper div span a img{margin-bottom:10px; width:auto;}
    .home-banner-wrapper a img{margin-bottom:10px; width:300px;}
    .nim_section{ width:300px !important; margin:0 0 8px 0 !important;}
    .nim_section div span{ padding:0 !important;}
    .itemslider-wrapper{ width:300px;}
    .itemslider{ width:300px;}
    .grid-wide.spec-grid{ width:230px; margin-left:20px;}
    .grid-wide.spec-grid4col.grid-actions-absolute .item{ min-height:334px !important;}
    .itemslider .slide{ width:300px; height:420px !important;}
    ul.grid-wide.spec-grid{height:420px !important;}
    #topLink{ z-index:1000; bottom:15px; right:10px !important;}
    .footer-container .middle{ width:300px;}
    .footer-left{ width:300px; padding:0; border-right:none;}
    .footer-right{ width:300px; padding:0;}
    .footer-bottom{ width:300px;}
    #cbar_w0_items_s{ width:300px !important;}
    #cbar_widget0{ width:250px !important; height:auto !important; margin-left:20px; overflow:hidden; margin-bottom: 20px !important}
    .itemslider-wrapper .backward{ left:3px;}
    .itemslider-wrapper .forward{ right:10px;}
    /*============ grid  =========*/
    .toolbar{ margin-bottom:10px;}
    .breadcrumbs{ margin:-42px 0 0; height:auto; padding-bottom:10px; border-bottom:1px #eee solid;}
    .catalog-product-view .breadcrumbs{ width:300px;}
    .breadcrumbs ul{ padding-top:2px;}
    .col-main{ width:300px;}
    .spec-grid{ width:225px; margin-left:22px;}
    .sorter .amount, .pager .amount{ display:none;}
    .sorter .sort-by{ display:none;}
    .sorter .limiter{ border-right:none; padding-right:0; margin-right:0;}
    .pager .pages{ float:left;}
    #pd-float-tm{ display:none;}
    .spec-grid .item{ margin:0 8px 5px 0;}
    .col-left{ margin-top:8px;}
    /*============ list  =========*/
    .products-list .product-shop {
        border-right:none;
        float: left;
        margin: 10px 0 0 0;
        padding-right: 0;
        width: 240px; min-height:110px;
    }
    .products-list .right-column{ float:left;}
    /*============ detail =========*/
    .product-top-wrapper{ background:none;}
    .product-top{background:none;}
    .product-top-inner{ background:none; min-height:inherit;}
    .product-attributes{ padding:15px 0;width:300px;}
    .product-view .product-shop{ border-right:none; width:300px !important; padding:0; float:left;}
    .block-related-wrapper{ display:none;}
    .product-view .product-attributes .box-brand{ width:300px; text-align:center;}
    .product-view .product-img-box{ width:300px !important; }
    .add-to-box .add-to-cart{ float:left; margin-top:6px;}
    #cbar_widget1{ width:218px !important;}
    #cbar_w1_items_s{ width:175px !important;}
    .product-tabs-wrapper .tabs{ width:300px; height:auto;background-color:#fff; padding:0;}
    .large-tabs a.current{ width:97%; background-color:#515151; color:#fff;}
    .large-tabs a{ background:none; width:97%; background-color:#eee; border-bottom:1px #fff solid;}
    .large-tabs a span{ background:none;}
    .product-collateral{ width:300px;}
    .large-tabs-left{ height:auto;}
    .large-tabs-right{ height:auto;}
    .product-view .box-reviews .form-add{ padding:0; width:300px;}
    .product-view .box-reviews .form-add .form-list .input-box{ width:300px;}
    .product-tabs-wrapper .tabs-panes .pane{ padding:10px 0;}
    .product-tabs-wrapper .tabs-panes .pane iframe{ width:300px;}
    .product-view .data-table tr td, .product-view .data-table tr th {
        padding: 6px 2px;
    }
    .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea{ width:275px;}
    /*============ Checkout =========*/
    .opc .step{ padding:15px 10px;}
    #opc-login .col-1{ width:100%;}
    #opc-login .col-2{ width:100%; padding:0; border-left:none;}
    #checkout-progress-wrapper{ height:auto;}
    .form-list li.wide .input-box{ width:250px;}
    .form-list li.wide select{ width:265px;}
    .form-list li.wide input.input-text{ width:255px;}
    /*============ Dashboard =========*/
    .my-account{ padding-left:0;}
    .dashboard .box-info .box-head h2{ font-size:16px; text-align:left;}
    .box-info .col-1{ width:100%; margin:10px 0; border-right:none;}
    .box-info .col-2{ width:100%;}
    /*============ Shopping Cart=========*/
    .checkout-cart-index .cart .title-buttons span.back_guarantee{ display:none}
    .checkout-cart-index .cart .title-buttons span.fast_simple_ship{display:none}
    .checkout-cart-index .cart .title-buttons span.secure_ol_shopping{display:none}
    .cart fieldset{ padding:4px;}
    .cart-table tr.odd td, .cart-table tr.even td{ padding:10px 4px;}
    .cart-table .btn-update{ float:left;}
    .cart .cart-left-column{ width:300px;}
    .cart .discount{ min-height:inherit;}
    .checkout-cart-index #cbar_w0_items_s{ width:205px !important; margin-left:30px;}
    .checkout-cart-index #cbar_widget0{ display:none;}
    .cart .cart-right-column {float: left;text-align: left;width: 300px;}
    .cart .totals{ padding:20px;}
    .my-wishlist .buttons-set button.button{ margin-bottom:5px;}
    /*============ multiple checkout =========*/
    .checkout-progress{ margin:0; padding:0;}
    .checkout-progress li{ width:100%;}
    .multiple-checkout .buttons-set button.button{ float:left; margin-top:8px;}
    /*============ Login =========*/
    .account-login .col2-set .col-1, .account-login .col2-set .col-2{ width:300px; margin-bottom:10px;}
    .account-login .content{ min-height:inherit;}
    /*============ Contact Us =========*/
    .size1of2.left{ width:300px !important;}
    .size1of2.right{ width:300px !important;}
    .size1of2.right img{ width:300px !important;}
    .is-blog iframe{ width:300px !important;}
    .is-blog .entry p{ text-align:left !important;}
    #sli_default{ width:300px;}
    .sli_alpha_nav {width: 300px !important; word-wrap: break-word;}
    .account-create .form-list input.input-text{ width:215px;}
    .hidden-table {
    display:none;
    }
    #ProdIntro td{ width:300px; display:block;}
    .product-view .out-of-stock{ float:none;}
    .product-view .product-shop .product-name{ margin:10px 0}
    .product-tabs-wrapper .tabs-panes .pane .std p img{ width:100%;}
    .product-tabs-wrapper .tabs-panes .pane .std table td{ display:block; width:300px;}
    .product-tabs-wrapper .tabs-panes .pane .std table td img{ width:auto;}
    .product-tabs-wrapper .tabs-panes .pane .std h1{ margin:0 !important;}
    .product-tabs-wrapper .tabs-panes .pane .std h3 { width:100% !important;}
    .macbookpro, .imac, .macpro, .macmini{ width:50% !important;}
    .macbook, .oldermacs{ width:50% !important; margin-bottom:10px;}
    .popularbox, .popularbox1, .popularbox2, .popularbox3{ width:100% !important; margin-bottom:10px;}
    .main-container{ background:none;}
    p.poptitle{ font-size: 18px !important; line-height:normal;}
    .appimg{ padding:20px !important; width:87% !important; height:420px; background-position:bottom !important;}
    .valstrip img{ display:none;}
    #center-callout{   background-image:none !important;
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        height: auto !important;
        margin: 20px 0 !important;
        padding-top: 2px !important;
        width: 300px !important; border-top:1px #ddd solid;}
    	
    .sixgl_ssd_30day_content{ color: #333333;
        display: block;
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: bold;
        line-height: 18px;
        margin: 20px 0 0 !important;
        padding: 0;
        width: 300px !important;}
    .gh_subtitle{  margin: 5px 0 5px 0 !important;}
    .sixgl_ssd_30day_icon{margin-left: 30px !important;}
    .sixgl_ssd_30day_content_title{ font-size: 28px !important;
        line-height: 30px !important;
        margin-bottom: 10px !important;}
    ul#payment_form_ewayau_direct li{ position:inherit !important; right: 0 !important;}
    .block-vertnav{ display:inherit;  margin:0;}
    .block-vertnav .block-title{ margin-left:-10px; padding:0; margin-bottom:15px; }
    .block-vertnav .currently { padding-bottom:10px; overflow:hidden; }
    .block-vertnav .currently a { padding-left:5px; width:0; }
    footer .inner {
    	width:280px;
    	margin-bottom:10px;
    	padding:15px 5px 10px;
    	}
    .footer-column-last {
    	width:280px;
    	}
    .footer-primary-bottom{ 
    	width:280px;
    	}
    #container_form_news2 input[type="text"] {
    	width:228px;
    	margin-bottom:8px;
    	}
    footer address {
    	width:212px;
    	margin-bottom:20px;
    	}
    .social {
    	margin-bottom:15px;
    	}
    .footer-bottom .inner {
    	width:280px;
    	}
    .footer-bottom .bottom_links li {
    	float:left;
    	margin:0 10px 0 0;
    	width:100%;
    	}
    .footer-column {
    	width:280px; 
    	}
    .footer-column-1{ 
    	width:280px; 
    	margin-right:0;
    	}
    .newsletter label{ 
    	margin:0 0 5px; 
    	float:left;
    	}
    .footer-logo a.link_img img {
    	width:260px;
    	}
    footer h4 {
    	padding:15px 10px 10px 0px;
    	border-top:1px #333333 solid;
    	}
    .newsletter {
    	margin-bottom:0px;
    	width:280px;
    	}
    .newsletter .button {
        margin: -2px 0 0;
        padding: 0;
    }
    .freeshipping {
    position: absolute;
    top: 24px;
    margin-left: 150px;
    }
    .mac_content .mac_info{width: 300px;}
    .mac_content .mac_moneyback{float:none;text-align:center;}
    }
    @media only screen and (min-width: 480px) and (max-width: 567px) {
    .main_con{ width:450px}
    .macfixit_keyboard h2{ font-size:25px; line-height:normal;}
    #product_1 h3{ font-size:20px;}
    .product_1_img{ width:450px;}
    .product_1_img {
        left: 0;
        top: 15px;
        width: 450px;
    }
    .p1_shadow_img{width: 450px !important;}
    .video-box{ left:10px;}
    #product_1 .read_review{ right:12px;}
    #product_1 .public_reviews .slides{ height:130px;width: 450px !important;}
    #product_1 .public_reviews .slide{ display:inline-block; float:left; margin-bottom:20px; margin-left: 35px !important; width:380px !important;}
    .product_2_img{ width:450px; left:0; }
    #product_2 .content{ right:20px; top:275px;}
    #product_2 p{ width:415px; margin:0; text-align:left;}
    #product_2 h2, #product_2 .buy_button{text-align:left;}
    #product_2{ height:600px;}
    #product_3{ margin-bottom:30px;}
    .product_3_img{ width:450px; left:0;}
    #product_3_3Modes .mode{ padding:0 0 15px; width:450px;}
    #product_3_3Modes .mode img{ width:auto !important;}
    #product_3_3Modes .mode h3{ font-size:25px;}
    .product_4_img{ width:450px;}
    #product_4 .product_4-content{ width:430px; top:10px; right:0px; position:inherit; margin-left:10px;}
    #product_4 h2{ text-align:left !important; float:left;}
    #product_4 p{ width:430px; text-align:left;}
    #product_4 .buy_button{ text-align:left; float:left; padding:0 !important;}
    #product_5 .product_5_inner{ width:450px;}
    .product_5_img{ width:450px;}
    #product_5{ margin:10px 0 20px;}
    #product_6{ height:450px;}
    #product_6 h2{ font-size:25px; line-height:normal;}
    #product_6 .product_6_img{ width:450px;}
    #product_6 .product_6-describe{ left:10px; width:430px; top:290px;}
    #product_6 p{ width:430px;}
    #product_7{ padding-top:20px;}
    #product_7 h2{ font-size:20px;}
    #product_7 p{ width:430px;}
    #product_7 .product_7_img{ width:450px;}
    #product_7 #feature-case{ margin-top:25px;}
    #product_7 #feature-case-container{ width:430px;}
    #product_7 .feature-box_1{ margin-left:0px; float:none;}
    #product_7 .feature-box{ float:none !important;}
    #product_8 .feature-case h2{ font-size:20px;}
    #product_8 .describe-area{ padding:20px 0;}
    #product_8 .describe-area p{ width:430px;}
    #product_8 .feature-case p{ width:435px;}
    #product_8 .product_7_img{ width:450px; left:0; margin-top:0;}
    #product_8 .feature-case{ padding:12px;}
    #product_8 .feature-case td{ display:inline;}
    #product_9 .product_9_img{ width:450px;}
    #product_9 .feature-case{ padding:0;}
    #product_9 .feature-case td{ width:430px; display:inline; margin-left:10px;}
    #product_9 .feature-case p{ width:420px; padding-left:10px;}
    #product_9 .feature-showcase{ display:none;}
    #product_10 h2{ padding:10px 0 0 10px; line-height:normal;}
    #product_10 p{ width: 430px; padding:0 10px;}
    #product_10 .product_10_img{ width:450px; position:inherit;}
    #product_10{ height:490px; padding:15px 0 0 0;}
    #product_10 .buy_button{ padding:10px;}
    .macfixit_keyboard .customers_reviews{ padding:25px 0 20px}
    .macfixit_keyboard .customers_reviews .container_12{ width:450px;}
    .macfixit_keyboard .customers_reviews h3{ font-size:25px; margin:0 0 20px;}
    .macfixit_keyboard .customers_reviews .container_12 .grid_4{ width:440px; padding:10px 5px}
    .macfixit_keyboard .customers_reviews .all_reviews{ margin:50px auto 40px 25.5%;}
    .macfixit_keyboard .customers_reviews .grid_4 h4{ margin: 0 0 15px; width: 450px;}
    .box-up-sell .spec-grid4col .item { width:160px;  margin:10px; }
    .value-strip { width:450px; }
    .value-strip ul li { background-image:none; padding-right:0px;padding-left:0px;  }
    .value-strip ul li.first { padding-left:0px; }
    .value-strip ul li.last img { width:260px; }
    .popup-img-link{ padding: 12px 0 0; text-align: right; position: inherit;}
    #fancybox-wrap{ width:420px !important;}
    #fancybox-content { width:420px !important; height:auto !important;}
    #fancybox-content img { width:420px !important; height:auto; }
    #fancybox-close { top:-8px; right:-30px; }
    .mac_content{ width:450px; margin:auto; }
    .mac_main_content{ width:450px; margin:auto;line-height:normal;}
    .mac_link{ margin-top:4px;}
    ul.mac-tab li{ display:block;}
    ul.mac-tab{ width:95%;}
    .mac_tab_box{ padding:15px;}
    .mac-tab input[type="radio"] + label, mac-tab input[type="checkbox"] + label{ width:100%;}
    .mac_systems li{ margin-left:65px;}
    .block-viewed { display:none; }
    #menu {
    background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/navbar-red-saturated.png) repeat-x top;
    display:inherit;
    width:450px;
    text-align:left;
    margin:6px auto 0;
    }
    #menu .toggle {
    float:right;
    width:52px;
    height:45px;
    cursor:pointer;
    background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/mob-nav-icon.jpg) no-repeat top right;
    transition:color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }
    #menu ul.navmenu li {
    margin:0;
    list-style:none;
    }
    #menu ul {
    margin:0px !important;
    padding:0;
    }
    #menu ul.navmenu ul.submenu {
    padding:5px 0 0;
    border-top:1px solid #fff;
    background:#fff;
    border:1px solid #E5E5E5;
    }
    #menu ul.navmenu .menutop {
    overflow:hidden;
    min-height: 25px;
    margin-top:2px;
    }
    #menu ul.navmenu .menutop h2 {
    float:left;
    color:#fff;
    padding: 14px 10px;
    font-size:14px; margin-bottom:0;
    text-transform:uppercase; font-weight:bold;
    }
    .topnav {
    padding: 40px 28px 25px 0;
    position: relative;
    }
    ul.topnav {
    padding: 0;
    margin: 0;
    font-size: 1em;
    line-height: 0.5em;
    list-style: none;
    }
    ul.topnav li {
    position:relative;
    float:none !important;
    }
    ul.topnav li.last {
    position:relative;
    float:none !important;
    border-bottom:none;
    }
    ul.topnav li a {
    line-height: 10px;
    font-size: 15px;
    padding: 14px 10px;
    color: #222;
    font-weight:400;
    display: block;
    text-decoration: none;
     border-bottom:1px #ddd solid;
    }
    ul.topnav li a:hover {
    color:#000;
    }
    ul.topnav li .active a {
    background-color:#999;
    color:#fff;
    }
    ul.topnav ul {
    margin: 0;
    padding: 0;
    display: none;
    }
    ul.topnav ul li {
    margin: 0;
    padding: 0;
    clear: both;
    }
    ul.topnav ul li a {
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal;
    outline:0;
    color:#666;
    text-transform:none;
    }
    ul.topnav ul ul li a {
    padding-left: 20px;
    }
    ul.topnav em {
    color: #222;
    cursor: pointer;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    padding: 6px;
    position: absolute;
    right: 15px;
    top: 8px;
    width:10px;
    height:8px;
    }
    ul.topnav em:hover {
    color:#333;
    }
    /* home page */	
    .page{ overflow:hidden;}
    .header{ width:450px;}
    .your-account{ display:none;}
    .user-menu > ul > li { display:none; }
    .user-menu > ul > li.item-1{ display:block;}
    .user-menu > ul > li.item-3{ display:none;}
    .user-menu > ul > li.item-4{ display:block;}
    .user-menu > ul > li.user-menu-cart { display:block;}
    #mini-cart .block-title{ padding:4px 3px 3px;}
    .user-menu{ float:none;}
    #mini-cart{ float:right;}
    li#mini-cart{ margin-right:0;}
    .user-menu ul{ float:none;}
    .nav-container{ display:none;}
    .header-left{ margin-top:10px;}
    .header-right{ margin-top:10px;}
    .header .form-search{ margin-top:10px;}
    .header .form-search .input-text{ width:125px;}
    .main{ width:450px;}
    .slideshow-wrapper{ width:450px; margin:0;}
    ul.slideshow{ width:450px; height:200px;}
    .the-slideshow .slideshow .slide img{ width:450px;}
    .slideshow-wrapper .backward{ display:none;}
    .slideshow-wrapper .forward{ display:none;}
    .the-slideshow .slideshow .slide{ width:450px;}
    body.cms-index-index .main, body.cms-index-defaultindex .main{ padding:10px 0;}
    .home-banner-wrapper{ width:450px; padding:0;}
    .home-banner-wrapper div span{ padding:0 0px !important; margin-bottom:10px;}
    .home-banner-wrapper div span img{margin-bottom:10px;}
    .home-banner-wrapper div span a img{margin-bottom:10px; width:auto;}
    .home-banner-wrapper a img{margin-bottom:10px; width:450px;}
    .nim_section{ width:380px !important; margin:0 0 8px 70px !important; background:none !important;}
    .nim_section div span{ padding:0 !important;}
    .nim_item{ width:300px !important;}
    .nim_item div span img{margin-bottom:10px;}
    .nim_item a img{margin-bottom:10px; width:auto;}
    .itemslider-wrapper{ width:450px;}
    .itemslider{ width:450px !important;}
    .grid-wide.spec-grid{ width:435px !important; padding:15px 5px 10px 10px; margin-left:0px; background-color:#eee;}
    .grid-wide.spec-grid4col.grid-actions-absolute .item{    background: none repeat scroll 0 0 #FFFFFF;
        margin-left: 42px;
        min-height: 316px !important;
        width: 300px !important; margin-bottom:15px;
    }
    .itemslider .slide{ width:450px; background:#eee !important; height:420px !important;}
    ul.grid-wide.spec-grid{height:420px !important;}
    #topLink{ z-index:1000; bottom:15px; right:10px !important;}
    .footer-container .middle{ width:450px;}
    .footer-left{ width:450px; padding:0; border-right:none;}
    .footer-right{ width:450px; padding:0;}
    .footer-bottom{ width:450px;}
    #cbar_w0_items_s{ width:435px !important; padding-bottom:15px !important;}
    #cbar_widget0{ width:450px !important; height:auto !important; margin-left:0px; overflow:hidden; margin-bottom: 20px !important}
    .itemslider-wrapper .backward{ left:3px;}
    .itemslider-wrapper .forward{ right:10px;}
    .nim_section .cl{ display:none !important;}
    .grid-wide.spec-grid4col.grid-actions-absolute .actions{ width:305px;}
    #cbar_w0_0_item_s{ width: 300px !important; background:#fff !important; margin-left:40px !important; box-shadow: 3px 3px 5px 0 #CCCCCC; margin-bottom: 10px !important;}
    #cbar_w0_1_item_s{ width: 300px !important; background:#fff !important; margin-left:40px !important; box-shadow: 3px 3px 5px 0 #CCCCCC; margin-bottom: 10px !important;}
    #cbar_w0_2_item_s{ width: 300px !important; background:#fff !important; margin-left:40px !important; box-shadow: 3px 3px 5px 0 #CCCCCC; margin-bottom: 10px !important;}
    #cbar_w0_3_item_s{ width: 300px !important; background:#fff !important; margin-left:40px !important; box-shadow: 3px 3px 5px 0 #CCCCCC;}
    #cbar_w0_0_item_viewBtn_s{ margin:0 0 0 150px !important;}
    #cbar_w0_1_item_viewBtn_s{ margin:0 0 0 150px !important;}
    #cbar_w0_2_item_viewBtn_s{ margin:0 0 0 150px !important;}
    #cbar_w0_3_item_viewBtn_s{ margin:0 0 0 150px !important; }
    /*============ grid  =========*/
    .toolbar{ margin-bottom:10px;}
    .breadcrumbs{ margin:-42px 0 0px; height:auto; padding-bottom:10px; border-bottom:1px #eee solid;}
    .catalog-product-view .breadcrumbs{ width:450px;}
    .breadcrumbs ul{ padding-top:2px;}
    .col-main{ width:450px;}
    .spec-grid{ width:425px; margin-left:0px; padding-top:18px;}
    .sorter .amount, .pager .amount{ display:none;}
    .sorter .sort-by{ display:none;}
    .sorter .limiter{ border-right:none; padding-right:0; margin-right:0;}
    .pager .pages{ float:left;}
    #pd-float-tm{ display:none;}
    .spec-grid .item{  background: none repeat scroll 0 0 #FFFFFF;
        margin: 0 8px 15px 40px;
        width: 300px; box-shadow: 3px 3px 5px 0 #CCCCCC;}
    .spec-grid3col.grid-actions-absolute .actions{ width:305px;}
    .col-left{ margin-top:8px;}
    /*============ list  =========*/
    .products-list .product-shop {
        border-right:none;
        float: left;
        margin: 10px 0 0 0;
        padding-right: 0;
        width: 390px; min-height:110px;
    }
    .products-list .right-column{ float:left;}
    /*============ detail =========*/
    .product-top-wrapper{ background:none;}
    .product-top{background:none;}
    .product-top-inner{ background:none; min-height:inherit;}
    .product-attributes{ padding:15px 0;width:450px;}
    .product-view .product-shop{ border-right:none; width:450px !important; padding:0; float:left;}
    .block-related-wrapper{ display:none;}
    .product-view .product-attributes .box-brand{ width:450px; text-align:center;}
    .product-view .product-img-box{ width:450px !important; }
    .add-to-box .add-to-cart{ float:left; margin-top:6px; margin-left:10px;}
    .product-view #cbar_widget1{ width:450px !important;/* display:none;*/}
    #cbar_w1_items_s{ width:352px !important; margin-left:0px;}
    .product-tabs-wrapper .tabs{ width:450px; height:auto;background-color:#fff; padding:0;}
    .large-tabs a.current{ width:98%; background-color:#515151; color:#fff;}
    .large-tabs a{ background:none; width:98%; background-color:#eee; border-bottom:1px #fff solid;}
    .large-tabs a span{ background:none;}
    .product-collateral{ width:450px;}
    .large-tabs-left{ height:auto;}
    .large-tabs-right{ height:auto;}
    .product-view .box-reviews .form-add{ padding:0; width:450px;}
    .product-view .box-reviews .form-add .form-list .input-box{ width:450px;}
    .product-tabs-wrapper .tabs-panes .pane{ padding:10px 0;}
    .product-tabs-wrapper .tabs-panes .pane iframe{ width:450px;}
    .product-view .data-table tr td, .product-view .data-table tr th {
        padding: 6px 2px;
    }
    .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea{ width:275px;}
    .my-wishlist .buttons-set button.button{ margin-bottom:8px;}
    /*============ Checkout =========*/
    .opc .step{ padding:15px 10px;}
    #opc-login .col-1{ width:100%;}
    #opc-login .col-2{ width:100%; padding:0; border-left:none;}
    #checkout-progress-wrapper{ height:auto;}
    .form-list li.wide .input-box{ width:250px;}
    .form-list li.wide select{ width:265px;}
    .form-list li.wide input.input-text{ width:255px;}
    /*============ Dashboard =========*/
    .my-account{ padding-left:0;}
    .dashboard .box-info .box-head h2{ font-size:16px; text-align:left;}
    .box-info .col-1{ width:100%; margin:10px 0; border-right:none;}
    .box-info .col-2{ width:100%;}
    /*============ Shopping Cart=========*/
    .checkout-cart-index .cart .title-buttons span.back_guarantee{ display:none}
    .checkout-cart-index .cart .title-buttons span.fast_simple_ship{display:none}
    .checkout-cart-index .cart .title-buttons span.secure_ol_shopping{display:none}
    .cart fieldset{ padding:8px 2px 5px 10px;}
    .cart-table tr.odd td, .cart-table tr.even td{ padding:10px 4px;}
    .cart-table .btn-update{ float:left;}
    .cart .cart-left-column{ width:450px;}
    .cart .discount{ min-height:inherit;}
    .checkout-cart-index #cbar_w0_items_s{ width:205px !important; margin-left:30px;}
    .checkout-cart-index #cbar_widget0{ display:none;}
    .cart .cart-right-column {float: left;text-align: left;width: 450px;}
    .cart .totals{ padding:20px; width:260px;}
    .cart .discount, .cart .shipping, .cart .quote{ width:270px;}
    .cart .cart-collaterals .col2-set .col-1{ width:300px;}
    .cart .cart-collaterals .col2-set .col-2{ width:300px; float:left;}
    .cart-below-table-wrapper, .cart-above-crosssell-wrapper, .cart-replace-crosssell-wrapper, .cart-below-totals-wrapper{ float:left;}
    /*============ multiple checkout =========*/
    .checkout-progress{ margin:0; padding:0;}
    .checkout-progress li{ width:19%; margin-bottom:10px;}
    /*============ Login =========*/
    .account-login .col2-set .col-1, .account-login .col2-set .col-2{ width:450px; margin-bottom:10px;}
    .account-login .content{ min-height:inherit;}
    /*============ Contact Us =========*/
    .size1of2.left{ width:450px !important;}
    .size1of2.right{ width:450px !important;}
    .size1of2.right img{ width:450px !important;}
    .is-blog iframe{ width:450px !important;}
    .is-blog .entry p{ text-align:left !important;}
    #sli_default{ width:450px;}
    .sli_alpha_nav {width: 450px !important; word-wrap: break-word;}
    .hidden-table {
    display:none;
    }
    #ProdIntro td{ width:450px; display:block;}
    .product-view .out-of-stock{ float:none;}
    .product-view .product-shop .product-name{ margin:10px 0}
    .product-tabs-wrapper .tabs-panes .pane .std p img{ width:100%;}
    .product-tabs-wrapper .tabs-panes .pane .std table td{ display:block; width:450px;}
    .product-tabs-wrapper .tabs-panes .pane .std h1{ margin:0 !important;}
    .product-tabs-wrapper .tabs-panes .pane .std h3 { width:100% !important;}
    .macbookpro, .imac, .macpro, .macmini{ width:50% !important;}
    .macbook, .oldermacs{ width:50% !important; margin-bottom:10px;}
    .popularbox, .popularbox1, .popularbox2, .popularbox3{ width:100% !important; margin-bottom:10px;}
    .main-container{ background:none;}
    p.poptitle{ font-size: 18px !important; line-height:normal;}
    .appimg{ padding:20px !important; width:92% !important; height:350px; background-position:bottom !important;}
    .valstrip img{ width:450px;}
    #center-callout{   background-image:none !important;
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        height: auto !important;
        margin: 20px 0 !important;
        padding-top: 2px !important;
        width: 450px !important; border-top:1px #ddd solid;}
    	
    .sixgl_ssd_30day_content{ color: #333333;
        display: block;
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: bold;
        line-height: 18px;
        margin: 20px 0 0 !important;
        padding: 0;
        width: 450px !important;}
    .gh_subtitle{  margin: 5px 0 5px 0 !important;}
    .sixgl_ssd_30day_icon{margin-left: 100px !important;}
    .sixgl_ssd_30day_content_title{ font-size:30px !important; line-height:32px !important;}
    ul#payment_form_ewayau_direct li{ position:inherit !important; right: 0 !important;}
    .block-vertnav{ display:inherit; margin:0;}
    .block-vertnav .block-title{ margin-left:-10px; padding:0; margin-bottom:15px;}
    .block-vertnav .currently { padding-bottom:10px; overflow:hidden; }
    .block-vertnav .currently a { padding-left:5px; width:0; }
    footer .inner {
    	width:370px;
    	margin-bottom:10px;
    	padding:15px 5px 10px;
    	}
    .footer-column-last {
    	width:370px;
    	}
    .footer-primary-bottom{ 
    	width:370px;
    	}
    #container_form_news2 input[type="text"] {
    	width:228px;
    	margin-bottom:8px;
    	}
    footer address {
    	width:212px;
    	margin-bottom:20px;
    	}
    .social {
    	margin-bottom:15px;
    	}
    .footer-bottom .inner {
    	width:370px;
    	}
    .footer-bottom .bottom_links li {
    	float:left;
    	margin:0 10px 0 0;
    	width:100%;
    	}
    .footer-column {
    	width:370px; 
    	}
    .footer-column-1{ 
    	width:370px; 
    	margin-right:0;
    	}
    .newsletter label{ 
    	margin:0 0 5px; 
    	float:left;
    	}
    .footer-logo a.link_img img {
    	width:300px;
    	}
    footer h4 {
    	padding:15px 10px 10px 0px;
    	border-top:1px #333333 solid;
    	}
    .newsletter {
    	margin-bottom:0px;
    	width:370px;
    	}
    .newsletter .button {
        margin: -8px 0 0;
        padding: 0;
    }
    .mac_content .mac_info{width: 450px;}
    .mac_content .mac_moneyback{float:none;text-align:center;}
    }
    @media only screen and (min-width:568px) and (max-width:767px) {
    #cbar_w0_items_s #cbar_w0_0_item_s { height:340px; }
    #cbar_w0_items_s #cbar_w0_1_item_s { height:340px; }
    #cbar_w0_items_s #cbar_w0_2_item_s { height:340px; }
    .main_con{ width:530px}
    .macfixit_keyboard h2{ font-size:25px; line-height:normal;}
    #product_1 h3{ font-size:20px;}
    .product_1_img{ width:530px;}
    .product_1_img {
        left: 0;
        top: 15px;
        width: 530px;
    }
    .p1_shadow_img{width: 530px !important;}
    .video-box{ left:10px;}
    #product_1 .read_review{ right:12px;}
    #product_1 .public_reviews .slides{ height:130px;width: 530px !important;}
    #product_1 .public_reviews .slide{ display:inline-block; float:left; margin-bottom:20px; margin-left: 35px !important; width:210px !important;}
    .product_2_img{ width:530px; left:0; }
    #product_2 .content{ right:20px; top:320px;}
    #product_2 p{ width:490px; margin:0; text-align:left;}
    #product_2 h2, #product_2 .buy_button{text-align:left;}
    #product_2{ height:600px;}
    #product_3{ margin-bottom:30px;}
    .product_3_img{ width:530px; left:0;}
    #product_3_3Modes .mode{ padding:0 0 15px; width:530px;}
    #product_3_3Modes .mode img{ width:auto !important;}
    #product_3_3Modes .mode h3{ font-size:25px;}
    .product_4_img{ width:530px;}
    #product_4 .product_4-content{ width:430px; top:10px; right:0px; position:inherit; margin-left:10px;}
    #product_4 h2{ text-align:left !important; float:left;}
    #product_4 p{ width:430px; text-align:left;}
    #product_4 .buy_button{ text-align:left; float:left; padding:0 !important;}
    #product_5 .product_5_inner{ width:530px;}
    .product_5_img{ width:530px;}
    #product_5{ margin:10px 0 20px;}
    #product_6{ height:510px;}
    #product_6 h2{ font-size:25px; line-height:normal;}
    #product_6 .product_6_img{ width:530px;}
    #product_6 .product_6-describe{ left:10px; width:430px; top:330px;}
    #product_6 p{ width:430px;}
    #product_7{ padding-top:20px;}
    #product_7 h2{ font-size:20px;}
    #product_7 p{ width:430px;}
    #product_7 .product_7_img{ width:530px;}
    #product_7 #feature-case{ margin-top:25px;}
    #product_7 #feature-case-container{ width:430px;}
    #product_7 .feature-box_1{ margin-left:0px; float:none;}
    #product_7 .feature-box{ float:none !important;}
    #product_8 .feature-case h2{ font-size:20px;}
    #product_8 .describe-area{ padding:20px 0;}
    #product_8 .describe-area p{ width:430px;}
    #product_8 .feature-case p{ width:435px;}
    #product_8 .product_7_img{ width:530px; left:0; margin-top:0;}
    #product_8 .feature-case{ padding:12px;}
    #product_8 .feature-case td{ display:inline;}
    #product_9 .product_9_img{ width:530px;}
    #product_9 .feature-case{ padding:0;}
    #product_9 .feature-case td{ width:145px; margin-left:10px;}
    #product_9 .feature-case p{ width:145px; padding-left:10px;}
    .stick-align{ padding-left:75px;}
    #product_9 .feature-showcase{ margin-top:-65px;}
    #product_10 h2{ padding:10px 0 0 10px; line-height:normal;}
    #product_10 p{ width: 510px; padding:0 10px;}
    #product_10 .product_10_img{ width:530px; position:inherit;}
    #product_10{ height:505px; padding:15px 0 0 0;}
    #product_10 .buy_button{ padding:10px;}
    .macfixit_keyboard .customers_reviews{ padding:25px 0 20px}
    .macfixit_keyboard .customers_reviews .container_12{ width:530px;}
    .macfixit_keyboard .customers_reviews h3{ font-size:25px; margin:0 0 20px;}
    .macfixit_keyboard .customers_reviews .container_12 .grid_4{ width:530px; padding:10px 5px}
    .macfixit_keyboard .customers_reviews .all_reviews{ margin:50px auto 40px 30%;}
    .macfixit_keyboard .customers_reviews .grid_4 h4{ margin: 0 0 15px; width: 530px;}
    .value-strip { width:530px; }
    .value-strip ul li { background-image:none; padding-right:0px;padding-left:0px; width:50%; text-align:left; }
    .value-strip ul li.first { padding-left:0px; }
    .value-strip ul li.last img { width:260px; }
    .popup-img-link {
        margin-top: 8px;
        position: inherit;
        right: 22px; text-align:right;
    }
    #fancybox-wrap{ width:500px !important;}
    #fancybox-content { width:500px !important; height:auto !important;}
    #fancybox-content img { width:500px !important; height:auto; }
    #fancybox-close { top:-8px; right:-30px; }
    .mac_content{ width:530px; margin:auto; }
    .mac_main_content{ width:530px; margin:auto;line-height:normal;}
    .mac_link{ margin-top:4px;}
    ul.mac-tab li{ display:inline;}
    ul.mac-tab{ width:100%;}
    .mac_tab_box{ padding:15px;}
    /*.mac-tab input[type="radio"] + label, .mac-tab input[type="checkbox"] + label{ width:45%;  margin-bottom:5px;}
    .block-viewed { display:none; }*/
    #menu {
    background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/navbar-red-saturated.png) repeat-x top;
    display:inherit;
    width:530px;
    text-align:left;
    margin:6px auto 0;
    }
    #menu .toggle {
    float:right;
    width:52px;
    height:45px;
    cursor:pointer;
    background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/mob-nav-icon.jpg) no-repeat top right;
    transition:color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }
    #menu ul.navmenu li {
    margin:0;
    list-style:none;
    }
    #menu ul {
    margin:0px !important;
    padding:0;
    }
    #menu ul.navmenu ul.submenu {
    padding:5px 0 0;
    border-top:1px solid #fff;
    background:#fff;
    border:1px solid #E5E5E5;
    }
    #menu ul.navmenu .menutop {
    overflow:hidden;
    min-height: 25px;
    margin-top:2px;
    }
    #menu ul.navmenu .menutop h2 {
    float:left;
    color:#fff;
    padding: 14px 10px;
    font-size:14px; margin-bottom:0;
    text-transform:uppercase; font-weight:bold;
    }
    .topnav {
    padding: 40px 28px 25px 0;
    position: relative;
    }
    ul.topnav {
    padding: 0;
    margin: 0;
    font-size: 1em;
    line-height: 0.5em;
    list-style: none;
    }
    ul.topnav li {
    position:relative;
    float:none !important;
    }
    ul.topnav li.last {
    position:relative;
    float:none !important;
    border-bottom:none;
    }
    ul.topnav li a {
    line-height: 10px;
    font-size: 15px;
    padding: 14px 10px;
    color: #222;
    font-weight:400;
    display: block;
    text-decoration: none;
    border-bottom:1px #ddd solid;
    }
    ul.topnav li a:hover {
    color:#000;
    }
    ul.topnav li .active a {
    background-color:#999;
    color:#fff;
    }
    ul.topnav ul {
    margin: 0;
    padding: 0;
    display: none;
    }
    ul.topnav ul li {
    margin: 0;
    padding: 0;
    clear: both;
    }
    ul.topnav ul li a {
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal;
    outline:0;
    color:#666;
    text-transform:none;
    }
    ul.topnav ul ul li a {
    padding-left: 20px;
    }
    ul.topnav em {
    color: #222;
    cursor: pointer;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    padding: 6px;
    position: absolute;
    right: 15px;
    top: 8px;
    width:10px;
    height:8px;
    }
    ul.topnav em:hover {
    color:#333;
    }
    /* home page */	
    .page{ overflow:hidden;}
    .header{ width:530px;}
    .your-account{ display:none;}
    .user-menu > ul > li { display:none; }
    .user-menu > ul > li.item-1{ display:block;}
    .user-menu > ul > li.item-3{ display:block;}
    .user-menu > ul > li.item-4{ display:block;}
    .user-menu > ul > li.user-menu-cart { display:block;}
    #mini-cart .block-title{ padding:4px 3px 3px;}
    .user-menu{ float:none;}
    #mini-cart{ float:right;}
    li#mini-cart{ margin-right:0;}
    .user-menu ul{ float:none;}
    .nav-container{ display:none;}
    .header-left{ margin-top:10px;}
    .header-right{ margin-top:10px;}
    .header .form-search{ margin-top:10px;}
    .header .form-search .input-text{ width:170px;}
    .main{ width:530px;}
    .slideshow-wrapper{ width:530px; margin:0;}
    ul.slideshow{ width:530px; height:235px;}
    .the-slideshow .slideshow .slide img{ width:530px;}
    .the-slideshow .slideshow .slide{ width:530px;}
    body.cms-index-index .main, body.cms-index-defaultindex .main{ padding:10px 0;}
    .home-banner-wrapper{ width:530px; padding:0; text-align:center;}
    .home-banner-wrapper div span{ padding:0 5px !important; margin-bottom:10px;}
    .home-banner-wrapper div span img{margin-bottom:10px;}
    .home-banner-wrapper div span a img{margin-bottom:10px; width:auto;}
    .home-banner-wrapper a img{margin-bottom:10px; width:470px;}
    .nim_section{ width:380px !important; margin:0 0 8px 95px !important; background:none !important;}
    .nim_section div span{ padding:0 !important;}
    .nim_item{ width:300px !important;}
    .nim_section .cl{ display:none !important;}
    .nim_item div span img{margin-bottom:10px;}
    .nim_item a img{margin-bottom:10px; width:auto;}
    .itemslider-wrapper{ width:530px;}
    .cms-index-index .itemslider-wrapper .itemslider{ width:500px !important;}
    .itemslider{ width:530px !important;}
    .grid-wide.spec-grid{ width:472px !important; margin-left:0px; background-color:#eee;}
    .grid-wide.spec-grid4col.grid-actions-absolute .item{ margin-bottom:15px;}
    .itemslider .slide{ width:485px; background:#eee !important; margin-left:10px; height:420px !important;}
    ul.grid-wide.spec-grid{height:420px !important;}
    #topLink{ z-index:1000; bottom:15px; right:10px !important;}
    .footer-container .middle{ width:530px;}
    .footer-left{ width:530px; padding:0; border-right:none;}
    .footer-right{ width:530px; padding:0;}
    .footer-bottom{ width:530px;}
    #cbar_w0_items_s{ width:530px !important;}
    #cbar_widget0{ width:490px !important; height:auto !important; margin-left:10px; overflow:hidden; margin-bottom: 20px !important}
    .itemslider-wrapper .backward{ left:3px;}
    .itemslider-wrapper .forward{ right:10px;}
    /*============ grid  =========*/
    .toolbar{ margin-bottom:10px;}
    .breadcrumbs{ margin:-42px 0 0px; height:auto; padding-bottom:10px; border-bottom:1px #eee solid;}
    .catalog-product-view .breadcrumbs{ width:530px;}
    .breadcrumbs ul{ padding-top:2px;}
    .col-main{ width:530px;}
    .spec-grid{ width:485px; margin-left:20px;}
    .sorter .sort-by{ margin-left:10px;}
    .sorter .limiter{ border-right:none; padding-right:0; margin-right:0;}
    #pd-float-tm{ display:none;}
    .spec-grid .item{ margin:0 8px 5px 0;}
    .col-left{ margin-top:8px;}
    /*============ list  =========*/
    .products-list .product-shop {
        border-right:none;
        margin: 10px 0 0 10px;
        padding-right: 0;
     min-height:110px;
    }
    .products-list .right-column{ float:left; margin-left:10px;}
    /*============ detail =========*/
    .product-top-wrapper{ background:none;}
    .product-top{background:none;}
    .product-top-inner{ background:none; min-height:inherit;}
    .product-attributes{ display:none;}
    .product-view .product-shop{ border-right:none; width:280px !important; padding:0; float:left;}
    .block-related-wrapper{ display:none;}
    .product-view .product-attributes .box-brand{ width:530px; text-align:center;}
    .add-to-box .add-to-cart{ float:left; margin-top:6px;}
    #cbar_widget1{ width:218px !important;}
    #cbar_w1_items_s{ width:355px !important;}
    .tabs-wrapper .tabs-panes .spec-grid { width:352px; }
    .tabs-wrapper .tabs-panes ul { margin:0;padding: 15px 5px 0px 20px; }
    .product-tabs-wrapper .tabs{ width:530px; height:auto;background-color:#eee; padding:0; background:none; }
    .large-tabs a.current{background-color:#515151; color:#fff;}
    .large-tabs a{ background:none; background-color:#eee; border-bottom:0px #fff solid;}
    .large-tabs a#additional{ display:none;}
    .large-tabs a span{ background:none;}
    .product-collateral{ width:530px;}
    .large-tabs-left{ height:auto;}
    .large-tabs-right{ height:auto;}
    .product-view .box-reviews .form-add{ padding:0; width:530px;}
    .product-view .box-reviews .form-add .form-list .input-box{ width:530px;}
    .product-tabs-wrapper .tabs-panes .pane{ padding:10px 0;}
    .product-tabs-wrapper .tabs-panes .pane iframe{ width:530px;}
    .product-view .data-table tr td, .product-view .data-table tr th {
        padding: 6px 2px;
    }
    .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea{ width:275px;}
    .product-view .product-img-box{ width:230px !important; margin-right:15px;}
    .product-view .product-img-box .product-image img{ width:180px;}
    /*============ Checkout =========*/
    .opc .step{ padding:15px 10px;}
    #opc-login .col-1{}
    #opc-login .col-2{padding:0; border-left:none;}
    #opc-login .col-2 .form-list input.input-text {
        width: 220px;
    }
    #checkout-progress-wrapper{ height:auto;}
    .form-list li.wide .input-box{ width:250px;}
    .form-list li.wide select{ width:265px;}
    .form-list li.wide input.input-text{ width:255px;}
    /*============ Dashboard =========*/
    .my-account{ padding-left:0;}
    .dashboard .box-info .box-head h2{ font-size:16px; text-align:left;}
    .box-info .col-1{margin:10px 0; border-right:none;}
    .box-info .col-2{}
    /*============ Shopping Cart=========*/
    .checkout-cart-index .cart .title-buttons span.back_guarantee{ display:none}
    .checkout-cart-index .cart .title-buttons span.fast_simple_ship{display:none}
    .checkout-cart-index .cart .title-buttons span.secure_ol_shopping{display:none}
    .cart fieldset{ padding:8px 2px 5px 8px;}
    .cart-table tr.odd td, .cart-table tr.even td{ padding:10px 4px;}
    .cart-table .btn-update{ float:left;}
    .cart .cart-collaterals .col2-set .col-1, .cart .cart-collaterals .col2-set .col-2{ float:none;}
    .cart .cart-left-column{ width:530px;}
    .cart .discount{ min-height:inherit;}
    .checkout-cart-index #cbar_w0_items_s{ width:205px !important; margin-left:30px;}
    .checkout-cart-index #cbar_widget0{ display:none;}
    .cart .cart-right-column {float: left;text-align: left;width: 305px;}
    .cart .totals{ padding:20px;}
    .my-wishlist .buttons-set button.button{ margin-bottom:5px;}
    /*============ multiple checkout =========*/
    .checkout-progress{ margin:0; padding:0;}
    .checkout-progress li{ width:19.7%;font-size:11px; margin-bottom:8px;}
    /*============ Login =========*/
    .account-login .col2-set .col-1, .account-login .col2-set .col-2{ width:530px; margin-bottom:10px;}
    .account-login .content{ min-height:inherit;}
    /*============ Contact Us =========*/
    .size1of2.left{ width:530px !important;}
    .size1of2.right{ width:530px !important;}
    .size1of2.right img{ width:530px !important;}
    .is-blog iframe{ width:530px !important;}
    .is-blog .entry p{ text-align:left !important;}
    #sli_default{ width:530px;}
    .sli_alpha_nav {width: 530px !important; word-wrap: break-word;}
    .account-create .form-list input.input-text{ width:215px;}
    .hidden-table {
    display:none;
    }
    .category-products .spec-grid {
        margin-left: 18px;
        width: 470px; padding-top:12px;
    }
    .product-tabs-wrapper .tabs-panes .pane .std h1{ margin:0 !important;}
    .product-tabs-wrapper .tabs-panes .pane .std h3 { width:100% !important;}
    .main-container{ background:none;}
    .macbookpro, .imac, .macpro, .macmini{ width:50% !important;}
    .macbook, .oldermacs{ width:50% !important; margin-bottom:10px;}
    .popularbox, .popularbox1, .popularbox2, .popularbox3{ width:50% !important; margin-bottom:10px;}
    .main-container{ background:none;}
    p.poptitle{ font-size: 18px !important; line-height:normal;}
    .apptitle{ text-align:left;}
    .valstrip img{ width:530px;}
    #center-callout{   background-image:none !important;
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        height: auto !important;
        margin: 20px 0 !important;
        padding-top: 2px !important;
        width: 530px !important; border-top:1px #ddd solid;}
    	
    .sixgl_ssd_30day_content{ color: #333333;
        display: block;
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: bold;
        line-height: 18px;
        margin: 20px 0 0 !important;
        padding: 0;
        width: 330px !important;}
    .gh_subtitle{  margin: 5px 0 5px 0 !important;}
    .sixgl_ssd_30day_icon{margin-left: 0px !important; width:200px !important;}
    .sixgl_ssd_30day_icon img{ margin:20px 0 !important;}
    .sixgl_ssd_30day_content_title{ font-size:22px !important; line-height:22px !important;}
    ul#payment_form_ewayau_direct li{ position:inherit !important; right: 0 !important;}
    .block-vertnav{ display:inherit; margin:0;}
    .block-vertnav .block-title{ margin-left:-10px; padding:0; margin-bottom:15px;}
    .block-vertnav .currently { padding-bottom:10px; overflow:hidden; }
    .block-vertnav .currently a { padding-left:5px; width:0; }
    footer .inner {
    	width:470px;
    	margin-bottom:10px;
    	padding:15px 5px 10px;
    	}
    .footer-column-last {
    	width:470px;
    	}
    .footer-primary-bottom{ 
    	width:470px;
    	}
    #container_form_news2 input[type="text"] {
    	width:330px;
    	margin-bottom:8px;
    	}
    footer address {
    	width:212px;
    	margin-bottom:20px;
    	}
    .social {
    	margin-bottom:15px;
    	}
    .footer-bottom .inner {
    	width:470px;
    	}
    .footer-bottom .bottom_links li {
    	float:left;
    	margin:0 10px 0 0;
    	width:100%;
    	}
    .footer-column {
    	width:470px; 
    	}
    .footer-column-1{ 
    	width:470px; 
    	margin-right:0;
    	}
    .newsletter label{ 
    	margin:0 0 5px; 
    	float:left;
    	}
    .footer-logo a.link_img img {
    	width:300px;
    	}
    footer h4 {
    	padding:15px 10px 10px 0px;
    	border-top:1px #333333 solid;
    	}
    .newsletter {
    	margin-bottom:0px;
    	width:470px;
    	}
    .newsletter .button {
        margin: -8px 0 0;
        padding: 0;
    }
    ul.contact-info li {
    	width:100%;
    	}
    .contact-info {
    	text-align:left;
    	}
    .freeshipping {
    position: absolute;
    top: 24px;
    margin-left: 150px;
    }
    .mac_content .mac_info{width: 530px;}
    .mac_content .mac_moneyback{float:none;text-align:center;}
    }
    @media only screen and (min-width: 768px) and (max-width:977px) {
    .catalog-category-view #cbar_widget0 { width:510px !important; }
    .catalog-category-view #cbar_w0_items_s { width:500px !important; }
    .catalog-category-view #cbar_w0_0_item_viewBtn_s {margin:10px 0 0 60px !important; }
    .catalog-category-view #cbar_w0_0_item_s {  margin-left: 10px !important; width: 200px !important; height:345px !important;}
    .catalog-category-view #cbar_w0_1_item_viewBtn_s {margin:10px 0 0 60px !important; }
    .catalog-category-view #cbar_w0_1_item_s {  margin-left: 10px !important; width: 200px !important; height:345px !important;}
    .catalog-category-view #cbar_w0_2_item_viewBtn_s {margin:10px 0 0 60px !important; }
    .catalog-category-view #cbar_w0_2_item_s {  margin-left: 10px !important; width: 200px !important; height:345px !important;}
    .main_con{ width:740px}
    .macfixit_keyboard h2{ font-size:30px; line-height:normal;}
    #product_1 h3{ font-size:20px;}
    .product_1_img{ width:740px;}
    .product_1_img {
        left: 0;
        top: 15px;
        width: 740px;
    }
    .p1_shadow_img{width: 740px !important;}
    .video-box{ left:20px;}
    #product_1 .read_review{ right:20px;}
    #product_1 .public_reviews .slides{ height:130px;width: 740px !important;}
    #product_1 .public_reviews .slide{ margin-bottom:20px; margin-left: 68px !important; }
    .product_2_img{ width:740px; left:0; }
    #product_2 .content{ right:20px; top:20px;}
    #product_2 p{ width:285px; margin:0; text-align:left; line-height:22px;}
    #product_2 h2{ font-size:25px; text-align:left;}
    #product_2{ height:530px;}
    #product_3{ margin-bottom:30px;}
    .product_3_img{ width:740px; left:0;}
    #product_3_3Modes .mode{ padding:0 0 15px; width:240px;}
    #product_3_3Modes .mode img{ height:180px;}
    #product_3_3Modes .mode p{ padding:0 20px;}
    #product_3_3Modes .mode h3{ font-size:25px;}
    .product_4_img{ width:740px;}
    #product_4 .product_4-content{ width:270px; top:20px; right:10px; 0}
    #product_4 h2{ text-align:left !important; float:left;}
    #product_4 p{ width:270px; text-align:left;}
    #product_4 .buy_button{ padding:0 !important;}
    #product_5 .product_5_inner{ width:740px;}
    .product_5_img{ width:740px;}
    #product_5{ margin:10px 0 20px;}
    #product_6{ height:510px;}
    #product_6 h2{ font-size:25px; line-height:normal;}
    #product_6 .product_6_img{ width:740px;}
    #product_6 .product_6-describe{ left:10px; width:400px; top:20px;}
    #product_6 p{ width:400px;}
    #product_7{ padding-top:20px;}
    #product_7 h2{ font-size:20px;}
    #product_7 p{ width:430px;}
    #product_7 .product_7_img{ width:740px;}
    #product_7 #feature-case{ margin-top:25px;}
    #product_7 #feature-case-container{ width:740px;}
    #product_7 .feature-box_1{ margin-left:0px; width:200px;}
    #product_7 .feature-box{ margin-left:4px; width:265px;}
    #product_7 #feature-case .feature-thumb img.feature_img{ width:245px;}
    #product_8 .feature-case h2{ font-size:20px;}
    #product_8 .describe-area{ padding:20px 0;}
    #product_8 .describe-area p{ width:430px;}
    #product_8 .feature-case p{ width:220px;}
    #product_8 .product_7_img{ width:740px; left:0; margin-top:0;}
    #product_8 .feature-case{ padding:12px;}
    #product_9 .product_9_img{ width:740px;}
    #product_9 .feature-case{ padding:0;}
    #product_9 .feature-case td{ width:210px; margin-left:10px;}
    #product_9 .feature-case p{ width:210px; padding-left:10px;}
    .stick-align{ padding-left:105px;}
    #product_9 .feature-showcase{ margin-top:-65px;}
    #product_10 h2{ padding:10px 0 0 10px; line-height:normal;}
    #product_10 p{ width: 360px; padding:0 10px;}
    #product_10 .product_10_img{ width:740px;}
    #product_10{ height:430px; padding:15px 0 0 0;}
    #product_10 .buy_button{ padding:10px;}
    .macfixit_keyboard .customers_reviews{ padding:25px 0 20px}
    .macfixit_keyboard .customers_reviews .container_12{ width:740px;}
    .macfixit_keyboard .customers_reviews h3{ font-size:25px; margin:0 0 20px;}
    .macfixit_keyboard .customers_reviews .container_12 .grid_4{ width:235px; padding:10px 5px}
    .macfixit_keyboard .customers_reviews .all_reviews{ margin:50px auto 40px 35%;}
    .macfixit_keyboard .customers_reviews .grid_4 h4{ margin: 0 0 15px; width: 235px;}
    .value-strip { width:740px; }
    .value-strip ul li { background-image:none; padding-right:0px;padding-left:0px; width:40%; text-align:left; }
    .value-strip ul li.first { padding-left:0px; }
    .popup-img-link {
        margin-top: 8px;
        position: absolute;
        right: 22px;
    }
    .mac_content{ width:740px; margin:auto; }
    .mac_main_content{ width:740px; margin:auto;line-height:normal;}
    .mac_link{ margin-top:4px;}
    ul.mac-tab li{ display:inline;}
    ul.mac-tab{ width:100%;}
    .mac_tab_box{ padding:15px;}
    .mac-tab input[type="radio"] + label, mac-tab input[type="checkbox"] + label{ width:21%; margin-bottom:5px;}
    #menu {
    background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/navbar-red-saturated.png) repeat-x top;
    display:inherit;
    width:740px;
    text-align:left;
    margin:6px auto 0;
    }
    #menu .toggle {
    float:right;
    width:52px;
    height:45px;
    cursor:pointer;
    background:url(https://www.macfixit.com.au/skin/frontend/fortis/default/images/mob-nav-icon.jpg) no-repeat top right;
    transition:color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }
    #menu ul.navmenu li {
    margin:0;
    list-style:none;
    }
    #menu ul {
    margin:0px !important;
    padding:0;
    }
    #menu ul.navmenu ul.submenu {
    padding:5px 0 0;
    border-top:1px solid #fff;
    background:#fff;
    border:1px solid #E5E5E5;
    }
    #menu ul.navmenu .menutop {
    overflow:hidden;
    min-height: 25px;
    margin-top:2px;
    }
    #menu ul.navmenu .menutop h2 {
    float:left;
    color:#fff;
    padding: 14px 10px;
    font-size:14px; margin-bottom:0;
    text-transform:uppercase; font-weight:bold;
    }
    .topnav {
    padding: 40px 28px 25px 0;
    position: relative;
    }
    ul.topnav {
    padding: 0;
    margin: 0;
    font-size: 1em;
    line-height: 0.5em;
    list-style: none;
    }
    ul.topnav li {
    position:relative;
    float:none !important;
    }
    ul.topnav li.last {
    position:relative;
    float:none !important;
    border-bottom:none;
    }
    ul.topnav li a {
    line-height: 10px;
    font-size: 15px;
    padding: 14px 10px;
    color: #222;
    font-weight:400;
    display: block;
    text-decoration: none;
    border-bottom:1px #ddd solid;
    }
    ul.topnav li a:hover {
    color:#000;
    }
    ul.topnav li .active a {
    background-color:#999;
    color:#fff;
    }
    ul.topnav ul {
    margin: 0;
    padding: 0;
    display: none;
    }
    ul.topnav ul li {
    margin: 0;
    padding: 0;
    clear: both;
    }
    ul.topnav ul li a {
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal;
    outline:0;
    color:#666;
    text-transform:none;
    }
    ul.topnav ul ul li a {
    padding-left: 20px;
    }
    ul.topnav em {
    color: #222;
    cursor: pointer;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    padding: 6px;
    position: absolute;
    right: 15px;
    top: 8px;
    width:10px;
    height:8px;
    }
    ul.topnav em:hover {
    color:#333;
    }
    /* home page */	
    .page{ overflow:hidden;}
    .header{ width:740px;}
    .your-account{ margin:5px 10px 0 0;}
    .user-menu > ul > li { display:none; }
    .user-menu > ul > li.item-1{ display:block;}
    .user-menu > ul > li.item-3{ display:none;}
    .user-menu > ul > li.item-4{ display:block;}
    .user-menu > ul > li.user-menu-cart { display:block;}
    #mini-cart .block-title{ padding:4px 3px 3px;}
    .user-menu{}
    #mini-cart{}
    li#mini-cart{ margin-right:0;}
    .user-menu ul{ }
    .nav-container{ display:none;}
    .header-left{ margin-top:10px;}
    .header-right{ margin-top:10px;}
    .header .form-search{ margin-top:18px;}
    .main{ width:740px;}
    .slideshow-wrapper{ width:740px; margin:0;}
    ul.slideshow{ width:740px; height:325px;}
    .the-slideshow .slideshow .slide img{ width:740px;}
    .the-slideshow .slideshow .slide{ width:740px;}
    body.cms-index-index .main, body.cms-index-defaultindex .main{ padding:10px 0;}
    .home-banner-wrapper{ width:740px; padding:0; text-align:left;}
    .home-banner-wrapper div span{ padding:0 5px 0 0 !important; margin-bottom:10px;}
    .home-banner-wrapper div span img{margin-bottom:10px; width:178px;}
    .home-banner-wrapper div span a img{margin-bottom:10px; width:178px;}
    .home-banner-wrapper a img{margin-bottom:10px; width:365px;}
    .nim_section{ width:740px !important; margin:0 0 8px 50px !important; background:none !important;}
    .nim_section div span{ padding:0 !important;}
    .nim_item{ margin: 0 35px 0 0 !important; width: 300px !important;}
    .nim_section .cl{ display:none !important;}
    .nim_item div span img{margin-bottom:10px;}
    .nim_item a img{margin-bottom:10px; width:296px !important;}
    .itemslider-wrapper{ width:740px;}
    .itemslider{ width:740px !important;}
    .grid-wide.spec-grid{ width:730px !important; margin-left:0px; background-color:#eee;}
    .grid-wide.spec-grid4col.grid-actions-absolute .item{ margin-bottom:15px;}
    .itemslider .slide{ width:740px; background:#eee !important; height:420px !important;}
    #topLink{ z-index:1000; bottom:15px; right:10px !important;}
    .footer-container .middle{ width:740px;}
    .footer-left{ width:250px; padding:0;}
    .footer-right{ float: right !important; padding: 0; width: 475px;}
    .footer-bottom{ width:740px;}
    #cbar_w0_items_s{ width:740px !important; padding-left:8px !important;}
    #cbar_widget0{ width:740px !important; height:auto !important;overflow:hidden; margin-bottom: 20px !important}
    .itemslider-wrapper .backward{ left:3px;}
    .itemslider-wrapper .forward{ right:10px;}
    ul.grid-wide.spec-grid{height:420px !important;}
    #cbar_w0_0_item_s{ width: 300px !important; background:#fff !important; margin-left:20px !important; box-shadow: 3px 3px 5px 0 #CCCCCC; margin-bottom: 10px !important; text-align:center}
    #cbar_w0_1_item_s{ width: 300px !important; background:#fff !important; margin-left:20px !important; box-shadow: 3px 3px 5px 0 #CCCCCC; margin-bottom: 10px !important; text-align:center}
    #cbar_w0_2_item_s{ width: 300px !important; background:#fff !important; margin-left:20px !important; box-shadow: 3px 3px 5px 0 #CCCCCC; margin-bottom: 10px !important; text-align:center}
    #cbar_w0_3_item_s{ width: 300px !important; background:#fff !important; margin-left:20px !important; box-shadow: 3px 3px 5px 0 #CCCCCC; text-align:center}
    #cbar_w0_0_item_viewBtn_s{ margin:0 0 0 150px !important;}
    #cbar_w0_1_item_viewBtn_s{ margin:0 0 0 150px !important;}
    #cbar_w0_2_item_viewBtn_s{ margin:0 0 0 150px !important;}
    #cbar_w0_3_item_viewBtn_s{ margin:0 0 0 150px !important; }
    .block-related-wrapper #cbar_w0_items_s{ width:220px !important;}
    .block-related-wrapper #cbar_widget0{ width:220px !important; height:auto !important;overflow:hidden; margin-bottom: 20px !important}
    .block-related-wrapper #cbar_w0_0_item_s{ width: 220px !important; background:#fff !important; margin-left:0px !important; box-shadow:none; margin-bottom: 10px !important; text-align:left;}
    .block-related-wrapper #cbar_w0_1_item_s{ width: 220px !important; background:#fff !important; margin-left:0px !important; box-shadow: none; margin-bottom: 10px !important; text-align:left;}
    .block-related-wrapper #cbar_w0_2_item_s{ width: 220px !important; background:#fff !important; margin-left:0px !important; box-shadow: none; margin-bottom: 10px !important; text-align:left;}
    .block-related-wrapper #cbar_w0_3_item_s{ width: 220px !important; background:#fff !important; margin-left:0px !important; box-shadow: none; text-align:left;}
    /*============ grid  =========*/
    .toolbar{ margin-bottom:10px;}
    .breadcrumbs{ margin:-42px 0 0px; height:auto; padding-bottom:10px; border-bottom:1px #eee solid;}
    .catalog-product-view .breadcrumbs{ width:740px;}
    .breadcrumbs ul{ padding-top:2px;}
    .col-main{ width:740px;}
    .col2-left-layout .col-main{ width:500px;}
    .tabs-wrapper .tabs-panes .spec-grid { width:360px; }
    .spec-grid {margin-left: 0; padding: 20px 0 0 20px; width: 478px;}
    .sorter .sort-by{ margin-left:10px;}
    .sorter .limiter{ border-right:none; padding-right:0; margin-right:0;}
    #pd-float-tm{ display:none;}
    .spec-grid .item{ margin:0 12px 15px 0 !important;}
    /*============ list  =========*/
    .products-list .product-shop { margin: 10px 0 0; width: 275px; min-height:inherit;}
    /*============ detail =========*/
    .product-top-wrapper{ background:none;}
    .product-top{background:none;}
    .product-top-inner{ background:none; min-height:inherit;}
    .product-attributes{ padding:0; width:180px;}
    .product-view .product-attributes .box-brand{ width:180px;}
    .product-view .product-shop{ border-right:none; width:290px !important; padding:0; float:left;}
    .add-to-box .add-to-cart{ float:left; margin-top:6px;}
    #cbar_widget1{ width:218px !important;}
    #cbar_w1_items_s{ width:175px !important;}
    .product-tabs-wrapper .tabs{ width:500px; height:auto;background-color:#eee; padding:0; background:none; }
    .large-tabs a span { padding:7px 8px 0 5px; }
    .large-tabs a.current{background-color:#515151; color:#fff;}
    .large-tabs a{ background:none; background-color:#eee; border-bottom:1px #fff solid;}
    .large-tabs a#additional{ display:none;}
    .large-tabs a span{ background:none;}
    .product-collateral{ width:500px;}
    .large-tabs-left{ height:auto;}
    .large-tabs-right{ height:auto;}
    .product-view .box-reviews .form-add{ padding:0; width:500px;}
    .product-view .box-reviews .form-add .form-list .input-box{ width:500px;}
    .product-tabs-wrapper .tabs-panes .pane{ padding:10px 0;}
    .product-view .data-table tr td, .product-view .data-table tr th {
        padding: 6px 2px;
    }
    .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea{ width:275px;}
    .product-view .product-img-box{ width:230px !important; margin-right:15px;}
    .product-attributes .box-brand img{ width:180px;}
    /*============ Checkout =========*/
    .opc .step{ padding:15px 10px;}
    #opc-login .col-1{}
    #opc-login .col-2{padding:0; border-left:none;}
    #opc-login .col-2 .form-list input.input-text {
        width: 220px;
    }
    #checkout-progress-wrapper{ height:auto;}
    .form-list li.wide .input-box{ width:250px;}
    .form-list li.wide select{ width:265px;}
    .form-list li.wide input.input-text{ width:255px;}
    /*============ Dashboard =========*/
    .my-account{ padding-left:0;}
    .dashboard .box-info .box-head h2{ font-size:16px; text-align:left;}
    .box-info .col-1{margin:10px 0; border-right:none;}
    .box-info .col-2{}
    /*============ Shopping Cart=========*/
    .checkout-cart-index .cart .title-buttons span.back_guarantee{ display:none}
    .checkout-cart-index .cart .title-buttons span.fast_simple_ship{display:none}
    .checkout-cart-index .cart .title-buttons span.secure_ol_shopping{display:none}
    .cart fieldset{ padding:8px 2px 5px 8px;}
    .cart-table tr.odd td, .cart-table tr.even td{ padding:10px 4px;}
    .cart .cart-collaterals .col2-set .col-1{} 
    .cart .cart-collaterals .col2-set .col-2{ float:left; }
    .cart .cart-left-column{ width:435px;}
    .cart .discount{ min-height:inherit;}
    .checkout-cart-index #cbar_w0_items_s{ width:205px !important; margin-left:30px;}
    .checkout-cart-index #cbar_widget0{ display:none;}
    .cart .cart-right-column {float: left;text-align: left;width: 305px;}
    .cart .totals{ padding:20px;}
    .my-wishlist .buttons-set button.button{ margin-bottom:5px;}
    /*============ multiple checkout =========*/
    .checkout-progress{ margin:0; padding:0;}
    .checkout-progress li{ width:19.7%;font-size:11px; margin-bottom:8px;}
    /*============ Login =========*/
    .account-login .col2-set .col-1, .account-login .col2-set .col-2{ width:49%; margin-bottom:10px;}
    /*============ Contact Us =========*/
    .size1of2.left{ width:400px !important;}
    .size1of2.right{ width:320px !important;}
    .size1of2.right img{ width:320px !important;}
    .is-blog iframe{ width:500px !important;}
    .is-blog .entry p{ text-align:left !important;}
    #sli_default{ width:740px;}
    .sli_alpha_nav {width: 740px !important; word-wrap: break-word;}
    .sli_alpha_suggested li{ margin-left:70px;}
    .hidden-table {
    display:none;
    }
    .product-view .product-img-box .product-image img{ width:100%;}
    .product-tabs-wrapper .tabs-panes .pane .std .usbd_6_imagery img{ width:100%;}
    .main-container{ background:none;}
    .popularbox, .popularbox1, .popularbox2 { width:33% !important; margin-bottom:10px;}
    .popularbox3{ display:none;}
    .applememory h4{ font-size:13px}
    .valstrip img{ width:740px;}
    #center-callout{   background-image:none !important;
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        height: auto !important;
        margin: 20px 0 !important;
        padding-top: 2px !important;
        width: 740px !important; border-top:1px #ddd solid;}
    	
    .sixgl_ssd_30day_content{ color: #333333;
        display: block;
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: bold;
        line-height: 18px;
        margin: 20px 0 0 !important;
        padding: 0;
        width: 540px !important;}
    .gh_subtitle{  margin: 5px 0 5px 0 !important;}
    .sixgl_ssd_30day_icon{margin-left: 0px !important; width:200px !important;}
    .sixgl_ssd_30day_icon img{ margin:20px 0 !important;}
    .sixgl_ssd_30day_content_title{ font-size: 28px !important;
        line-height: 30px !important;
        margin-bottom: 10px !important;}
    	
    	ul#payment_form_ewayau_direct li{ position:inherit !important; right: 0 !important;}
    	footer .inner {
    	width:740px;
    	margin-bottom:10px;
    	padding:15px 0px 10px;
    	}
    .footer-column-last {
    	width:216px;
    	float:right;
    	}
    .footer-primary-bottom{ 
    	width:740px;
    	}
    #container_form_news2 input[type="text"] {
    	width:330px;
    	margin-bottom:8px;
    	}
    footer address {
    	width:212px;
    	margin-bottom:20px;
    	}
    .social {
    	margin-bottom:15px;
    	}
    .footer-bottom .inner {
    	width:710px;
    	}
    footer .coppyright {
    	text-align:center;
    	float:none;
    	}
    .footer-bottom .bottom_links {
    	margin:10px auto 0px auto;
    	text-align:center;
    	width:100%;
    	}
    .footer-bottom .bottom_links li {
    	float:left;
    	margin:0 20px 0 0;
    	}
    .footer-column {
    	width:220px;
    	margin:0px 25px 0px 15px;
    	}
    .footer-column-1{ 
    	width:260px; 
    	margin:0px 0px 5px 0px;
    	padding:0px 0px 10px 0px;
    	}
    .newsletter label{ 
    	margin:0 0 5px; 
    	float:left;
    	}
    .footer-logo a.link_img img {
    	width:240px;
    	}
    footer h4 {
    	padding:15px 10px 10px 0px;
    	}
    .newsletter {
    	margin-bottom:0px;
    	width:470px;
    	}
    .newsletter .button {
        margin: -8px 0 0;
        padding: 0;
    }
    ul.contact-info li {
    	width:100%;
    	}
    .contact-info {
    	text-align:left;
    	}
    ul.contact-info span {
    	width:177px;
    	}
    .icon-mobile-phone:before {
        height: 18px !important;
        line-height: 19px !important;
        width: 18px !important;
        font-size: 15px !important;
    }
    .fa-fax13 {
    	 height: 18px;
        line-height: 21px;
        width: 18px;
    }
    .fa-fax13 img {
        float: left;
        margin: 1px;
        width: 15px;
    }
    .fa-clock {
    	 height: 18px;
        line-height: 21px;
        width: 18px;
    }
    .fa-clock img {
    	float: left;
        margin: 1px;
        width: 15px;
    }
    footer .footer-column a {
    	font-size:13px;
    	font-weight:normal;
    	}
    .footer-column-last p {
        font-size: 13px;
    }
    ul.contact-info span {
        font-size: 15px !important;
    }
    .freeshipping {
    position: absolute;
    top: 24px;
    margin-left: 150px;
    }
    .mac_content .mac_info{width: 580px;float:left;padding-bottom:5px;}
    .mac_content .mac_moneyback{float:right;}
    }
    @media only screen and (min-width: 978px) and (max-width:1024px) {
    }
    @media only screen and (min-width: 769px) and (max-width: 977px){
    	.sub-category-listing{
    		width:156px;
    	}
    }
    @media (max-width:768px){
    	.block.block-layered-nav.amshopby-filters-left .block-title{border-bottom:none;}
    	.block.block-layered-nav.amshopby-filters-left .block-title em{display:block;}
    	.block.block-layered-nav.amshopby-filters-left .block-content{display:none;}
    	.sub-category-listing{
    		width:238px;
    		height:250px;
    	}
    	.linkimage img{
    		width:210px;
    		height:198px; 
    	}
    }
    @media (max-width:567px){
    	.sub-category-listing{
    		margin: auto;
    		text-align: center;
    		float: none;
    	}
    }
    /* FONT PATH
     * -------------------------- */
     
     
    @font-face {
     font-family: 'fontAwesome';
     src: url('https://www.macfixit.com.au/skin/frontend/fortis/default/css/fonts/fontawesome-webfont.eot?v=3.2.1');
     src: url('https://www.macfixit.com.au/skin/frontend/fortis/default/css/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('https://www.macfixit.com.au/skin/frontend/fortis/default/css/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('https://www.macfixit.com.au/skin/frontend/fortis/default/css/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
     font-weight: normal;
     font-style: normal;
    }

Examples and source code

icon-mobile-phone

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-mobile-phone"></i> icon-mobile-phone
Icon classes are echoed via CSS :before.

icon-mobile-phone

icon-mobile-phone

icon-mobile-phone

icon-mobile-phone

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-mobile-phone icon-large"></i> icon-mobile-phone</p>
<p><i class=" icon-mobile-phone icon-2x"></i> icon-mobile-phone</p>
<p><i class=" icon-mobile-phone icon-3x"></i> icon-mobile-phone</p>
<p><i class=" icon-mobile-phone icon-4x"></i> icon-mobile-phone</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-mobile-phone"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-mobile-phone icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-mobile-phone icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-mobile-phone"></i>  normal<br>
<i class=" icon-mobile-phone icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-mobile-phone icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-mobile-phone icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-mobile-phone icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-mobile-phone icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-mobile-phone icon-2x icon-spin"></i>
<i class=" icon-mobile-phone icon-3x icon-spin"></i>
<i class=" icon-mobile-phone icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-mobile-phone on icon-check-empty
icon-mobile-phone on icon-circle
icon-mobile-phonel on icon-sign-blank
icon-ban-circle on icon-mobile-phone

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-mobile-phone "></i>
</span>
icon-mobile-phone on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-mobile-phone icon-light"></i>
</span>
icon-mobile-phone on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-mobile-phone icon-light "></i>
</span>
icon-mobile-phone on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-mobile-phone icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-mobile-phone