/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
/* UNSORTED */
div.popup {
  width: 200px;
  padding: 5px;
  /* The following properties should not be changed */
  position: absolute;
}

.productsummary .product-name a
	{text-decoration: none;
	font-weight: bold;}

#detailImageBox,
#additionalImageBox
	{float: left;}

#productDetailBox
	{clear: left;}

#promo-blocks
	{padding-top: 30px;}

#social-media-block
	{float: left;
	width: 330px;}

#social-media-block img
	{height: 60px;
	/*margin-right: 45px;*/}

#new-releases-block
	{float: right;
	width: 500px;
	margin-left: 50px}

#ecom-mainarea.home
	{background-image: url(home-background.jpg);
	background-position: bottom;}

#production-image {
	background-image: url(main-soldier-decor.png);
	height: 425px;
	width: 112px;
	margin-right: 135px;
	margin-bottom: 30px;
	float: right;
}

#welcome-msg
	{float: left;}

#user-menu
	{float: right;}

hr
	{clear: both;}

div.productsummary-container
	{clear: both;}

#sub,
#badge
	{float: left;}

.details-col
	{float: left;}

#sub li,
#currency-selector li,
.resultPaging li,
.resultPaging ul
	{float: left;}

#div3 h1
	{clear: left;}


#footer,
.decorative-line
	{clear: both;}

body {
text-align: center;
font-size: 62.5%;
background-color: #FFFFFF;
background-image: url('background.jpg');
background-repeat: no-repeat;
background-position: center top;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/

.page-container {
text-align: left;
width: 900px;
margin: 0px auto;
margin-top: 10px;
margin-bottom: 10px;
border: solid 1px #969696;
font-size: 1.0em;
}

#ecom-mainarea {
}

.left {
display: inline /*Fix IE floating margin bug*/;
float: left;
width: 200px;
overflow: visible !important /*Firefox*/;
overflow:hidden /*IE6*/;
}

.center {
float: left;
/*width: 662px;*/
overflow: visible !important /*Firefox*/;
overflow: hidden /*IE6*/;
}

.right {
display: inline /*Fix IE floating margin bug*/;
float: right;
width: 185px;
margin: 0 15px 0 0;
overflow: visible !important /*Firefox*/;
overflow: hidden /*IE6*/;
}

/* HEADER */
.sitename {
	float: left;
	}

.sitename h1 {
font-size: 240%;
}

.sitename h2 {
margin: -4px 0 0 0;
color: black;
font-size: 120%;
}

.sitename a {
text-decoration: none;
color: black;
}

.sitename a:hover {
text-decoration: none;
color: #323232;
}

.microcart {
width: 400px;
height: 45px;
position: absolute;
z-index: 1;
margin: 20px 0 0 600px;
overflow: visible !important /*Firefox*/;
overflow: hidden /*IE6*/;
}

.nav0 {
width: 350px;
position: absolute;
z-index: 2;
margin: 25px 0 0 0;
margin-left: 550px !important /*Non-IE6*/;
margin-left: 553px /*IE6*/;
}

.nav0 ul {
float: right;
padding: 0 20px 0 0;
}

.nav0 li {
display: inline;
list-style: none;
}

.nav0 li a {
padding: 0 0 0 3px;
}

.nav0 a:hover {
text-decoration: none;
}

.nav0 a img {
height: 14px;
border: none;
}

.nav1 {
width: 350px;
position: absolute;
z-index: 3;
margin: 45px 0 0 550px;
}

.nav1 ul {
float: right;
padding: 0 15px 0 0;
font-weight: bold;
}

.nav1 li {
display: inline;
list-style: none;
}

.nav1 li a {
display: block;
float: left;
padding: 2px 5px 2px 5px;
color: #7D7D7D;
text-decoration: none;
font-size: 120%;
}

.nav1 a:hover {
text-decoration: none;
color: #323232;
}

.sitemessage {
width: 400px;
height: 120px;
position: absolute;
z-index: 1;
margin: 20px 0 0 480px;
color: rgb(234,239,247);
/*overflow:visible !important /*Activate if Firefox print problems*/
overflow: hidden /*IE6*/;
}

.sitemessage h1 {
width: 400px;
text-align: right;
font-size: 230%;
}

.sitemessage h2 {
float: right;
width: 320px;
margin: 8px 0 0 0;
text-align: right;
line-height: 100%;
font-size: 160%;
}

.sitemessage h3 {
float: right;
width: 320px;
margin: 10px 0 0 0;
text-align: right;
font-size: 140%;
}

.sitemessage h3 a {
text-decoration: none;
color:rgb(234,239,247);
}

.sitemessage h3 a:hover {
text-decoration: none;
color: rgb(50,50,50);
}







/* ===== COLORS ===== */
/* put all color definitions here, grouped by color and then by attribute type */
/* --- White --- */
.decorative-line,
#cart-summary
	{border-top-color: #dedede;}

.accordion-top
	{border-top-color: #dedede;
	border-bottom-color: #dedede;}

.complex-form-container tr,
.cart-summary-row
	{border-bottom-color: #dedede;}

form.standard-form fieldset,
form.standard-form fieldset span,
form.standard-form fieldset label,
div.complex-form-container,
.resultPaging ul,
li.pager-prev,
li.pager-next,
#details-right-col
	{border-color: #dedede;}

hr,
#cart-items h2
	{background-color: #dedede;}

#promo-blocks
	{border-bottom-color: #505257;}

#header,
#ecom-mainarea-background,
div.popup,
#ecom-mainarea.home
	{background-color: white;}

#lang-bar li:hover
	{background-color: white;}

#promo-blocks
	{color: white;}

.productsummary
	{background-color: white;}

#user-menus
	{background-color: #edeef0}

#product-categories,
#search-bar
	{border-bottom-color: #C4C3C0;}

/* --- Red --- */
.errorMessage
	{color: red;}

/* --- Silver --- */
#promo-blocks h3
	{color: silver;}

/* --- Mycolor #BF9D60 --- */
#welcome-container h1
	{color: #BF9D60;}

/* --- Mycolor #BF9D60 --- */
#content,
#search-bar,
#footer
	{background: #F6F6EE;}

/* --- Mycolor #666666 --- */
.promo-element
	{border-color: #666666;}

#lang-bar a,
#user-menu a
	{color: #666666;}

/* --- Mycolor #666666 --- */
.accordion-top,
.accordion-top a
	{color: #666633;}

/* --- Mycolor #336666 --- */
.accordion-sub li a,
.browsecategorylist li a,
#currency-selector li a,
#sort-options,
#sort-options a,
#news-archive-link,
#main-only-blocks h2,
.blog-article-header h3,
.blog-title h1 a
	{color: #336666;}

/* --- Mycolor #333 --- */
.blog-date
	{color: #333;}

/* --- Mycolor #D3D6DF --- */
#footer
	{background-color: #D3D6DF}

/* --- Mycolor #CCCCCC --- */
.productsummary,
div.popup
	{border-color: #CCCCCC;}

#sidedeepcategory li,
.accordion-sub li
	{color: #CCCCCC;}

a.disabled
	{color: #CCCCCC;}

.blog-title h2,
.article-comments .bloghr,
#article-read-more
	{color: gray;}
/* --- Black --- */
a,
#lang-bar a:hover,
#sort-options a.active,
#user-menu a.active
	{color: black;}

.salePrice
	{color: red;}

.oldPaintingPrice
	{color: green;}
	
/* ===== IMAGES ===== */
/* put all images and list-style definitions here */
body
	{background-color: #26281F;}
	/*{background: url('../images/body-background.gif') repeat;}*/

#ecom-mainarea-background
	{background-image: url(main-ecom-background-top.png), url(main-ecom-background-center.png);
	background-repeat: no-repeat, repeat-y;
	background-size: 100%;}

#ecom-mainarea-background.home
	{background: none;}

#ecom-mainarea
	{background-image: url(tree.png);
	background-repeat: no-repeat;
	background-position: bottom left}

#shadow-header-wrapper
	{background: url('../images/shadow-upper-vert-980.png') repeat-y;}

#shadow-wrapper
	{background: url('../images/shadow-vert-980.png') repeat-y;}

#promo-blocks
	{background-image: url('promo-blocks-background.png');}

#logo-main-menu
	{background: transparent url('decorative-line-header.png') no-repeat bottom right;}

#logo
	{background: transparent url('../images/logo.gif') no-repeat;}

#product-categories
	{background: url('../images/products-background.gif') repeat;}

.decorative-line
	{background: url(decorative-line.gif) repeat;}

.accordion-top
	{background-image: url(accordion-bullet.png);
	background-repeat: no-repeat;
	background-position: 40px 15px;}

/* ===== FONTS ===== */
/* put all fonts (except colors) definitions here */
/* --- Font-family and Font-stretch --- */
body,
body input
	{font-family: 'Times New Roman';}

#main-only-blocks h2,
.blog-title h1 a,
.blog-article-header a
	{font-family: 'Verdana';}

/* --- Font-size --- */

/* ordered from the biggest to smallest */
/* Note: usage of font-size-adjust is forbidden */
#welcome-container h1
	{font-size: 555%;
	line-height: 0.8em;}

#mission
	{/*font-size: 130%;*/
	line-height: 1.1em;}

h1,
#sidedeepcategory .boxhead
	{font-size: 125%;}
h2
	{font-size: 120%;}
h3,
th,
.blog-title h1
	{font-size: 110%;}
body,
.complex-form-container h2,
.complex-form-container tfoot th,
#promo-blocks h3,
#main-only-blocks h2,
.blog-article-header h3,
#main-only-blocks span
	{font-size: 100%;}

#product-categories a,
#search-bar a,
#footer,
.promo-element,
#login-form
	{font-size: 90%;}

#welcome-container
	{letter-spacing: 1px;}

/*10px in Photoshop???*/
.blog-summary span,
.complex-form-container,
.blog-date,
.blog-article-body
	{font-size: 80%;}

.updated,
p.responsetext
	{font-size: 70%;}

.decorated-dashed-line
	{font-size: 0px /* IE6 small height div workaround */}

.accordion-top,
.accordion-top a
	{font-size: 100%;}

/* --- Line-height & Word-spacing & Letter-spacing --- */
/* ordered from the biggest to smallest */
.accordion-sub li,
.browsecategorylist li
	{line-height: 190%;}


ul li
	{line-height: 120%;}

/* --- Font-variant & Text-transform --- */
#search-bar a,
#product-categories li,
#welcome-container p,
.accordion-top
	{text-transform: uppercase;}

/* --- Font-weight & Font-style & Text-decoration --- */
li a
	{font-style: italic;
	text-decoration: underline;}

#sub a.active
	{font-style: normal;
	font-weight: bold;}

strong
	{font-weight: bolder;}

.resultPaging li a
	{text-decoration: none;}

li.pager-prev,
li.pager-next
	{text-decoration: underline;}

#sidedeepcategory li a,
.accordion-top a,
.accordion-sub li a,
.blog-article-header a,
#news-block > a
	{text-decoration: none;}

.blog-article-header a
	{font-style: italic;}

#sidedeepcategory li a.active,
a#news-archive-link
	{text-decoration: underline;}

#lang-bar a,
#cart-items td a
	{font-style: normal;
	text-decoration: none;}

#welcome-container h1,
.accordion-sub li a,
.browsecategorylist li a,
.complex-form-container h2,
.article-comments .bloghr
	{font-weight: bold;}

#main-only-blocks h2,
.blog-title h1 a
	{font-weight: normal;
	letter-spacing: -1px;}

.browsecategorylist li li a,
.blog-article-header h3
	{font-weight: normal;}

#product-categories h1,
#welcome-msg,
#news-archive-link,
.blog-title h2
	{font-style: italic;}

#sidedeepcategory li,
.accordion-sub li
	{font-style: italic;
	font-weight: bold;}

#content h1,
#news a
	{font-style: italic;}

#div3 h1
	{font-weight: bold;}

.basePrice
	{text-decoration: line-through;}

/* ===== ALIGNMENTS & POSITIONING ===== */
/* put all alignments and positioning definitions here */
.navigation li,
#lang-bar li,
#sort-options li
	{float: left;
	text-align: center;}

#user-menu li
	{float: right;}

#ecom-mainarea
	{text-align: left;}

#ecom-mainarea-background
	{float: left;}

#div3
	{float: left;}

.columnLeft
	{float: left;
	width:50%;}

.columnRight
	{float: right;
	width: 50%;}

.clearBoth
	{clear: both;}

#cart-summary label
	{float: left;}

#order-history-controls
	{float: right;}

#welcome,
#mission,
#legal
	{text-align: center;}

#promo-blocks
	{text-align: left;}

.order-sum
	{text-align: right;}

#main-only-blocks
	{text-align: justify;}

#header,
#content,
form.standard-form fieldset
	{overflow: hidden; /* to make div resize along floating content */}

#user-menu
#display,
#sub img,
#sort-options ul
	{float: right;}

#cart-items form[name="emptycartform"]
	{clear: both;}

#lang-bar,
#header .navigation
.sitename
#logo,
#content .col,
#sub ul,
.promo-element div,
.promo-element img,
#login-form dl,
form dt, form dd,
#content, .content,
#main-only-blocks,
#logo-main-menu,
#footer div,
#ecom-mainarea,
form.standard-form fieldset span,
form.standard-form fieldset label,
.complex-form-container,
#cart-items form,
#shoppingcartfooter,
#shoppingcartfooter div
	{float: left;}

/*form dt
	{clear: left;}*/

#welcome-container
	{clear: both;
	float: left;}

#cart-summary
	{clear: both;
	text-align: right;}

#shoppingcartfooter form
	{float: right;}

#cart-items td a img
	{float: left;}

#cart-items td,
#cart-items td a
	{vertical-align: top;}

br.clear
	{display: none;}

.productsummary .sale-icon
	{position: relative;
	top: -255px;
	left: -5px;}

#main-only-blocks h2 img
	{vertical-align: middle;
	height: 42px;
	width:42px;}

#main-only-blocks #news-block h2 img
	{padding-left: 5px;} /* to make similar to horn image */


/* ===== BORDERS ===== */
/* put all border styling (except colors) definitions here */
/* --- Decorative list border --- */
#lang-bar li
	{-moz-border-radius: 12px;
	border-radius: 12px;}

hr
	{border: none;}

#product-categories,
#search-bar
	{border-bottom-width: 1px; border-bottom-style: dashed;}

.decorative-line
	{border-top-width: 1px; border-top-style: solid;}

.accordion-top
	{border-bottom-width: 1px; border-bottom-style: solid;
	border-top-width: 1px; border-top-style: solid;}

#promo-blocks,
.cart-summary-row
	{border-bottom-style: solid; border-bottom-width: 1px;}

.productsummary,
div.popup
	{border-width: 1px;
	border-style: solid;}

form.standard-form fieldset span
	{border-width: 1px;
	border-style: solid;
	border-bottom: none;}

form.standard-form fieldset,
div.complex-form-container,
.resultPaging ul
	{border-style: solid;
	border-width: 3px;}

li.pager-prev
	{border-right-style: solid;
	border-right-width: 1px;}

li.pager-next,
#details-right-col
	{border-left-style: solid;
	border-left-width: 1px;}

form.standard-form fieldset label,
.complex-form-container tr
	{border-bottom-width: 1px;
	border-bottom-style: solid;}

form.spanless-form fieldset label,
#cart-summary
	{border-top-width: 1px;
	border-top-style: solid;}

/* ===== PADDINGS & DIMENSIONS & MARGINS ===== */
/* put all sizes & spacing definitions here */
#header
	{height: 175px;}

.page-row
	{padding-right: 60px; padding-left: 60px;}

#keywordsearchbox
	{padding-left: 64px;
	padding-top: 18px;
	margin-bottom: 26px;
	width: 280px;}

#user-menus
	{height: 41px;
	padding-top: 20px;
	margin-bottom: 20px;}

#lang-bar li
	{padding-bottom: 5px; padding-left: 8px; padding-right: 8px; padding-top: 5px;}

#mission
	{margin-top: 8px;}

#container
	{margin-right: auto; margin-left: auto;
	width: 1000px;}

.navigation a
	{margin-right: 12px;
	padding-left: 11px;}

.navigation a.first
	{padding-left: 0;}

#user-menu
	{width: 346px;}

#lang-bar li,
#user-menu li
	{margin-left: 2px;
	max-width: 145px;}

#logo
	{height: 82px; width: 55px;}

.free-space
	{height: 100%; width: 100%;}

#display
	{width: 48%;height: auto;
	margin-top: 31px; margin-right: 15px;}

#welcome-container
	{margin-top: 34px;
	width: 40%;}

.decorative-line
	{height: 27px; width : 100%;}

#product-categories
	{height: 146px;
	padding-top: 17px; padding-left: 30px;}

#product-categories h1
	{margin-bottom: 24px;}

#product-categories li
	{width: 307px;
	margin-bottom: 16px;}

#footer
	{height: 30px;
	padding-top: 20px;}

#sub
	{padding-right: 19px; padding-left: 30px;
	width: 572px;}

#sub ul
	{margin-top: 55px;}

#search-bar
	{height:35px; width: 100%;
	padding-top: 10px;}

#search-bar input
	{margin-right: 10px; margin-left: 30px;
	width: 264px;}

input[type="text"]
	{height: 21px;}

.center, .content
	{padding-top: 40px;}

#content, .content
	{margin-bottom: 20px;
	width: 60%;}

#content .col
	{height: 200px; width: 32%;
	margin-top: 19px;}

#content #news
	{padding-left: 30px;}

#news h1
	{margin-bottom: 24px;}

#promo-blocks
	{height: 142px;}

#promo-blocks a
	{color: white;}

.promo-element
	{height: 119px; width: 85%;
	margin-top: 5px; margin-bottom: 7px;
	padding-top: 10px; padding-right: 10px; padding-left: 10px;}

.promo-element div
	{margin-left: 25px;
	width: 50%;}

form dt
	{width: 70px;}

form dt, form dd
	{margin-top: 5px;}

#login-form input
	{width: 210px;}

#login-form dl
	{margin-top: 15px; margin-bottom: 15px;}

#logo-main-menu
	{padding-bottom:4px;}

#payment-methods img
	{margin-right: 10px;}

#payment-methods div
	{margin-right: 40px;
	padding-top:13px;}

#legal
	{width: 100%;}

/*input[type="text"]
	{width: 190px;}*/

.accordion-top
	{height: 34px;
	padding-left: 62px; padding-top: 18px;}

ul.accordion-sub
	{padding-left: 62px;}

ul.accordion-sub,
ul.browsecategorylist
	{margin-bottom: 20px;}

#sidedeepcategory,
.left-bar-simple
	{padding-left: 62px;}

.left .screenlet
	{padding-top: 20px;}

.browsecategorylist li ul
	{margin-left: 18px;}

.left
	{width: 338px;}

.left-bar-tree
	{height:254px;}

#main-only-blocks
	{margin-left: 15px; margin-top: 32px;
	width: 270px;}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
button
	{padding: 1px 6px;}

#welcome-msg
	{margin-left: 10px;
	width: 170px;}

#ecom-mainarea,
#ecom-mainarea-background
	{width: 100%;}

.productsummary
	{height: 366px;
	width: 175px;
	margin-bottom: 30px; margin-left: 5px;
	padding: 10px;}

#div3
	{margin-left: 20px;
	padding-bottom: 20px;
	min-width: 606px;}

 .productsummary .smallimage
 	{height: 250px;}

hr
	{height: 1px;}

.productsummary .product-name
	{height: 40px;}

.productbuy from a
	{width: 50px;}

#addItemForm
	{width: 425px;}

#details-right-col
	{border-left: 1px solid #DEDEDE;
	padding-left: 10px;
	width: 180px;
	height: 100px;}

#currency-selector
	{margin-left: 130px;}

#currency-selector li
	{margin-left: 50px;}

form.standard-form fieldset span,
form.standard-form fieldset label
	{width: 100%;}

form.standard-form fieldset label
	{padding-bottom: 3px;
	padding-left: 20px;
	padding-top: 3px;}

form.standard-form fieldset select,
form.standard-form fieldset input
	{margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 90%;}

form.standard-form fieldset input[type="submit"],
form.standard-form fieldset input[type="button"],
form.standard-form fieldset input[type="checkbox"],
form.standard-form fieldset input[type="radio"]
	{width: auto;}

form.standard-form
	{width: 70%;}

form.standard-form div.phoneNumbers input
	{margin-left: 0px;
	width: auto;}

#homeContactNumber
    {width: 100px;}

#cart-items h2,
#quick-add-container,
.complex-form-container h2,
#shoppingcartfooter,
#orderHeader
	{padding-bottom: 5px; padding-top: 5px; padding-left: 20px; padding-right: 20px;}

#orderHeader h2,
#quick-add-container h2
	{padding-left: 0;}

#shoppingcartfooter
	{padding-left: 0;}

.complex-form-container
	{width: 600px;}

#quick-add-container input[name="add_product_id"]
	{margin-left: 10px;
	margin-right: 40px;}

.complex-form-container input[type="submit"]
	{margin-right: 20px;}

.complex-form-container table
	{width: 600px;}

#shoppingcartfooter div
	{margin-left: 20px;
	width: 300px;}

.complex-form-container td,
.complex-form-container th
	{padding-bottom: 3px; padding-top: 10px;}

.complex-form-container table > tbody > tr > td:first-child,
.complex-form-container table > thead > tr > th:first-child
	{padding-left: 20px;}

.complex-form-container table > tfoot > tr > th:first-child
	{padding-left: 320px;}

#shopping-cart input[type="checkbox"]
	{margin-right: 10px;}

#cart-summary
	{margin-top: 100px;}

#cart-summary label
	{margin-left: 320px;}

.cart-summary-row
	{padding-bottom: 8px; padding-top: 9px; padding-right: 20px;}

#cart-items div.buttons form
	{margin-bottom: 10px;}

#cart-items div.buttons
	{margin-left: 20px;}

#shoppingcartfooter
	{width: 100%;}

#shoppingcartfooter input[type="button"]
	{margin-right: 20px;
	margin-left: 0;}

.resultPaging li
	{padding-bottom: 6px;
	padding-top: 12px;}

.resultPaging li
	{margin-right: 10px;}

li.pager-prev
	{margin-right: 10px;
	margin-left: 24px;
	padding-right: 22px;}

li.pager-next
	{padding-left: 22px;
	margin: 0;
	margin-right: 24px;}

#sort-options li
	{margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;}

li#sort-by
	{margin-left: 0;}

.order-sum
	{padding-right: 10px;}

#sort-options
	{width: 598px;}

#cart-items td a
	{height: 100%;}

#cart-items td a img
	{margin-right: 5px;}

div.blog-title
	{margin-bottom: 15px;
	padding-top: 18px;}

#news-archive-link
	{font-style: italic;
	font-size: 80%;}

.blog-article-header
	{margin-top: 18px;}

.blog-summary
	{margin-bottom: 5px;}

.blog-summary-body
	{margin-top: 7px;}

.blog-date
	{margin-bottom: 5px;}

.blogs
	{width: 500px;}

#user-menu, #welcome-msg
	{margin-top: 5px;}

.blog-title h2
	{margin-top: 4px;}

div.responsetext
	{margin-top: 8px;}

.sale-icon-container
	{height: 0px;}

#productdetail
	{width: 616px;}