/* `XHTML, HTML4, HTML5 Reset */

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ul {
  list-style: disc outside;
  margin:0 0 20px 20px;
}

ol {
  margin:0 0 20px 20px;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}

input::-moz-focus-inner /*Remove button padding in FF*/ { 
    border: 0;
    padding: 0;
}

/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents

    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

/* #Base 960 Grid */

	.container 									{background:#fff;}
    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0 10px ; }
    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

     /* Base Grid */
    .container .one.column,
    .container .one.columns { width: 40px; }
    .container .two.columns { width: 100px; }
    .container .three.columns { width: 160px; }
    .container .four.columns { width: 220px; }
    .container .five.columns { width: 280px; }
    .container .six.columns { width: 340px; }
    .container .seven.columns { width: 400px; }
    .container .eight.columns { width: 460px; }
    .container .nine.columns { width: 520px; }
    .container .ten.columns { width: 580px; }
    .container .eleven.columns { width: 640px; }
    .container .twelve.columns { width: 700px; }
    .container .thirteen.columns { width: 760px; }
    .container .fourteen.columns { width: 820px; }
    .container .fifteen.columns { width: 880px; }
    .container .sixteen.columns { width: 940px; }

    .container .one-third.column                { width: 280px; }
    .container .two-thirds.column               { width: 600px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }

html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(../image/bg-body.jpg) top left repeat-x;
	color: #666;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	line-height:140%;
	margin: 0;
	padding: 0;
}

body, td, th, input, textarea, select, a {
	font-size: 12px;
	font-family: tahoma, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
	color:#000000;
	margin-top:0;
}

h1, .welcome {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
}

h2 {
	font-size: 18px;
	margin-bottom: 5px;
}

h3 {
	font-size: 12px;
	margin-bottom: 5px;
}

p {
	margin-top: 0px;
	margin-bottom: 20px;
}

a, a:visited, a b {
	color: #666;
	font-weight:bold;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color:#333;
	text-decoration: underline;
}

a img {
	border: none;
}

form {
	padding: 0;
	margin: 0;
	display: inline;
}

input[type='text'], input[type='password'], textarea {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;
}

select {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

label {
	cursor: pointer;
}

.left {
	float:left;
}

.right {
	float:right;
}

table {
	margin-bottom:20px;
}

th, td {
	border:1px solid #ddd;
	padding:5px;
}

abbr {
	font-style: italic;
	text-decoration: underline;
}

/* layout */

#container {
	box-shadow:0 0 5px #999;
	margin-bottom:10px;
	padding-top:20px;
	text-align: left;
}

#column-left {
}

#column-right {
}

#content {
	min-height: 400px;
	margin-bottom: 25px;
}

#column-left + #column-right + #content, #column-left + #content {

}

#column-right + #content {
}

/* header */

#header {
	background: #000 url(../image/bg-header.png) top left repeat-x;
	box-shadow:0 0 5px #000;
	color:#fff;
	height: 100px;
	position: relative;
	z-index: 99;
}

#header a {
	color:#fff;
}

#header a:hover {
	color:#fff;
}

#header a.button {
	color:#330000;
}

#header .container {
	background: #000 url(../image/bg-header.png) top left repeat-x;
	height: 100px;
	position: relative;
}

#header #logo {
	position: absolute;
	top: 25px;
	left: 0;
}

#header-contact {
	color:#fff;
}

#language {
	position: absolute;
	top: 15px;
	left: 320px;
	width: 80px;
	color: #999;
	line-height: 17px;
}

#language img {
	cursor: pointer;
	margin-right: 5px;
}

#currency {
	width: 75px;
	position: absolute;
	top: 55px;
	right: 540px;
	color: #999;
	line-height: 17px;
}

#currency a {
	display: inline-block;
	padding: 2px 4px;
	border: 1px solid #CCC;
	color: #999;
	text-decoration: none;
	margin-right: 2px;
	margin-bottom: 2px;
}

#currency a b {
	color: #eee;
	text-decoration: none;
}

#header #cart {
	display:inline-block;
	z-index: 9;
	margin-left:20px;
}

#header #cart .heading {
	position: relative;
	z-index: 1;
}

#header #cart .heading h4 {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
}

#header #cart .heading a {
	display:inline-block;
	text-decoration: none;
}

#header #cart .button {
	margin-left:10px;
}

#header #cart .content {
	clear: both;
	display: none;
}

#header #cart.active .heading {
}

#header #cart.active .content {
	display: block;
}

#header #cart .checkout {
	text-align: right;
	clear: both;
}

#header #cart .empty {
	padding-top: 50px;
	text-align: center;
}

#header-bar {
	background:#333;
	border-radius:3px;
	color:#fff;
	position: absolute;
	bottom:10px;
	right:0;
	padding:5px 10px;
}

#header #search {
	display:inline-block;
	z-index: 15;
}

#header .button-search {
	position: absolute;
	left: 10px;
	background: url('../image/button-search.png') center center no-repeat;
	width: 28px;
	height: 24px;
	border-right: 1px solid #CCCCCC;
	cursor: pointer;
}

#header #search input {
	background: #FFF;
	padding: 1px 1px 1px 33px;
	width: 262px;
	height: 21px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

#header .links {
	position: absolute;
	right: 0px;
	bottom: 3px;
	font-size: 10px;
	padding-right: 10px;
}

#header .links a {
	float: left;
	display: block;
	padding: 0px 0px 0px 7px;
	color: #38B0E3;
	text-decoration: none;
	font-size: 12px;
}

#header .links a + a {
	margin-left: 8px;
	border-left: 1px solid #CCC;
}

#header-social {
	font-size:16px;
	position: absolute;
	top:10px;
	right:0;
}

#header-social img { 
	margin-left:5px;
}

/* menu */

#menu {
	background: #585858;
	border-bottom: 1px solid #000000;
	height: 37px;
	margin-bottom: 15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
	overflow:hidden;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu > ul > li {
	position: relative;
	float: left;
	z-index: 20;
	padding: 6px 5px 5px 0px;
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
	font-size: 13px;
	color: #FFF;
	line-height: 14px;
	text-decoration: none;
	display: block;
	padding: 6px 10px 6px 10px;
	margin-bottom: 5px;
	z-index: 6;
	position: relative;
}
#menu > ul > li:hover > a {
	background: #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
#menu > ul > li > div {
	display: none;
	background: #FFFFFF;
	position: absolute;
	z-index: 5;
	padding: 5px;
	border: 1px solid #000000;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	background: url('../image/menu.png');
}
#menu > ul > li:hover > div {
	display: table;
}
#menu > ul > li > div > ul {
	display: table-cell;
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}
#menu > ul > li ul > li > a {
	text-decoration: none;
	padding: 4px;
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
	min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
	background: #000000;
}
#menu > ul > li > div > ul > li > a {
	color: #FFFFFF;
}
.breadcrumb {
	color: #CCCCCC;
	margin-bottom: 10px;
}
.success, .warning, .attention, .information {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	color: #555555;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.success {
	background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
	border: 1px solid #BBDF8D;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.warning {
	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.attention {
	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.success .close, .warning .close, .attention .close, .information .close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	display: block;
	color: #FF0000;
}
.help {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
}
table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form tr td:first-child {
	width: 150px;
}
table.form > * > * > td {
	color: #000000;
}

table.form td {
	border:none;
	padding: 4px;
}

input.large-field, select.large-field {
	width: 300px;
}
table.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}

table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

table.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}

table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}

table.list tbody td {
	vertical-align: top;
	padding: 0px 5px;
}

table.list .left {
	text-align: left;
	padding: 7px;
}

table.list .right {
	text-align: right;
	padding: 7px;
}

table.list .center {
	text-align: center;
	padding: 7px;
}

table.radio {
	width: 100%;
	border-collapse: collapse;
}

table.radio td {
	border:none;
	padding: 5px;
	vertical-align: top;
}

table.radio td label {
	display: block;
}

table.radio tr td:first-child {
	width: 1px;
}

table.radio tr td:first-child input {
	margin-top: 1px;
}

table.radio tr.highlight:hover td {
	background: #F1FFDD;
	cursor: pointer;
}

.pagination {
	border-top: 1px solid #EEEEEE;
	padding-top: 8px;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.pagination .links {
	float: left;
}

.pagination .links a {
	display: inline-block;
	border: 1px solid #fff;
	padding: 4px 10px;
	text-decoration: none;
	color: #A3A3A3;
}

.pagination .links b {
	display: inline-block;
	border: 1px solid #FF9F00;
	padding: 4px 10px;
	font-weight: normal;
	text-decoration: none;
	color: #FF9F00;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
	padding-top: 3px;
}

/* button */

a.button, input.button {
	background: #FF9F00 url('../image/bg-button-yellow.png') top left repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius:  3px;
	border:1px solid #FF9F00;
	cursor: pointer;
	color: #330000;
	display:inline-block;
	line-height: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height:1.3;
	padding:8px;
	text-shadow: 1px 1px 2px #fff;
	vertical-align: middle;
}

a.button {

}

div input.button {

}

a.button:hover, input.button:hover {
	background: #FFAB10 url('../image/bg-button-yellow.png') top right repeat-x;
	text-decoration:none;
}

	.button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		 box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
	}

.buttons {
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	overflow: auto;
	padding: 6px;
	margin-bottom: 20px;
}

.buttons .left {
	float: left;
	text-align: left;
}

.buttons .right {
	float: right;
	text-align: right;
}

.buttons .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.htabs {
	height: 30px;
	line-height: 16px;
	border-bottom: 1px solid #DDDDDD;
}

.htabs a {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	padding: 7px 15px 6px 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000000;
	margin-right: 2px;
	display: none;
}
.htabs a.selected {
	padding-bottom: 7px;
	background: #FFFFFF;
}
.tab-content {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding: 10px;
	margin-bottom: 20px;
	z-index: 2;
	overflow: auto;
}
/* box */

.box {
	margin-bottom: 20px;
}

.box .box-heading {
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-khtml-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
	border: 1px solid #FF9F00;
	background: url('../image/bg-boxheader-short.png') top right no-repeat;
	padding: 8px 10px 0 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height:22px;
	line-height: 14px;
	color: #330000;
	text-shadow:1px 1px 1px rgba(255, 255, 255, 0.9) ;
}

.box .box-heading h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #330000;
	text-shadow:1px 1px 2px #fff;
}

#content .box .box-heading {
	background: url('../image/bg-boxheader-long.png') top right no-repeat;
}

#content .box-product div {
	text-align:center;
}

.box .box-heading span {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#FF0000,direction=90);
}

.box .box-content {
	background: #FFFFFF;
	-webkit-border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	-khtml-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
	border-left: 1px solid #FF9F00;
	border-right: 1px solid #FF9F00;
	border-bottom: 1px solid #FF9F00;
	padding: 10px;
}

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

.box-content a {
	color:#666;
}

.box-content a:hover {
	color:#333;
}

/* box products */
.box-product {
	width: 100%;
	overflow: auto;
}
.box-product > div {
	width: 130px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	margin-bottom: 20px;
}

#column-left + #column-right + #content .box-product > div {
	width: 119px;
}

.box-product .image {
	display: block;
	margin-bottom: 5px;
}

.box-product .image img {
	padding: 3px;
	border: 1px solid #E7E7E7;
}

.box-product .name {
	height:53px;
	overflow:hidden;
}

.box-product .name a {
	display: block;
	margin-bottom: 4px;
}

.box-product .price {
	display: block;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
}

.box-product .price-old {
	color: #F00;
	text-decoration: line-through;
}

.box-product .price-new {
	font-weight: bold;
}

.box-product .rating {
	display: block;
	margin-bottom: 4px;
}

/* box category */
.box-category {
	margin-top: -5px;
}


.box-category ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.box-content > ul > li,
.box-category > ul > li {
	padding: 8px 8px 8px 0px;
}

.box-content > ul > li + li,
.box-category > ul > li + li {
	border-top: 1px solid #EEEEEE;
}

.box-category > ul > li > a {
	text-decoration: none;
}

.box-category > ul > li ul {
	display: none;
}

.box-category > ul > li a.active {
	font-weight: bold;
}

.box-category > ul > li a.active + ul {
	display: block;
}

.box-category > ul > li ul > li {
	padding: 5px 5px 0px 10px;
}
.box-category > ul > li ul > li > a {
	text-decoration: none;
	display: block;
}
.box-category > ul > li ul > li > a.active {
	font-weight: bold;
}
/* content */
#content .content {
	padding: 10px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #EEEEEE;
}
#content .content .left {
	float: left;
	width: 49%;
}
#content .content .right {
	float: right;
	width: 49%;
}
/* category */
.category-info {
	overflow: auto;
	margin-bottom: 20px;
}
.category-info .image {
	float: left;
	padding: 5px;
	margin-right: 15px;
	border: 1px solid #E7E7E7;
}
.category-list {
	overflow: auto;
	margin-bottom: 20px;
}
.category-list ul {
	float: left;
	width: 18%;
}
/* manufacturer */
.manufacturer-list {
	border: 1px solid #DBDEE1;
	padding: 5px;
	overflow: auto;
	margin-bottom: 20px;
}
.manufacturer-heading {
	background: #F8F8F8;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 8px;
	margin-bottom: 6px;
}
.manufacturer-content {
	padding: 8px;
}
.manufacturer-list ul {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}
/* product */
.product-filter {
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 5px;
	overflow: auto;
}
.product-filter .display {
	margin-right: 15px;
	float: left;
	padding-top: 4px;
	color: #333;
}
.product-filter .display a {
	font-weight: bold;
}
.product-filter .sort {
	float: right;
	color: #333;
}
.product-filter .limit {
	margin-left: 15px;
	float: right;
	color: #333;
}
.product-compare {
	padding-top: 6px;
	margin-bottom: 25px;
	font-weight: bold;
}
.product-compare a {
	text-decoration: none;
	font-weight: bold;
}
.product-list > div {
	overflow: auto;
	margin-bottom: 15px;
}
.product-list .right {
	float: right;
	margin-left: 15px;
}
.product-list > div + div {
	border-top: 1px solid #EEEEEE;
	padding-top: 16px;
}
.product-list .image {
	float: left;
	margin-right: 10px;
}
.product-list .image img {
	padding: 3px;
	border: 1px solid #E7E7E7;
}
.product-list .name {
	margin-bottom: 3px;
}
.product-list .name a {
	color: #38B0E3;
	font-weight: bold;
	text-decoration: none;
}
.product-list .description {
	line-height: 15px;
	margin-bottom: 5px;
	color: #4D4D4D;
}
.product-list .rating {
	color: #7B7B7B;
}
.product-list .price {
	float: right;
	height: 50px;
	margin-left: 8px;
	text-align: right;
	color: #333333;
	font-size: 12px;
}
.product-list .price-old {
	color: #F00;
	text-decoration: line-through;
}
.product-list .price-new {
	font-weight: bold;
}
.product-list .price-tax {
	font-size: 12px;
	font-weight: normal;
	color: #BBBBBB;
}

.product-list .cart {
	margin-bottom: 3px;
}

.product-list .wishlist, .product-list .compare {
	margin-bottom: 3px;
}

.product-list .wishlist a {
	color: #333333;
	text-decoration: none;
	padding-left: 18px;
	display: block;
	background: url('../image/add.png') left center no-repeat;
}

.product-list .compare a {
	color: #333333;
	text-decoration: none;
	padding-left: 18px;
	display: block;
	background: url('../image/add.png') left 60% no-repeat;
}

.product-grid {
	width: 100%;
	overflow: auto;
}

.product-grid > div {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 30px;
	text-align:center;
	vertical-align: top;
	width: 150px;
}

#column-left + #column-right + #content .product-grid > div {
	width: 125px;
}

.product-grid .image {
	display: block;
	margin-bottom: 10px;
}

.product-grid .image img {
	padding: 3px;
	border: 1px solid #E7E7E7;
}

.product-grid .name {
	height:55px;
	overflow: hidden;
}

.product-grid .name a {
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 4px;
}

.product-grid .description {
	display: none;
}

.product-grid .rating {
	display: block;
	margin-bottom: 4px;
}

.product-grid .price {
	display: block;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
}

.product-grid .price-old {
	color: #F00;
	text-decoration: line-through;
}

.product-grid .price-new {
	font-weight: bold;
}

.product-grid .price .price-tax {
	display: none;
}

.product-grid .cart {
	margin-bottom: 3px;
}

.product-grid .wishlist, .product-grid .compare {
	display:none;
	margin-bottom: 3px;
}

.product-grid .wishlist a {
	color: #333333;
	text-decoration: none;
	padding-left: 18px;
	display: block;
	background: url('../image/add.png') left center no-repeat;
}
.product-grid .compare a {
	color: #333333;
	text-decoration: none;
	padding-left: 18px;
	display: block;
	background: url('../image/add.png') left center no-repeat;
}

/* Product */

.product-info {
	overflow: auto;
	margin-bottom: 20px;
}

.product-info > .left {
	float: left;
	margin-right: 15px;
}

.product-info > .left + .right {

}

.product-info .image {
	border: 1px solid #E7E7E7;
	float: left;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
}
.product-info .image-additional {
	width: 260px;
	margin-left: -10px;
	clear: both;
	overflow: hidden;
}

.product-info .image-additional img {
	border: 1px solid #E7E7E7;
}

.product-info .image-additional a {
	float: left;
	display: block;
	margin-left: 10px;
	margin-bottom: 10px;
}

.product-info .description {
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	padding: 5px 5px 10px 5px;
	margin-bottom: 10px;
	line-height: 20px;
	color: #4D4D4D;
}

.product-info .description span {
	
}

.product-info .description a {
	color: #4D4D4D;
	text-decoration: none;
}

.product-info .price {
	overflow: auto;
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 5px 10px 5px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}
.product-info .price-old {
	color: #F00;
	text-decoration: line-through;
}
.product-info .price-new {
}
.product-info .price-tax {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.product-info .price .reward {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.product-info .price .discount {
	font-weight: normal;
	font-size: 12px;
	color: #4D4D4D;
}
.product-info .options {
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 5px 10px 5px;
	margin-bottom: 10px;
	color: #000000;
}
.product-info .option-image {
	margin-top: 3px;
	margin-bottom: 10px;
}
.product-info .option-image label {
	display: block;
	width: 100%;
	height: 100%;
}
.product-info .option-image img {
	margin-right: 5px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}
.product-info .cart {
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 5px 10px 5px;
	margin-bottom: 20px;
	color: #4D4D4D;
	overflow: auto;
}
.product-info .cart div {
	float: left;
	vertical-align: middle;
}
.product-info .cart div > span {
	padding-top: 7px;
	display: block;
	color: #999;
}
.product-info .cart .minimum {
	padding-top: 5px;
	font-size: 11px;
	color: #999;
	clear: both;
}
.product-info .review {
	color: #4D4D4D;
	border-top: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	margin-bottom: 10px;
}
.product-info .review > div {
	padding: 8px;
	border-bottom: 1px solid #E7E7E7;
	line-height: 20px;
}
.product-info .review > div > span {
	color: #38B0E3;
}
.product-info .review .share {
	overflow: auto;
	line-height: normal;
}
.product-info .review .share a {
	text-decoration: none;
}
.review-list {
	padding: 10px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #EEEEEE;
}
.review-list .author {
	float: left;
	margin-bottom: 20px;
}
.review-list .rating {
	float: right;
	margin-bottom: 20px;
}
.review-list .text {
	clear: both;
}
.attribute {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.attribute tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
	width: 20%;
}
.attribute td {
	padding: 7px;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.compare-info {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.compare-info tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
}
.compare-info td {
	padding: 7px;
	width: 20%;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.compare-info .name a {
	font-weight: bold;
}
.compare-info .price-old {
	font-weight: bold;
	color: #F00;
	text-decoration: line-through;
}
.compare-info .price-new {
	font-weight: bold;
}
/* wishlist */
.wishlist-info table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.wishlist-info td {
	padding: 7px;
}
.wishlist-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
	text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
	text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
	text-align: right;
}
.wishlist-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
	border: 1px solid #DDDDDD;
}
.wishlist-info tbody .image {
	text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
	text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
	text-align: right;
}
.wishlist-info tbody .price s {
	color: #F00;
}
.wishlist-info tbody .action img {
	cursor: pointer;
}
.login-content {
	margin-bottom: 20px;
	overflow: auto;
}
.login-content .left {
	float: left;
	width: 48%;
}
.login-content .right {
	float: right;
	width: 48%
}
.login-content .left .content, .login-content .right .content {
	min-height: 190px;
}
/* orders */
.order-list {
	margin-bottom: 10px;
}
.order-list .order-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.order-list .order-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
	float: left;
	width: 33.3%;
}
.order-list .order-info {
	text-align: right;
}
.order-detail {
	background: #EFEFEF;
	font-weight: bold;
}
/* returns */
.return-list {
	margin-bottom: 10px;
}
.return-list .return-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.return-list .return-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.return-list .return-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
	float: left;
	width: 33.3%;
}
.return-list .return-info {
	text-align: right;
}
.return-product {
	overflow: auto;
	margin-bottom: 20px;
}
.return-name {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-model {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-quantity {
	float: left;
	width: 31%;
}
.return-detail {
	overflow: auto;
	margin-bottom: 20px;
}
.return-reason {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened textarea {
	width: 98%;
	vertical-align: top;
}
.return-captcha {
	float: left;
}
.download-list {
	margin-bottom: 10px;
}
.download-list .download-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.download-list .download-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.download-list .download-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
	float: left;
	width: 33.3%;
}
.download-list .download-info {
	text-align: right;
}
/* cart */
.cart-info table {
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.cart-info td {
	padding: 7px;
}
.cart-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .image {
	text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
	text-align: left;
}
.cart-info thead .price, .cart-info thead .total {
	text-align: right;
}
.cart-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .image img {
	border: 1px solid #DDDDDD;
}
.cart-info tbody .image {
	text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
	text-align: left;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
	position: relative;
	top: 4px;
	cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
	text-align: right;
}
.cart-info tbody span.stock {
	color: #F00;
	font-weight: bold;
}
.cart-module > div {
	display: none;
}

.cart-total {
	border-top: 1px solid #DDDDDD;
	
	overflow: auto;
	padding-top: 8px;
	margin-bottom: 15px;
}

.cart-total table {
	float: right;
}

.cart-total td {
	border:none;
	font-size:14px;
	padding: 3px;
	text-align: right;
}

/* checkout */
.checkout-heading {
	background: #F8F8F8;
	border: 1px solid #DBDEE1;
	padding: 8px;
	font-weight: bold;
	font-size: 13px;
	color: #555555;
	margin-bottom: 15px;
}
.checkout-heading a {
	float: right;
	margin-top: 1px;
	font-weight: normal;
	text-decoration: none;
}
.checkout-content {
	padding: 0px 0px 15px 0px;
	display: none;
	overflow: auto;
}
.checkout-content .left {
	float: left;
	width: 48%;
}
.checkout-content .right {
	float: right;
	width: 48%;
}
.checkout-content .buttons {
	clear: both;
}
.checkout-product table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.checkout-product td {
	padding: 7px;
}
.checkout-product thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
	text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
	text-align: right;
}
.checkout-product tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
	text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
	text-align: right;
}
.checkout-product tfoot td {
	text-align: right;
	border-bottom: 1px solid #DDDDDD;
}
.contact-info {
	overflow: auto;
}
.contact-info .left {
	float: left;
	width: 48%;
}
.contact-info .right {
	float: left;
	width: 48%;
}
.sitemap-info {
	overflow: auto;
	margin-bottom: 40px;
}
.sitemap-info .left {
	float: left;
	width: 48%;
}
.sitemap-info .right {
	float: left;
	width: 48%;
}

/* footer */ 

#footer {
	background:transparent;
	clear: both;
	overflow: auto;
	min-height: 100px;
}

#footer h3 {
	color: #000000;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 8px;
}

#footer .column {
	min-height: 100px;
}

#footer .column ul {
	margin-top: 0px;
	margin-left: 8px;
	padding-left: 12px;
}

#footer .column ul li {
	margin-bottom: 3px;
}

#footer .column a {
	text-decoration: none;
	color: #000;
}

#footer .column a:hover {
	text-decoration: underline;
}

#legal {
	text-align: right;
}


/* banner */

.banner div {
	text-align: center;
	width: 100%;
	display: none;
}

.banner div img {
	margin-bottom: 20px;
}

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
}

/*
* Name: Blog Manager
* Version: 1.3.2
* Author: Echothemes
* Author URL: http://www.echothemes.com
* Copyright (c) 2011 - 2013  Echothemes. All right Reserved
*/

/* General */
.blogModule { margin-bottom:10px; }
   .blogModule .box-heading {  }
   .blogModule ul{ line-height:18px; list-style:none; padding:0; margin:0; }
      .blogModule li { overflow:hidden; margin-bottom:10px; }
         .blogModule li:last-child { margin-bottom:0; }
      .blogModule li a { text-decoration:none; }
      .blogModule li a:hover { text-decoration:underline; }
   .blogModule .image img { float:left; padding:0; border:1px solid #ddd; background:#eee; margin: 0 20px 15px 0;}
   
   
   .blogModule .title { font-size:14px; display:block; margin-bottom:5px; }
   .blogModule .image + .title { margin-bottom:0;}
   .blogModule .title + .info  span{ padding-left:63px;}  
   .blogModule .info { color:#888; font-size:10px; display:block;}
   .blogModule p { margin:0; }

/* Layout */
.row-2, .row-3, .row-4 { float:left; padding-left:2%; }
   .row-first { clear:left; padding-left:0; }
   .row-2 { width:49%; }
   .row-3 { width:32%; }
   .row-4 { width:23.5%; }

/* Styling */
.boxPlain { } /* overwrite default .box style */
   .boxPlain .box-heading { padding:7px 8px; border:none; border-bottom:1px solid #d6d6d6; background:none; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; border-radius:0; }
   .boxPlain .box-content { padding:9px 8px; border:none; border-top:4px solid #ebebeb; background:none; }

.artPlain { }
   .artPlain ul { }
      .artPlain li { padding-left:12px; margin:0; background:url(../image/arrow.gif) no-repeat 0 4px; }
   .artPlain .title { font-size:13px; }
   .artPlain .image, .artPlain .info { display:none; visibility:hidden; }

/* show article module horizontally */
.artHorz-2 ul, .artHorz-3 ul, .artHorz-4 ul, .artHorz-5 ul { overflow:hidden; }
   .artHorz-2 li, .artHorz-3 li, .artHorz-4 li, .artHorz-5 li { float:left; }
   .artHorz-2 li { margin:5px 1% 10px; width:47.9% }
   .artHorz-3 li { margin:5px 1% 10px; width:30.9% }
   .artHorz-4 li { margin:5px 1%; width:22.9% }
   .artHorz-5 li { margin:5px 0.5%; width:18.9% }

/* Spesific Modules */
.blogCategories { }
   .blogCategories ul{ line-height:20px; }
      .blogCategories ul ul { margin:4px 0; }
   .blogCategories li { padding-left:15px; margin:0; background:url(../image/arrow.gif) no-repeat 0 5px; }
      .blogCategories li a { font-size:13px; line-height:16px; }
      .blogCategories li .blogActive { font-weight:bold; }

.recentArticles { }

.popularArticles { }

.recentComments { }
   .blogModule .recentComments .image { float:left; padding:3px; border:1px solid #ddd; background:#eee; margin-right:10px; }
   .blogModule .recentComments, .blogModule .recentComments .title { font-size:12px; }

.box-content > ul.recentArticles li {
	padding-top:10px;
}

   
.blogTags { }

.blogArchives { }
   #blogArchive ul { display:none; }
   .blogArchives ul{ line-height:20px; }
      .blogArchives ul ul { margin:4px 0; }
   .blogArchives li { padding-left:12px; margin:0; background:url(../image/arrow.gif) no-repeat 0 5px; }
      .blogArchives li a { font-size:13px; }
         .blogArchives li li a { font-size:12px; }
         .blogArchives li li li a { font-size:11px; }
      .blogArchives li .blogActive { font-weight:bold; }


/*
 * jQuery Nivo Slider v2.5.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
/* The Nivo Slider styles */
.nivoSlider {
	position: relative;
}
.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
	display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/* slider theme */

.slideshow .nivoSlider {
	position: relative;
	background: #fff url('../image/loading.gif') no-repeat 50% 50%;	
	margin-bottom: 20px;
}
.slideshow .nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.slideshow .nivoSlider a {
	border: 0;
	display: block;
}
.slideshow .nivo-controlNav {
	position: absolute;
	right: 10px;
	bottom: 5px;
	text-align: center;
	height: 22px;
	z-index: 99;
}
.slideshow .nivo-controlNav a {
	vertical-align: top;
	display: block;
	width: 22px;
	height: 22px;
	background: url('../image/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.slideshow .nivo-controlNav a.active {
	background-position:0 -22px;
}
.slideshow .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url('../image/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
}
.slideshow a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.slideshow a.nivo-prevNav {
	left:15px;
}
.slideshow .nivo-caption {
	text-shadow:none;
	font-family: Helvetica, Arial, sans-serif;
}
.slideshow .nivo-caption a {
	color:#efe9d1;
	text-decoration:underline;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(/catalog/view/javascript/jquery/colorbox/images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(/catalog/view/javascript/jquery/colorbox/images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(/catalog/view/javascript/jquery/colorbox/images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/catalog/view/javascript/jquery/colorbox/images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(/catalog/view/javascript/jquery/colorbox/images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(/catalog/view/javascript/jquery/colorbox/images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(/catalog/view/javascript/jquery/colorbox/images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(/catalog/view/javascript/jquery/colorbox/images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/catalog/view/javascript/jquery/colorbox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/catalog/view/javascript/jquery/colorbox/images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/catalog/view/javascript/jquery/colorbox/images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}