/* basic elements */
body { background-color: white; padding: 0; margin: 0px; font-size: 8pt; }
body, td, input, select, textarea, button { font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; }
input, select, textarea, button, a.button { border-top: 1px solid #444; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #555; }
p {font-size: 12px; }
form {margin: 0; padding: 0;}
a {color: #3686b7; text-decoration: none}
a:hover {text-decoration: underline}

/* classes */
.clearboth { clear: both; }
.noborder { border: none; }
.obligate { font-weight: bold; color: #D00; }
.warning { background-color: #C00; color: yellow; font-weight: bold; padding: 2px 5px; }
.notice { background-color: #22C; color: white; font-weight: bold; padding: 2px 5px; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }
.x-short { width: 2em; }
.short { width: 5em; }
.middle { width: 15em; }
.long { width: 60em; }
.maxwidth { width: 100%; }
.float_left { float: left; }
.float_right { float: right; }
.red { color: red; font-weight: bold; }
.blue { color: blue; }
.orange { background: #FFD20F url("../graph/bg_8.gif") center left repeat-x; }
.button { width: 100px; padding: 2px 10px; margin: 0; border: 1px solid #888; color: black; text-decoration: none; background: transparent url("../graph/button_bg.gif") left center repeat-x; cursor: hand; }
.shortButton { width: 50px; padding: 2px 15px; margin: 0; border: 1px solid #888; color: black; text-decoration: none; background: transparent url("../graph/button_bg.gif") left center repeat-x; cursor: hand; }
A.button { color: black; text-decoration: none; }
.top { vertical-align: top; }
.strike { text-decoration: line-through; }
.innerShadow { background: white url(../graph/bg_input_shadow.gif) top left no-repeat; border: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.line { border: none; border-bottom: 1px solid #AAA; }
.bold { font-weight: bold; }
.large { font-size: large; }
.overflow-hiden { overflow-x: hidden; }
p.info { border: 2px solid #aaa; background-color: #eee; padding: 10px; }

.priceCommon { //text-decoration: line-through; font-weight: bold; }
.priceEu { font-size: 2em; font-weight: bold; }
.priceRabat { color: blue; }
.category { font-size: 1.5em; }

/* specific divs */
#container { width: auto; }
#pageHeader { display: none; }

/* =Nav ----------------------------------------------- */
#navigation { display: none; }
#navigation * { display: none; }

span.nodisplay { display: none }

#rightColumn { display: none; }
#rightColumn * { display: none; }

#leftColumn { display: none; }
#leftColumn * { display: none; }
#status { display: none; }

* html #content { margin-right: -3px; }

h3 { font-size: 12px; }
#mainColumn { width: auto; display: block; padding: 0; margin: 0; }
#mc2 { padding: 0; margin: 0; }

a img { border: none; }

table.layout { margin: none; padding: none; border: none; }
table.layout td { margin: none; padding: none; border: none; }

INPUT.obligate { background-color: #FBB; color: black; font-weight: normal; }
.onlyprint { }
.onlyscreen { display: none; }
.separator { display: none; }

/* special */
#c2 { }


/* following rule allows entire region of link to to be clickable in ie/win. holly hack explained here: http://www.positioniseverything.net/explorer/escape-floats.html */
* html #navigation a { width: 1%; }



#search { clear: both; background: url("../graph/search_icon.gif") center left no-repeat; }
#search_core { padding: 4px 4px 0 40px; }
#search_core form { vertical-align: middle; }
#search_core table { width: 140px; height: 21px; padding: 0; margin: 0; border-collapse: collapse; }
#search_core #searchStr { height: 21px; border: 0; }
#search_core #searchSubmit { float: right; background: transparent url("../graph/search_submit.gif") no-repeat center middle; border: 1px solid white; cursor:pointer; }
/*#search input.btsearch { background: transparent url("../graph/bt_search.jpg") no-repeat center top; width: 16px; height: 16px; margin: 0px; margin-left: 2px; border: 0px; cursor: pointer; cursor: hand;*/
}

#container2 { padding: 0; }

#rightColumn { float: right; display: block; overflow: hidden; width: 190px; padding: 0; margin: 0; }
#rc2 { padding: 0; }

#mainColumn { width: auto; display: block; padding: 0; margin: 0; }
#mc2 { padding: 0; margin: 0; }

#panelCategories { display: none; }
#panelUser { display: none; }
#panelBanner { display: none; }
#pageFooter { display: none; }

#user th { background-color: #EEE; padding-left: 20px; }
#user input { font-size: 1em; border: 1px solid #999; }

#order { background-color: white; padding: 10px; }
.o2 { margin: 0 auto; }
#order table { font-size: 1em; border-collapse: collapse; }
#order caption { text-align: left; padding: 5px 10px 2px 10px; font-weight: bold; color: white; background-color: #444; }
#order thead th { background-color: black; color: white; font-size: 14px; padding: 5px 10px; }
#order thead td { vertical-align: top; }
#order tbody th { background-color: #999; color: white; text-align: center; }
#order tbody td { vertical-align: middle; border-bottom: 1px solid #aaa; }
#order .summary td { background-color: #ddd; font-weight: bold; padding: 5px 0; }

#panelInfo { display: none; }

/* =Structure
----------------------------------------------- */

#pageMain { float:right; width: 640px; padding: 0 0 50px 0; margin: 0; background: white url("../graph/footer_bg.jpg") bottom left no-repeat; }
/* Overcome stupid 3px margin bug in IE/Win floats, 
which fixes a lot of things, including disapearing company nav,
randomly appearing text, and wrappers pushed too wide.
http://www.positioniseverything.net/explorer/threepxtest.html */
* html #content { margin-right:-3px; }


h3 { font-size: 12px; }

#pageLeft { display: none; }

div.catalog { padding: 0px; }

h1 { margin: 0; font-size: 2em; border-bottom: 1px solid #DDD; margin-bottom: 10px; padding: 0 0 0.5em 0; text-align: right; }

div.item { position: relative; font-size: 10px; float: left; display: block; width: 110px; background: transparent url("../graph/bg_item2col_white.gif") top center repeat-y; margin: 5px; overflow: hidden; }
div.item h3 { font-weight: normal; font-size: 11px; margin: 0; padding: 0 5px; color: black; border-bottom: #AAA 1px solid; }
div.item h3 A { color: black; text-decoration: none; }
div.item A { border: none; }
div.item .price { text-align: right; margin: 0; font-weight: bold; font-size: 1.4em; color: black; }
div.item .price_small { text-align: right; margin: 0; font-size: 1.3em; color: #aaa; }
div.item .preview { position: relative; height: 183px; border: none; vertical-align: bottom; overflow: hidden; }
div.item .preview img { border: none; margin: none; text-align: center; }
div.item .preview a.nopreview { display: block; width: 110px; height: 140px; background: transparent url("../graph/nopreview.gif") top left no-repeat; text-decoration: none; }
div.item .preview a.nopreview span { display: block; padding: 7px 13px 10px 7px; font-variant: small-caps; font-size: 1.2em; text-align: center; font-weight: bold; }
div.item .news { position: absolute; top: 0; right: 0; }
div.item .action { position: absolute; top: 0; right: 0; }
div.item div.info { background-color: #eee; }


div.item_resaler { position: relative; font-size: 10px; display: block; width: 140px; background: transparent url("../graph/bg_item2col_white.gif") top center repeat-y; margin: 5px; }
div.item_resaler h3 { font-weight: normal; font-size: 11px; margin: 0; padding: 0 5px; color: black; border-bottom: #AAA 1px solid; }
div.item_resaler h3 A { color: black; text-decoration: none; }
div.item_resaler A { border: none; }
div.item_resaler .price { text-align: right; margin: 0; font-weight: bold; font-size: 1.2em; color: black; }
div.item_resaler .price_small { text-decoration: line-through; text-align: right; margin: 0; font-size: 1em; color: #aaa; }
div.item_resaler .preview { float: left; height: 165px; }
div.item_resaler .preview img { border: none; margin: none auto; text-align: center; }
div.item_resaler .news { position: absolute; top: 0; right: 0; }
div.item_resaler div.it2 { position: relative; margin: none; padding: 5px; overflow: hidden; }
div.item_resaler div.info { float: right; background-color: #eee; }

div.hr { border-top: 1px solid #aaa; height: 1px; width: 100%; }

h3.bazar { color: white; background-color: red; padding: 2px; margin-bottom: 0; font-size: 1em; }
p.bazar { border: 2px solid red; background-color: #faa; padding: 5px; margin-top: 0; }

TABLE.pricelist { border-collapse: collapse; background-color: white;}
TABLE.pricelist TH { background-color: black; color: white; }
TABLE.pricelist TD { border-bottom: 1px solid black; }
TABLE.pricelist TD.noborder { border: 0 }

#panel_login {width: auto; padding: 0; margin: 0; padding-bottom: 10px; }
#panel_login h3 {background: transparent url("../graph/menu_bg_login.gif") top left repeat-y; }

div.pagination { text-align: right; margin: 5px 0 5px -5px; padding: 0 10px; }
div.pagination A { position: relative; top: 6px; padding: 2px 5px 0px 5px; background-color: #FFF; border: 1px solid #DDD; color: black; text-decoration: none; }
div.pagination A:hover { color: navy; }
div.pagination A.actual { color: black; background-color: #DDD; border-bottom-color: transparent; }

div.main_menu { display: none; }

div.product_detail { margin: 10px; font-size: 1em; }

div.product_detail h1 { font-size: 2em; }
div.product_detail p { font-size: 1.2em; text-align: left; }
div.product_detail li { font-size: 1.2em; text-align: left; }
div.product_detail img.preview { float: right; margin: 0 0 10px 20px; }

table.basket { border-collapse: collapse; }
table.basket img { border: 0; }
table.basket tr { border-bottom: 1px solid #ddd; }
table.basket th { background-color: #ddd; }
table.basket tr.total { background-color: #ffc; }

table.form tr td { font-size: 1em; }
table.form td { padding: 2px 10px; }
table.form th { background-color: #aaa; padding: 2px 10px; }


.partPanel { font-size: 1em; width: 100%; padding: none; margin: none; border-bottom: 1px solid white; }
.partPanel h3 { color: white; background: #900 url("../graph/bg_4.gif") bottom left repeat-x; height: 28px; margin: 0; border-bottom: 1px solid white; }
.partPanel h3 a { color: white; }
.partPanel h3 span { display: block; margin: 0; padding: 5px 0 0 10px; }
.partPanel .core { margin: 0; padding: 5px 5px 15px 5px; }

.partTopProducts h3 {  }
.partTopProducts ul { margin: 0; padding: 0; list-style: square inside url() }
.partTopProducts li { white-space: nowrap; overflow: hidden; }

.partNewProducts h3 {  }
.partNewProducts ul { margin: 0; padding: 0; list-style: square inside url() }
.partNewProducts li { white-space: nowrap; overflow: hidden; }

.partActionProducts h3 {  }
.partActionProducts ul { margin: 0; padding: 0; list-style: square inside url() }
.partActionProducts li { white-space: nowrap; overflow: hidden; }

#status { width: 100%; height: 28px; padding: 0; margin: 0; background-color: #9CAFD5; }
#status .core { display: block; width: 100%; height: 28px; padding: 0; margin: 0; }
#status .core h3 { float: left; display: block; width: 30px; height: 28px; background: #9CAFD5 url("../graph/basket_icon.gif") top left repeat-x; margin: 0; padding: 0; }
#status .core h3 span { display: none; margin: 0; padding: 5px 0 0 10px; }
#status .core p { float: left; margin: 0; padding: 5px 10px; }
#status .core a { color: white; }

#status .mainPage { float: left; background: #900 url("../graph/bg_8.gif") bottom left repeat-x; height: 28px; margin: 0; padding: 0 10px 0 10px; border-right: 1px solid white; overflow: hidden; }