/* @override http://localhost:8080/bracewellPlugin/css/blueprint/typography.css */

/* -------------------------------------------------------------- 

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html {
    font-size       :   100.01%;
}
body { 
    font-size       :   75%;
    color           :   #000;
    background      :   #fff;
    font-family     :   "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2, h3,h4,h5,h6 {
    font-weight     :   bold;
    white-space     :   nowrap;
    overflow        :   hidden;
    color           :   #000;
}
h1 {
    padding-left    :   10px;
}
h1, #order_checkout h2 {
    font-size       :   14px;
    color           :   #000;
    line-height     :   30px;
    color           :   #FFF;
    background      :   #000;
    margin-bottom   :   10px;
}
h2 {
    font-size       :   12px;
    text-transform  :   uppercase;
    line-height     :   18px;
    margin-bottom   :   8px;
}
#order_cart h2,
#order_checkout h2 {
    padding-left    :   10px;
}
h2 a {
    color           :   #000;
}
h3 {
    font-size       :   11px;
    line-height     :   14px;
    margin-bottom   :   6px;
    text-transform  :   uppercase;
}
h4 { 
    font-size       :   10px;
    line-height     :   10px;
    margin-bottom   :   2px;
    text-transform  :   uppercase;
}
h5, h6 {
    font-size       :   9px;
    line-height     :   10px;
    margin-bottom   :   2px;
    text-transform  :   uppercase;
}
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin            :   0;
}


/* Text elements
-------------------------------------------------------------- */

p {
    font-size       :   0.9em;
    color           :   #000;
    margin-bottom   :   1.1em;
    line-height     :   15px;
}
.blog_node p,
.steer-shop-product-listing p {
    padding-left    :   10px;
}
a, a:hover {
    color           :   #55c7eb;
}
p img.floatLeft  { 
    float           :   left;
    margin-right    :   10px;
}
p img.floatRight  {
    float           :   right;
    margin-left     :   10px;
}

blockquote  { 
    font-style      :   italic;
}
strong {
    font-weight     :   bold;
}
em,dfn, address,acronym {
    font-style      :   italic;
}
sup, sub {
    line-height     :   0;
}
pre,code,tt { 
    font            :   11px 'andale mono', 'lucida console', monospace;
    line-height     :   1.5;
    white-space     :   pre;
}
a {
    text-decoration :   none;
    outline-style   :   none;
    outline         :   none;
}
a:hover {
    text-decoration :   underline;
}


/* Lists
-------------------------------------------------------------- */

ul, ol, dl {
    padding-left        :   0px;
    font-size           :   0.9em;
    margin-bottom       :   1.1em;
}
ul li, ol li, dl dt {
    list-style-position :   inside;
}
ul {
    list-style-type     :   none;
}
ol {
    list-style-type     :   decimal;
}
dl dt {
    font-weight         :   bold;
}
ul li {
    background          :   transparent url(../../img/page/ico-list.gif) 0 5px no-repeat;
    padding-left        :   16px;
}

/* Tables
-------------------------------------------------------------- */

table {
    margin-bottom       :   1.1em;
    width               :   100%;
    padding-left        :   10px;
    font-size           :   0.9em;
}
form table {
    padding-left        :   0;
}
th {
    font-weight         :   bold;
}
thead {
    line-height         :   20px;
}
thead th,
tfoot .steer_shop_preview,
tfoot .steer_shop_price_total {
    background          :   #000;
    color               :   #FFF;
    line-height         :   24px;
    font-weight         :   bold;
}

th, td {
	padding             :   4px;
}
tbody {
    padding-top         :   6px;
}
tbody td {
    line-height         :   24px;
}

table td.steer_shop_description {
    line-height         :   18px;
}
tr.even td, tr.even th {
    background          :   #e2e2e2;
}

tr.steer_shop_total td, tr.steer_shop_total th {
	border-top:1px solid #000;
	font-weight         :   bold;	
}
table.steer_shop_form_credit_card th {
    vertical-align      :   top; 
}


/* Misc classes
-------------------------------------------------------------- */

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.separate {
    width           :   100%;
    height          :   1px;
    line-height     :   1px;
    font-size       :   1px;
    border-bottom   :   1px dashed #8c8c8c;
    clear           :   both;
    margin          :   20px 0;
}
div.cnt .separate {
    margin          :   0.5em 0;
}
button {
    background      :   #000000 url(../../img/page/nav-arrow-right.gif) no-repeat scroll right 50%;
    border          :   0;
    cursor          :   pointer;
    color           :   #FFFFFF;
    font-size       :   10px;
    text-transform  :   uppercase;
    font-weight     :   bold;
    text-decoration :   none;
    padding         :   3px 16px 2px 8px;
    overflow        :   visible;
}
#theForm button {
  background      :   #000000 url(../../img/page/nav-arrow-right_grey.gif) no-repeat scroll right 50%;
}
button.arrowLeft {
    background      :   #000000 url(../../img/page/nav-arrow-left.gif) no-repeat scroll left 50%;
    padding         :   3px 8px 2px 16px;
}
div.button {
    background      :   #000000 url(../../img/page/nav-arrow-right.gif) no-repeat scroll right 50%;
    cursor          :   pointer;
}
div.arrowLeft {
    background      :   #000000 url(../../img/page/nav-arrow-left.gif) no-repeat scroll left 50%;
 }
div.button a {
    color           :   #FFFFFF;
    padding         :   0 19px 0 11px;
    font-size       :   11px;
    text-transform  :   uppercase;
    font-weight     :   bold;
    display         :   block;
    text-decoration :   none;
    line-height     :   20px;
}
div.arrowLeft a {
    padding         :   0 12px 0 19px;
}
#outer .button a:hover {
    text-decoration :   none;
    color           :   #FFFFFF;
}
/*div.arrowLeft a {
    margin          :   -1px 0 0 13px;
    padding         :   4px 10px 4px 3px;
}*/
/*div.arrowLeft a {
    margin-top      :   0;
}*/
a.prevPage, a.nextPage {
    color           :   #000;
}

/******************************************************************************
** head **
**
******************************************************************************/
#head h1 { 
    text-indent     : -1000px;
    margin-bottom   :   0;
    background      :   transparent url(../../img/page/img-bracewell-logo.jpg) no-repeat scroll 0 0 ;
    line-height     :   74px;
}
#head a, #head a:hover {
    color           :   #FFF;
    text-transform  :   uppercase;
    font-weight     :   bold;
    font-size       :   12px;
}
#head .box-3 li a {
    background      :   transparent url(../../img/page/ico-shopping-bag.gif) no-repeat scroll left top;
    padding         :   2px 0 0 16px;
    height          :   18px;
    display         :   block;
}
#head .box-5 a {
    position        :   absolute;
    top             : 0;
    left            : 0;
    width           : 278px;
    height          : 74px;
}
#head .box-5 a:hover {
    text-decoration : none;
}
#head ul {
    margin-bottom   :   0px;
    padding-left    :   0px;
}
#head li {
    background      :   none;
    padding-left    :   0;
}
#head h1 a, #head h1 a:hover {
    font-size       :   20px;
    text-decoration :   none;
    letter-spacing  :   14px;
}


/******************************************************************************
** footer **
**
******************************************************************************/
#footer h3 {
    font-size       :   12px;
    color           :   #FFF;
    padding-left    :   0;
    margin-bottom   :   0;
}
#footer ul {
    padding-top     :   10px;
    padding-left    :   0;
}
#footer a, #footer a:hover {
    color           :   #FFF;
    text-transform  :   uppercase;
    font-size       :   11px;
}
#footer .cnt ul li {
    padding-left    :   0;
    background      :   none;
}


/******************************************************************************
** products **
**
******************************************************************************/
.left .box-2 a {
    display         :   block;
    position        :   relative;
    float           :   left;
}
.right .box-2 h2 {
    padding-left    :   0;
}
.left .box-2 a:hover {
    text-decoration :   none;
}
.left .box-2 a span {
    background      :   transparent url(../../img/page/bg-span.png) repeat-x scroll left top;
    bottom          :   5px;
    color           :   #212121;
    font-size       :   12px;
    font-weight     :   bold;
    padding-left    :   8px;
    position        :   absolute;
    width           :   97px;
    line-height     :   18px;
    width           :   96px;
}
.scrollable ul {
    padding-left    :   0;
    margin-bottom   :   0;
}
.scrollable .items ul li {
    padding-left    :   0;
    background      :   none;
}
.scrollable .items ul li a {
    position        :   relative;
}
.scrollable .items ul li a img {
    filter          :   alpha(opacity=50);
    -moz-opacity    :   0.5;
    -khtml-opacity  :   0.5;
    opacity         :   0.5;
    -webkit-opacity :   0.5;
    width           :   105px;
    height          :   184px;
}
.scrollable .items ul li a:hover img {
    filter          :   alpha(opacity=100);
    -moz-opacity    :   1;
    -khtml-opacity  :   1;
    opacity         :   1;
    -webkit-opacity :   0.999;
}
.scrollable .items ul li a img.on {
    filter          :   alpha(opacity=100);
    -moz-opacity    :   1;
    -khtml-opacity  :   1;
    opacity         :   1;
    -webkit-opacity :   0.999;
}
.steer-shop-product-listing .result {
    margin-bottom   :   10px;
}


/******************************************************************************
** shopping steer_shop_cart **
**
******************************************************************************/
.steer_shop_cart .item table th {
    width           :   60px;
    font-size       :   11px;
}
.steer_shop_cart .item table td {
    width           :   75px;
}
.steer_shop_cart tbody td {
    font-size       :   11px;
    line-height     :   16px;
    padding         :   0;
}
.steer_shop_cart .price {
    margin-top      :   10PX;
}
.steer_shop_cart .price p {
    font-size       :   14px;
    font-weight     :   bold;
    line-height     :   10px;
    margin          :   0;
    padding         :   0;
}
.steer_shop_cart .amount {
    background      :   #000;
    color           :   #FFF;
    float           :   left;
    font-size       :   12px;
    font-weight     :   bold;
    height          :   17px;
    padding         :   0 0 0 4px;
    width           :   13px;
}
.steer_shop_cart h2 {
    margin          :   0 0 4px;
}
.steer_shop_cart .remove {
    background      :   #000;
    padding         :   0 4px;
    position        :   absolute;
    right           :   5px;
    top             :   5px;
}
.steer_shop_cart .remove a {
    color           :   #FFF;
    font-size       :   11px;
    font-weight     :   bold;
}
.steer_shop_cart .remove a:hover {
    text-decoration :   none;
}
.steer_shop_cart a.keep {
    left            :   270px;
    position        :   absolute;
    top             :   5px;
}


/******************************************************************************
** shopping checkout **
**
******************************************************************************/
.steer_shop_checkout th,
.b_club th {
    width           :   180px;
}

.b_club_form {
    margin-bottom   :   20px;
}