body {padding:0; margin:0; width:100%; background:#ffffff url(backgroundBody.png) top repeat-x; font:14px Trebuchet MS;}

input, textarea, select {width:200px; padding:5px; font:14px Trebuchet MS; border-radius:10px; border:1px solid #000000;}
input:focus, textarea:focus, select:focus {border:1px solid #df1214;}
input.red {width:91px; height:31px; font:14px Trebuchet MS; color:#ffffff; text-transform:uppercase; cursor:pointer; background: url(redButton.png) bottom center no-repeat; padding:0;border-radius:0; border:none;}
input.red:hover{background: url(redButton.png) top center no-repeat;}

a.red {width:81px; height:21px; padding:6px 5px 7px 5px; font:14px Trebuchet MS; color:#ffffff; text-transform:uppercase; cursor:pointer; background: url(redButton.png) bottom center no-repeat;border-radius:0; border:none; text-decoration:none;}
a.red:hover{background: url(redButton.png) top center no-repeat;}

.empty {display:none;}
.errors {color:#ff0000;}

#content li {margin:5px 0 5px 0;}
#content p {text-align:justify;}

img {border:0;}

.left {float:left;}
.right {float:right;}

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

h1 {color:#000000;font:Bold 20px Trebuchet MS;text-transform:uppercase; margin-top:8px;}

h2.green {color:#000000;font:Bold 16px Trebuchet MS;text-transform:uppercase; margin-top:8px; margin-top:0;}
h3.green {color:#000000;font:Bold 16px Trebuchet MS;text-transform:uppercase; margin-top:8px; margin-top:0;}

h1.catalog {font:18px Trebuchet MS; color:#6c9e01; padding: 5px 0 5px 35px; text-transform:uppercase; background: url(../catalog.png) left center no-repeat; margin-top:0;}
h2.ok {font:18px Trebuchet MS; color:#6c9e01; padding: 5px 0 5px 35px; text-transform:uppercase; background: url(../ok.png) left center no-repeat; margin-top:0;}

#breadcrumbs {margin:0 0 20px 0;}
#breadcrumbs {color:#000000; font-size:11px;}
#breadcrumbs a{color:#000000; font-size:11px;}

#container {width:1000px; margin:0 auto; overflow:hidden;}

#headerLink {width:315px; float:right; margin:10px 0 10px 0;}
#headerLink a {color:#ffffff; display:block; float:left; margin-right:20px;}


#navigation{width:100%; height:51px; float:left; margin: 0; background: url(headerMenuBackground.png) repeat-x; border-radius:5px 5px 0 0;}
#navigation table{table-layout: fixed; width:980px; height:100%; padding:0; border-collapse:collapse; margin:0 10px 0 10px;}
#navigation td{padding:0; color:#aeaeae; font:16px Trebuchet MS; text-align:center; background: url(headerMenuSeporatorBackground.png) center left no-repeat;}
#navigation td.first{background: none;}
#navigation td.here{background: url(headerMenuHereBackground.png) top repeat-x;color:#ffffff; font:16px Trebuchet MS;}
#navigation td a{color:#ffffff; text-decoration:none; font:16px Trebuchet MS; line-height:1;}
#navigation td a:hover{text-decoration:underline; color:#ffffff;}


#header {width:100%; border-collapse:collapse; background-color:#ffffff; margin-bottom:20px; border-radius:0 0 5px 5px;}
#header td {padding:20px 0 20px 0;}
#logo {width:300px;}
#logo img{margin-left:20px;}
#iconPhone {width:49px;}
#phoneNumber {font:22px Trebuchet MS; color:#000000; width:210px;}
#phoneNumber span{display:block; font:14px Trebuchet MS;}
#callback {padding-left:10px;}
#callback a {font:16px Trebuchet MS; display:block; background-color:#ffffff; width:150px; padding:5px; text-decoration:none; border-radius:5px; border:1px solid #dddddd; color:#000000;}
#callback a:hover {box-shadow: 0 0 5px #000000;}
#callback a span{display:block; height:16px; width:16px; float:left; margin: 2px 7px 0 2px;}

#sideBarLeft {width:240px; float:left;overflow:hidden;}

div.greenFullBarTop {width:240px; height:8px; background: url(backgroundSideBarCatalogTop.png) center center no-repeat;}
div.greenFullBarMiddle {width:240px; background: url(backgroundSideBarCatalogMiddle.png) repeat-y;}
div.greenFullBarMiddle a{width:230px; display:block;font:16px Trebuchet MS; color:#ffffff; padding:10px 5px 15px 5px; background: url(backgroundSideBarCatalogSeparator.png) top center no-repeat; text-decoration:none;}
div.greenFullBarMiddle a:hover{text-decoration:underline;}
div.greenFullBarMiddle a.first{background:none;}
div.greenFullBarMiddle a span {display:block; height:40px; width:19px; float:left; margin: 0 10px 0 10px;}
div.greenFullBarMiddle span.here {text-decoration:underline; font:16px Trebuchet MS; color:#ffffff;margin:0; padding:10px 5px 15px 5px; display:block; background: url(backgroundSideBarCatalogHereMiddle.png) repeat-y;}
div.greenFullBarMiddle span.here span {display:block; height:40px; width:19px; float:left; margin: 0 10px 0 10px;}
div.greenFullBarBottom {width:240px; height:7px; background: url(backgroundSideBarCatalogBottom.png) center center no-repeat; margin-bottom:20px;}

div.greenBarTopItem {width:175px; height:35px; padding:10px 5px 0 60px; background: url(itemTop.png) top center no-repeat;}
div.greenBarTopItem h2{display:block; float:left; margin:0; width:110px; padding:0; font:16px Trebuchet MS; text-transform:uppercase; color:#ffffff;}
div.greenBarTopItem a{display:block; float:right; width:50px; text-decoration:underline; color:#ffffff;}
div.greenBarTopItem a:hover {text-decoration:none;}
div.greenBarMiddleItem{width:220px; padding:0 5px 10px 15px; background: url(itemMiddle.png) repeat-y;}
div.greenBarMiddleItem span{color:#8c8c8c; display:block; margin:0; padding-top:10px;font-size:12px;}
div.greenBarMiddleItem a{display:block; color:#000000; font-size:12px; margin-bottom:10px;}
div.greenBarMiddleItem a:hover{color:#c62027;}
div.greenBarBottomItem{width:240px; height:8px; background: url(itemBottom.png) repeat-y; margin-bottom:20px;}

#promoBannerContainer {border-radius:5px; position:relative; width:750px; height:400px; overflow:hidden;margin:0 0 20px 0; float:right; padding-bottom:9px; background: url(backgroundPromoBanner.png) bottom center no-repeat;}
#promoBannerContainer img{border-radius:none;width:750px; height:400px;}
#promoBanner {width:750px; height:400px;}
#promoBanner li {width:750px; height:400px; padding:0; margin:0;}
#promoBanner ul {padding:0; margin:0; list-style:none;}
#promoBannerContainer .jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
#promoBannerContainer .jcarousel-skin-tango .jcarousel-container-horizontal {width: 750px;}
#promoBannerContainer .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
#promoBannerContainer .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 160px;right: 0;width: 41px;height: 81px;cursor: pointer;background:none;}
#promoBannerContainer .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 160px;left: 0;width: 41px;height: 81px;cursor: pointer;background:none;}
#promoBannerContainer:hover .jcarousel-next-horizontal{background: transparent url(../nextSlider.png) no-repeat 0 0;}
#promoBannerContainer:hover .jcarousel-prev-horizontal{background: transparent url(../backSlider.png) no-repeat 0 0;}

#contentContainerBar {width:750px; overflow:hidden; float:right;}
#contentContainer {float:left; overflow:hidden; width:750px;}
#content {overflow:hidden; width:728px; margin-bottom:20px; border:1px solid #000000; padding:10px 10px 20px 10px; border-radius:5px; background-color:#ffffff;}
#content:hover {border:1px solid #df1214;}


.stuffNewsContainer {width:100%; overflow:hidden;}
.stuffNews {overflow:hidden; width:728px; margin-bottom:20px; border:1px solid #000000; padding:10px 10px 10px 10px; border-radius:5px; background-color:#ffffff;}
.stuffNews:hover {border:1px solid #df1214;}
.stuffNews a {color:#000000;}
.stuffNews span.date {margin-bottom:10px; color:#8c8c8c; display:block; padding-left:15px; background: url(selectorGreen.png) left center no-repeat;}

.whiteBlock {overflow:hidden; width:728px; margin-bottom:20px; border:1px solid #000000; padding:10px 10px 10px 10px; border-radius:5px; background-color:#ffffff;}
.whiteBlock:hover {border:1px solid #df1214;}

#footer {color:#282727; width:960px; height:116px; margin:20px auto; padding:20px; background: url(backgroundFooter.png) repeat-x; border-radius:5px;}
#footer table {width:960px; height:100%;}
#footer table td{padding:5px;}
#development a{display:block; width:204px; height:55px; background:url(../development.png) bottom center no-repeat; text-indent:-9999px; text-decoration:none;}
#development a:hover{background:url(../development.png) top center no-repeat;}
#payments span{display:block; margin-bottom:10px;}
#payments img {margin-left:5px;}
#phoneNumberFooter span{display:block; font:22px Trebuchet MS; color:#000000;}
#linksFooter a{display:block;color:#282727; text-decoration:underline;}
#linksFooter a:hover{text-decoration:none;}
#socials img {margin-left:3px;}

#ajaxSearch_form {display:block; width:190px; float:right;}
#ajaxSearch_submit{float:left; padding:0;margin:0; border:0; height:21px; width:25px; background: url(../search.png) center center no-repeat;}
#ajaxSearch_submit:hover{cursor:pointer;}
#ajaxSearch_input{float:left; color:#ffffff; border:0; width:150px; height:15px; margin:0; padding:2px 5px 2px 5px; border:none; background:none;color:#000000;background:#ffffff; border:1px solid #dddddd;}
.AS_ajax_grpResult {position:absolute; top:30px; right:0; width:100%; overflow:hidden;border:1px dotted #eee; padding:5px; margin:0; clear:both; background-color:#ffffff;}
#headerLink {position:relative;}
#headerLink a.AS_ajax_resultLink {color:#000000;}
#headerLink ol li {padding:5px 0 5px 0;}
.AS_ajax_resultsIntroFailure {position:absolute; top:30px; right:0; width:100%; overflow:hidden;border:1px dotted #eee; padding:5px 10px; margin:0; clear:both; background-color:#ffffff;}
#searchClose {position:absolute; right:5px; top:35px; z-index:1; cursor:pointer;}
#indicator {position:absolute; right:7px; top:2px; z-index:1;}


.arcticmodal-overlay,
.arcticmodal-container {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle;}
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff;}
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%;}

.b-modal {position: relative; width: 400px; padding: 10px; background: #fff; border: 3px solid #bbb; border-radius: 10px;}
.b-modal_close {position: absolute; right: 12px; top: 6px; font-size:40px; font-weight: bold; color: #999999; cursor: pointer;}
.b-modal_close:hover {color: #000;}
.b-modal table {width:100%; border-collapse:collapse;}
.b-modal table td{padding:10px;}
.b-modal h2 {margin-left:10px;}

#page404 {width:500px; border-collapse:collapse; margin:200px auto 0 auto;}
#page404 td {padding:10px; vertical-align:top;}
#logo404 {width:240px; background: #ffffff; padding:20px; border-radius:5px; border:1px solid #dddddd;}
#logo404 img {width:240px; height:100px;}
#header404 {padding:0; margin:0; color:#ffffff;}

#pagination {overflow:hidden; width:728px; margin-bottom:20px; border:1px solid #000000; padding:10px 10px 10px 10px; border-radius:5px; background-color:#ffffff;}
#pagination:hover {border:1px solid #df1214;}
#pagination a{font:14px Tahoma; display:block; float:left; padding: 5px; color:#000000; text-decoration:none;}
#pagination p{font:14px Tahoma; display:block; float:left; padding: 5px; color:#ffffff; text-decoration:none; margin:0;}
#pagination a:hover{text-decoration:underline;}
#pagination p.here{background-color:#df1214; color:#ffffff; border-radius:5px;}

#newsPhotos {width:120px; float:left; margin:0px 20px 0 0; padding:0;}
#newsPhotos li{margin:0px; padding:0; list-style:none;}
#newsPhotos li img{border:1px solid #000000; width:120px;}

#iconMail {width:49px;}
#phoneMail {font:14px Trebuchet MS; color:#000000; width:170px;}
#phoneMail span{display:block; font:14px Trebuchet MS;}
#phoneMail a{font:14px Trebuchet MS;}

#emailFooter span{display:block;}

#price {display:block; width:170px; height:31px; margin-bottom:20px; padding:25px 0 19px 70px; font-size:22px; color:#ffffff; text-transform:uppercase; text-decoration:none; background: url(price.png) center center no-repeat;}
#price:hover {text-decoration:underline;}

.shopStuffLogo {background-color:#ffffff; width:139px; height:108px; margin:0 2px 20px 2px; padding-bottom:10px; border:1px solid #dddddd; border-radius:5px; overflow:hidden; position:relative;}
.shopStuffLogo:hover {border:1px solid #df1214;}
.shopStuffLogo span.img {display:block; width:139px; height:63px; overflow:hidden;}
.shopStuffLogo span.img img{width:129px; height:58px; margin:5px 0 0 5px;}
.shopStuffLogo a.pagetitle {text-align:center; overflow:hidden; color:#000000; display:block; width:119px; margin:5px 10px 0 10px; height:40px; text-decoration:underline;}
.shopStuffLogo a.pagetitle:hover {text-decoration:none;}
.shopStuffLogo span.pagetitle {text-align:center; overflow:hidden; color:#000000; display:block; width:119px; margin:5px 10px 0 10px; height:40px;}