/* @override http://localhost:8080/bracewellPlugin/css/styles.css */

/******************************************************************************
** global styles **
**
******************************************************************************/
.jqZoomWindow {
    display         :   block!important;
}
body {
    background      :   #1A1A1A;
    margin-top      :   0;
    color           :   #FFF;
    text-align      :   center;
}
* {
    margin          :   0;
    padding         :   0;
}
img {
    border          :   0 none;
}
.container {
    width           :   968px;
    margin          :   0 auto;
    text-align      :   left;
}
.clear {
    clear           :   both;
    height          :   1px;
    font-size       :   1px;
    line-height     :   1px;
}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}

/******************************************************************************
** outer **
**
******************************************************************************/
#outer {
    background      :   transparent url(../img/page/bg-grass.jpg) repeat scroll left top;
    background-attachment:fixed;
}
#outer div.last {
    margin-right    :   0;
}


/******************************************************************************
** header **
**
******************************************************************************/
#head div {
    padding         :   10px;
    margin          :   0 10px 20px 0;
    color           :   #dbdbdb;
    background      :   #020202;
    float           :   left;
    width           :   110px;
}
#head .box-4 {
    width           :   244px;
}
#head .box-4 {
    background      :   transparent url(../img/page/img-facebook-twitter.png) no-repeat scroll 32px 0;
    height          :   50px;
    position        :   relative;
    margin-right    :   6px;
}
#head .box-4 a:hover {
    text-decoration :   none;
}
#head .box-4 .facebook {
    height          :   29px;
    left            :   30px;
    position        :   absolute;
    top             :   0;
    width           :   100px;
}
#head .box-4 .twitter {
    height          :   25px;
    left            :   100px;
    position        :   absolute;
    top             :   30px;
    width           :   95px;
}
#head .box-5 {
    width           :   278px;
    height          :   74px;
    padding         :   0;
    position        : relative;
}


/******************************************************************************
** stage **
**
******************************************************************************/
#stage {
    margin-bottom   :   20px;
}
#stage .box-1 {
    padding         :   10px;
    background      :   #FFF;
}
#stage .bg {
    background      :   transparent url(../img/page/bg-stage.png) repeat-x scroll left top;
    height          :   6px;
}
#stage .box-1 .blog_node,
#stage .box-1 .blog_node p {
    padding         :   0;
    margin-bottom   :   0;
}
/******************************************************************************
** content **
**
******************************************************************************/
#content .box-1, #content .box-2, #content .box-3, #content .box-4 {
    padding         :   10px;
    background      :   #FFF;
    height          :   200px;
    width           :   194px;
    margin-right    :   10px;
    float           :   left;
    margin-bottom   :   80px;
    position        :   relative;
    overflow        :   hidden;
}
#content div.boxFooter {
    background      :   #FFF;
    height          :   10px;
    width           :   100%;
    margin          :   0;
    float           :   none;
    padding         :   0;
    position        :   absolute;
    left            :   0;
    bottom          :   0;
}
#content div a span {
    background      :   transparent url(../img/page/bg-span.png) repeat-x scroll left top;
    bottom          :   10px;
    color           :   #212121;
    font-size       :   14px;
    font-weight     :   bold;
    line-height     :   22px;
    padding-left    :   8px;
    position        :   absolute;
    width           :   100%;
}
#content .box-4 {
    width           :   276px;
}
#content .box-1 a:hover, #content .box-2 a:hover,
#content .box-3 a:hover, #content .box-4 a:hover {
    text-decoration :   none;
}

/******************************************************************************
** product **
**
******************************************************************************/
.left {
    width           :   336px;
    float           :   left;
    margin          :   0 10px 0 0;
}
.right {
    float           :   left;
    margin          :   0 0 160px 0;
    width           :   622px;
    background      :   #FFF;
}
.left .box-1,
.left .box-2 {
    padding         :   10px;
    background      :   #FFF;
}
.left .box-1 {
    height          :   437px;
    margin-bottom   :   10px;
}
.left .box-2 {
    height          :   224px;
    margin-bottom   :   10px;
}
.right .box-1,
.right .box-2 {
    padding         :   10px;
    float           :   left;
}
.right .box-1 {
    width           :   320px;
    min-height      :   560px;
    position        :   relative;
}
.right .box-1 .addJqzoom {
    background        :   #FFF;
    height            :  14px;
    left              :   0;
    padding           :   4px;
    position          :   absolute;
    top               :   0;
    width             :   80px;
    z-index           :   10000;
}
.right .box-1 .addJqzoom a {
    background        :   transparent url(../img/page/magnifier.png) no-repeat scroll 0 0;
    cursor            :   pointer;
    display           :   block !important;
    height            :   560px;
    left              :   0;
    padding-left      :   18px;
    position          :   absolute!important;
    top               :   0;
    width             :   300px;
}
.right .box-1 .steer_shop_product_page_image_container {
    position: relative;
    display: none;
}
.right .box-2 {
    background      :   #F3F3F3;
    width           :   242px;
    margin-top      :   10px;
    min-height      :   540px;
}
.right .box-2 .steer_shop_catalogue_pictures_list {
    padding-left    :   0;
}
.right .box-2 .steer_shop_catalogue_pictures_list li {
    float           :   left;
    padding-left    :   0;
    background      :   none;
}
.right .box-2 .steer_shop_catalogue_pictures_list li img {
    cursor          :   pointer;
}


/******************************************************************************
** collections **
**
******************************************************************************/
.scrollable {
    height          :   368px;
    overflow        :   hidden;
    width           :   315px;
    position        :   relative;
}
.scrollable img {
    float           :   left;
    cursor          :   pointer;
}
.scrollable .items {
    width           :   20000em;
    position        :   absolute;
    background      :   #000;
} 
.scrollable .items ul {
    float           :   left;
    width           :   315px;
}
.scrollable .items ul li span {
    display         :   none;
}
.collectionNavigation {
    margin-top      :   9px;
    text-align      :   center;
    width           :   315px;
}
.collectionNavigation button {
    margin-top      :   0px;
    float           :   left;
}
.collectionNavigation button.nextPage {
    float           :   right;
}
.collectionNavigation .navi {
    margin          :   0px auto;
}
.collectionNavigation .navi a {
    width           :   8px;
    height          :   8px;
    float           :   left;
    margin          :   7px 2px 0 0;
    background      :   transparent url(../img/page/ico-navigator.png) 0 0 no-repeat;
    display         :   block;
    font-size       :   1px;
    cursor          :   pointer;
}
.collectionNavigation .navi a:hover {
    background-position:0 -8px;
}
.collectionNavigation .navi a.active {
    background-position:0 -16px;
}
#outer .steer_shop_product_show .box-1 a {
    position        :   absolute;
    top             :   0;
    left            :   0;
    z-index         :   900;
}
#outer .steer_shop_product_show .box-1 #image_display_0 {
    z-index         :   1000;
}

/******************************************************************************
** shopping steer_shop_cart **
**
******************************************************************************/
.right .steer_shop_cart {
    min-height      :   560px;
}
.steer_shop_cart .left,
.steer_shop_cart .right {
    width           :   296px;
    margin-bottom   :   0;
}
.right .steer_shop_cart .item {
    position        :   relative;
}
.steer_shop_cart .item {
    background      :   #EAEAEC;
    padding         :   5px;
    overflow        :   auto;
    margin-bottom   :   10px;
    float           :   left;
    width           :   285px;
    margin-right    :   10px;
}
.steer_shop_cart #order_cart div.odd {
    margin-right    :   0px;
}
.steer_shop_cart .item img,
.steer_shop_cart .item .cnt{
    float           :   left;
}
.steer_shop_order_summary {
    margin-top      :   10px;
}
.steer_shop_order_summary .steer_shop_preview img {
    margin          :   4px 0;
}
.steer_shop_cart .item table {
    width           :   135px;
    padding-left    :   0;
    margin-bottom   :   0;
}
.steer_shop_cart .item .cnt {
    margin-left     :   5px;
    width           :   205px;
}
.steer_shop_cart .price {
    float           :   right;
}
.steer_shop_cart button, .steer_shop_cart div.button {
    float           :   right;
}
.steer_shop_cart button.arrowLeft, .steer_shop_cart div.arrowLeft, .steer_shop_receipt div.arrowLeft {
    float           :   left;
}
.steer_shop_cart .cardNavi,
.steer_shop_cart .steer_shop_cart_actions {
    position        :   relative;
}
.steer_shop_cart_actions {
    padding-bottom  :   35px;
}
.quantityerror {
    background-color: #FBE3E4!important;
}
.quantityerror .max-ammount {
    left:114px;
    position:absolute;
    top:18px;
    color: #8A1F11;
}
.quantityerror h2 a {
    color: #8A1F11;
}

/******************************************************************************
** main Content **
**
******************************************************************************/
.blog_node,
.steer-shop-product-listing,
.steer-shop-product,
.steer_shop_content {
    padding         :   10px;
}
.steer-shop-product-listing .separate {
    margin-bottom   :   10px;
}
.right .blog_node .box-1,
.right .steer-shop-product-listing .box-1,
.right .steer-shop-product .box-1,
.right .steer_shop_content .box-1 {
    padding         :   0 10px 10px 0;
}
.right .blog_node .box-2,
.right .steer-shop-product-listing .box-2,
.right .steer-shop-product .box-2,
.right .steer_shop_content .box-2 {
    margin-top      :   0;
    width           :   252px;
}

/******************************************************************************
** footer **
**
******************************************************************************/
#footer {
    height          :   186px;
    background      :   #1a1a1a;
    width           :   100%;
    padding-top     :   10px;
    margin-bottom   :   -1px;
}
#footer div {
    margin-right    :   20px;
    width           :   120px;
    float           :   left;
}
#footer .cnt {
    margin          :   0 auto;
    width           :   968px;
    text-align      :   left;
    float           :   none;
}


.right .sfTAlert {
    padding         :   10px;
}
.right dl.sfTMessageInfo {
    padding         :   10px 20px;
}
.right .sfTAlert h5 {
    font-size       :   12px;
    text-transform  :   uppercase;
}