﻿
/***************************************************

    Dreams Studios (Rx)
    © Copyright 2013. All Rights Reserved.

****************************************************/




body{Font-family: Calibri, Verdana, Ariel, sans-serif; font-size:10pt; margin:0px; padding:0px; color:#000;background:url(../images/main-header-bg.jpg) repeat-x;}
dl,dt,dd,ol,li,span,strong,form,fieldset,table,th,tr,td,input,label,select,div{margin:0px; padding:0px;}
html {margin:0px;padding:0px;
}
a{outline:none; color:#626262; text-decoration:none;}
a:hover{color:#626262; text-decoration:underline;}
img{border:none; font-size:10px; font-weight:normal;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both; margin:0; padding:0}


h1, h2, h3, h4 {
    margin:0px 0px 5px 0px;
    color:#2cd650;
}

p {
    margin:0px 0px 15px 0px;
    color:#585858;
    line-height:20px;
    font-size:11pt;
    text-align:justify;
}

h1 {
    font-size: 2.8em;
}

h2 {
    font-size: 16pt;
    
}

.container {
    width:100%;
    height:auto;
}

.header-wrapper {
    width:100%;
    height:auto;
}

.section-wrapper {
    width:100%;
    height:auto;
}

.section {
    width:975px;
    height:auto;
    margin:0px auto;
}

.top-links-wrapper {
    background:#424242;
    width:100%;
}

.top-links {
    width:975px;
    margin:0px auto;
    padding:8px 0px 8px 0px;
}

.top-links-left {
    float:right;
}

.top-links-right {
    float:right;
}

.top-links-left ul, .top-links-right ul{
    margin:0px;
    padding:0px;
}

.top-links-left ul li, .top-links-right ul li{
    list-style:none;
    display:inline;
    margin:0px;
}

.top-links-left ul li a, .top-links-right ul li a{
    display:block;
    float:left;
    color:#cecece;
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
    margin:0px 9px 0px 8px;
}

.top-links-left ul li a:hover, .top-links-right ul li a:hover {
    color:#2cd650;
}

.top-links-right ul li a {
    padding-left:16px;
}

#no-mrg {
    margin-right:0px;
}

.devider {
    display:block;
    float:right;
    position:relative;
    width:2px;
    height:18px;
    top:0;
    right:-10px;
    background:url(../images/top-devider.jpg) no-repeat;
}

#my-account {
    background:url(../images/user-icon.png) no-repeat;
    background-position:left;
}

#my-account:hover {
    background:url(../images/user-icon-h.png) no-repeat;
    background-position:left;
}

#wish-list {
    background:url(../images/wish-icon.png) no-repeat;
    background-position:left;
    
}

#wish-list:hover {
    background:url(../images/wish-icon-h.png) no-repeat;
    background-position:left;
}

#check-out {
    background:url(../images/check-out.png) no-repeat;
    background-position:left;
    
}

#check-out:hover {
    background:url(../images/check-out-h.png) no-repeat;
    background-position:left;
}

.logo {
    float:left;
    padding:15px 0px 10px 0px;
}

.logo a {
    display:block;
    text-decoration:none;
    background:url(../images/logo.png) no-repeat;
    height:53px;
    width:283px;

}

.slogan1 h2 {
    text-align:right;
}

.slogan1 p{
    color:#626262;
    text-align:right;
}


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

.header-right table {
    float:right;
}

.cart {
    padding-right:8px;
}

.cart h3 {
    font-size:14pt;
    color:#484848;
    margin:0px;
    text-align:right;
}

.cart-btn {
    width:33px;
}

.cart p {
    margin:0px;
    text-align:right;
}

.search-box {
    height:29px;
    background:#f0f0f0;
    border:1px #d7d6db solid;
    width:250px;
    margin-top:12px;
}

.search-txt {
    height:20px;
    background:#f0f0f0;
    border-top:none;
    border-bottom:none;
    border-left:none;
    border-right:1px #d7d6db solid;
    width:190px;
    margin-top:4px;
    padding:0px 5px 0px 5px;
    color:#424242;
    float:left;
}

.btn {
    float:right;
    height:29px;
    width:46px;
    background:url(../images/search-icon.png) no-repeat center;
    border:none;
}

.nav-wrapper {
    background:#f8f8f8;
    border-top:1px #e3e3e3 solid;
    border-bottom:1px #e3e3e3 solid;
}

.home-icon {
    float:left;
    padding-top:13px;
    margin-right:15px;
}
    
.home-icon a {
    display:block;
    text-decoration:none;
    background:url(../images/home.png) no-repeat;
    height:22px;
    width:27px;
}

.home-icon a:hover {
    background:url(../images/home-h.png) no-repeat;
}

.navigation {
    float:left;
}

.navigation ul {
    margin:0px;
    padding:0px;
}

.navigation ul li {
    list-style:none;
    display:inline;
    margin:0px;
}

.navigation ul li a {
    display:block;
    float:left;
    text-decoration:none;
  
    color:#525252;
    font-size:13pt;
    padding:13px 20px 15px 20px;
    border-top:2px #f8f8f8 solid;
    
    
}

.navigation ul li a:hover {
    border-top:#424242 2px solid;
    background:#2cd650;
    color:#fff;
     position:relative;
        z-index:9999;
        padding:13px 21px 15px 21px;
    
}

    .navigation ul li a:hover span {
        display:none;
       
    }

.nav-devider {
    display:block;
    float:right;
    position:relative;
    width:2px;
    height:18px;
    top:0;
    right:-21px;
    background:url(../images/nav-devider.jpg) no-repeat;
}

.banner-wrapper {
    width:100%;
    height:auto;
}

.banner {
    height:395px;
    background:url(../images/banner.jpg) no-repeat;
    background-position:center top;
}

.banner-inner {
    width:975px;
    margin:0px auto;

}

.slogan2 {
    width:672px;
    padding:15px;
    background:url(../images/slogan-bg.png) repeat-y;
    position:relative;
    top:200px;
}

.slogan2 h2,.slogan2 p {
    color:#fff;
}

.slogan3 p, .slogan4 p,.slogan5 p{
    color:#686868;
}

.text p {
    color:#686868;
    font-style:italic;
    font-size:10pt;
    line-height:18px;
}

.client-name {
    color:#2cd650;
    font-weight:bold;
}

.left-zone h1 {
    font-size:18pt;
    border-bottom:1px #e6e6e6 solid;
    padding-bottom:6px;
    margin-bottom:15px;
}

.banner-shadow {
    height:48px;
    background:url(../images/banner-shadow.png) no-repeat;
    background-position:center top;
}

.text-box {
    height:26px;
    width:188px;
    border:1px #b2b2b2 solid;
    margin-bottom:6px;
    font-size:9pt;
    padding:0px 6px 0px 6px;
    color:#686868;
}

.text-area {
    height:60px;
    width:188px;
    border:1px #b2b2b2 solid;
    margin-bottom:6px;
    font-size:9pt;
    font-family:Arial;
    padding:6px;
    color:#686868;
}

.button {
    border:none;
    background:#424242;
    color:#fff;
    padding:5px 15px 5px 15px;
    float:right;
}

.button:hover {
    background:#2cd650;
    color:#fff;
}

.big-box-table {
    width:100%;
}

.box-container {
    width:309px;
    height:auto;
}

.big-box-shadow {
    background:url(../images/big-box-shadow.png) no-repeat;
    height:11px;
}

.big-box {
    width:307px;
    border:1px #d8d8d8 solid;
    height:auto;
}

.big-box-inner {
    border:1px #fff solid;
    background:#f3f3f3;
    padding:8px;
}

.img-box {
    border:1px #cfd1d0 solid;
}

.add-padd {
    padding:0px 24px 0px 24px;
}

.views-btn {
    position:relative;
    height:36px;
    background:url(../images/black-trans.png) repeat;
    top:-37px;
    margin-bottom:-37px;
}

.views-btn a {
    display:block;
    text-decoration:none;
    font-size:14pt;
    font-weight:bold;
    color:#e9ff50;
    background:url(../images/view-arrow.png) no-repeat 100% 70%;
    float:left;
    padding:5px 20px 0px 10px;
}

.views-btn a:hover {
    color:#fd6716;
    background:url(../images/view-arrow-h.png) no-repeat 100% 70%;
}



.right-box-inner {
    border:1px #fff solid;
    background:#f3f3f3;
    padding:8px;
}

.right-box-data {
    background:#fff;
    padding:10px;
}

.right-box-data h2 {
    border-bottom:1px #bdbdbd solid;
    padding-bottom:3px;
}

.right-box-data ul {
    margin:0px 0px 10px 0px;
    padding:0px;
}

    
.right-box-data ul li {
    list-style:none;
    margin:0px;
}

.right-box-data ul li a {
    display:block;
    text-decoration:none;
    background:url(../images/list-arrow.png) no-repeat left;
    padding:3px 0px 3px 12px;
    margin:2px 0px 2px 0px;
    
}

.right-box-data strong {
    font-size:11pt;
    line-height:28px;
    
    
}

.add-brd {
    border-bottom:1px #c2c2c2 dashed;
}

.rate-1, .rate-2 {
    color:#ea270d;
    margin-right:5px;
}

.stars {
    height:10px;
    width:52px;
    background:url(../images/stars.png) no-repeat;
    display:block;
    margin-top:5px;
}

#follow-us table{
    margin:10px 0px 10px 0px;
}

#follow-us table a {
    margin-right:8px;
}

.box-outer {
    width:208px;
    height:auto;
    float:left;
    margin:0px 25px 20px 0px;
}

.small-box-shadow {
    height:11px;
    background:url(../images/small-box-shadow.png) no-repeat;
}

.product-box-wrapper {
    width:206px;
    border:1px #d8d8d8 solid;    
}

.product-box-inner {
    border:1px #fff solid;
    background:#f3f3f3;
    padding:8px;
}

.box-outer .product-box {
    background:#fff;
    margin:0px;
    width:188px;
    overflow:hidden;
}

.pics {
    width:188px;
    overflow:hidden;
    height:212px;
}



.pro-btn {
    
    height:36px;
    
    
}

.product-name {
  
    padding:4px 0px 0px 5px;
    
}

    .product-name h3 {
        color:#686868;
    }

    .product-name p {
        margin-bottom:5px;
    }

.product-box .add-btn {
    float:right;
    width:24px;
    margin-right:5px;
    margin-top:5px;
    margin-bottom:5px;
}

.product-box .add-btn a {
    display:block;
    background:url(../images/add-pro.jpg) no-repeat;
    height:24px;
    width:24px;
    float:right;
    padding:0px;
}

.product-box .add-btn a:hover {
    background:url(../images/add-pro-h.jpg) no-repeat;
}



    .product-box .details p {
        margin:0px;
        text-align:left;
        line-height:12px;
        clear:both;
    }

.rate {
    display:block;
    float:left;
    margin-left:5px;
}

.footer-wrapper {
    width:100%;
    height:auto;
    background:#242424;
}

.footer {
    width:975px;
    margin:0px auto;
    padding:25px 0px 10px 0px;
}

.footer-bottom-wrapper {
    background:#0a0a0a;
    border-top:1px #626262 solid;
}

.footer-bottom {
    width:975px;
    margin:0px auto;
    padding:10px 0px 10px 0px;
}

    .footer-bottom p {
        margin:0px;
        font-size:10pt;
    }

.f-right {
    width:280px;
    float:right;
}

.f-left table a {
    font-size:12pt;
}

.f-left {
    width:680px;
    float:left;
}

.f-text {
    height:28px;
    border:none;
    background:#383838;
    color:#8a8e8e;
    width:248px;
    margin-bottom:6px;
    padding:0px 6px 0px 6px;
}

.f-right h2 {
    margin-left:20px;
}

/*=================================Layout==========================================*/

.left-zone {
    width:700px;
    float:left;
}


.right-box {
    border:1px #d8d8d8 solid;
    height:auto;
    margin-bottom:15px;
    width:248px;
    float:right;
}

.get-qoute {
    border:1px #d8d8d8 solid;
    height:auto;
    margin-bottom:15px;
    width:248px;
    float:right;
    clear:right;
}

.testimonilas {
   
    height:auto;
    width:700px;
    float:left;
    
}

.mrg {
    margin-right:15px;
}

.testimonilas .right-box {
        width:340px;
        float:left;
}

/*==================================Rounded===================================*/

.search-box {
    border-radius:4px;
    overflow:hidden;
}

.navigation ul li a:hover {
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}

.slogan2 {
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}

.big-box {
    border-radius:6px;
}

.box-container {
    border-radius:6px;
}

.big-box-inner {
    border-radius:6px;
}

.right-box {
    border-radius:6px;
}

.right-box-inner {
    border-radius:6px;
}

.right-box-data {
    border-radius:6px;
}

.get-qoute {
    border-radius:6px;
}

.text-box,.button,.text-area,.f-text {
    border-radius:4px;
}