﻿
/* ------------------------------------| body frame start |--------------------------------*/

body
{
    margin: 0px auto;
    padding: 0px;
    background-color: #f4f4f4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6b6b6b;
    line-height: 18px;
}
#container
{
    width: 976px;
    background-color: #FFFFFF;
    padding: 0px 8px;
    margin: 0px auto;
    background-image: url(../images/page-bg.gif);
    background-repeat: repeat-y;
    background-position: left top;
    overflow: hidden;
}
#contentArea
{
    border: 8px solid #eaeaea;
    display: block;
    overflow: hidden;
    background-color: #ffffff;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
}
/* ------------------------------------| body frame end |--------------------------------*/

/* ------------------------------------| header start |--------------------------------*/
#header
{
}
#header #topStrip
{
    border: 1px solid #9c6f99;
    background-image: url(../images/header-top-strip.gif);
    background-repeat: repeat-x;
    background-position: left top;
    height: 6px;
    overflow: hidden;
}
#header #headerStrip
{
    background-image: url(../images/header-bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    height: 145px;
    overflow: hidden;
}
#header .headerLeft
{
    float: left;
    width: 245px;
    padding-left: 20px;
    padding-top: 14px;
}
#header .headerRight
{
    float: right;
    width: 700px;
    padding-top: 52px;
    height: 100px;
}
#header .topSmallBtn
{
    clear: both;
    text-align: right;
    display: block;
    padding-top: 10px;
    padding-right: 5px;
    width: 695px;
}
.headerBasket
{
    width: 310px;
    height: 44px;
    padding-right: 8px;
    background-image: url(../images/basket-contact-info-bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    text-align: right;
    float: right;
    margin-left: 18px;
}
.basketRight
{
    float: Left;
    width: 255px;
    text-align: left;
}
.headerRight .icon
{
    float: left;
    padding-right: 10px;
}
.headerCallInfo
{
    width: 180px;
    height: 44px;
    padding-right: 14px;
    background-image: url(../images/basket-contact-info-bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    text-align: right;
    float: right;
    margin-left: 18px;
}
.headerCallInfo .phoneNumber
{
    color: #6b6b6b;
    font-weight: bold;
    font-size: 18px;
}

/* ------------------------------------| header end |--------------------------------*/
/* ------------------------------------| top navigation start |--------------------------------*/
#topNav
{
    background-image: url(../images/top-navigation-bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    height: 35px;
    color: #ffffff;
    clear: both;
    padding: 0px 13px;
}
#topNav ul
{
    padding: 0px;
    margin: 0px;
    display: block;
}
#topNav ul li
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: inline;
    padding-top: 11px;
}
#topNav ul li a
{
    text-decoration: none;
    color: #FFFFFF;
    border-right: 2px solid #923f8b;
    padding: 8px 5px;
    display: block;
    float: left;
}
#topNav ul li a:hover
{
    color: #f9be42;
}
#topNav ul li .current
{
    text-decoration: none;
    color: #f9be42;
    border-right: 2px solid #923f8b;
    padding: 8px 5px;
    display: block;
    float: left;
}
/* ------------------------------------| top navigation end |--------------------------------*/

/* ------------------------------------| left panel start |--------------------------------*/
#leftPanel
{
    width: 220px;
    float: left;
    padding-top: 12px;
}

.leftBtns
{
}
.leftBtns ul
{
    padding: 0px;
    margin: 0px;
    padding-bottom: 15px;
}
.leftBtns ul li
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: block;
    width: 220px;
}
.leftBtns ul li a
{
    padding: 0px;
    margin: 0px;
    display: block;
    text-decoration: none;
    color: #6b6b6b;
    background-image: url(../images/left-btn-bg.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 2px 0px 4px 25px;
    background-color: #fefefe;
}
.leftBtns ul li a:hover
{
    color: #b06da8;
}
/* ------------------------------------| left panel end |--------------------------------*/

/* ------------------------------------| right panel start |--------------------------------*/
#rightPanel
{
    width: 700px;
    float: right;
    padding-top: 12px;
    padding-right: 20px;
}

.pageTitleStrip
{
    background-image: url(../images/page-title-bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #dcddde;
    font-size: 18px;
    padding: 6px;
}
/* ------------------------------------| right panel end |--------------------------------*/

/* ------------------------------------| home product catergory start |--------------------------------*/
#categoryList ul
{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    clear: both;
    margin-bottom: 12px;
}
#categoryList ul li
{
    background-color: #eaeaea;
    width: 152px;
    height: 210px;
    padding: 8px;
    float: left;
    list-style: none;
    display: block;
    margin-right: 9px;
    background-image: none !important;
}

.categoryThumb
{
    border: 1px solid #b06da8;
    height: 150px;
    width: 150px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
}
.categoryThumb img
{
    vertical-align: middle;
}
/* ------------------------------------| home product catergory end |--------------------------------*/

/* ------------------------------------| home product list start |--------------------------------*/
#productsList ul
{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    clear: both;
    margin-right: -11px;
    margin-left: -11px;
}
#productsList ul li
{
    background-color: #eaeaea;
    width: 202px;
    height: 500px;
    padding: 8px;
    float: left;
    list-style: none;
    display: block;
    margin-right: 11px;
    margin-left: 11px;
    background-image: none;
    margin-bottom: 22px;
}
.productsListThumb
{
    border: 1px solid #b06da8;
    height: 250px;
    width: 200px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    background-color: #ffffff;
}
.productsListThumb img
{
    vertical-align: middle;
}
.productsListBrief
{
    padding: 15px 0px;
    height: 120px;
    overflow: hidden;
}
#productsList ul li .productsListBrief ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#productsList ul li .productsListBrief ul li
{
    padding: 0px;
    margin: 0px !important;
    width: 190px !important;
    padding-bottom: 3px;
    padding-left: 12px;
    height: auto;
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
}

/*------------------------------------| home product list end |--------------------------------*/



#productsLeftPanel
{
    width: 310px;
    float: left;
    text-align: center;
    padding-left: 1px;
}

#productsDetails
{
    border: 8px solid #eaeaea;
    display: block;
    overflow: hidden;
    clear: both;
    background-image: url(../images/detail-bg.gif);
    background-repeat: repeat-y;
    background-position: left top;
}

#productsDetailsPrice
{
    background-color: #eaeaea !important;
    border: 8px solid #eaeaea;
    display: block;
    overflow: hidden;
    clear: both;
}
#productsDetails h1
{
    padding: 3px 10px;
    background-color: #b06da8;
    color: #FFFFFF;
    margin: 0px;
    font-size: 14px;
    text-align: left !important;
}
#productsRightPanel
{
    float: right;
    width: 355px;
}
#productsRightPanel ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#productsRightPanel ul li
{
    padding: 0px;
    margin: 0px;
    padding-bottom: 3px;
    padding-left: 12px;
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
}
.smallThumb
{
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    width: 84px;
    height: 104px;
    overflow: hidden;
}
.smallThumb a
{
    width: 84px;
    height: 104;
    border: 1px solid #b06da8;
    display: table-cell;
    vertical-align: middle;
    background-color: #FFF;
    text-align: center;
}
.smallThumb a:hover
{
    border: 1px solid #a7a9ab;
}
.smallThumb a img
{
    vertical-align: middle;
}

/* ------------------------------------| footer start |----------------------------------------*/
#footer
{
    clear: both;
    color: #b06da8;
    width: 992px;
    margin: 0px auto;
    text-align: center;
    font-size: 11px;
}
#footer a
{
    color: #b06da8;
}
#footer .footerLink
{
    clear: both;
    border-bottom: 5px solid #9b6196;
    background-image: url(../images/footer-bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #f5f5f5;
    color: #b06da8;
    padding: 10px;
    width: 976px;
    margin: 0px auto;
    text-align: center;
    font-size: 11px;
}
.paypalLogos
{
    padding-top: 10px;
}
/* ------------------------------------| footer end |----------------------------------------*/


/* ------------------------------------| tags start |----------------------------------------*/
a img
{
    border: none;
    outline: none;
}
p
{
    padding: 0px;
    margin: 0px;
    padding-bottom: 18px;
}
h1
{
    padding: 0px;
    margin: 0px;
    padding-bottom: 5px;
    color: #b06da8;
    font-size: 16px;
}
h2
{
    padding: 0px;
    margin: 0px;
    padding-bottom: 3px;
    font-size: 14px;
}
h3
{
    padding: 0px;
    margin: 0px;
    padding-bottom: 3px;
    font-size: 12px;
    color: #b06da8;
}
h4
{
    padding: 0px;
    margin: 0px;
    padding-bottom: 3px;
    font-size: 12px;
}
ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
ul li
{
    padding: 0px;
    margin: 0px;
    padding-bottom: 3px;
    padding-left: 12px; /*background-image: url(../images/bullet.gif);*/
    background-repeat: no-repeat;
    background-position: left 5px;
}
#productsList h1, #categoryList h1
{
    padding: 3px;
    background-color: #b06da8;
    color: #FFFFFF;
    margin: 0px;
    margin-bottom: 3px;
    font-size: 12px;
    text-align: center;
}
/* ------------------------------------| tags end |----------------------------------------*/

/* ------------------------------------| other css start |----------------------------------------*/
.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}
/* ------------------------------------| other css end |----------------------------------------*/

/* ------------------------------------| text start |----------------------------------------*/
.pinkText
{
    color: #b06da8;
}
.grayText
{
    color: #6b6b6b;
}
.whiteText
{
    color: #ffffff;
}
/* ------------------------------------| text end |----------------------------------------*/

.headerTextBlock
{
    width: 644px;
    padding: 20px;
    border: 8px solid #e5e5e5;
    margin-bottom: 10px;
    background-color: #ffffff;
}

.buyNow
{
    background-image: url(../images/buy-now-btn-bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #ffffff;
    width: 86px;
    padding: 3px 0px 5px 11px;
    text-decoration: none;
    display: block;
    margin-top: 5px;
    float: right;
}
.moreInfo
{
    background-image: url(../images/buy-now-btn-bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #ffffff;
    width: 86px;
    padding: 3px 0px 5px 11px;
    text-decoration: none;
    display: block;
    margin-top: 5px;
    float: left;
}
.pdfLink
{
    background-image: url(../images/pdf-link-bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #b14ea5;
    padding: 8px 8px 8px 36px;
    text-decoration: none;
    display: block;
    margin-top: 5px;
    float: left;
    font-weight: bold;
    margin-right: 10px;
}
.zipLink
{
    background-image: url(../images/zip-link-bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #b14ea5;
    padding: 8px 8px 8px 36px;
    text-decoration: none;
    display: block;
    margin-top: 5px;
    float: left;
    font-weight: bold;
    margin-right: 10px;
}
a.buyNow:hover, a.moreInfo:hover
{
    color: #b06da8;
}

.horizontalLine
{
    clear: both;
    width: 100%;
    height: 1px;
    padding: 10px 0px;
}
.horizontalLine img
{
    width: 100%;
    height: 1px;
}
.price
{
    color: #ed960e;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0px;
    display: block;
    height:22px;
}


.myBasket
{
    margin-bottom: 20px;
}
.myBasket td
{
    padding-right: 5px;
    padding-bottom: 8px;
    padding-top: 8px;
}
.specification
{
    width: 180px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6b6b6b;
}
.qty
{
    width: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6b6b6b;
}
.subTotal
{
    font-size: 14px;
    color: #6b6b6b;
    font-weight: bold;
}

.purpleBtn
{
    background: transparent url(../images/btn-left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 4px 0 9px 10px;
    text-decoration: none;
    color: #FFF;
    height: 26px;
    font-weight: bold;
}

.purpleBtn span
{
    background: transparent url(../images/btn-right.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 4px 10px 9px 0;
}



a.button
{
    background: url(    '../images/bg_button_a.gif' ) no-repeat right top;
    display: block;
    float: left;
    height: 21px;
    color: #FFF;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    font-weight: bold;
}
a.button span
{
    background: transparent url(../images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 11px;
    padding: 5px 0 5px 10px;
}
a.button:hover
{
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span
{
    background-position: bottom left;
    padding: 5px 0 5px 10px; /* push text down 1px */
}

a.buttonc
{
    background: url(    '../images/bg_button_a.gif' ) no-repeat right top;
    display: block;
    width: 60px;
    height: 21px;
    color: #FFF;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    font-weight: bold;
}
a.buttonc span
{
    background: transparent url(../images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 11px;
    padding: 5px 0 5px 10px;
}
a.buttonc:hover
{
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonc:hover span
{
    background-position: bottom left;
    padding: 5px 0 5px 10px; /* push text down 1px */
}

.form td
{
    padding: 5px 10px;
}
.box
{
    width: 250px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6b6b6b;
    border: 1px solid #d7d7d7;
    padding: 2px;
}


.captcha
{
    background-color: #ffffff; /*border: 1px solid #cfaece;     background-color: #e8e9e9;          float: left;        padding: 5px;     margin-right: 10px;*/
}
.testimonial
{
    padding-bottom: 5px;
}
.authour
{
    padding-bottom: 18px;
    color: #b06da8;
    font-weight: bold;
}
.error
{
    color: #FF0000;
}

#errordiv
{
    padding: 5px;
    color: #FF0000;
}
.sectiondiv
{
    padding: 2px,0px,0px,0px;
    border: 1px solid #c3abc4;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    float: left;
}
.sectionimglink
{
    background-image: none;
    float: left;
    padding: 2px 0 2px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
