/**
 * Name: Golden Eagle 3
 * Date: March 2011
 * Description: Global Style Sheet
 * Version: 1.0
 * Coder: Enrique Ramirez
 * Coder URI: http://enrique-ramirez.com
 */

/* Imports
   ===============================================*/
@import url('reset.css');
@import url('jquery.fancybox-1.3.4.css');

/* Global Styles
   ===============================================*/

root {
  -webkit-print-color-adjust: exact;
}

html {
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    height: 100%;
}

body {
    background: white;
    color: #58595B;
    font-size: 75%; /* Base font size: 11px */
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    line-height: 1.75;
    margin: 0;
    padding: 0;
    text-align: left;
    height: 100%;
}

/* set height for container div, required for the sticky footer */
body > div:first-child:not(.jbar) {
    height: 100%;
}

/* Headers
   -----------------------------------------------*/
h1 {font-size: 2em}             /* 32px */
h2 {font-size: 1.5em}   /* 24px */
h3 {font-size: 1.375em} /* 22px */
h4 {font-size: 1.25em}  /* 20px */
h5 {font-size: 1.125em} /* 18px */
h6 {font-size: 1em}             /* 16px */

h1, h2, h3, h4, h5, h6 {line-height: 1.1; margin-bottom: .8em;}

/* Links
   -----------------------------------------------*/
a {outline: 0;}
a img {border: 0px; text-decoration: none;}

a {color: #069; text-decoration: none}
a:hover, a:active {text-decoration: underline}

a[href] * {cursor: pointer;}

/* Paragraphs
   -----------------------------------------------*/
p {margin-bottom: 1.5em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

img.right {float: right; margin: 0 0 1em 3em}
img.left {float: left;}

hr {
    background: #E6E7E8;
    border: 0;
    clear: both;
    height: 1px;
    margin: 15px 0;
    width: 100%;
}

/* Lists
   -----------------------------------------------*/
ul {
    list-style: outside disc;
    margin: 1em 0 1.5em 1.5em;
}

ol {
    list-style: outside decimal;
    margin: 1em 0 1.5em 1.5em;
}

dl {
    margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes
   -----------------------------------------------*/
blockquote {font-style: italic;}
cite {}

q {}

/* Code
   -----------------------------------------------*/
pre {
    padding: 15px;
    white-space: pre;
    white-space: pre-line;
    word-wrap: break-word;
}

/* Tables
   -----------------------------------------------*/
table {
    color: #58595B;
    font-size: 10px;
    margin: 0 auto 1.5em auto;
    width: 100%;
}
th, td {
    border-bottom: 1px solid #E6E7E8;
    line-height: 1.1;
    padding: 4px 5px 4px 5px;
}

.a-right {text-align: right;}
.a-center {text-align: center;}
.a-left {text-align: left;}

/* Thead */
thead th {color: #929497; font-weight: normal; padding-top: 0}

/* Tfoot */
tfoot th {border-bottom: 0; color: #929497; font-weight: normal;}

/* Data Table */
.data-table {margin-bottom: 0;}
.data-table thead th {
    background: #f4f4f4;
    border-bottom: 0;
    border-top: 4px solid #e6e7e8;
    color: #30302f;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 5px
}

.data-table tbody td {font-size: 11px; padding: 9px 5px;}

.data-table .total {padding-right: 50px;}

/* Forms
   -----------------------------------------------*/
fieldset {}
input.labelColor {
    border: 1px solid #ccc;
    color: #DEDEDE;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 10px;
    padding: 3px 5px;
}

input.normalColor {
    border: 1px solid #ccc;
    color: #000000;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 10px;
    padding: 3px 5px;
}

textarea.labelColor {
    border: 1px solid #ccc;
    color: #999;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 10px;
    padding: 3px 5px;
}

textarea.normalColor {
    border: 1px solid #ccc;
    color: #000000;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 10px;
    padding: 3px 5px;
}

input[type='radio'] {vertical-align: text-bottom;}
input[type='checkbox'] {vertical-align: bottom;}

input.text,
input[type='text'],
input[type='password'],
textarea {
    border: 1px solid #ccc;
    /*color: #58595B;*/
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 10px;
    padding: 3px 5px;
}

textarea {font-size: 11px;}

label,
input[type='radio'],
input[type='checkbox'],
input[type='button'],
input[type='submit'],
button {
    cursor: pointer;
}

label {font-style: italic;}
.label-disabled {color: #CCC;}

a.button,
.button {
    background: #6D9E56 url('../resource/images/forms/bg-button.png') repeat-x top;
    border: 1px solid #476835;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 20px;
    padding: 0;
    text-shadow: 0 1px #347F57;
}
a.button span,
.button span {
    border-left: 1px solid #CDE589;
    border-top: 1px solid #CDE589;
    display: inline-block;
    height: 22px;
    padding: 0 7px;
    line-height: 20px
}

button.button {
    -webkit-box-shadow: 1px 1px #CBE494 inset;
    -moz-box-shadow: 1px 1px #CBE494 inset;
    box-shadow: 1px 1px #CBE494 inset;
}

button.button span {
    border: 0;
}

a.button-grey,
.button-grey {
    background: #C0C2C4 url('../resource/images/forms/bg-button-grey.jpg') repeat-x top;
    border: 1px solid #476835;
    color: #069;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 20px;
    padding: 0;
    text-shadow: 0 1px #fff;
}
a.button-grey span,
.button-grey span {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    display: inline-block;
    height: 22px;
    padding: 0 4px;
    line-height: 20px
}

button,
a.button2 {
    background: #F69320;
    border: 1px solid #476835;
    color: #fff;
    font-size: 18px;
    height: auto;
    padding: 3px 8px;
    text-shadow: 0 -1px rgba(0,0,0,.45);

    background: -moz-linear-gradient(top, #fbc57c 0%, #f69320 100%, #f69320 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbc57c), color-stop(100%,#f69320), color-stop(100%,#f69320));
    background: -webkit-linear-gradient(top, #fbc57c 0%,#f69320 100%,#f69320 100%);
    background: -o-linear-gradient(top, #fbc57c 0%,#f69320 100%,#f69320 100%);
    background: -ms-linear-gradient(top, #fbc57c 0%,#f69320 100%,#f69320 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBC57C', endColorstr='#F69320',GradientType=0 );
    background: linear-gradient(top, #fbc57c 0%,#f69320 100%,#f69320 100%);
}
button:hover, a.button2:hover {background: #F9AD50;}

a.button img,
.button img,
button img,
.button-grey img {margin: 0 5px 2px 0; vertical-align: middle;}
.button-grey img, button img {margin-right: 3px;}

a.button:hover,
.button:hover {
    background: #95B84F;
    text-decoration: none;
}

a.button-grey:hover,
.button-grey:hover {
    background: #D1D2D4;
    text-decoration: none;
}

.form-button {
    background: #BDBFC1 url('../resource/images/forms/bg-form-button.png') repeat-x top;
    border: 1px solid #CCCCCC;
    border-left: 1px solid #fff;
    color: #006795;
    font-size: 10px;
    padding: 2px 5px;
    text-shadow: 0 1px #fff;
}
.form-button:hover {background: #ccc}


/* all */
::-webkit-input-placeholder { color:#DDD; font-style: normal; }
::-moz-placeholder { color:#A6A8AB; font-style: normal; } /* firefox 19+ */
:-ms-input-placeholder { color:#A6A8AB; font-style: normal; } /* ie */
input:-moz-placeholder { color:#A6A8AB; font-style: normal; }



/* Layout
   ===============================================*/
.contents {
  margin: 0 auto;
  width: 1000px;
}
.contents:after,
.cols-2:after,
.cols-3:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/* Top Bar
   -----------------------------------------------*/
#top-nav {
    background: #f4f4f4;
    border-bottom: 1px solid #ccc;
    border-top: 2px solid #7F7F7F;
    height: 78px;
}

/* Primary */
#top-nav .primary {
    background: #474747;
    border-bottom: 1px solid #231F20;
    color: #E6E7E8;
    height: 33px;
    line-height: 33px;
    text-shadow: 0 -1px #2A2A2A;
    width: 100%;
}

/* Nav */
#top-nav .primary .nav {
    float: left;
    list-style: none;
    margin: 0;
}
#top-nav .primary .nav li {
    float: left;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-style: italic;
    font-weight: bold;
    margin: 0 24px 0 0;
}

/* Message */
#top-nav .message {font-size: 14px; color: #FFFFFF; padding-left: 25px;}
#top-nav .message .a{color: #CCCCCC}

#top-nav .primary .nav li a {color: #A6A8AB;}
#top-nav .primary .nav li a:hover {color: #fff; text-decoration: none;}

/* Hello and Search */
#top-nav .hello-search {float: right;}
#top-nav .hello-search a {color: #E6E7E8; font-weight: bold; margin-left: 1em;}
#top-nav .hello-search a:hover {color: #fff;}

#top-nav .hello-search p,
#top-nav .hello-search fieldset,
#top-nav .hello-search form {display: inline; display: inline-block; margin: 0;}

#top-nav .hello-search fieldset {
    background: #fff;
    border: 1px solid #231F20;
    height: 20px;
    line-height: 20px;
    margin-left: 2em;
    vertical-align: middle;
}
#top-nav .hello-search fieldset input {vertical-align: middle;}
#top-nav .hello-search fieldset .text {
    background: none;
    border: 0;
    color: #6D6E70;
    font-size: 11px;
    padding: 0 5px;
    width: 170px;
}
#top-nav .hello-search fieldset .btn {margin: 0 2px}

/* Secondary */
#top-nav .secondary .contents {
    padding: 5px 0 5px 190px;
    width: 810px;
}

/* Nav */
#top-nav .secondary ul {
    float: left;
    list-style: none;
    line-height: 1.35;
    margin: 0;
}

#top-nav .secondary ul li {
    background: url('../resource/images/sep-top-nav.gif') no-repeat center right;
    float: left;
    padding: 0 22px 0 19px;
}
#top-nav .secondary ul li.phone {background: none; padding-right: 0;}

#top-nav .secondary ul a,
#top-nav .secondary ul .wrap {
    background-repeat: no-repeat;
    background-position: center left;
    color: #404041;
    display: block;
    float: left;
    padding-left: 25px;
    text-shadow: 0 1px white;
}
#top-nav .secondary ul a strong,
#top-nav .secondary ul .wrap strong {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}

#top-nav .secondary ul a:hover {color: #006795; text-decoration: none;}

/* Icons */
#top-nav .status a {background-image: url('../resource/images/icons/ico-truck.png')}
#top-nav .sell a {background-image: url('../resource/images/icons/ico-money.png')}
#top-nav .chat a {background-image: url('../resource/images/icons/ico-talk.png')}
#top-nav .chat a.livechat {color: #CCCCCC;}
#top-nav .phone .wrap {background-image: url('../resource/images/icons/ico-phone.png')}

/* Cart */
#top-nav .cart {float: right;}

#top-nav .cart .info {
    background: url('../resource/images/sep-top-nav.gif') no-repeat center right;
    float: left;
    line-height: 1.35;
    padding: 0 22px 0 0;
}
#top-nav .cart .info a {display: block; font-weight: bold;}

#top-nav .cart .button {display: inline; float: right; margin: 5px 0 0 1.5em}

#price_timer {
  text-align: center;
}
#order-summary .freeshipping {font-weight: bold; color: green}

/* Header
   -----------------------------------------------*/
#header {
    width: 170px;
    display: table-cell;
    *display:inline; *zoom:1;
    vertical-align: top;
}

/* Logo */
#logo {margin: -24px 0 15px 0; position: relative;}
#logo img {display: block;}

/* Menus */
#header ul {list-style: none; line-height: 1; margin: 0 0 25px}
#header ul a {
    color: #58595B;
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 5px 0 10px;
}
#header ul a:hover,
#header ul .active a {background: #D3E0EA; color: #404041; font-weight: bold; text-decoration: none;}

#header h2 {
    border-bottom: 1px solid #D0D2D3;
    color: #930;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    margin: 0 0 1px;
    padding: 0 10px 4px;
}
#header h2.alt {color: #2F5F72}
#header h2.account {border-width: 0 0 4px; border-color: #e6e7e8;}

#header ul a .number {
    background: #7F0111;
    color: #fff;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-left: 5px;
    padding: 0 5px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#header .module img {vertical-align: middle;}
#header .module .transaction {font-size: 9px; color: #929497; text-align: center; padding-top: 5px;}
#header .module .transaction strong {color: #069;}

#header .summary {font-size: 11px;}
#header .summary th {border: 0; font-weight: normal;}
#header .summary td {border: 0; font-weight: bold; text-align: right;}

#header .summary tfoot td,
#header .summary tfoot th {border-top: 1px solid #e6e7e8; color: #930;}

/* Body
   -----------------------------------------------*/
#body {
    padding: 20px 0 0 20px;
    width: 808px;
    display: table-cell;
    *display:inline; *zoom:1;
    vertical-align: top;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* Content */
#content {
    float: left;
    overflow: hidden;
    width: 579px;
}

/* Sidebar */
#sidebar {
    float: right;
    overflow: hidden;
    width: 209px;
}

#sidebar .module,
#header .module {
    border-top: 4px solid #E6E7E8;
    font-size: 10px;
    line-height: 1.85;
    margin: 0 0 25px;
    padding: 1px 19px 0 0;
}
#header .module {border-top: 1px solid #ccc; margin-top: 44px; padding-right: 10px; padding-top: 0;}

#sidebar .module p.intro {
    border-bottom: 1px solid #e6e7e8;
    margin: 0 0 8px;
    padding-bottom: 8px;
}

#sidebar h2,
#header .module h2 {
    background: #efefef;
    color: #404041;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    height: 23px;
    line-height: 23px;
    margin: 0 -19px 10px 0;
    padding: 0 5px;
    text-shadow: 0 1px #fff;
    width: 199px;
}
#header .module h2 {
    border-bottom: 0;
    margin-right: -10px;
    padding-top: 1px;
    width: 160px;
}

#sidebar p {margin: 0 0 10px}

#sidebar .module img {margin: 0 5px 10px 0; vertical-align: middle;}
#sidebar .module img:last-child {margin-right: 0;}
#sidebar .module .hdr-img {
    background: #fff;
    border: 1px solid #D0D2D3;
    display: block;
    margin: 0 0 .5em;
    padding: 2px;
}

#sidebar .module .hdr-img2 {
    background: #fff;
    border: none;
    display: block;
    margin: 0 0;
    padding: 0;
}



#sidebar .module img.left {float: left; margin: 0 10px 5px 0}

/* Market Summary */
.market-summary {margin-bottom: 0;}
.market-summary tbody td {vertical-align: bottom; font-size: 11px; text-align: left;}
.market-summary tbody td.center {background-color: #FCFCFC; text-align: right;}
.market-summary tbody td.right {background-color: #FAFAFA; font-weight: bold; text-align: right;}
.market-summary tbody td.red {background-color: #FCECE8; font-weight: bold;}
.market-summary tbody td.green {background-color: #F5F8E7; font-weight: bold;}


.market-summary tbody strong {display: block; text-align: left; text-transform: uppercase; font-weight: normal; margin: 0 0 2px 0;}

.market-summary tbody td.up {text-align: left;}
.market-summary tbody td.down {text-align: left;}
.market-summary tbody td.up em {color:#33803E; font-style: normal; font-weight: bold; }
.market-summary tbody td.up em:before {content: "+";}
.market-summary tbody td.down em {color:#7F0111; font-style: normal; font-weight: bold;}


#sidebar .market-summary tbody img {display: inline-block; margin: 0 7px 2px 0; vertical-align: middle;}



/* Trusted */
#sidebar .trusted img {margin-bottom: 0;}

/* Newsletter */
#sidebar .newsletter strong {color: #069; font-weight: normal;}
#sidebar .newsletter fieldset {overflow: hidden; padding: 5px 0 10px; width: 100%;}
#sidebar .newsletter fieldset input {float: left;}

/* Quotes */
#sidebar .quotes p {margin: 0;}

#sidebar .quotes a {display: block; line-height: 1;}
#sidebar .quotes a img,
#sidebar .quotes a span {display: inline-block; vertical-align: middle;}
#sidebar .quotes a img {margin-top: 7px}
#sidebar .quotes a span {line-height: 1.2; width: 150px}

#sidebar .quotes a:hover {text-decoration: none}
#sidebar .quotes a:hover span {text-decoration: underline}

/* Confidence */
#sidebar .confidence {font-size: 11px; line-height: 1.64;}

/* Benefits */
#sidebar .benefits {font-size: 11px; line-height: 1.45;}
#sidebar .benefits li {margin: 0 0 5px;}

/* Privacy Policy */
#sidebar .privacy {font-size: 11px; line-height: 1.64;}

/* Small Charts */
#sidebar .module.smallcharts .quotes { margin-left: 10px; }
#sidebar .module.smallcharts { margin-bottom: 10px; padding: 0; font-size: 80%; }
#sidebar .module.smallcharts .metal_menu { text-align: center; }
#sidebar .module.smallcharts .metal_menu_item:after { color:#aaa; content: " | "; }
#sidebar .module.smallcharts .metal_menu_item:last-child:after { content: ""; }

/* Footer
   -----------------------------------------------*/
#footer {
    display: table-row;
    height: 37px;
    background: #f4f4f4;
    border-top: 1px solid #fff;
    line-height: 2.2;
    border-top: 1px solid #ccc;
}

#footer > .contents {
  padding: 20px 0;
}

/* Left bar */
#footer .left-bar {float: left; margin: 0 41px 0 0; width: 150px}
#footer .left-bar .module {
    background: url('../resource/images/sep-hor.gif') repeat-x bottom;
    margin: 0 0 18px;
    padding: 0 0 17px;
}

/* Members */
#footer .current-members {line-height: 1; text-align: center;}
#footer .current-members strong {
    color: #58595B;
    font-size: 48px;
    white-space: nowrap;
}

#footer .current-members span {
    color: #707375;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    white-space: nowrap;
}

/* Sign Up */
#footer .signup .button span {text-transform: uppercase; width: 132px}

/* Question */
#footer .question {line-height: 1.1; text-align: center;}
#footer .question span {
    color: #707375;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    white-space: nowrap;
}

#footer .question a {
    color: #58595B;
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Powered */
#footer .left-bar .powered {
    background: none;
    color: #909193;
    font-size: 9px;
    padding: 0
}

/* Middle Bar */
#footer .middle-bar {float: left; font-size: 12px; width: 580px;}

#footer .middle-bar .module {
    background: url('../resource/images/footer-module-bg.gif') repeat-x top;
    border-top: 1px solid #ccc;
    margin: 0 0 35px;
    padding: 12px 0 0 0;
}

#footer .middle-bar .module h2 {color: #404041; font-size: 12px;}
#footer .middle-bar .module ul {list-style: none; margin: 0;}
#footer .middle-bar .module p {margin: 0 0 1em;}

/* Right Bar */
#footer .right-bar {float: right; font-size: 10px; width: 210px;}

#footer .right-bar .module {
    background: url('../resource/images/footer-module-bg.gif') repeat-x top;
    border-top: 1px solid #ccc;
    margin: 0 0 35px;
    padding: 12px 0 0 0;
}

#footer .right-bar .module h2 {color: #404041; font-size: 12px;}
#footer .right-bar .module p {margin: 0 0 .5em;font-size: 10px;}

#footer .right-bar blockquote {font-style: normal; margin: 0;}

#footer .right-bar .quote {
    color: #404041;
    display: inline-block;
    font-size: 36px;
    font-weight: normal;
    height: 10px;
    position: relative;
    top: -30px;
    vertical-align: middle;
}

#footer .right-bar cite {font-weight: bold;}

#footer .right-bar span.sep {
    background: url('../resource/images/sep-ver.gif') repeat-y;
    display: inline-block;
    height: 20px;
    margin: 0 8px 0 9px;
    vertical-align: middle;
    width: 2px;
}
#footer .right-bar img {vertical-align: middle;}

#bodyRegion, #bodyRegion > .backbone-container {
  display: table;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}
#top-nav, #footer-bar, #wrap {
  display: table-row;
}
#wrap > .contents {
  display: table;
  width: 1003px;
  height: 100%;
  margin: 0 auto;
}

/* Footer Bar
   -----------------------------------------------*/
#footer-bar {
  background: #474747;
  height: 37px;
}
#footer-bar .contents {
  height: 37px;
  overflow: hidden;
}

/* Nav */
#footer-bar ul {float: left; list-style: none; margin: 10px 0 0 0; text-shadow: 0 -1px #231F20}
#footer-bar ul li {float: left; margin: 0 2.5em 0 0;}

#footer-bar ul a {color: #D0D2D3;}
#footer-bar ul a:hover {color: #fff; text-decoration: none;}

/* Credits */
#footer-bar .credits {
  background: url('../resource/images/logo-golden-eagle-small.gif') no-repeat center right;
  color: #BBBDBF;
  font-size: 9px;
  margin: 9px 0 0 0;
  padding: 0 45px;
  text-align: right;
  line-height: 1.2em;
}

#footer-bar .credits a {color: #2E93A9;}

/* Sections
   ===============================================*/

/* Homepage
   -----------------------------------------------*/
.top-img {
    border: 4px solid #E6E7E8;
    display: block;
    margin: 0 0 30px;
}

/* Products List */
.prods-list {list-style: none; margin: 0; overflow: hidden; width: 105%;}
.prods-list li {
    float: left;
    min-height: 190px;
    margin: 0 20px 25px 0;
    width: 130px;
}

.prods-list li:nth-child(4n+5) {clear: left;}

.prods-list li span {
    color: #929497;
    display: block;
    font-size: 10px;
    float: left;
    line-height: 1.4;
}

.prods-list li img {
    border: 4px solid #E6E7E8;
    display: block;
    margin: 0 0 5px;
}

.prods-list li .name {
    border-top: 4px solid #E6E7E8;
    color: #404041;
    display: block;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    line-height: 1.1;
    padding: 5px 0 0;
}

.prods-list li a:hover {text-decoration: none;}
.prods-list li a:hover * {border-color: #404041; color: #404041}

/* Breadcrumb
   -----------------------------------------------*/
.breadcrumb {background: #fff; border-top: 4px solid #E6E7E8; margin: 0 0 10px 0; padding-top: 1px}
.breadcrumb p {
    background: #f4f4f4;
    color: #58595A;
    line-height: 1.27;
    margin: 0;
    padding: 4px 3px 5px 70px;
    position: relative;
}
.breadcrumb p strong {color: #3F3F40; font-size: 12px; left: 5px; position: absolute;}
.breadcrumb p a {margin: 0 .2em}

/* Category
   -----------------------------------------------*/
.cat-header {
    border-bottom: 4px solid #E6E7E8;
    margin: 0 0 30px;
    overflow: hidden;
    width: 100%;
}
#content h1 {
    color: #3F3F40;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 18px;
    font-style: italic;
    margin: 0 0 10px;
}
#content p {margin: 0 0 8px}

.cat-header .info {float: left; width: 100%;}
.cat-header img {display: inline; float: right; margin: 0 15px 0 15px;}

/* Product Products
   -----------------------------------------------*/
.product-table {border-top: 4px solid #E6E7E8;}
.product-table thead th {
    background: #f4f4f4;
    border: 0;
    border-top: 1px solid #fff;
    color: #404041;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px 6px
}
.product-table tbody td {
    color: #58595b;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 5px;
    vertical-align: middle;
}

/* Product Table */
.product-table {margin-bottom: 10px;}
.product-table .picture a {border-bottom: 2px solid #E6E7E8;}
.product-table .picture a img {border: 1px solid #E6E7E8;}

.product-table .picture a:hover {border-color: #404041;}
.product-table .picture a:hover img {border-color: #404041;}

.product-table tr td:first-child {padding-left: 0;}
.product-table tr td:last-child {padding-right: 0;}

/* Toolbar */
.toolbar {font-size: 11px; margin: 0 0 20px; overflow: hidden; width: 100%;}
.toolbar .top {
    border-top: 4px solid #E6E7E8;
    clear:both;
    margin: 0 0 10px;
    overflow: hidden;
    padding-top: 10px;
    width: 100%;
}

/* Pagination */
.toolbar .page {color: #069; float: left; font-size: 12px; width: 33%}
.page a {padding: 1px}
.page a:hover {
    background: #069;
    color: #fff;
    text-decoration: none;
}
.page a.current,
.page a.current:hover {
    background: none;
    color: #069;
    text-decoration: underline;
}

/* Total items */
.toolbar .items {float: left; text-align: center; width: 33%;}

/* Items per page */
.toolbar .per-page {float: right; text-align: right;}
.toolbar .per-page .total {margin-right: 5.1em}

/* Search */
.toolbar .search {
    border: 1px solid #808184;
    float: left;
    height: 20px;
    line-height: 20px;
    width: 278px;
}

.toolbar .search .text {
    border: 0;
    color: #6C6D70;
    float: left;
    padding: 2px 5px 3px;
    font-size: 11px;
    width: 245px;
}
.toolbar .search .btn {float: right; margin: 2px 4px}

/* Sort by */
.toolbar .sort-by {float: right;}
.toolbar .sort-by select {min-width: 190px;}

/* Add to Cart */
.toolbar .add-to-cart {float: left; text-align: center; padding-left: 65px}
.toolbar .add-to-cart button {
    font-size: 12px;
    padding: 2px 5px
}

/* Full Width
   -----------------------------------------------*/
.full-width {clear: both; width: 790px;}
.full-width .breadcrumb {border-bottom: 1px solid #E6E7E8; margin-bottom: 0 0 25px;}
.full-width .breadcrumb p {background: none;}

/* Product
   -----------------------------------------------*/
#product {
    border-bottom: 1px solid #E6E7E8;
    overflow: hidden;
    padding: 25px 0 15px;
    width: 100%;
}

#product h1, .full-width > h1 {
    color: #404041;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 18px;
    font-style: italic;
    margin: 0 0 15px;
}

/* Gallery */
#product #gallery {
    float: left;
    overflow: hidden;
    width: 250px;
}
#product #gallery img {border: 1px solid #E6E7E8;}
#product #gallery a:hover img {border-color: #404041;}

#product #gallery #big img {display: block; margin: 0 0 5px;}

#product #gallery ul {border-top: 4px solid #E6E7E8; list-style: none; margin: 0 0 20px; padding-top: 5px; overflow: hidden; width: 105%;}
#product #gallery ul li {float: left; margin: 0 8px 0 0;}

#product #gallery .summary img {border: 0;}

#gallery .summary {border-top: 4px solid #E6E7E8;}
#gallery .summary h3 {
    background: #f4f4f4;
    border-top: 1px solid #fff;
    color: #404041;
    font-size: 12px;
    height: 23px;
    line-height: 23px;
    margin: 0 -19px 10px 0;
    padding: 0 5px;
    text-shadow: 0 1px #fff;
}

#gallery .summary tfoot {text-align: center;}

#gallery .summary table {font-size: 11px}

/* Information */
#product #information {
    float: right;
    width: 520px;
}

#information .main {
    border-bottom: 1px solid #E6E7E8;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0 0 20px;
    width: 100%;
}

#information .info {font-size: 11px; list-style: none; margin: 0;}
#information .info li {margin: 0 0 5px; overflow: hidden; width: 100%;}

#information .info .label {float: left; width: 80px;}
#information .info .content {float: right; width: 440px;}

#information .info .note {color: #777; display: block; font-style: italic; font-size: 10px; line-height: 1.6}

#information .main .info {float: left; width: 240px;}
#information .main .info .content {width: 160px;}

#information .main .instock, .instock {color: #337F3E; font-weight: normal;}
#information .main .outofstock, .outofstock {color: #951C2B; font-weight: normal;}

/* Add Form */
#information .add {
    float: right;
    width: 260px;
}
#information .price-box {
    background: #fff url('../resource/images/bg-price-box.jpg') repeat-x bottom;
    border: 1px solid #CCCACA;
    height: 38px;
    line-height: 38px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0 10px
}
#information .price-box span {float: left; color: #33803E;}
#information .price-box strong {
    color: #3F3F40;
    font-family: 'Arial Black', Arial, Gadget, sans-serif;
    float: right;
    font-size: 21px;
}

#information .shipping-box {
    background: #fff url('../resource/images/bg-price-box.jpg') repeat-x bottom;
    border: 1px solid #CCCACA;
    height: 38px;
    line-height: 38px;
    margin: 50px 0 10px;
    font-size: 12px;
    overflow: hidden;
    padding: 0 10px;
    text-shadow: 1px 1px #fff;
}

#information .shipping-box span {font-weight: normal; color: rgb(51, 127, 62);}
#information .shipping-box strong {
    background: url("../resource/images/rocket-16.png") no-repeat center left;
    padding: 0 0 0 20px;
    color: #3F3F40;
    font-weight: bold;  
}




#information table {background: #F9F9F9; color: #3F3F40; font-size: 12px; margin: 0 0 10px;}

#information table tbody td,
#information table tbody th {border: 0; font-weight: normal;}

#information table tbody td {text-align: right;}

#information table tbody tr:nth-child(even) td,
#information table tbody tr:nth-child(even) th {background: #E6E7E8;}

#information .add .text {
    border: 1px solid #6D6E70;
    color: #BABDBF;
    float: left;
    font-size: 14px;
    padding: 7px;
    width: 64px;
}
#information .add button {float: right;}

/* Details */
#information .details li {float: left; font-size: 10px; width: 33.32%; margin: 0 0 0 -16px;}
#information .details span.label {font-weight: bold; width: 78px;}
#information .details strong {font-weight: normal; float: right; width: 57px}

/* Share Buttons */
.sharebuttons_container {
  width: 165px;
  float: right;
  font-size: smaller;
}
ul.sharebuttons {
  width: 160px;
  float: left;
  list-style: none;
  margin: 0;
  padding: 2px 0 5px 0;
}
ul.sharebuttons li {
  float: left;
  margin-right: 12px;
}
ul.sharebuttons button {
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0;
  width: 27px;
  height: 27px;
}

/* Related */
#related {padding: 20px 0;}

#related h3 {
    color: #3F3F40;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    font-style: italic;
    margin: 0 0 15px;
}

#related ul {list-style: none; margin: 0; overflow: hidden; width: 100%;}
#related li {float: left; width: 30.32%; height: 120px; padding-right: 2%;}

#related a {display: block; float: left; width: 100%;}
#related a:hover {background-color: #D3E0EA; text-decoration: none;}

#related img {border: 1px solid #CCCACA; display: block; margin: 0 0 3px;}
#related .image {border-bottom: 4px solid #CCCACA; width: 78px; float: left;}

#related a:hover img,
#related a:hover .image {border-color: #404041;}

#related .info {float: right; width: 150px; font-weight: bold;}

#related a strong.availability,
#related a strong.price {display: block; padding: 3px 0; color: #3F3F40;}
#related a strong span {font-weight: normal;}

#related a strong span.instock {color: #337F3E;}
#related a strong span.outofstock {color: #951C2B;}

/* Reviews */
#reviews { border-top: 1px solid #cccaca; padding-top: 10px; }
#reviews .review { padding-bottom: 10px; }
#reviews .review .author { font-style: italic; }
#reviews .review .title { font-size: 14px; font-weight: bold; }
#reviews .review .message { font-size: 14px; white-space: pre-wrap; }
#reviews h3 {
    color: #3F3F40;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    font-style: italic;
    margin: 0 0 15px;
}
.starsGood { color: #b68336; font-size: 14px; }
.starsBad { color: grey; font-size: 14px; }

/* Last Viewed Products Sidebar Module */

.lastviewed ul {list-style: none; margin: 0; overflow: hidden; width: 100%;}

.lastviewed a {display: block; float: left; width: 100%; border-bottom: 1px solid #CCCACA; margin-bottom: 5px}

.lastviewed img {display: block; margin: 0 0 3px;}
.lastviewed .image {solid #CCCACA; width: 78px; float: left;}

.lastviewed .info {float: right; width: 110px; font-weight: bold;}

.lastviewed a strong.availability,
.lastviewed a strong.price {display: block; padding: 3px 0; color: #3F3F40;}
.lastviewed a strong span {font-weight: normal;}

.lastviewed a strong span.instock {color: #337F3E;}
.lastviewed a strong span.outofstock {color: #951C2B;}

/* Product List (no images)
   -----------------------------------------------*/
table.product-list {border-top: 1px solid #EFEFEF; font-size: 11px;}
table.product-list th,
table.product-list td {border-bottom: 1px solid #EFEFEF; padding: 8px 5px}

table.product-list thead th {color: #58595A; font-size: 12px; font-weight: bold; padding: 15px 5px}

table.product-list .name {width: 390px;}
table.product-list .availability {width: 100px; text-align: right; font-size: 12px;}
table.product-list .price {width: 100px; text-align: right; font-size: 12px;}
table.product-list .qty {width: 100px; text-align: right;}
table.product-list .qty .text {color: #BABDBF; font-size: 12px; width: 75px;}

table.product-list a {font-size: 12px;}

table.product-list tr.out {background: url('../resource/images/bg-out.gif')}

/* Product List (Images)
   -----------------------------------------------*/
ul.product-list {border-top: 1px solid #E6E7E8; list-style: none; margin: 0;}
ul.product-list li {
    border-bottom: 1px solid #E6E7E8;
    overflow: hidden;
    width: 100%;
    padding: 15px 0;
}

ul.product-list li.out {background: url('../resource/images/bg-out.gif')}

ul.product-list .image {
    float: left;
    margin: 0 10px 0 0;
    position: relative;
    width: 78px;
}

ul.product-list .image a {
    border-bottom: 4px solid #CBC9C9;
    display: block;
    float: left;
    padding-bottom: 4px;
}

ul.product-list .image a img {display: block; border: 1px solid #CBC9C9;}
ul.product-list .image a:hover,
ul.product-list .image a:active,
ul.product-list .image a:hover img,
ul.product-list .image a:active img {border-color: #57585A;}

ul.product-list .image .new {
    background: url('../resource/images/icons/banner-new.png');
    display: block;
    height: 52px;
    left: 1px;
    position: absolute;
    text-indent: -9999em;
    top: 1px;
    width: 52px;
}

ul.product-list .info {float: left;  color: ##58595B; width: 450px;}
ul.product-list .info h2 {font-size: 12px;}
ul.product-list .info .availability {color: #3F3F40; font-size: 11px; font-weight: bold; width:150px; float: left;}
.expected {color: #F6921E; font-weight: normal;}

ul.product-list .info .availability .date {font-weight: normal;}
ul.product-list .info .itemNumber {margin: -20px 0 0 0; color: #3F3F40; font-size: 11px; font-weight: normal;}

ul.product-list .info .shipping {margin: 0 0 0 20px; width:100px; float: left; font-size: 11px; font-weight: normal;color: rgb(51, 127, 62);}
ul.product-list .info .shipping {background: url('../resource/images/rocketship-16x16.png'); background-position: left center; background-repeat: no-repeat; padding-left: 28px;}
ul.product-list .info .shipping em{color: #000;}


ul.product-list .addToCart {float: right}
ul.product-list .add {float: right; width: 240px;}
ul.product-list .price-box {
    background: #fff url('../resource/images/bg-price-box.jpg') repeat-x bottom;
    border: 1px solid #CCCACA;
    height: 28px;
    line-height: 28px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0 10px
}
ul.product-list .price-box span {float: left; color: #33803E;}
ul.product-list .price-box strong {
    color: #3F3F40;
    font-family: 'Arial Black', Arial, Gadget, sans-serif;
    float: right;
    font-size: 14px;
}

ul.product-list .shipping-box {
    background: #fff url('../resource/images/bg-price-box.jpg') repeat-x bottom;
    border: 1px solid #CCCACA;
    height: 28px;
    line-height: 28px;
    margin: 45px 0 10px 0;
    overflow: hidden;
    padding: 0 10px;
    font-size:10px;
    text-shadow: 1px 1px #fff;
    letter-spacing: -0.25px;

}

ul.product-list .shipping-box span {font-weight: normal; color: rgb(51, 127, 62); }
ul.product-list .shipping-box strong {
    background: url("../resource/images/rocket-16.png") no-repeat center left;
    padding-left: 17px;
    color: #3F3F40;
    font-weight: bold;
    float:right;
}




ul.product-list .out .price-box,
ul.product-list .out .price-box strong {color: #929397;}

ul.product-list table {color: #3F3F40; margin: 0 0 5px;}

ul.product-list table tbody td,
ul.product-list table tbody th {border: 0; color: #3F3F40; font-weight: normal; line-height: 13px; font-size:11px;}

ul.product-list .out table tbody td,
ul.product-list .out table tbody th {color: #929397;}

ul.product-list table tbody td {text-align: right;}

ul.product-list table tbody tr:nth-child(even) td,
ul.product-list table tbody tr:nth-child(even) th {background: #E6E7E8;}

ul.product-list .add .text {
    border: 1px solid #6D6E70;
    float: left;
    padding: 5px;
    width: 70px;
}
ul.product-list .add button {float: right; font-size: 12px; padding: 2px}

ul.product-list .button-grey {width: 238px;}
ul.product-list .button-grey span {padding: 0; text-align: center; width: 100%;}

/* Review Products
   -----------------------------------------------*/

.review-products .info{
  padding-left: 20px;
}

#reviewProducts button.submit {
  width: 170px;
}

.review-products {
  padding-bottom: 20px;
}

.review-products .rating {
  font-size: 12px;
  line-height: 12px;
  padding-bottom: 10px;
}

.review-products .starRating {
  font-size: 1.5em;
}

.review-products .writebox {
  padding-bottom: 10px;

}

.review-products .writebox {
  display: none;
}


.review-products .writebox input,
.review-products .writebox textarea {
  width: 500px;
  background: url('../resource/images/forms/bg-text.gif') repeat-x top;
  border: 1px solid #D0D2D3;
  font-size: 13px;
  padding: 5px;
  font-style: normal;
}

.review-products .writebox input {
  width: 250px;
}

.review-products .rating .star {
  color: #CCC;
  cursor: pointer;
  font-size: 22px;
}

.review-products .rating .star.active {
  color: #b68336;
  font-size: 22px;
}


/* My Account
   -----------------------------------------------*/
.account-pagination {
    background: #edeff4;
    color: #069;
    font-size: 12px;
    height: 45px;
    line-height: 45px;
    margin: 0 0 40px;
    text-align: center;
}

/* Information */
.account-info {
    color: #404041;
    font-size: 12px;
    overflow: hidden;
    width: 560px;
}

.account-info .current,
.account-info .edit {margin: 0 0 40px;}

.account-info h3 {
    background: #F4F4F4;
    border-top: 4px solid #E6E7E8;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px
}



.account-info .current {line-height: 2; padding: 0 5px;}

.account-info .current .button-grey span {width: 170px; text-align: center}

.account-info .cols-2,
.account-info .cols-3 {width: 100%; margin: 0 0 14px;}

.account-info .cols-2 .col-1,
.account-info .cols-2 .col-2 {position: relative; width: 275px;}

.account-info .cols-3 .col-1,
.account-info .cols-3 .col-2,
.account-info .cols-3 .col-3 {position: relative; width: 132.5px;}

.account-info .cols-2 .col-1 {float: left;}
.account-info .cols-2 .col-2 {float: right;}

.account-info .cols-3 .col-1 {float: left; margin-right: 10px;}
.account-info .cols-3 .col-2 {float: left; margin-right: 10px;}
.account-info .cols-3 .col-3 {float: left;}

.account-info .text {
    background: url('../resource/images/forms/bg-text.gif') repeat-x top;
    border: 1px solid #D0D2D3;
    font-size: 13px;
    padding: 5px;
}
.account-info .cols-2 .text {width: 263px;}
.account-info .cols-3 .text {width: 120px;}
.account-info .select {width: 120px; margin: 0 10px 0 0; padding: 5px 5px 5px 0;}

.account-info .cols-3 .state {width: 50px; margin-right: 10px;}
.account-info .cols-3 .zip {width: 120px;}

.error {
  font-weight: bold;
  color: red;
}

.validation-message {
    background-repeat: no-repeat;
    background-position: left 6px;
    color: #808184;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-style: italic;
    font-weight: normal;
    font-size: 12px;
    line-height: 28px;
    padding: 0 0 0 20px;
}
.valid {background-image: url('../resource/images/icons/ico-valid.png');}
.invalid {background-image: url('../resource/images/icons/ico-invalid.png');}

.account-info .validation-message {
    top: 0;
    position: absolute;
    top: 20px;
    width: 255px;
}

.account-info button.button {width: 170px; text-align: center; height: 22px; line-height: 17px;}
.account-info button.button-grey {width: 170px; text-align: center; height: 22px; line-height: 17px;}
.account-info button.button-grey.cancel {width: 120px; }
.account-info a.cancel {width: 120px; text-align: center; line-height: 22px;}

/*
.account-info button.button {width: 170px; text-align: center; height: 22px; line-height: 13px;}
.account-info a.cancel {width: 120px; text-align: center; line-height: 18px;}
.account-info a.cancel {
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    display: inline-block;
    height: 19px;
    padding: 0 4px;
}*/ 

/* captcha */
.account-info.captcha .col-1 {
  width: 220px;
}
.account-info.captcha .col-1 img {
  border: 1px solid black;
}
.account-info.captcha .col-2 {
  width: 120px;
}
.account-info.captcha .col-3 {
  width: 100px;
}

/* "Add Images" upload button */
.qq-upload-button {
  display: block;
}
.qq-upload-button .button {
  padding: 0 10px 0 10px;
}

/* Contact Us
   -----------------------------------------------*/
#contact-us {padding-bottom: 40px;}

/* Create Account
   -----------------------------------------------*/
#create-account {padding-bottom: 40px;}
#create-account button {width: 190px;}

#create-account .conditions {
    background: #EDEFF4;
    border-top: 1px solid #E6E7E8;
    margin: -9px 0 20px;
    padding: 10px;
}

#create-account .conditions .text-box {
    background: #fff;
    border: 1px solid #D0D2D3;
    color: #6C6D70;
    font-size: 11px;
    height: 78px;
    margin: 0 0 10px;
    overflow: auto;
    padding: 5px;
}

#create-account .conditions .input label {
    color: #7F8084;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    font-style: italic;
}

/* Checkout
   -----------------------------------------------*/
#check-breadcrumb {
    background: #EDEFF4 url('../resource/images/bg-checkout-breadcrumb.gif') no-repeat center 17px;
    border-bottom: 1px solid #ccc;
    height: 58px;
    list-style: none;
    margin: -20px 0 20px -20px;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    width: 788px;
}
#check-breadcrumb li {float: left; text-align: center; width: 197px;}

#check-breadcrumb strong {
    background: url('../resource/images/bullet-check-breadcrumb.png') no-repeat center -272px;
    color: #929397;
    display: block;
    float: left;
    font-size: 12px;
    padding-top: 33px;
    text-transform: uppercase;
    width: 197px;
}

#check-breadcrumb .active strong {background-position: center 8px; color: #3F3F40;}

.checkout-buttons {clear: both; margin: 0 0 40px; overflow: hidden; width: 100%;}
.checkout-buttons .button-grey {float: left; text-align: center;}
.checkout-buttons .button {float: right; text-align: center; height: 22px; line-height: 20px;}

.checkout-buttons .button-grey span,
.checkout-buttons .button {width: 180px;}

.checkout-buttons .button .icon {padding:0px; width: 14px; height: 14px; margin: 0 5px 2px 0; vertical-align: middle;}

.checkout-buttons .button[disabled=disabled] {
    border: 1px solid #a4b496;
    color: #404041;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 20px;
    padding: 0;
    text-shadow: 0 1px #fff;
}

#checkout h3 {
    background: #F4F4F4;
    border-top: 4px solid #E6E7E8;
    color: #404041;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px
}

/* Cart */
table.cart {border-top: 4px solid #E6E7E8; margin-bottom: 20px;}
table.cart thead th {
    background: #f4f4f4;
    border: 0;
    border-top: 1px solid #fff;
    color: #404041;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px 6px
}
table.cart tbody td {
    color: #58595b;
    font-size: 11px;
    padding: 10px 5px;
    vertical-align: top;
}

table.cart .picture a img {border: 1px solid #E6E7E8;}

table.cart .picture a:hover img {border-color: #404041;}

table.cart tr td:first-child {padding-left: 0;}
#checkout table.cart tr td:first-child {padding-left: 5px;}

table.cart input[type="text"] {margin: -10px 0 0 0; width: 40px;}

table.cart input.text {width: 30px;}

table.cart .note {display: block; color: #930; font-style: italic; padding-top: 5px;}

table.cart .update {line-height: 16px;padding-left: 13px; background: url('../resource/images/icons/ico-update.png') no-repeat center left;}

table.cart .remove {line-height: 24px; padding-left: 13px; background: url('../resource/images/icons/ico-remove.png') no-repeat center left;}

table.cart tfoot td {
    background: #EDEFF4;
    color: #3F3F40;
    font-size: 14px;
    font-weight: bold;
    padding: 20px 5px;
    text-shadow: 0 1px #fff;
}

table.cart tfoot .subs td {
    background: #fff;
    border: 0;
    font-size: 12px;
    padding: 8px 5px;
}

#checkout table.cart tfoot td {font-size: 18px}
#checkout table.cart tfoot .subs td {font-size: 12px}

/* Step 1 */
#checkout .billing {
    float: left;
    margin: 0 0 40px;
    width: 385px
}

#checkout .billing .select {width: 180px; margin: 0 10px 0 0; padding: 5px 5px 5px 0;}


#checkout .shipping .select {width: 180px; margin: 0 10px 0 0; padding: 5px 5px 5px 0;}





#checkout .shipping {
    float: right;
    margin: 0 0 40px;
    width: 385px;
}

#checkout .text {
    background: url('../resource/images/forms/bg-text.gif') repeat-x top;
    border: 1px solid #D0D2D3;
    font-size: 13px;
    padding: 5px;
    width: 373px;
}

#checkout .cols-2 {width: 100%; margin: 0 0 14px;}
#checkout .cols-2 .col-1 {float: left; width: 187px;}
#checkout .cols-2 .col-2 {float: right; width: 187px;}
#checkout .cols-2 .text {float: left; width: 175px;}

#checkout .col1 {clear: both; margin: 0 0 14px;}

#checkout .cols-2 .state {float: left; margin: 0 10px 0 0; padding: 4px 0; width: 60px;}


#checkout .button-grey {width: 187px;}

/* Billing Address */
.billing-current {
    font-size: 12px;
    line-height: 2em;
    margin: 0 0 0px;
    padding-left: 0px;
}

.shipping-current {
    font-size: 12px;
    line-height: 2em;
    margin: 0 0 0px;
    padding-left: 20px;
}

/* Shipping Address */
#checkout .shipping ul, #checkout .billing ul {color: #404041; font-size: 12px; list-style: none; margin: 0 0 14px;}
#checkout .shipping ul li, #checkout .billing ul li {margin: 0 0 8px;}

#checkout .billing input, #checkout .shipping input { float: left; }

/* Shipping Options */
#checkout .shipping-options {clear: both; margin: 0 0 40px;}

/* Payment Options */
#checkout .payment-options {clear: both; margin: 0 0 40px;}
#checkout .payment-options tbody td {font-size: 12px;}

.payment-options em.note {
    color: #929397;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-style: italic;
}

.payment-options em.note.label-disabled {
    color: #CCC;
}

.payment-options .tooltip-wrap {
    color: #069;
    cursor: help;
    font-weight: normal;
    position: relative;
}
.payment-options .tooltip-wrap .message {
    background: #fff;
    border: 1px solid #006795;
    bottom: 20px;
    color: #404041;
    display: none;
    font-size: 11px;
    padding: 5px;
    position: absolute;
    right: -40px;
    text-align: left;
    width: 188px;
    z-index: 100
}
.payment-options .tooltip-wrap .message:after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width:12px 12px 12px 0;
    bottom: -24px;
    content: "\00a0";
    display: block;
    height: 0;
    position: absolute;
    right: 25px;
    width: 0;
    z-index: 2;
}

.payment-options .tooltip-wrap .message:before {
    border-color: #006795 transparent transparent;
    border-style: solid;
    border-width:14px 14px 14px 0;
    bottom: -28px;
    content: "\00a0";
    display: block;
    height: 0;
    position: absolute;
    right: 24px;
    width: 0;
    z-index: 1;
}

.payment-options .tooltip-wrap:hover .message {display: block;}

/* Cart Payment Methods */
.cart-payment-methods { font-size: 100%; }
.cart-payment-methods td { border: 0; }
.cart-payment-methods td.method {
  height: 100px;
  background-color: #EDEFF4;
  text-align: center;
  cursor: pointer;
  border: 1px solid #ccc;
}
.cart-payment-methods td.method.disabled { color: #ccc; }
.cart-payment-methods td.spacer { padding: 2px; }
.cart-payment-methods .method.radio { padding: 5px 0; }
.cart-payment-methods .method.label { padding: 10px 0; text-transform: uppercase; font-weight: bold }

/* Check Details */
#check-details {margin: 0 0 40px;}

#check-details #paypal-box {margin: 0 0 15px; padding: 5px 0 0 0;}
#check-details #paypal-box .text {margin-left: 25px;}

#check-details #plaid-box {margin: 0 0 25px; padding: 5px 0 0 0;}
#check-details #plaid-box ul {color: #404041; font-size: 12px; list-style: none; margin: 0 0 14px;}
#check-details #plaid-box ul li {margin: 0 0 8px;}

#check-details .agree {font-size: 12px;}

#check-details .cc { margin: 0 0 15px; padding: 5px 0 0 25px; position: relative; }

#check-details .cc select {
    margin: 0 10px 0 0;
    padding: 5px 5px 5px 0
}

#check-details .cc .cc-number {margin: 0 10px 0 0; width: 150px}
#check-details .cc .ccv {width: 35px;}
#check-details .cc .credit-cards { position: absolute; margin: -17px 0 0 15px; vertical-align: bottom; padding-top: 15px; }


.warning-message {
    background: url('../resource/images/icons/ico-warning.png') no-repeat left 3px;
    font-size: 12px;
    font-weight:bold;
    margin: 0 0 10px;
    padding: 0 0 0 25px;
    color:#A52A2A;
}

/* Special Instructions */
#checkout .special-instructions {
    clear: both;
}
#checkout .special-instructions h3 {margin-bottom: 2px;}

#checkout .special-instructions .box {
    background: #EDEFF3;
    border-top: 1px solid #E6E7E8;
    margin: 0 0 20px;
    padding: 10px
}
#checkout .special-instructions .box textarea {
    border: 1px solid #D0D2D3;
    width: 756px;
}

/* Checkout Note */
.check-note {
    background: #f5f8ff;
    border-bottom: 1px solid #ccc;
    color: #546072;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    margin: -20px 0 20px -20px;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    width: 788px;
}
.check-note strong {float: left;}
.check-note span.order-number {float: right;}
.check-note span.order-number strong {
    float: none;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-style: normal;
}

/* Review */
#checkout .cols-3 {font-size: 13px; margin: 0 0 40px; width: 100%;}
#checkout .cols-3 .col-1 {float: left; padding-left: 5px; width: 33%}
#checkout .cols-3 .col-2 {float: left; width: 33%}
#checkout .cols-3 .col-3 {float: right; width: 33%}

/* Details box */
.rev-details {
    background: #edeff4;
    border-top: 1px solid #E6E7E8;
    color: #58595b;
    font-size: 11px;
    list-style: none;
    margin: 0;
    padding: 5px;
    position: relative;
    text-shadow: 0 1px white;
    top: -8px;
}

/* Details box */
.rev-details1 {
    color: #3F3F40;
    font-size: 18px;

}




.rev-details li {position: relative; padding-left: 30px}
.rev-details .note {font-weight: normal; color: #069}
.rev-details img {position: absolute; left: 5px; top: 2px}
.rev-details em {color: #3F3F40;font-size: 14px;font-weight: bold;text-shadow: 0px 1px #FFF; font-style: normal;}

/* Congratulations */
.thanks {font-size: 12px; color: #404041; margin: 0 0 40px;}
.thanks p {margin: 0 0 .8em}

/* Purchase Info */
.purchase-info {font-size: 12px; overflow: hidden; width: 100%; margin: 0 0 40px 5px;}

#checkout .purchase-info .cols-2 .col-1 {width: 49%; float: left;}
#checkout .purchase-info .cols-2 .col-2 {width: 49%; float: right;}

.purchase-info h4 {font-size: 1em; margin: 0 0 3px; color: #404041}
.purchase-info p strong {color: #404041}

/* Order Summary */
.order-summary {color: #58595b; font-size: 12px; list-style: none; line-height: 1.8; margin: 0 0 40px 5px}
.order-summary .label {
    display: inline-block;
    width: 150px;
}
.order-summary .label strong {color: #404041}
.order-summary .value {font-weight: normal;}
.order-summary .number {color: #930; font-weight: bold;}

.order-summary .total {padding-top: 1em}

/* Cart */
#checkout .cart {margin-bottom: 40px}


/* Popup Styles
-----------------------------------------------*/
#popup .popup-cont::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#popup {
    background: #fff;
    border: 1px solid #A6A8AB;
    color: #58595A;
    overflow: hidden;
    padding: 0;
    width: 690px;
}

#popup hr {
    background: url("../resource/images/bg-hr.gif") repeat scroll 0 0 transparent;
    border: 0;
    height: 1px;
    margin: 1.5em 0;
    width: 100%;
}

#popup button {
    background: #C0C2C4 url('../resource/images/forms/bg-button-grey.jpg') repeat-x top;
    border: 1px solid #58595B;
    color: #2B6F89;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    padding: 2px 3px;
    text-shadow: 0 1px white;
}

#popup.sign-in,
#popup.added-cart {width: 520px;}

#popup .button2 {font-size: 12px; line-height: 14px;}
#popup .button2 img {margin-right: 2px; vertical-align: middle;}
#popup .button2:hover {text-decoration: none;}

#popup.small {width:260px;}

/* Header */
#popup .popup-head {
    background: #F5F5F5;
    border-bottom: 1px solid #A6A8AB;
    height: 29px;
    overflow: hidden;
    line-height: 29px;
    padding: 0 10px;
}

#popup .popup-head h2 {
    color: #58595A;
    float: left;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-style: normal;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    line-height: 29px;
    width: auto;
}

#popup .popup-head .search {float: right; padding-right: 15px;}
#popup .popup-head .search label {font-style: normal; font-size: 11px;}
#popup .popup-head .search .text {width: 67px}

/* Content */
#popup .popup-cont {padding: 20px; height: 1%;}

#popup div.submit {padding: 0;}
#popup div.submit button {margin-right: 10px; text-align: left; padding-left: 3px; padding-right: 3px;}

#popup p label {font-style: normal; margin-right: 10px}

/* Submits */
#popup .submits .left {
    float: left;
}
#popup .submits .right {
    float: right;
    width: 250px;
    text-align: right;
}

/* Sign In Popup */
#popup.sign-in .popup-cont {padding: 0;}

#popup.sign-in h3 {font-size: 12px; text-shadow: 0 1px white;}

/* Returning Customers */
#popup.sign-in .returning {
    background: #EDEFF3;
    border-right: 1px solid #A6A8AB;
    float: left;
    padding: 20px;
    width: 220px;
}

#popup.sign-in .returning fieldset {padding-left: 8px;}

#popup.sign-in .returning fieldset .text {
    display: block;
    margin: 0 0 10px;
    padding: 5px;
    width: 198px;
}

#popup.sign-in .returning fieldset .submit {text-align: right;}
#popup.sign-in .returning fieldset .submit .button-grey {margin-bottom: 5px;}

/* New Customers */
#popup.sign-in .new {
    float: right;
    padding: 20px;
    width: 214px;
}

/* Added to Cart Popup */
#popup.added-cart p {font-size: 1.1em;}

#popup.added-cart p.subtotal {text-align: right;}
#popup.added-cart p.subtotal span,
#popup.added-cart p.subtotal strong {display: inline-block;}

#popup.added-cart p.subtotal span.title {margin-right: 1.5em;}
#popup.added-cart p.subtotal strong.value {font-weight: normal; margin-right: 1.5em;}

/* Added Cart Table */
.added-cart-table {font-size: 11px;}
.added-cart-table td {border: 0; padding: 5px 10px; vertical-align: middle;}
.added-cart-table img {
    border: 1px solid #E6E7E8;
    height: 38px;
    width: 38px;
}

.added-cart-table td.value {white-space: nowrap;}

/* Users */
#popup .popup-users {background: url('../../resource/images/admin/bg-vr.gif') repeat-y 459px top; overflow: hidden; width: 100%;}
# .popup-users .existing-cust {
    float: left;
    padding-right: 1px;
    width: 459px
}
# .popup-users .new-cust {float: right; width: 460px}

table.popuptable {
    background: #fff;
    border: 1px solid #E3E3E3;
    color: #404041;
    margin: .5em auto 1.5em auto;
    width: 100%;
    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
    font-size: 12px;
}

#popup td, #popup th {padding: 9px 12px; text-align: left; vertical-align: middle;}
#popup td.a-right, #popup th.a-right {text-align: right;}
#popup td.a-center, #popup th.a-center {text-align: center;}

#popup .actions {white-space: nowrap;}

/* Thead */
#popup thead th {
    background: #EDEDED url('../../resource/images/admin/bg-thead.png') repeat-x top;
    border-bottom: 1px solid #E3E3E3;
    color: #707070;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-weight: normal;
    padding-top: 10px;
}
#popup thead td {}

/* Tbody */
#popup tbody td {padding: 1.25em 1em;}
#popup tbody th {}
#popup tbody td.v-top {vertical-align: top;}

#popup tbody tr:nth-child(2n+2) {background: #FCFCFC;}


/* Tfoot */
#popup tfoot th {
    background: #EDEDED url('../../resource/images/admin/bg-thead.png') repeat-x top;
    border-top: 1px solid #E3E3E3;
    color: #404041;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 0;
}

#popup tfoot td {padding: 4px 12px; border-bottom: 0;}

#popup tfoot tr:first-child td {border-top: 1px solid #E3E3E3;}

#popup tfoot label {font-style: normal;}

#popup ul {
display: block;
list-style: none;
clear: left;
}

#popup ul li {
    float: left;
    width: 200px;
}

.uploaded-imgs h3 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.uploaded-imgs ul {list-style: none !important; 
margin: 0; overflow: hidden; width: 100%;}
.uploaded-imgs ul li.plain { cursor:auto;}
.uploaded-imgs ul li {
    border: 1px solid #D0D2D3;
    cursor: move;
    float: left;
    height: 120px;
    position: relative;
    margin: 10px 10px 10px 0;
    width: 120px;
}
/* .uploaded-imgs ul li:nth-child(4n+4) {margin-right: 0;} */

.uploaded-imgs ul .delete-image {
    background: url('../resource/images/admin/icons/ico-delete.gif');
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 20px;
    z-index: 999;
}
.uploaded-imgs button {width: 88px;}

ul.fields {list-style: none; margin: 0;}

div.success_text {margin-top: 20px;}


/* Scrap Metal Table
   ===============================================*/


table.selling-prices {font-size:11px;}
table.selling-prices th{color: #474747;}
table.selling-prices th strong{font-family: "Arial Black" Arial, Helvetica; font-size: 13px;}



/* Print Styles
   ===============================================*/
@media print {
    * {background: transparent !important; color: #444 !important; text-shadow: none !important;}
        a, a:visited {color: #444 !important; text-decoration: underline;}
        a:after {content: " (" attr(href) ")";}

        abbr:after {content: " (" attr(title) ")";}

        pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}

        thead {display: table-header-group;} /* css-discuss.incutio.com/wiki/Printing_Tables */
        tr, img {page-break-inside: avoid;}

        @page {margin: 0.5cm;}
        p, h2, h3 {orphans: 3; widows: 3;}
        h2, h3{page-break-after: avoid;}
}

/* About Page Styles
   ===============================================*/
#wide-wrap {width: 790px; height: auto; margin-top: 50px;}

#left-column {disply: block; width: 540px; float: left;}
#left-column-center {display: block; width: 250px; height: 280px; float: left; text-align: center; margin: 30px 0 0 0;}

#center-image {width: 790px; margin-top: 40px; margin-bottom: 40px;}

#right-column {display: block; width: 540px; float: right;}
#right-column-center {display: block; width: 250px; float: right; text-align: center; margin-bottom:40px;}

hr.header-blue {background: #006587;
    border: 0;
    clear: both;
    height: 2px;
    margin: 15px 0;
    width: 100%;}

.about h3 {font-size: 24px; font-family: "Open Sans" Arial, Helvetica, sans-serif; }


/* FAQ Page Styles
   ===============================================*/

.faq p{
    font-size: 12px;
}



.faq h1{
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-style: italic;
    font-weight: bold;
}

.faq h3 {
    background: #EDEFF4;
    border-top: 4px solid #D3E0EA;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    margin-left: -5px;
    width: inherit;
}




/* Noscript warning
   ===============================================*/
#noscript-warning {
    top:0; left:0; width:100%;

  text-align: center;
  border-radius: 5px;
  background-color: black;
  color: white;
  padding: 20px;
  font-weight: bold;

}

/* Guide Page Styles
   ===============================================*/

.guide p{
    font-size: 12px;
    margin: 0 20px 20px 0;
}

.guide .center{
    text-align: center;
}


.guide h1{
    font-size: 22px;
    font-weight: bold;
    color: rgb(47, 95, 114);
}

.guide h2 {font-size: 18px; color: rgb(47, 95, 114); font-weight: normal;}
.guide h3 {font-size: 16px; color: rgb(47, 95, 114); font-weight: normal;}
.guide h4 {font-size: 22px; color: rgb(47, 95, 114); }


/* Widget Configuration Page
   ===============================================*/

form.widget {
  width: 300px;
  float: left;
}

form.widget .account-info {
  width: auto;
}

.widget-preview {
  margin: 0px auto;
  width: 280px;
  height: 200px;
}

.widget-preview-outer {
  padding-left: 320px;
  text-align: center;
}

.widget-preview-outer button {
  width: 200px;
}

/* Read more link */
.read-more, .read-less {display: inline-block; float: left; padding-bottom: 10px;}

.read-more-content {display: none;}



/* 4 Column Lists 
   ===============================================*/


.lists ul {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
     list-style-type: none;

}





/*
  We are Sex Bob-omb And we're here to make you
  think about death and get sad and stuff!
  */