body, td, th, input, select, textarea {
	font:13px Tahoma;
}
body{
	margin:0;
	padding:0;
	line-height: 1.4em;
	color: #222;
	background: url('body_bg.png') #34477d repeat-x left top;
}
a{
	text-decoration:none;
	color:#575757;
}
a:hover{
	color: #db0a00;
    text-decoration:none;
}
div, h1, h2, h3, h4, h5, img, form, table, tr, th, td, dl, dt, dd {
	margin:0;
	padding:0;
	border: 0;
}
p {
    margin: 1em 0;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic; /* fixed IE images scaling */
}
table {
	width: 100%;
	empty-cells: show;
	border-spacing: 0;
}
h1 {
    font-size: 1.2em;
	font-weight: bold;
    text-transform: uppercase;
}
h1,
h1 a,
h1 a:hover {
	/*color: #ff1e00;*/
    color: #e21a00;
}
h2 {
	font-weight: bold;
	font-size: 1.2em;
    text-transform: uppercase;
}
h2,
h2 a
h2 a:hover {
    color: #151f40;
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #db0a00;
	padding: 0.5em 0.5em 0.5em 0;
	margin-bottom: 0.5em;
}

ul, ol {
	margin: 0.5em 0 0.5em 1em;
	padding: 0 0 0 1em;
}
li {
	margin: 0.2em 0 0.2em 0;
}
small {
    font-size: 0.9em;
    font-weight: normal;
}
hr {
    padding: 0;
    margin: 20px 0;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
}
.clear {
	clear:both;
	line-height:0;
	height:0;
}
.fr { float: right }
.fl { float: left }
.r { text-align: right }
.c { text-align: center }
.b { font-weight: bold }
.hint { color: #777; }
.breadcrumb,
.breadcrumb a {
    font-size: 0.9em;
    color: #888;
    margin: 1.2em 0;
}
.breadcrumb {
    word-spacing: 0.3em;
}
.breadcrumb a:hover {
    color: #666;
    text-decoration: none;
}

/*------------------ form ------------------*/
form,
form fieldset,
form .checkbox,
form .select {
	margin: 0;
	padding: 0;
    border: 0;
}
form .box {
    background-color: #f9f9f9;
    border: 2px solid #efefef;
}
form .text,
form .textarea,
form .select {
	border: 1px solid #d7d7d7;
    width: 100%;
}
form dl .optional {
    color: #757575;
}
form dt {
    padding: 4px;
    font-weight: bold;
}
form dd {
	padding: 4px 7px 4px 4px;
}
form legend,
form h2 {
    margin: 0;
    padding: 0.5em 0;
    text-indent: 0.5em;
	font-weight: bold;
	/*color: #004993;*/
    color: #333;
	font-size: 1.1em;
    background-color: #f1f1f1;
    width: 100%;
}
form .error {
	background-color: #ffe4ea;
}
form .single,
form .double,
form .triple,
form .quadruple {
    float: left;
	width: 25%;
	margin: 5px 0;
}
form .double {
    width: 50%;
}
form .triple {
    width: 75%;
}
form .quadruple {
    width: 100%;
}
form .mce_page,
form .mce_comment,
form .mce_description {
    border: 0;
}
/* .note places same line with input
    .hint places below input */
form .note,
form .hint {
    font-size: 90%;
    color: #888;
    font-weight: normal;
    padding-top: 0.5em;
}
form .hint {
    padding: 0;
}
form .submit {
    padding: 7px;
    margin: 10px 0 0 0;
}
form .submit .button {
    padding: 0.3em 1.5em;
    background-color:#545454;
    color: #fff;
}
form .hint_area {
    border:2px solid #f1f1f1;
    background-color: #f8f8f8;
    color: #666;
}

/*------------------ form response ------------------*/
#response {
}
#response ul,
#response li {
	padding: 0;
	margin: 0;
    list-style: none;
}
#response .fatal,
#response .success {
	padding: 1em;
    margin: 0 0 10px 0;
}
#response .fatal {
	/*color: #fff;
	background-color: #92224b;*/

	color: #a00029;
    border-top: 1px solid #faafb5;
    border-bottom: 1px solid #faafb5;
    background-color: #ffeff3;
}
#response .fatal ul {
	padding: 0.5em 14px 0 14px;
	margin: 0;
}
#response .fatal li {
	padding: 0.3em 0;
	list-style: disc;
}
#response .fatal dt,
#response .fatal dd {
    padding-left: 20px;
}
#response .fatal dt {
	background: url('exclamation.html') no-repeat center left;
}
#response .success {
	color: #4d7c09;
    border-top: 1px solid #ceef9e;
    border-bottom: 1px solid #ceef9e;
    background-color: #e9fad0;
}
#response .success dt {
    padding-left: 20px;
	background: url('tick.html') no-repeat center left;
}
#response .warning {
	color: #fff;
	background-color: #92224b;
}

/*------------------ curved ------------------*/
.curved,
.small_curved,
.small_curved_top,
.medium_curved,
.button {
    border: 0 solid #fff;
}
.curved {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -border-radius: 10px;
    border-radius: 10px;
}
.small_curved {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -border-radius: 5px;
    border-radius: 5px;
}
.small_curved_top {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    -border-radius-topleft: 5px;
    -border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.medium_curved {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -border-radius: 8px;
    border-radius: 8px;
}

/*------------------ sprites ------------------*/
/*.widgets {
    background: url('widgets.png') no-repeat;
}
.buttons {
    background: url('buttons.png') no-repeat;
}
.icons {
    background: url('icons.png') no-repeat;
}
*/
.button {
    background: transparent url('button.png') no-repeat;
    width: 90px;
    height: 22px;
    overflow: hidden;
    border: 1px solid #d6301a;
    color: #fff;
    cursor: pointer;
}
/*------------------ layout ------------------*/
#outer_wrapper {
    margin: 0 auto;
    background: url('outer.jpg') no-repeat top center;
}

#header_wrapper,
#content_wrapper,
#footer_wrapper {
    width: 910px;
    margin: 0 auto;
}

#header_wrapper .logo {
    float: left;
    width: 140px;
    padding-top: 20px;
}
#logo {
    display: block;
    width: 122px;
    height: 156px;
    display: block;
    background: url('logo.png') no-repeat;
}

#header {
    height: 259px;
    float: right;
    width: 770px;
}

#header .nav {
    height: 78px;
    padding-top: 10px;
    text-align: right;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
    float: left;
    width: 687px;
}
#header .nav a {
    color: #fff;
    margin: 0 1em;
    height: 24px;
    display: inline-block;
}
#header .nav a:hover,
#header .nav .active {
    background: url('mainnav_hover.png') no-repeat bottom center;
}

#header .cart_status {
    float: right;
    width: 83px;
    height: 36px;
    background: url('cart_status.png') no-repeat top center;
}
#header .cart_status span {
    display: block;
    margin: 10px 5px 5px 30px;
    font-weight: bold;
}
#header .cart_status a {
    color: #fff;
}

#header .highlight,
#highlight span {
    width: 770px;
    height: 185px;
    overflow: hidden;
}
#highlight,
#highlight li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#highlight span {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
}

#content_wrapper .sidebar1 {
    width: 210px;
    float: left;
}
#sidebar1 {
    padding-top: 78px;
    width: 200px;
    overflow: hidden;
}
#sidebar1 .sidebar {
    margin: 0 0 20px 0;
}
#sidebar1 h2 {
    color: #fff;
    font-size: 1.2em;
    text-shadow: 1px 2px #314691;
    text-transform: uppercase;
}

#sidebar1 .category {
    color: #fff;
}
#sidebar1 .category h2 {
    margin: 0 0 18px 0;
}
#sidebar1 .category ul,
#sidebar1 .category li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#sidebar1 .category li {
    padding: 0 0 0 18px;
    background: url('bullet.png') no-repeat left 4px;
    border-bottom: 1px dotted #9198af;
}
#sidebar1 .category a {
    color: #fcfdfd;
    text-transform: uppercase;
    margin: 0.2em 0;
    display: block;
    font-size: 0.9em;
}
#sidebar1 .category a:hover {
    color: #ff1e00;
}

#sidebar1 .facebook_like_box {
    background-color: #fff;
}

#main {
    /*background: url('main.jpg') no-repeat top center;*/
    float: left;
    width: 700px;
}
#main .main {
    padding: 20px;
}
#main h1 {
    margin: 0 0 15px 0;
    z-index: 10;
}

#main .list {
    border-spacing: 1px;
    color: #1e294d;
}
#main .list th {
    background: #ebf3ff url('list_head.png') repeat-x bottom left;
    height: 24px;
    font-size: 0.9em;
}
#main .list td {
    background: #fff url('list_item.png') repeat-x bottom left;
    padding: 8px;
}

#footer_wrapper {
    background: url('footer.png') no-repeat top center;
    height: 77px;
    overflow: hidden;
    text-align: center;
}
#footer,
#footer a {
    color: #fff;
}
#footer .nav {
    margin: 15px 0;
    font-size: 1.1em;
    text-transform: uppercase;
}
#footer .nav a {
    margin: 0 0.8em;
}
#footer .copyright {
    font-size: 0.8em;
    text-transform: uppercase;
}
#footer .copyright,
#footer .copyright a {
    color: #ccc;
}

/*------------------ cart ------------------*/
#cart tr .image {
    width: 50px;
}
#cart tr .image div {
    height: 50px;
    background: #fff no-repeat center center;
}
#cart tr .title {
}
#cart tr .quantity {
    width: 80px;
    text-align: right;
    color: #6b6b6b;
    font-size: 90%;
    padding-right: 10px;
}
#cart tr .quantity input {
    width: 40px;
    border: 1px solid #ccc;
    padding: 2px;
}
#cart tr .remove {
    text-align: center;
    width: 60px;
}
#cart .summary {
    padding: 1em;
    margin: 10px 0;
}
#cart .remark {
    color: #fff;
}

/*------------------ pagination ------------------*/
#pagination {
	clear: both;
	padding: 1em 0 2em 0;
	color: #737373;
}
#pagination .total {
	float: left;
	text-align: left;
	padding-right: 15px;
	color: #fff;
}
#pagination .pages {
	float: left;
	text-align: left;
	word-spacing: 0.5em;
}
#pagination .current,
#pagination a {
    padding: 0.2em 0.5em;
    border: 1px solid #d6301a;
}
#pagination .current {
    background-color: #fff;
    border: 1px solid #131935;
    color: #ff1e00;
}
#pagination a {
	color: #fff;
	text-decoration: none;
    background-color: #b90c00;
}
#pagination a:hover {
    color: #fff;
    border: 1px solid #131935;
}
#pagination .disabled {
	color: #999;
}


/*------------------ blog ------------------*/
#blog {
}
#blog ul,
#blog li {
    padding: 0;
    margin: 0;
    list-style: none;
}
#blog li {
    padding: 1em 0;
    border-bottom: 1px dotted #ccc;
}
#blog .author,
#article .author {
    padding-bottom: 1.5em;
    color: #555;
    font-size: 0.9em;
}
#blog .image,
#blog .details {
    float: left;
}
#blog .image {
    margin: 0 15px 0 0;
    width: 102px
}
#blog .details {
    width: 540px;
    overflow: hidden;
}
#blog .featured_image {
    width: 100px;
    height: 100px;
    background: #fff no-repeat center center;
    border: 1px solid #ccc;
    display: block;
}

#references li {
    width: 130px;
    float: left;
    margin: 0 2px 0 0;
    border: none;
    text-align: center;
}
#references .image {
    float: none;
    margin: 0 13px;
    padding: 0;
}
#references li .title {
    display: block;
}

/*------------------ page ------------------*/
#page a,
#article a{
	color: #9f0902;
}
#page a:hover,
#article a:hover {
	color: #db0a00;
}

/*------------------ article ------------------*/
#article .images,
#article li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#article li {
    width: 102px;
    float: left;
    margin: 0 8px 8px 0;
    border: none;
    text-align: center;
}
#article .image {
    width: 100px;
    height: 100px;
    background: #fff no-repeat center center;
    border: 1px solid #ccc;
    display: block;
}

/*------------------ listing ------------------*/
.listing ul,
.listing li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.listing p {
    margin: 0.2em 0 0 0;
}
.listing th {
	text-align: left;
	font-weight: bold;
	padding: 0.5em;
    color: #777;
	border-top: solid 1px #e9e9e9;
    border-bottom: solid 1px #e9e9e9;
}
.listing td {
	border-bottom: solid 1px #e9e9e9;
	padding: 0.5em;
}
.listing th,
.listing td {
	line-height: 1.5em;
	vertical-align: top;
}
.listing .middle,
.listing .middle td {
    vertical-align: middle;
}
.listing .even {
	background-color: #f5f5f5;
}
.listing .odd {
}
.listing tr .empty {
    border: 0;
}
.listing .hidden td {
	color: #8d8d8d;
}

.listing .badges {
    padding: 0;
    margin: 0;
    list-style: none;
}
.listing .badges .featured {
    background: url('star.html') no-repeat center right;
    width: 24px;
    float: left;
}

/*------------------ discussions ------------------*/
#discussions .listing .count,
#discussion .listing .date {
    width: 100px;
}
#discussion .listing .count,
#discussion .listing .state {
    width: 80px;
}
#discussion .listing .badge {
    width: 24px;
}

#discussions p {
    margin: 1em 0 0 0;
}
#discussions .original_post {
    margin: 0 0 20px 0;
}
#discussions .original_post .body {
    width: 100%;
    overflow: auto;
}

.comment_form {
    padding: 10px;
    background-color: #eee;
}
.comment_form a{
	color: #db0a00;
}

/*------------------ comments ------------------*/
.comment {
}
.comment p {
    margin: 0 0 1em 0;
}
#comments {
    margin: 0;
    padding: 0;
    list-style: none;
}
#comments li {
    background: #eee;
    margin: 0.8em;
    padding: 0.5em;
}
#comments li .number {
    font-weight: bold;
}
#comments .hidden,
#comments .hidden a{
    color: #999;
}
#comments .avatar {
    float: left;
    width: 42px;
}
#comments .body {
    padding-left: 42px;
    width: 90%;
    overflow: auto;
}

/*------------------ product ------------------*/
#product h1 {
    font-size: 1.3em;
    margin: 0 0 1em 0;
    padding: 0;
}
#product .image {
	float: right;
    margin: 30px 0 0 0;
    width: 250px;
}
#product .details {
	float: left;
	width: 360px;
    overflow: auto;
}
#product .description {
    color: #fff;
    margin: 20px 0;
}
#product .details form {
}
#product .details p{
    margin: 0 0 1em 0;
}
#product .details .variants,
#product .details .variants li,
#product .details .variants input {
    padding: 0;
    margin: 0;
}
#product .details .variants li {
    list-style: none;
    padding-bottom: 0.5em;
}
#product .details .variants li,
#product .details .quantity input {
}
#product .details .quantity input {
    width: 40px;
    border: 1px solid #d6301a;
    padding: 2px;
}
#product .featured_image {
    width: 240px;
    height: 240px;
    background: #fff no-repeat center center;
    display: block;
    border: 1px solid #fff;
}
#product .compare_at_price  {
	text-decoration: line-through;
}
#product .related {
	padding: 0 0 10px 0;
}
#product .related ul {
	padding: 0;
	margin: 20px 0;
	list-style: none;
}
#product .related li {
    float: left;
    width: 150px;
    height: 150px;
    margin: 0 10px 10px 0;
    text-align: center;
    font-size: 0.9em;
}
#product .related li span {
    display: block;
}
#product .related li a {
    color: #491612;
}
#product .related li a:hover {
    color: #f7941d;
}
#product .related li .featured_image {
	width: 100px;
	height: 100px;
	background: #fff no-repeat center center;
    margin: 5px auto;
}

#product .extra_images {
	padding: 0;
    margin: 10px 0 0 0;
}
#product .extra_images ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#product .extra_images li span {
    display: block;
    float: left;
	width: 50px;
	height: 50px;
    background: #fff no-repeat center center;
    margin: 10px 0 0 10px;
    border: 1px solid #fff;
}

#product .buy {
    margin: 0 0 0 5px;
}

#product .add_form dd {
    margin: 0 10px;
}

#product .description h2 {
    color: #ffff00;
    font-size: 1.6em;
    line-height: 1.2em;
}
#product .description h3 {
    color: #ffff00;
    font-size: 1.2em;
}

/*------------------ collection ------------------*/
#collection .list .product_image {
    width: 120px;
}
#collection .list .brand {
    width: 180px;
}
#collection .image {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #fff no-repeat center center;
    display: block;
    border: 1px solid #f1f1f1;
}

#collection .filters {
    margin: 0 0 5px 0;
}
#collection .filters ul,
#collection .filters li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#collection .filters li {
    padding-left: 18px;
    background: url('bullet.png') no-repeat left 4px;
    margin: 0.2em 1em;
    float: left;
    width: 170px;
}
#collection .filters a {
    padding: 2px;
}
#collection .filters a:hover {
    border: 1px solid #9c0400;
    background-color: #db0a00;
    color: #fff;
}
#collection .filters .active a {
    color: #db0a00;
}
#collection .filters .active a:hover {
    color: #fff;
}
#collection .description {
    padding: 10px;
    margin: 0 10px 20px 0;
    background-color: #f4f4f4;
    border: 1px solid #e3e3e3;
}

#collection .filters {
    padding: 10px 0;
}
#collection .filters select {
    width: 150px;
}

/*------------------ frontpage ------------------*/
#frontpage h2 {
    text-transform: uppercase;
    margin: 0 0 15px 0;
}
#frontpage .padding {
    margin: 0 0 20px 0;
}
#frontpage #collection .products {
    background: url('products_grid.png') repeat-y top center;
}
#frontpage #collection .grid,
#frontpage #collection .grid li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#frontpage #collection .grid li {
    float: left;
    width: 100px;
    height: 120px;
    margin: 0 37px 20px 0;
}
#frontpage #collection .grid .last {
    margin: 0;
}
#frontpage #collection .grid li .title {
    height: 20px;
    overflow: hidden;
    text-align: center;
}
#frontpage #collection .grid li .title a {
    color: #fff;
}
#frontpage #collection .image {
    height: 100px;
    overflow: hidden;
    background: #fff no-repeat center center;
    margin: 0 0 5px 0;
    display: block;
}
#frontpage .brands {
    background: url('brands.png') no-repeat top left;
    height: 43px;
}
