﻿body, h1, h2, h3, h4, h5, h6, p, ol, pre, code, address, variable, fieldset, blockquote, hr {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;


 font-family: Georgia, Verdana, "Trebuchet MS", Helvetica, Georgia, Sans-Serif;
 line-height: 1.5em;
 color:Black
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul, li { padding:0; margin:0; list-style:none;  }
q:before, q:after { content:''; }


* {
margin:0; /* zero out margin */
padding:0; /* zero out padding */
}
html, body {
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */
}
.error {color:Red; display:none; float:left; margin-left:5px}

#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1;
}

.stretch {
    width:100%;
    height:100%;
}

#main
{
    
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:1024px;
    font-size:11px;
    min-height:85%; /* gives layout 100% height */
}





.stretch {
    width:100%;
    height:100%;
}


.content {width:1024px; float:left; clear:both    }
.footer {height:50px; color:Gray; width:1024px; clear:both; position:relative; margin:-70px auto 0;     background-color:white; margin-top:50px }
.footer div.clock {width:160px; height:81px; position:absolute; left:-100px; top:-92px}
.footer div.knight {width:75px; height:142px; position:absolute; left:1025px; top:-92px}

.footer div.footercontent {height:50px; border-top:solid 1px #a0856e; width:1000px; margin-left:12px; position:relative}
.footer ul { margin-left:205px; margin-top:10px}
.footer li {float:left;  }
.footer li a {display: block; cursor:pointer; font-size:12px;  border-right:solid 1px  #a2a1a1; border-bottom: none; padding: 0px  10px 0px 10px; text-decoration:none; color: #a2a1a1; text-align: center; }
.footer li a:hover {	color: #990000}

#topBanner {height:125px; width:100%; font-size:11px; background-image:url('images/top-menu-bg2.jpg')}
#topHeader{height:100px; margin-left:auto; margin-right:auto; width:1024px; font-size:11px;}
#topHeader img {margin-top:10px}

#topBanner .menuRow {background-color:#ca0002; height:25px; width:100%;}
#topBanner .menuRow div {margin-left:auto;  margin-right:auto; width:1024px; font-size:12px; letter-spacing:0.2em}
#topBanner .menuRow div li a {display: block; cursor:pointer;  border-right:solid 1px  #990000; border-bottom: none; padding: 0px  10px 0px 10px; background-color:#b60002; text-decoration:none; color: white; text-align: center; }
#topBanner .menuRow div li a:hover {	background-color:#990000}
#topBanner .menuRow div li {float:left;  }
/*access second level*/
#topBanner .menuRow div li ul {display:none; position:absolute}
#topBanner .menuRow div li ul li {float:none}
#topBanner .menuRow div li ul li a {text-align:left; display: block; padding: 0px  10px 0px 10px;}
/*access third level*/

.addToCart {cursor:pointer; float:left}
.addToCart:hover {}



.productsNav {float:left; width:300px; height:300px; border-right:solid 1px black}

.swords {float:left; margin-left:45px; margin-top:45px}

.featuredList {width:330px; float:right; margin-top:0px;}
.featuredList .item {float:left;text-align:center; width:330px; height:185px; margin-bottom:10px; margin-left:0px}
.productTitleList {color:#870f03; font-size:14px;  width:330px;  text-align:center; font-weight:normal; margin-top:20px; letter-spacing:0.1em}
.featuredList .item .price {text-align:left}
.featuredList .item .price span {color:#575757}
.featuredList .item .link {text-align:left; color:#8d0303; text-decoration:underline; margin-bottom:10px}
.featuredList .item .link a {color:#8d0303}
.featuredList .sectionHeader {margin:10px 0 0 0 ; border-bottom:solid 1px #b11707; float:left; width:330px; text-align:left; color:#870f03; font-size:12pt}
.featuredList .separator {}

.blog-content {float:left; margin:20px; width:984px; }
.blog-content .sectionTitle {float:left;  border-bottom:solid 1px #b11707; width:504px; margin-bottom:15px; }
.blogList {width:504px; float:left; margin-left:10px; }
.blogList .item {padding:5px; width:490px; float:left}
.blogList .item .title {font-size:18pt; color:#870f03; width:504px; letter-spacing:0.1em}
.blogList .item .postedDate {color:#7c7c7c; background-color:#dadada; width:494px; margin:10px 0px 10px 0px; padding-left:0px}
.blogList .item .blogContent {padding:5px}
.blogList .item .bottomInfo {padding-top:10px}
.blogList .sectionHeader {margin:10px 0 10px 0; border-bottom:solid 1px #b11707; float:left; width:499px; color:#870f03; font-size:12pt}


.blog-content  .blog-nav-tree {float:right; width:400px; margin-right:15px}
.blog-content  .blog-nav-tree a {text-decoration:none; color:Black}
.blog-content  .blog-nav-tree .year {text-align:right; font-size:16px; border-bottom:solid 1px black; padding-right:5px; margin-top:10px}
.blog-content  .blog-nav-tree .year a:hover {color:#b11707}
.blog-content  .blog-nav-tree .month {text-align:right; font-size:16px; background-color:#f3c249; margin-top:10px; padding-right:5px}
.blog-content  .blog-nav-tree .month a:hover {color:#b11707}
.blog-content  .blog-nav-tree .entry {text-align:right; border-bottom:dotted 1px #cdcdcd; cursor:pointer; padding-right:5px}
.blog-content  .blog-nav-tree .entry:hover {background-color:#e3e3e3}

#productsCatalog .pager {float:left; clear:both; width:200px; text-align:left; margin-left:15px; font-size:14px}
#productsCatalog .pager a {text-decoration:none; color:#b11707}
.pagingLink
{
    padding-right:4px;
    padding-left:4px;
    cursor:pointer;
    border:solid 1px #e5eecd;
}
.pagingLinkSelected
{
    border:solid 1px #b11707;
    cursor:text
}
a.pagingLink:hover
{
    border:solid 1px #b11707;
}

.shoppingCartInfo {float:right; height:80px; width:246px; margin:10px 20px; padding:0px 5px 0 5px; background-color:White; border:inset 2px #b11707}
.shoppingCartInfo a {color:#b11707}

#productsCatalog {float:left; margin:20px; width:984px}
 .catalogTitle {float:left; margin:10px 0 10px 0;  border-bottom:solid 1px #b11707; width:100%; color:#870f03; font-size:12pt}
 .nav {padding-left:10px; margin-top:15px; float:left; width:250px;}
 .nav li {position:relative}
 .nav a {color:#b11707; text-decoration:none; font-size:12px; letter-spacing:2px; display:block; padding:1px; position:relative}
 .nav a:hover {color:#ed2314}
 .smallSword {width:37px; height:11px; position:absolute; z-index:10; left:-40px; top:7px; display:none; background-image:url(images/small-sword.png); background-repeat:no-repeat}
 .smallSwordVisible {width:37px; height:11px; position:absolute;z-index:10; left:-40px; top:7px; background-image:url(images/small-sword.png); background-repeat:no-repeat}
 .nav .sub {padding-left:10px}
#productsCatalog .productsList {width:710px; float:right; margin-top:15px; margin-bottom:20px; border:solid 1px #e6e6e6; padding:5px}
#productsCatalog .productsList .catalog {float:left; width:700px; margin-left:15px }
#productsCatalog .productsList .item {float:left;text-align:center; width:340px; height:185px; margin-bottom:10px; margin-right:10px; letter-spacing:0.1em }
#productsCatalog .productsList .title {float:left;color:#b60002; font-size:14px;  width:340px; text-align:left; font-weight:normal;}
#productsCatalog .productsList .item .price {text-align:left}
#productsCatalog .productsList .item .price span {color:#575757}
#productsCatalog .productsList .item .link {text-align:left; color:#1b2d47; text-decoration:underline; margin-bottom:10px}

#contactUs {float:left; margin:20px; width:984px}
#contactUs .contactUsTitle {float:left;  border-bottom:solid 1px #b11707; width:100%}

#aboutUs {float:left; margin:20px; width:984px}
#aboutUs .aboutUsTitle {float:left;  border-bottom:solid 1px #b11707; width:100%}

.small-shield {float:right; width:41px; height:40px; background-image:url(images/compass-rose-clip-art.jpg); background-repeat:no-repeat}
#productDetails {float:left; clear:both;}
#productDetails .shoppingInfo {float:left; }
#productDetails .mainImage {float:left; width:528px; height:528px; margin:15px 0 10px 15px; background-image:url(images/shadow.png); background-repeat:no-repeat}
#productDetails .mainImage img {float:left}
#productDetails .previewMainDiv {width:158px; cursor:pointer; display:inline-block; margin: auto; height:158px; background-image:url(images/small-shadow.png); background-repeat:no-repeat; text-align:left}
#productDetails .details {float:left;  width:415px;  padding:15px 0px 15px 15px; margin-left:20px}
#productDetails h1 {color:#870f03; font-size:18pt;  width:984px; padding-top:10px; border-bottom:solid 1px #b11707; text-align:left; font-weight:normal; letter-spacing:0.1em}
#productDetails .details div.description {float:left; clear:both; width:405px; padding:10px 10px 20px 0px; margin-bottom:10px; line-height:1.3em;}
#productDetails .details p.price {font-size:14pt; margin-bottom:20px}
#productDetails .details div.socialLinks {padding-bottom:10px; height:20px}
#productDetails .details div.socialLinks .fb-like-div {float:right;}
#productDetails .details div.socialLinks .fb-like-div span {float:right; margin-top:7px}
#productDetails .details div.socialLinks .twitter-div {float:right; margin-top:7px}

#productDetails .details div.phoneHelp {padding:10px;float:left; width:100%; font-size:12pt; background-color:#dbf2d8; clear:both; text-align:center; margin-top:50px}

#shoppingCart {margin:20px; font-size:12px; float:left}
#shoppingCart .shoppingCartTitle {float:left; margin:10px 0 10px 0;  border-bottom:solid 1px #b11707; width:100%; color:#870f03; font-size:12pt}
#shoppingCart table {width:100%; margin-top:20px; float:left}
#shoppingCart table thead tr {background-color:#8a1003; color:White; }
#shoppingCart table thead td {padding:3px 0 3px 5px}
#shoppingCart table tbody td {padding:5px 0 5px 5px}
#shoppingCart table tbody tr {border-bottom:solid 1px black}
#shoppingCart table tfoot td {padding:5px 0 5px 5px}
#shoppingCart table tfoot td.shipping {text-align:right;}

#shoppingCart table tfoot td.total {text-align:right; font-size:14px;background-color:#dbe7dd }
#shoppingCart table tfoot td.totalPrice {font-size:14px; background-color:#dbe7dd}
#shoppingCart table input {width:45px}

#shoppingCart input[type='button'] {background-color:#9a1204; color:White; border:none; height:20px; width:65px} 
.phoneHelp {width:300px; text-align:center; float:left; margin-top:10px}
#shoppingCart .weAccept {width:100%; text-align:right; float:left; clear:both}
#shoppingCart .checkoutButtons {float:left; margin-top:20px; width:100%;}
#shoppingCart .payMethodsSelection {float:right; width:350px}
#shoppingCart .payMethodsSelectio span {float:right}
#shoppingCart .checkoutButtons .paypal {float:right;  margin:15px 0 15px 0}
#shoppingCart .checkoutButtons .creditcard {float:right; text-align:right}
#shoppingCart .checkoutButtons .creditcard a {display:block; height:30px; width:177px; background-image:url(images/check-out-now1.png); background-repeat:no-repeat}
#shoppingCart .checkoutButtons .paypal a {display:block; height:42px; width:145px; background-image:url(images/btn_xpressCheckout.gif); background-repeat:no-repeat}

#orderFormDiv {margin:20px 20px 100px 20px; font-size:11px; float:left; display:block}
#orderFormDiv .formTitle {float:left; margin:10px 0 10px 0;  border-bottom:solid 1px #b11707; width:100%; color:#870f03; font-size:12pt}
#orderFormDiv .sectionHeader {border-bottom:solid 1px #b11707; color:#b11707; font-size:14px; padding:5px 0 5px 0}
#orderFormDiv .topTable {width:600px}
#orderFormDiv .topTable td {padding:5px}
#orderFormDiv .topTable input {width:200px}
#orderFormDiv .addresses {float:left; width:100%; margin:20px 0 20px 0}
#orderFormDiv .addresses table {width:400px}
#orderFormDiv .addresses .shippingAddress {float:right}
#orderFormDiv .addresses .billingAddress {float:left}
#orderFormDiv .addresses td {padding:5px}
#orderFormDiv .addresses input, select {float:left}

#orderForm .sameAsBilling {font-size:11px; color:Black; padding-left:5px;}

#ordedFormDiv table.paymentTable input, select{float:left}
#orderFormDiv .error {color:Red; display:none; float:left; margin-left:5px}

#orderFormDiv table.paymentTable {float:right; width:400px; margin:15px 0px 15px 0px}
#orderFormDiv table.paymentTable td {padding:5px}
#orderFormDiv #txtCardNumber {width:198px}
#orderFormDiv #ddlPaymentMethod {width:200px}
#orderFormDiv #txtCardSecurityCode {width:50px}

#orderFormDiv table.ordersList {width:100%; margin-top:20px; float:left}
#orderFormDiv table.ordersList thead tr {background-color:#8a1003; color:White; }
#orderFormDiv table.ordersList thead td {padding:3px 0 3px 5px}
#orderFormDiv table.ordersList tbody td {padding:5px 0 5px 5px}
#orderFormDiv table.ordersList tbody tr {border-bottom:solid 1px black}
#orderFormDiv table.ordersList tfoot td {padding:5px 0 5px 5px}
#orderFormDiv table.ordersList tfoot td.shipping {text-align:right;}

#orderFormDiv table.ordersList tfoot td.total {text-align:right; font-size:14px;background-color:#dbe7dd }
#orderFormDiv table.ordersList tfoot td.totalPrice {font-size:14px; background-color:#dbe7dd}
#orderFormDiv table.ordersList input {width:45px}
#orderFormDiv table.ordersList input[type='button'] {background-color:#9a1204; color:White; border:none; height:20px; width:65px} 
#orderFormDiv .submitOrder {height:30px; width:100px; background-color:#9a1204; color:White; border:solid 2px #ca3b2c; float:right; clear:both}
#orderFormDiv .submitPayPalOrder {height:30px; width:100px; background-color:#9a1204; color:White; border:solid 2px #ca3b2c; float:right; clear:both; margin-top:20px}
#orderFormDiv .submitRequest {height:30px; width:100px; background-color:#9a1204; color:White; border:solid 2px #ca3b2c; float:right; clear:both}
#orderFormDiv .orderProcessLoader {float:right; clear:both; display:none; margin-top:20px}
#orderFormDiv .approval {padding:15px; float:right; clear:both; display:none}


#staticPage .title {float:left; margin:10px 0 10px 0;  border-bottom:solid 1px #b11707; width:100%; color:#870f03; font-size:12pt}
#staticPage input[type='button'] {background-color:#9a1204; color:White; border:none; height:20px; width:65px; cursor:pointer} 
#staticPage input {float:left}

.orderStatus table td {padding:5px}
.checkOrderStatus {height:30px; width:100px; background-color:#9a1204; color:White; border:solid 2px #ca3b2c; float:right; clear:bot}
.orderStatusText {padding:10px; font-size:14pt; color:Green}


.showContainer span {padding-right:5px; padding-left:5px}
.showContainer p {padding:10px}