/* 
IT CENTER 
MON MEDIA s.r.o
 */

/* ---------- TEXT COLOR ---------- */
/*	


*/

body, html { margin: 0px; padding: 0px; font-family: Arial; font-size: 11px; color: #666; line-height: 15px; }
body { background: #FFFFFF url(img/bg.jpg) repeat-x; }

/* ---------- ALL PAGE ---------- */
a { outline: none; moz-outline: none; }
p { margin: 0px; padding: 0px; }
h1 { color: #009DDC; font-size: 16px; font-weight: 100; text-align: left; margin: 0px; padding: 0px 0px 2px 15px; }
h2 { color:#000; font-size: 30px; margin: 0px; padding: 10px 0px 10px 15px; }
h3 { color:#222222; font-size: 12px; margin: 14px 0px 0px 12px; padding: 0px; }
hr { background: #ddd; height: 1px; border: 0px; margin: 5px 0px 10px 0px; }

* { margin:0; padding:0; }

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

img.alignright	{ float: right; margin-left: 25px; margin-bottom: 15px; }

h1 a { text-decoration: none; color: #009DDC; font-size: 16px; font-weight: 100; text-align: left; margin: 0px; padding: 5px 0px 10px 2px; display: block; }
h1 a:hover { text-decoration: none;  }

/* ---------- WRAPPER --------- */
#wrapper, .special-wrapper { width: 802px; height: auto; margin: 0px auto 0px auto; text-align: right; }
#wrapper ul.blogroll { list-style-type: none; float: right; clear: both;}
#wrapper ul.blogroll li { display: inline; }
#wrapper ul.blogroll li a { color: #fff; display: block; height: 12px; padding: 0px 10px 3px 0px; margin: 2px 5px 0px 5px; float: left; border-right: 1px solid #fff; border-right: expression(this.nextSibling==null ? 'none' : '1px solid #fff'); }
#wrapper ul.blogroll li:last-child a	{ border-right: none;}
 

/* ---------- HEADER ---------- */
#header { width: 802px; height: auto; margin: 0px; position: relative; }
#header a.header-b { float: left; width: 216px; height: 51px; margin-top: 20px; background: url(img/logo.jpg) no-repeat; display: block; }
#header .header-r { float: right; margin: 3px 0px 15px 0px; width: 270px; height: auto; color: #939598; font-size: 10px; line-height: 12px; }
.header-r .textwidget	{ padding-left: 68px; color: #939598; font-size: 11px; text-align: left;}
.header-r .textwidget h5	{ width: 88px; height: 16px; margin: 10px 0px; background: url('img/top-contact-us.jpg') no-repeat; text-indent: -9999px; }
.header-r .textwidget span.black	{ color: #000; }
.header-r .textwidget span.blue	{ color: #159DD9; }
#header .header-r a { color: #939598; }


/* --------- CONTENT ---------- */
#menu_wrap {width: 802px; height: 28px;}
#menu	{ width: 802px; height: 28px; margin: 0px; background: url(img/bg-menu.png) 0px -34px no-repeat; z-index: 3; position: absolute; }
#menu a { display: block; float: left; height: 28px; }
#menu a.company { width: 103px; }
#menu a.approach { width: 128px;  }
#menu a.products { width: 130px;}
#menu a.network { width: 123px; }
#menu a.contact { width: 130px; }

#menu a.company:hover, #menu a.company.selected { width: 103px; background: url(img/bg-menu.png) no-repeat 0px 0px; }
#menu a.approach:hover, #menu a.approach.selected { width: 128px; background: url(img/bg-menu.png) no-repeat -103px 0px; }
#menu a.products:hover, #menu a.products.selected { width: 130px; background: url(img/bg-menu.png) no-repeat -231px 0px; }
#menu a.network:hover, #menu a.network.selected { width: 123px; background: url(img/bg-menu.png) no-repeat -361px 0px; }
#menu a.contact:hover, #menu a.contact.selected { width: 130px; background: url(img/bg-menu.png) no-repeat -484px 0px; }

#menu input#search { border: 0px; width: 50px; height: 15px; margin: 7px 30px 0px 0px; }

#circle {
	width: 55px;
	height: 62px;
	background: url('img/bg-menu.png') top right;
	position: absolute;
	margin: -17px 0 0;
	z-index: 2;
	display: none;
}

#content { width: 760px; margin: 50px 0px 0px; padding: 0px 20px 0px 40px;}
/*--- news - main ---*/
#content .content-title {width: 802px; height: 27px; background: #E6E7E8; background: url(img/bg-news.jpg) no-repeat;}
#content .content-top {width: 802px; height: 26px; background: #E6E7E8; margin: 0px 0px 2px 0px; }
#content .content-top a.title { display: block; text-decoration: none; color: #009DDC; font-size: 14px; font-weight: 100; float: left; padding: 5px 0px 0px 40px; }
#content .content-top a.title:hover { text-decoration: underline;}
#content .content-top p.date { text-align: right; color: #151515; padding: 4px 15px 0px 0px; font-size: 12px; }
#content .content-main {width: 802px; height: auto; background: #E6E7E8; margin-bottom: 2px;}
#content .content-main .news-img { float: left; }
#content .content-main .news-img img { padding: 10px; }
#content .content-main .news-content { float: left; width: 600px; text-align: left; color: #151515; margin: 10px; font-size: 12px;}
#content .content-main .news-content a { text-decoration: none; color: #009DDC; }
#content .content-main .news-content a:hover { text-decoration: underline;}

/*--- news detail */
#content .news-details-left { width: 470px; height: auto; margin: 0px 10px 0px 0px; font-size: 12px; color: #262323; text-align: left; }
#content .news-details-left h2 a { font-size: 20px; font-weight: 100; color: #000; text-decoration: none;}
#content .news-details-left h2 a:hover { text-decoration: underline; }
#content .news-details-left img { margin-top: 10px; }
#content .news-details-right { width: 275px; height: auto; text-align: left; background: #F3F4F4 url('img/news-form-wrapper-top.jpg') top no-repeat; padding-top: 25px; margin-top: 5px; }
#content .news-details-right .form-wrapper { padding: 0px 10px; font-size: 12px; line-height: 30px; }

#content .news-details-right .form-wrapper a.news-listing-link	{ display: block; padding: 2px 10px; line-height: 18px; color:#009DDC; text-decoration: none;}
#content .news-details-right .form-wrapper a.news-listing-link:hover	{ text-decoration: underline;}
#content .news-details-right .form-wrapper h3	{ margin: -10px 0 5px; color:#000; font-size:16px; font-weight:100;}

#content .news-details-right .news-form-bottom { width: 275px; height: 12px; background: url('img/news-form-wrapper-bottom.jpg') bottom no-repeat;} 
#content .news-details-right span.news-form-icons { position: relative; width: 129px; height: 21px; background: url('img/news-form-icons.jpg') left no-repeat; display: block; float: left;}  
#content .news-details-right input#submit { background: url(img/news-form-submit.jpg) no-repeat; border: 0px; width: 105px; height: 21px; float: right; cursor: pointer;}

.news-comments	{ text-align: left; padding: 0px 40px;  }

/*div#content-wrapper	{ padding: 0px 20px 0px 40px; text-align: left; text-align: left; font-size: 12px; line-height: 18px; }*/
div#content-wrapper	{ text-align: left; text-align: left; font-size: 12px; line-height: 18px; }
div#content-wrapper	p { margin: 0px 0px 18px 0px; }
h2#company-profile	{ width: 232px; height: 21px; background: url('img/company-profile-title.jpg') no-repeat; text-indent: -9999px; margin-bottom: 15px;}

/*#content .news-details-left { width: 380px; height: auto; padding: 10px 15px 20px 15px; font-size: 12px; color: #262323; text-align: left; }
#content .news-details-left img { margin-top: 10px; }
#content .news-details-right { width: 300px; height: auto; font-size: 13px; color: #262323; }
/*/

/*---- formular -----*/
#content .form-top { width: 281px; height: 17px; background: url(img/bg-form-top.jpg) no-repeat; }
#content .form-main { width: 320px; height: auto; background: #F3F4F4; padding: 10px 10px 0px 10px; text-align: left; }
#content .form-main2 { width: 765px; height: auto; background: #F3F4F4; padding: 10px 10px 0px 10px; text-align: left; }
#content .form-main img { margin-top: 7px; }
#content input { background: url(img/input.jpg) no-repeat; border: 0px; width: 247px; height: 12px; margin: 0px 0px 4px 10px; padding: 5px 5px 5px 8px; }
#content textarea { background: url(img/bg-textarea.jpg) no-repeat; width: 255px; height: 115px; border: 1px; margin: 5px 0px; padding: 5px; }
#content .textarea-2 { background: url(img/textarea.jpg) no-repeat; width: 611px; height: 120px; border: 1px; margin: 5px 0 0 105px; padding: 10px !important; }
#content input.submit { background: url(img/submit.jpg) no-repeat; width: 109px; height: 22px; margin: 5px 0px 10px 0px; display: block; float: right; cursor:pointer }
#content label.confirm { background: url(img/confirm.jpg) no-repeat; width: 109px; height: 22px; margin: 5px 0px 10px 0px; display: block; float: right; cursor: pointer;}
#send { background: url(img/send.jpg) no-repeat !important; width: 100px !important; height: 22px !important; margin: 5px 0px 10px 0px; display: block; float: right; border: 0px; text-indent: -9999px; font-size: 0px; line-height: 0px; margin-top: 10px !important; clear: both; cursor: pointer; outline: none; moz-outline: none; }
#content .form-bottom { width: 281px; height: 17px; background: url(img/bg-form-bottom.jpg) no-repeat; }
/*---chybova hlaska*/
span.wpcf7-not-valid-tip { width: auto !important; color: red  !important; left: 13% !important; border: 0px !important; top: 0% !important; padding: 0px !important; font-size: 12px !important; background: none !important; line-height: 14px !important;}


/*--- product slider ----*/
#content .product-slider { width: 815px; height: 100px; padding-top: 30px; margin-bottom: 20px; overflow: hidden; background: url(img/bg-products.jpg) no-repeat; }
#content .product-slider a { float: left; }
#content .product-slider a.slid { display: block; width: 118px; height: 100px; margin-right: 1px; background: url(img/product-detail.jpg) no-repeat; text-align: center; text-decoration: none; }
#content .product-slider a.slid img { border: 0px; margin: 10px auto; }
#content .product-slider a.slid span { display: block; margin: 4px 0px 0px 15px; text-align: left; color: #fff; }
#content .product-slider a.slid:hover { background: #009DDC; }
#content .product-slider a.slid-left { display: block; width: 49px; margin-right: 1px; height: 110px; background: url(img/product-slide-left.jpg) no-repeat; }
#content .product-slider a.slid-right { display: block; width: 51px; height: 110px; background: url(img/product-slide-right.jpg) no-repeat; }

/*--- product slider search results ----*/
.product-slider-search { width: 815px; height: 100px; padding-top: 30px; margin-bottom: 20px; overflow: hidden; }
.product-slider-search .pss-left { width: 49px; height: 13px; background: url(img/product-slider-search-left.jpg) no-repeat; float: left; margin: 0px 1px 2px 0px;  }
.product-slider-search .pss-right { width: 50px; height: 13px; background: url(img/product-slider-search-right.jpg) no-repeat; float: left; margin: 0px 1px 2px 0px;  }
.product-slider-search .pss-1 { width: 110px; height: 5px; background: #231F20; padding: 4px; float: left; margin: 0px 1px 2px 0px;  }
.product-slider-search a { float: left; }
.product-slider-search a.slid { display: block; width: 118px; height: 100px; margin-right: 1px; background: #F3F4F4; text-align: center; text-decoration: none; }
.product-slider-search a.slid img { border: 0px; margin: 5px auto 2px auto; }
.product-slider-search a.slid span { display: block; margin: 4px 0px 0px 15px; text-align: right; color: #009DDC; padding-right: 10px; }
.product-slider-search a.slid:hover { background: #009DDC; }
.product-slider-search a.slid-left { display: block; width: 49px; margin-right: 1px; height: 110px; background: url(img/search-result-slide-left.jpg) no-repeat; }
.product-slider-search a.slid-right { display: block; width: 51px; height: 110px; background: url(img/search-result-slide-right.jpg) no-repeat; }
span.title { background: #231F20; color: #fff !important; margin: 0px !important; padding: 0px 0px 0px 15px; text-align: left !important; }

/*---- product details -----*/
#content .product-left { width: 301px; height: auto; float: left; }
#content .product-right { width: 400px; height: auto; float: right; }
#content .product-left-top { width: 301px; height: 11px; background: url(img/product-details-top.jpg) no-repeat; }
#content .product-left-main { width: 275px; height: auto; padding: 10px 10px 10px 16px; background: #EFEFF0; font-size: 14px; color: #3C3839;  }
#content .product-left-price { width: 280px; height: auto; margin-top: 2px; background: #EFEFF0; padding: 10px 5px 5px 16px; color: #009DDC; font-size: 14px; }
#content .product-left-bottom { width: 301px; height: 11px; background: url(img/product-details-bottom.jpg) no-repeat; }

/*---- products-table ------*/
.products-table { width: 100%; }
.title-left { float: left; width: 126px; height: 16px; margin-right: 2px; background: url(img/table-title-left.jpg) no-repeat; }
.title-right { float: left; width: 115px; height: 16px; margin-right: 2px; background: url(img/table-title-right.jpg) no-repeat; }
.title-main { float: left; width: 107px; height: 16px; padding: 0px 0px 0px 5px; margin-right: 1px; background: url(img/table-title-main.jpg) no-repeat; text-align: left; color: #fff; }

.title-left-content { float: left; width: 106px; height: 60px; padding: 10px; margin-right: 2px; text-align: center; background:#F3F4F4; }
.title-main-content { float: left; width: 92px; padding: 10px; height: 60px; margin-right: 1px; margin-bottom: 1px; background:#F3F4F4; text-align: left; }
.title-main-content img.pipe { text-align: center; padding: 24px 0px 0px 34px; }

.scrollbar-top { width: 16px; height: 23px; margin-bottom: 1px; background: url(img/scrollbar-top.jpg) no-repeat; }
.scrollbar-bg-slide { width: 14px; height: 430px; margin-bottom: 1px; background: #231F20; border-bottom: 4px solid #000; border-top: 4px solid #000; }
.scrollbar-main { width: 15px; height: 400px; }
.scrollbar-bottom { width: 16px; height: 23px; background: url(img/scrollbar-bottom.jpg) no-repeat; }
.scrollbar-main .scrollbar-bg-slide .scroller { width: 13px; height: 72px; background: url(img/scroller.jpg) no-repeat; }

/*---- contact -----*/
.contact-content { background: #F3F4F4 url('img/network-top.jpg') no-repeat; color: #252222; font-size: 12px; width: 752px; height: auto; padding: 20px 20px 20px 30px; text-align: left; margin-left: -40px; position: relative;}
h2.member { background: url('img/h2-become-a-member.jpg') no-repeat; width: 248px; height: 22px; text-indent: -9999px; }
h2.contact-us { background: url('img/h2-contact-us.jpg') no-repeat; width: 160px; height: 22px; text-indent: -9999px; }
.contact-content .form-main { width: 350px !important; text-align: right !important;}
.contact-content-bottom	{ background: url('img/network-bottom.jpg') no-repeat; width: 802px; height: 17px; margin-left: -40px; }

#bottom-content { width: 815px; height: 115px; margin: 10px 0px 40px 0px; padding: 0px; }
#bottom-content .box-left { float: left; margin-right: 1px; width: 133px; height: 115px; background: url(img/box-left.jpg) no-repeat; text-align: center; color: #fff; }
#bottom-content .box-left a img { border: 0px; }
#bottom-content .box-nav-left { float: left; margin: 0px 1px 0px 15px; width: 51px; height: 115px; background: url(img/bottom-nav-left.jpg) no-repeat; }
#bottom-content .box-nav-right { float: left; margin-left: 1px; width: 53px; height: 115px; background: url(img/bottom-nav-right.jpg) no-repeat; }
#bottom-content img { margin-top: 5px; border: none; max-height: 45px;}
#bottom-content p { margin: 5px 20px 0px 0px; padding: 0px; color: #059FDC; text-align: right; font-size: 11px; line-height: 11px; }
#bottom-content span { margin: 0px; padding: 0px; color: #1A1A1A; display: block; }
#bottom-content .box-main { float: left; margin-right: 1px; width: 133px; height: 115px; background: url(img/box-main.jpg) no-repeat; text-align: center; color: #fff; }
#bottom-content .box-right { float: left; margin-right: 1px; width: 133px; height: 115px; background: url(img/box-right.jpg) no-repeat; text-align: center; color: #fff; }

/* ----- search result ----- */
.search-top { width: 806px; height: 10px; background: #EFEFF0 url(img/bg-search-top.jpg) no-repeat; }
.search-bottom { width: 806px; height: 10px; margin-top: -13px; background: #EFEFF0 url(img/bg-search-bottom.jpg) no-repeat; }
.search-main { width: 781px; height: 60px; margin-bottom: 2px; padding: 10px 10px 10px 15px; background: #EFEFF0; color: #2C2829; font-size: 13px; text-align: left; }
.search-main span { color: #079FDD; font-size: 16px; display: block; margin-top: -10px; }
.search-main p { width: 500px; }
.search-main span.right a { float: right; color: #079FDD; font-size: 11px; text-decoration: underline; }
.search-main span.right a:hover { color: #079FDD; font-size: 11px; text-decoration: none; }
.search-main img { float: left; margin-right: 10px; }

/* --------- FOOTER ---------- */
#footer { clear: both; width: 100%; position: fixed; bottom: 0px; height: 17px; background: #D1D3D4 url(img/bg-footer.jpg) no-repeat bottom right; z-index: 100;}
#footer .center { width: 815px; padding: 2px 0px; text-align: right; margin: 0px auto 0px auto; color: #fff; }
#footer .center a { color: #fff; }
#footer .center a:hover { text-decoration: none; }

/*---- SCROLLBAR -----*/
.jScrollPaneContainer { overflow:hidden; position:relative; z-index:1; width: 100% !important; height: 400px !important; }
.jScrollPaneTrack { background: #000; cursor:pointer; position:absolute; right:0; top:24px !important; width: 14px !important; border-top: 4px solid #000; border-bottom: 4px solid #000; height: 344px !important; }
.jScrollPaneDrag { background: url(img/scroller.jpg) no-repeat; cursor:pointer; overflow:hidden; position:absolute; width: 13px !important; height: 71px !important; }
.jScrollPaneDragTop{left:0; overflow:hidden; position:absolute; top:0}
.jScrollPaneDragBottom{bottom:0; left:0; overflow:hidden; position:absolute}
a.jScrollArrowUp{display:block; height:23px; width:14px !important; overflow:hidden; position:absolute; right:0; text-indent:-2000px; top:0; z-index:1; text-indent:-9999px; font-size:0px; line-height:0px}
a.jScrollArrowUp:hover{}
a.jScrollArrowDown{bottom:0; display:block; height:23px !important; width:14px !important; overflow:hidden; position:absolute; right:0; text-indent:-2000px; z-index:1; text-indent:-9999px; font-size:0px; line-height:0px}
a.jScrollArrowDown:hover{}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{}
a.jScrollArrowUp{background:url(img/scrollbar-top.jpg) no-repeat}
a.jScrollArrowDown{background:url(img/scrollbar-bottom.jpg) no-repeat}
.subpage .holder{position:absolute; top:130px; left:260px; text-align:left}

.scroll_pane{float:left; height:200px; overflow:auto; width:500px}
#pane{height:389px; width:100% !important}
#reboot{position:absolute; color:#fff; top:489px; left:373px; width:104px; height:43px; display:block; font-size:18px; text-transform:uppercase; text-decoration:none; padding:18px 0px 0px}
#reboot:hover{background:url(../images/reboot.png);}
#roebot_eyes{display:none; width:252px; height:120px; position:absolute; top:58px; left:371px}


ul.prod{list-style-type:none; margin:60px 42px 0px 0; padding:0; width:438px; height:66px; right:44px; top:32px; float:right; z-index:1}
ul.prod li{margin:0; padding:0; width:73px; height:66px; float:left}
ul.prod li a{display:block; width:73px; height:66px; text-indent:-9999px; font-size:0px; background-image:url('img/products_icons.jpg'); text-decoration: none; line-height: 0px; border: none; overflow: hidden; color: #fff;}
ul.prod li a.business{background-position:-73px 0}
ul.prod li a.consulting{background-position:-146px 0}
ul.prod li a.hw{background-position:-219px 0}
ul.prod li a.onLineSol{background-position:-293px 0}
ul.prod li a.specOff{background-position:-367px 0}
ul.prod li a.solo:hover, ul.prod li a.solo.selected{background-position:0px -85px}
ul.prod li a.business:hover, ul.prod li a.business.selected{background-position:-73px -85px}
ul.prod li a.consulting:hover, ul.prod li a.consulting.selected{background-position:-146px -85px}
ul.prod li a.hw:hover, ul.prod li a.hw.selected{background-position:-219px -85px}
ul.prod li a.onLineSol:hover, ul.prod li a.onLineSol.selected{background-position:-293px -85px}
ul.prod li a.specOff:hover, ul.prod li a.specOff.selected{background-position:-367px -85px}

#prodSlideWrap{position:relative; overflow:hidden; width:714px; float:left}
#prodSlide{margin-left:0px}

div.selector{display:block; width:182px; border:0px; position:relative; background:url(img/bg.png) repeat-x left 12px; line-height:22px; margin-top:3px; text-shadow:0 1px 0 #fff; height:22px; color:#444}

div.selector select {width:247px; margin-left:15px !important; cursor: pointer; font-size: 13px; line-height: 20px; padding: 0px;}

div.selector.focus{}

div.selector span{ position:absolute; font-size:1.1em; text-align: left; display:block; padding:0px 0px 0px 20px; width: 237px; background:url(img/select.jpg) no-repeat right 60%;}

div.selector.focus span{left:0px}
.option{border:0px}

/*---tool tip*/
.tooltip { display:none; background:url(img/tooltip.png);  width:212px;  height:356px;  padding:54px 82px 36px 44px;  font-size:11px; position:absolute; bottom:-65px; left:210px; top: -140px; z-index:3;  overflow:hidden}
.tooltip a.close{position:absolute; top:22px; right:42px; display:block; width:10px; height:10px; text-decoration:none; cursor: pointer;}
.tooltip h3{margin:0 0 10px; padding:0; text-transform:uppercase; color:#35B1E3; font-size:12px; font-weight:normal}
.tooltip p.agree{text-align:center; padding:10px; font-size:11px}
.tooltip a.agree{text-transform:uppercase; color:#35B1E3; margin-right:10px}
.tooltip a.agree.no{color:#000}

/* ---- search ----- */
#searchform { width: 83px; float: right; }
#searchform #s { border: 0px; width: 53px; display: block; margin-top: 7px; float: left; }
#searchform .screen-reader-text { display: none; }
#searchform #searchsubmit { float: right; background: none; text-indent: -9999px; font-size: 0px; line-height: 0px; border: 0px; width: 28px; height: 27px; }

.search-result { width: 805px; height: 12px; background: #EFEFF0 url(img/searchresult-top.jpg) no-repeat; }

.post small { display: block; margin-left: 12px; }
.post .postmetadata { margin-left: 12px; }

/* ---- scroll -----*/
.jScrollPaneContainer{position:relative; overflow:hidden; z-index:1}

.jScrollPaneTrack{position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#aaa}
.jScrollPaneDrag{position:absolute; background:#666; cursor:pointer; overflow:hidden}
.jScrollPaneDragTop{position:absolute; top:0; left:0; overflow:hidden}
.jScrollPaneDragBottom{position:absolute; bottom:0; left:0; overflow:hidden}
a.jScrollArrowUp{display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; height:9px}
a.jScrollArrowUp:hover{}

a.jScrollArrowDown{display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; height:9px}
a.jScrollArrowDown:hover{}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{}

a.jScrollArrowUp{background:url(../images/basic_arrow_up.gif) repeat-x 0 0}
a.jScrollArrowUp:hover{background-position:0 -15px}
a.jScrollArrowDown{background:url(../images/basic_arrow_down.gif) repeat-x 0 0}
a.jScrollArrowDown:hover{background-position:0 -15px}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{background-position:0 -30px}

.orange-bar .jScrollPaneTrack{background:#f60}
.orange-bar .jScrollPaneDrag{background:#00f url(../images/drag_grab.gif) no-repeat 50% 50%}
.orange-bar .scroll-pane{background:#69f}

.holder{float:left; margin:10px}

.scroll-pane{width:200px; height:200px; overflow:auto; background:#ccc; float:left}

.wide{width:400px}

.super-wide{width:700px}

.tall{height:400px}

#pane1{}
#pane2{height:150px}
#pane3{height:190px}
#pane4{height:190px}

#rotator	{ margin: auto !important; }
a.buy-now	{ width: 64px; height: 22px; background: url('img/buy-now-button.jpg') no-repeat; display: block; text-indent: -9999px; text-decoration: none; line-height: 0px; font-size: 0px;  color: #EFEFF0;} 
div.prod-img img { max-width: 400px;}


    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }