/*  -------------------------------------------------------------
    -------------------------------------------------------------
    CSS CODED BY - pxwebdesign.com.au - 2010
    -------------------------------------------------------------
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */

body {
    font: 13px Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
    color: #fff;
    background: #262626;
}


/*  -------------------------------------------------------------
    MAIN DIVS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */
    
#header {
    background: url("../images/header_bg.jpg") no-repeat top right;
}

#main {
    padding-top: 10px;
}

#footer {
    margin-top: 20px;
}




/*  -------------------------------------------------------------
    CART DETAILS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */

#cart_details {
    padding: 10px 0;
    background: #00b2f0;
}

#cart_details .your_cart {
    float: left;
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase;
    height: 30px;
    line-height: 30px;
    color: #9be5ff;
}

#cart_details a.view_cart:link,
#cart_details a.view_cart:visited {
    float: right;
    display: block;
    padding: 0 20px;
    height: 30px;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 30px;
    color: #fff;
    border: 1px #fff solid;
    background: #48cefd;
}

#cart_details a.view_cart:hover {
    color: #262626;
    border-color: #262626;
    background: none;
}

#cart_details .price {
    float: right;
    padding-right: 30px;
    height: 30px;
    line-height: 30px;
}

#cart_details .items {
    float: right;
    padding-right: 30px;
    height: 30px;
    line-height: 30px;
}

#cart_details .price strong,
#cart_details .items strong {
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
}




/*  -------------------------------------------------------------
    HEADER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */

#header a.logo:link,
#header a.logo:visited {
    display: block;
    float: left;
    max-width: 270px;
    width: 270px;
    margin: 54px 0 20px 0;
}

#header a.logo.mobile:link,
#header a.logo.mobile:visited {
    display: none;
}

#header a.logo:link img,
#header a.logo:visited img {
    width: 100%;
}

#header a.btn_show_menu:link,
#header a.btn_show_menu:visited {
    clear: right;
    float: right;
    display: none;
    margin-top: 10px;
    padding: 12px 20px;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.25px;
    color: #fff;
    border-top: 2px solid #0389bb;
    border-bottom: 2px solid #0389bb;
    background: #00b4f0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

#header a.btn_show_menu:link img,
#header a.btn_show_menu:visited img {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
}

#header .search_bar {
    float: right;
    padding: 10px 10px 0 10px;
    width: 195px;
}

#header .search_bar .text {
    float: left;
    padding: 3px 5px;
    width: 158px;
    height: 22px;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
    line-height: 1.25em;
    color: #000;
    border: 1px solid #fff;
    background: #fff;
    outline: none;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#header .search_bar .text:focus {
    border-color: #00b4f0;
}

#header .search_bar input.text::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: uppercase;
}
#header .search_bar input.text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: uppercase;
}
#header .search_bar input.text::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: uppercase;
}
#header .search_bar input.text:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: uppercase;
}

#header .search_bar .button {
    float: right;
    vertical-align: middle;
    padding: 0;
    width: 32px;
    height: 22px;
    text-align: center;
    color: #fff;
    outline: none;
    border: none;
    background-color: #929292;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#header .button:active {
    background-color: #00b0ef;
}

#header .social_btns {
    float: right;
    padding-top: 10px;
}

#header .social_btns a.btn:link,
#header .social_btns a.btn:visited {
    float: left;
    margin-right: 5px;
    text-decoration: none;
}

#header .social_btns a.btn:link img,
#header .social_btns a.btn:visited img {
    display: block;
    width: 22px;
}

#header .tagline {
    clear: right;
    float: right;
    width: 62%;
    height: 50px;
    margin-top: 16px;
}

#header .tagline.mobile {
    display: none;
}

#header .tagline-i {
    display: table;
    width: 100%;
    height: 100%;
}

#header .tagline-ii {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

#header .tagline img {
    width: 100%;
}

#header .social_btns_mobile {
    display: none;
    float: left;
    padding: 30px 0 0 20px;
}

#header .social_btns_mobile a.btn:link,
#header .social_btns_mobile a.btn:visited {
    float: left;
    margin-right: 5px;
    text-decoration: none;
}

#header .social_btns_mobile a.btn:link img,
#header .social_btns_mobile a.btn:visited img {
    width: 30px;
}

#header a.btn_close_menu:link,
#header a.btn_close_menu:visited {
    display: none;
    float: right;
    margin: 30px 20px 10% 0;
    padding: 10px 15px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 14px;
    vertical-align: bottom;
    color: #fff;
    border: 2px solid #0389bb;
    background: #00b4f0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}





/*  -------------------------------------------------------------
    MENU MAIN
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */

#menu_main {
    float: right;
    padding-top: 5px;
    width: 62%;
}

#menu_main li {
    float: left;
    padding-left: 14px;
}

#menu_main li a:link,
#menu_main li a:visited {
    padding: 5px 8px;
    display: block;
    font-size: 1.3em;
    text-decoration: none;
    line-height: 1.25;
    color: #fff;
}

#menu_main li a.start:link,
#menu_main li a.start:visited {
    margin-left: -22px;
}

#menu_main li a:hover,
#menu_main li a.active:link,
#menu_main li a.active:visited {
    color: #29abe4;
}

#menu_main li ul {
    display: none;
}




/*  -------------------------------------------------------------
    CONTENT
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

/*  Defaults
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#content h1 {
    padding: 15px 0 5px 0;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.25em;
    color: #fff;
}

#content h2 {
    padding: 5px 0 3px 0;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.25em;
}

#content h3 {
    padding: 4px 0 2px 0;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.25em;
}

#content h4 {
    padding: 2px 0 2px 0;
    font-weight: bold;
    line-height: 1.25em;
}

#content h5 {
    padding: 2px 0 10px 0;
    font-size: 1.2em;
    text-transform: uppercase;
    line-height: 1.4em;
}

#content p {
    padding: 3px 0 5px 0;
    line-height: 1.3em;
}
    
#content a:link,
#content a:visited {
    text-decoration: underline;
    color: #2593c3;
}

#content a:hover {
    color: #fff;
}

#content strong {
    font-weight: bold;
}

#content ul {
    padding-bottom: 2px;
}

#content ul li {
    margin-left: 22px;
    padding: 3px 0;
    line-height: 1.3em;
    list-style-type: disc;
}

#content ul li ul {
    padding-bottom: 0;
}

#content ol {
    padding-bottom: 2px;
}

#content ol li {
    margin-left: 22px;
    padding: 3px 0;
    line-height: 1.3em;
    list-style-type: decimal;
}

#content ol li ol {
    padding-bottom: 0;
}

#content ol li ol li {
    margin-left: 20px;
    list-style-type: lower-alpha;
}

#content .home_boxes {
    padding-top: 10px;
}

#content iframe {
    max-width: 100%;
}




/*  -------------------------------------------------------------
    MAIN
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */

#menuMain_childs {
    padding-top: 50px;
    width: 100%;
    height: 100%;
    background: url("../images/side_bg.gif") repeat-y top left;
}

#menuMain_childs li {
    list-style: none;
}

#menuMain_childs li a:link,
#menuMain_childs li a:visited {
    display: block;
    padding: 5px 0 5px 20px;
    text-decoration: none;
    color: #fff;
    border: none;
}

#menuMain_childs li a:hover,
#menuMain_childs li a.active {
    color: #00aced;
}

#menuMain_childs li a.active:link,
#menuMain_childs li a.active:visited {
    border-left: 1px solid #fff;
}




/*  ------------------------------------------------------------- 
    COLUMNS
    -------------------------------------------------------------   */

/*  COLUMNS - Default 2/3 x 1/3 Width Columns
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#main .columns .column.first {
    float: left;
    width: 30%;
}

#main .columns .column.last {
    float: right;
    width: 70%;
}




/*  -------------------------------------------------------------
    OTHER STYLED ELEMENTS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

/*  OTHER STYLED ELEMENTS - Search Bar
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */

#main #content #search #searchForm {
    background: none;
}


/*  OTHER STYLED ELEMENTS - Pagination
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */

#content .pagination {
    padding: 10px 0;
    text-align: center;
}

#content .pagination a:link,
#content .pagination a:visited {
    display: inline-block;
    padding: 6px 11px;
    font-weight: bold;
    text-decoration: none;
    color: #fff !important;
    background: #2593c3;
}

#content .pagination a.active:link,
#content .pagination a.active:visited,
#content .pagination a:hover {
    color: #000;
}




/*  -------------------------------------------------------------
    PAGE SPECIFIC STYLING
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

/*  PAGE SPECIFIC STYLING - Homeboxes
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */

#content .home_boxes .box {
    float: right;
    width: 29.5%;
    margin: 10px 2% 0 0;
}

#content .home_boxes .box.first {
    float: left;
    width: 37%;
    margin: 10px 0 0 0;
}

#content .home_boxes .box.last {
    margin: 10px 0 0 0;
}

#content .home_boxes .box img {
    width: 100%;
}


/*  PAGE SPECIFIC STYLING - Homeboxes
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */

#content .newsletter_signup {
    position: relative;
    padding: 1px 100px 1px 1px;
    width: 100%;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#content .newsletter_signup .email {
    padding: 2px 6px;
    width: 100%;
    height: 24px;
    font: 13px Arial, Verdana, Helvetica, sans-serif;
    border: none;
    outline: none;
    color: #000;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#content .newsletter_signup input.email::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: capitalize;
}
#content .newsletter_signup input.email:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: capitalize;
}
#content .newsletter_signup input.email::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: capitalize;
}
#content .newsletter_signup input.email:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: capitalize;
}

#content .newsletter_signup .sign_up {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 2px;
    width: 96px;
    height: 24px;
    text-transform: uppercase;
    line-height: 1.25em;
    outline: none;
    border: none;
    color: #fff;
    background: #262626;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}




/*  PAGE SPECIFIC STYLING - Slideshow
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#content .slideshow {
    width: 100%;
}




/*  -------------------------------------------------------------
    FOOTER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */

#footer p {
    padding: 10px 0;
    float: right;
    font-size: 0.9em;
    line-height: 1.25em
}

#footer a:link,
#footer a:visited {
    color: #fff;
    text-decoration: none;
}

#footer a:hover {
    color: #2593c3;
    text-decoration: underline;
}

/*  -------------------------------------------------------------
    MESSAGES
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
    
.msgBox {
    clear: both;
    margin: 10px 0 10px 0;
    padding: 10px 10px 5px 35px;
    background: no-repeat 10px 10px;
    font-size: 12px;
}

.msgBox .title {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 0 5px 0;
}

.msgBox .text {
    padding: 0 0 5px 0;
}

.msgBox a:link,
.msgBox a:visited {
    text-decoration: underline; 
}
    

/*  Success
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

.msgBox.success {
    border: 1px solid #7fea6f;
    background-color: #dcf8d8;
    background-image: url("../../../images/icons/msgBox_success.gif");
    color: #009900;
}

.msgBox.success a:link,
.msgBox.success a:visited,
#content .msgBox.success a:link,
#content .msgBox.success a:visited {
    color: #009900; 
}

/*  Error
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

.msgBox.error {
    border: 1px solid #e9cc7c;
    background-color: #fdf0cd;
    background-image: url("../../../images/icons/msgBox_error.gif");
    color: #b17409;
}

.msgBox.error a:link,
.msgBox.error a:visited,
#content .msgBox.error a:link,
#content .msgBox.error a:visited {
    color: #a08106; 
}

/*  Fail
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

.msgBox.fail {
    border: 1px solid #f57878;
    background-color: #ffe1e1;
    background-image: url("../../../images/icons/msgBox_fail.gif");
    color: #cc3300;
}

.msgBox.fail a:link,
.msgBox.fail a:visited,
#content .msgBox.fail a:link,
#content .msgBox.fail a:visited {
    color: #cc3300; 
}

/*  Info
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
    
.msgBox.info {
    position: relative;
    top: 10px;
    font-size: 15px;
    border: 1px solid #7baedd;
    background-color: #dbe9f6;
    background-image: url(../../../images/icons/msgBox_info.gif);
    color: #436d94;
}

.msgBox.info a:link,
.msgBox.info a:visited,
#content .msgBox.info a:link,
#content .msgBox.info a:visited {
    color: #436d94; 
}