@font-face {
    font-family: "Futura Md BT";
    src: url("Futura_Bold_BT.eot");
    src: local( "Futura Md BT.ttf" ), url( "Futura Bold BT.ttf" ) format("truetype");
    font-weight: bold;
}

body {
    background-color: #EDEDED;
    background-image: url( "../img/page_bg.png" );
    background-repeat: repeat-x;
    color: #303030;
}

/* generic */
a:link {
    text-decoration: none;
    color: #de2931;
}
a:active {
    text-decoration: none;
    color: #de2931;
}
a:visited {
    text-decoration: none;
    color: #de2931;
}
a:hover {
    text-decoration: underline;
    color: #de2931;
}
/* tag something with class="dark" and all child links will be lighter for better contrast */
.dark a:link {
    text-decoration: none;
    color: #79bcdd;
}
.dark a:active {
    text-decoration: none;
    color: white;
}
.dark a:visited {
    text-decoration: none;
    color: #79bcdd;
}
.dark a:hover {
    text-decoration: underline;
    color: white;
}

body, p, td, li {
    font-family: DejaVu Sans, Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.5;
}


h1, h2, h3, h4 {
    font-family: Futura Md BT, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: -0.05em;
    text-transform: uppercase;
}

h1 {
    font-size: 28px;
    background: url(../img/underline.gif) repeat-x bottom;
    margin-bottom: 10px;
    clear: both;
}
h2 {
    font-size: 21px;
}

/* 1.1 line-height with 0.3 compensation in margin */
h3 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 7px;
}
h4 {
    font-size: 11px;
}

.hidden {
    display: none;
}

/* product listings and cart */
.price,
.discounted {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.discounted span {
    font-size: 11px;
}

input#add-cart {
    background: #91BA1B url(../img/buy-arrow.gif) no-repeat center right;
    /*middle -4px;*/
    border: 1px solid #799A12;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
    padding: 6px 20px 5px 4px;
    width: 245px;
    font-family: Futura Md BT, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

input.save,
input.remove {
    background: #f2f2f2 url(../img/icon-save.gif) no-repeat 3px 3px;
    border: 1px solid #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
    height: 20px;
    text-align: right;
    padding: 0px 5px 0px 17px;
    margin-top: 5px;
    float: right;
    font-family: Verdana, sans-serif;
    text-transform: uppercase;
    font-size: 10px;
}

#cart-list img {
    border: 1px solid #4d4d4d;
}

#cart-list input.save,
#cart-list input.remove {
    float: left;
}

.empty {
}
.empty .trolleyed {
    float: left;
    margin-right: 1em;
}

input.remove {
    background: #f2f2f2 url(../img/icon-remove.gif) no-repeat 3px 3px;
}

.buy-button {
    display: block;
    background-color: green;
    width: 198px;
    margin: 5px;
    border: 1px solid #658113;
    background-color: #96c01c;
    color: white;
    font-family: Futura Md BT, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
    text-align: center;
}

a:link.buy-button,
a:hover.buy-button,
a:visited.buy-button {
    color: #fff;
}

/* layout */

#pageMaster {
    width: 950px;
    margin: 0px auto;
    margin-top: 8px;
}

#header {
    position: relative;
    float: left;
    width: 950px;
    margin-bottom: 10px;
}

#logo p {
    text-transform: uppercase;
    font-weight: bold;
    color: #5fa3af;
    margin: 0px 0px 0px 0px;
    font-size: 11px;
    width: 159px;
    text-align: center;
}

#logo p span {
    color: #de2930;
}

img#promo {
    position: absolute;
    top: 4px;
    right: 0px;
}

#main {
    float: left;
    width: 950px;
}

#mainNav {
    position: relative;
    float: left;
    width: 950px;
    height: 30px;
    background-color: #4a4a4a;
    color: #fff;
    text-transform: uppercase;
    -moz-border-radius: 5px 5px 5px 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-radius: 5px 5px 5px 0px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
}

#mainNav a:link,
#mainNav a:hover,
#mainNav a:visited  {
    color: #fff;
    text-decoration: none;
}

#mainNav ul {
    list-style: none;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#mainNav li {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 6px 10px;
    font-weight: bold;
}
#mainNav li a {
}
#mainNav li a img {
    vertical-align: top;
}

#mainNav li.active {
    background: white;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
}

#mainNav li.active a:link,
#mainNav li.active a:hover,
#mainNav li.active a:visited {
    color: #4a4a4a;
}
#mainNav li a:hover {
}

#mainNav li#help {
    position: absolute;
    z-index: 1;
    top: -1px;
    right: 238px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

form#search {
    position: absolute;
    top: 4px;
    right: 8px;
}

form#search #searchtext {
    width: 146px;
}

#content {
    position: relative;
    float: left;
    width: 700px;
    margin-right: 10px;
    background-color: #ffffff;
    padding: 0px 10px 10px 10px;
}

#content p {
    margin-bottom: 10px;
}
#content .home-col {
    margin-top: 10px;
}

#content .home-col p a,
#content .article p a {
    /*padding-right: 15px;
    background: url(../img/content-link-arrow.gif) no-repeat right 4px;*/
    font-weight: bold;
}
#content .home-col p a:after,
#content .article p a:after {
    content: " " url( '../img/content-link-arrow.gif' );
}

#account {
    margin-top: 10px;
    float: left;
    width: 220px;
}
#account h3 a {
    padding-right: 15px;
    background: url(../img/content-link-arrow-dark.gif) no-repeat right 4px;
    border-bottom: 1px dashed;
}
#account .forgot {
    text-align: right;
    font-size: 11px;
}
#account .forgot a {
    background: url(../img/content-link-arrow-small.gif) no-repeat right 4px;
    padding-right: 15px;
}
#account .forgot a img {
    vertical-align: top;
}
#cart {
    width: 220px;
    float: left;
    background-color: #7abdde;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
    margin-bottom: 10px;
}

ul#cart-list {
    width: 210px;
    float: left;
    background: #fff;
    margin: 5px 5px 0px 5px;
    padding: 0px 0px 10px 0px;
    list-style: none;
}

ul#cart-list li {
    padding: 5px;
    margin: 0px 0px 0px 0px;
    clear: left;
	float: left;
	width: 200px;
}

ul#cart-list li p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: none;
    font-size: 11px;
    line-height: 11pt;
}

ul#cart-list li p span.cart-title {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

ul#cart-list li img {
    float: left;
    margin: 5px 5px 5px 0px;
}

#cart-total {
    clear: both;
    background: #e6e6e6;
    border-top: 1px solid #cbcbcb;
    margin: 0px 5px 5px 5px;
    text-align: right;
    padding-bottom: 1px;
}
#cart-total p {
    background-color: transparent !important;
}

#cart .empty {
    float: left;
    width: 200px;
    border-bottom: 1px solid white;
}

#login {
    background-color: #7abdde;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
    margin-bottom: 10px;
}
#account h3 {
    background-color: #4d4d4d;
    color: white;
    padding: 10px 12px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-radius: 5px 5px 0px 0px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
    line-height: 0.9;
    text-align: right;
    text-transform: uppercase;
    margin-bottom: 0px;
}
#account>div {
    padding-bottom: 1px;
}
#account p {
    background-color: white;
    margin: 5px;
    padding: 4px;
}
#account p.weeny {
    background-color: transparent;
    margin: 0px 5px;
    padding: 0px;
    padding-left: 8px;
    color: white;
    font-size: 10px;
}
#account p.weeny input {
    vertical-align: text-bottom;
}
#login form p {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
}
#login form input {
    border: 0;
    padding: 4px;
}
#login form input.button {
    display: block;
    background-color: green;
    width: 210px;
    margin: 5px;
    border: 1px solid #658113;
    background-color: #96c01c;
    color: white;
    font-family: Futura Md BT, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
}
#login h3 span {
    font-size: 12px;
    text-transform: uppercase;
}

#footer {
    clear: both;
    background: #4d4d4d url(../img/footer-bg.gif) repeat-x top;
    padding-bottom: 40px;
    padding-top: 10px;
}

#footer p {
    text-align: center;
    color: #fff;
    font-size: 85%;
}

#footer p a:link,
#footer p a:visited,
#footer p a:active {
    color: #fff;
    text-decoration: underline;
}

#footer p a:hover {
    text-decoration: none;
}

#histowrapper {
    position: relative;
    width: 100%;
    height: 37px;
    background: #272727;
}

ul#histocrumb {
    position: relative;
    width: 950px;
    height: 37px;
    margin: 0px auto;
    color: #fff;
}

#histocrumb li {
    height: 27px;
    float: left;
    list-style: none;
    padding-top: 10px;
    text-align: center;
    line-height: 12pt;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    font-size: 11px;
    padding-left: 25px;
    padding-right: 20px;
}

#histocrumb li a:link,
#histocrumb li a:hover,
#histocrumb li a:visited {
    color: #fff;
    text-decoration: underline;
}

#histocrumb li.histobegin {
    padding-left: 0px;
    padding-right: 0px;
}

#histocrumb li#histostart {
    background: #7bbdde url(../img/histochevron-blue.gif) no-repeat left top;
}

#histocrumb li#endoftime {
    background: #a2e217;
    height: 37px;
    padding: 0px;
    padding-left: 28px;
    margin-left: -18px;
    color: #4d4d4d;
    background: transparent url(../img/histochevron-end-left.gif) no-repeat left top;
}

#histocrumb li#endoftime span {
    padding-top: 2px;
    padding-right: 30px;
    height: 35px;
    display: block;
    font-size: 11px;
    background: transparent url(../img/histochevron-end-right.gif) no-repeat right top;
}

#histocrumb li.off {
    background: url(../img/histochevron-dark.gif) no-repeat left top;
    margin-left: -18px;
}

#histocrumb li.on {
    background: #4e4e4e url(../img/histochevron-light.gif) no-repeat left top;
    margin-left: -18px;
}

/* article copy */

.copy p {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

tr td ,
tr th {
    vertical-align: top;
}

ul.errorlist {
    margin: 0px;
    padding: 0px;
    display: block;
}
ul.errorlist li {
    margin: 0px;
    padding: 0px;
    display: block;
    color: red;
}

table.formy td,
table.formy th {
    padding: 5px 0px;
    padding-right: 5px;
    border-bottom: 1px solid #e0e0e0;
}

p.errerz {
    background: #f1bcbc url(../img/support-negatory.gif) no-repeat 8px 8px;
    border: 1px solid #dd7e7e;
    padding: 10px 15px 10px 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
    margin-bottom: 10px;
}
#account p.errerz {
    padding-left: 40px;
}

input.biggun {
    display: block;
    width: 210px;
    margin: 5px;
    border: 1px solid #658113;
    background-color: #96c01c;
    color: white;
    font-family: Futura Md BT, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
    padding: 10px;
}

#searchtext {
    border: 0;
    padding: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
    height: 15px;
}
#searchgo {
    border: 0;
    padding: 0px;
    width: 55px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
    background-color: #4a4a4a;
    color: white;
    font-size: 85%;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Futura Md BT, Arial, sans-serif;
}

p.formy {
    font-size: 85%;
}
.formy sup {
    color: red;
    font-weight: bold;
}

.formhelp {
    font-size: 85%;
    margin: 0px;
}

p.important {
    background: #f1fdbc url(../img/support-pository.gif) no-repeat 8px 8px;
    font-weight: bold;
    border: 1px solid #ccdd7e;
    padding: 10px 10px 10px 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
    margin-bottom: 10px;
}

a.rss {
    font-size: 10px;
    font-weight: bold;
}
a.rss img {
    vertical-align: -2px;
}
a.rss:link,
a.rss:visited,
a.rss:hover,
a.rss:active {
   color: #F4834C;
}
.inline-login {
    width: 465px;
    padding: 10px;
    background-color: #f1f1f1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url( "static/styles/border-radius.htc" );*/
    border: 1px solid #cccccc;
}
.button {
    cursor: pointer;
}

#curSel {
    position: absolute;
    top: 18px;
    left: 18px;
    width: 608px;
    background-color: #ffffff;
    -moz-opacity: 0.98;
    opacity: 0.98;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 5px solid #7abdde;
    padding: 32px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 4px 4px 32px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 4px 4px 32px;
    display: none;
}
#curSel input.bigbut {
    font-size: 50px;
    padding: 12px 32px;
    cursor: pointer;
}
#curSel form {
    float: left;
    margin: 32px;
    width: 120px;
    text-align: center;
}
#curSel .close {
    position: absolute;
    top: 4px;
    right: 5px;
    font-weight: bold;
    background-color: #ff0000;
    line-height: 1em;
    padding: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#curSel .close:link ,
#curSel .close:visited ,
#curSel .close:hover ,
#curSel .close:active {
    color: white;
}
#curSel .close:hover {
    background-color: #ff6060;
}
.preorder {
    color: #91BA1B;
}

.twitter {
    float: left;
    width: 220px;
    font-size: 11px;
}
.twitter p {
    font-size: 11px;
}

#account .twitter {
    text-align: left;
}
#account .twitter h3 {
    text-align: left;
}
#account .twitter p {
    background-color: transparent;
}
#account .cursw {
    margin-bottom: 0px;
    -border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
#video {
    color: white;
}

ul#cart-list li.justadded {
    background-color: #ffffc0;
}
