@import "reset.css";

/* common page styles */
body { background:#474747 url(/images/bgc_main.png) repeat-x left top; font:12px Tahoma; }
a { color:inherit; color:expression(this.parentNode.currentStyle.color); text-decoration:none; }
h1 { font:bold 36px/100% serif; color:#990000; text-align:center; padding:0; margin-top:45px; }
h3 { color:white; font-size:17px; line-height:100%; padding:0; padding-bottom:10px; }

.white { color:white; }
.brown { color:#be0000; }
.right { float:right; }

/* main styles */

div.main { position:relative; min-height:100%; -height:100%; margin-bottom:-53px; padding:0 20px;}
div.main .spacer { height:60px; overflow:hidden; display:block; }
div.footer { height:43px; background:#bfbebe url(/images/footer_bgc.png) repeat-x left top; text-align:center; padding-top:10px; }
div.footer address { position:relative; z-index:100; font:13px Tahoma; }

.decor { position:absolute; display:block; }
.decor.top { width:275px; height:177px; top:0; right:0; background:url(/images/decor_top.png) no-repeat; }
.decor.bottom { width:350px; height:224px; bottom:0; left:0; background:url(/images/decor_bottom.png) no-repeat; }

/* content styles */

div.main table.data { width:1000px; margin:auto; position:relative; }
div.main table.data, div.main table.data td { vertical-align:top; border-collapse:collapse; padding-top:20px; }
div.main table.data td.left_c { width:670px; padding-left:30px;}
div.main table.data td.right_c { width:330px; }

.color { display:-moz-inline-block; display:inline-block; width:20px; height:20px; vertical-align:middle; cursor:pointer; border:2px solid #e0e0e0; //margin-right:5px; }
.color.active { border-color:#a12323; }
.color.cross-line { background-image:url(/images/cross-line.png); background-repeat:no-repeat; background-position:center; }

div.photo { position:relative; width:582px; height:168px; background:url(/images/images_line_bgc.png) no-repeat; margin-left:-10px; }
div.photo ins { position:relative; left:15px; -left:10px; top:10px; display:block; white-space:nowrap; overflow:hidden; width:550px; height:140px; text-decoration:none; white-space:nowrap; }
div.photo ins a { position:relative; border:2px solid white; margin-left:5px; display:-moz-inline-box; display:inline-block; font-size:0; width:172px; height:136px; }
div.photo ins a:first-child { margin:0; }
div.photo ins a:hover, div.photo ins a.active { border-color:#aa0505; }
div.photo ins a.current { border-color:#e9e9e9 !important; cursor:default; background:#ddd; }
div.photo ins a.current img { opacity:.4; filter:alpha(opacity=40); }

div.photo .arrow { position:absolute; width:27px; height:27px; overflow:hidden; top:68px; cursor:pointer; }
div.photo .arrow.left { left:-35px; }
div.photo .arrow.left img:hover { margin-top:-26px; }
div.photo .arrow.right { right:-30px; }
div.photo .arrow.right img { right:-30px; margin-top:-52px; }
div.photo .arrow.right img:hover { margin-top:-79px; }

form.search { font:17px "Times New Roman", Times, serif; padding-top:10px; }
form.search small { display:block; padding:10px 0; }
form.search input { //height:22px; }
form.search input.code { width:100px; }
form.search input.submit { //height:25px; }

div.big_photo { width:312px; height:332px; margin:auto; overflow:hidden; background:#e2e2e2 url(/images/dots.png); margin:5px 0; }

.infodata { font:14px/30px Arial; color:white; }
.infodata .views { padding-top:10px; color:#fff; }
.infodata .views span { position:relative; padding:.2em .5em; cursor:pointer; }
.infodata .views span.active { background:#fff; color:red; }
.infodata a.order_code { font:16px Arial, Helvetica, sans-serif; text-decoration:underline; }

/**
 * custom styles
 */
 h3.brown {clear:both;}
.infodata .views a { position:relative; padding:.2em .5em; cursor:pointer; }
.infodata .views a.active { background:#fff; color:red; }

/* carousel */
.horizontal_carousel {margin-bottom:0;}
.horizontal_carousel .container {height:140px; width:535px; margin:10px 0 0 15px;}
.horizontal_carousel ul {height:134px;}
.horizontal_carousel ul li {width:172px; height:134px; margin:0px; padding:0 3px;}
.horizontal_carousel .previous_button, .horizontal_carousel .next_button {background:none;}

div.photo { position:relative; width:582px; height:168px; background:url(/images/images_line_bgc.png) no-repeat; margin-left:-10px; }
div.photo ul a { display:-moz-inline-box; display:inline-block; border:2px solid white; font-size:0; width:172px; height:136px; }
div.photo ul a:first-child { margin:0; }
div.photo ul a:hover, div.photo ul a.active { border-color:#aa0505; }
div.photo ul a.current { border-color:#e9e9e9 !important; cursor:default; background:#ddd; }
div.photo ul a.current img { opacity:.4; filter:alpha(opacity=40); }

div.photo .arrow { position:absolute; width:27px; height:27px; overflow:hidden; top:68px; cursor:pointer; }
div.photo .arrow.left { left:-35px; }
div.photo .arrow.left img:hover { margin-top:-26px; }
div.photo .arrow.right { right:-30px; }
div.photo .arrow.right img { right:-30px; margin-top:-52px; }
div.photo .arrow.right img:hover { margin-top:-79px; }

/* cart */
.cart .wrapper {margin:1em;}

.cart table.cart-items {width:100%; border-collapse:collapse;}
    .cart table.cart-items a:hover { color:#9c1515; }
    .cart table.cart-items th {font-weight:bold; border:1px solid #000; text-align:left;}
    .cart table.cart-items td {padding:0.5em; border:1px solid #000;}
    .cart table.cart-items td.name {font-weight:bold;}

.cart form dl,
.cart form fieldset {margin:0; padding:0; border:0;}
    .cart form input.submit {margin-top:10px;}

.cart form ul.errors {margin:0;}
    .cart form ul.errors li {list-style:none; color:red; margin:0; font-size:smaller;}