/*
313645 light blue
181a21 dark blue
b30dad fucsia
*/

* {margin:0; padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,hr,pre,table,form,p,blockquote,fieldset,legend,input,img,ul,ol,li,a,button {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-size:2px; font-weight:normal; font-style:normal; line-height:0px;}
ul {list-style:none;}
fieldset,img, table {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
input,select,textarea,button {border:0; outline:0px;}
textarea {resize:none;}

body { background:#313645 url("../images/background.jpg") 0 0 repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#333; }

h1 { font-size:16pt; line-height:16pt !important; color:#313645; margin-bottom:10px; font-weight:700; }
h2 { font-size:14pt; line-height:14pt; color:#313645; margin-bottom:10px; font-weight:700; }
h3 { font-size:12pt; line-height:12pt; color:#313645; margin-bottom:10px; font-weight:700; }
h4 { font-size:10pt; line-height:10pt; color:#333; margin-bottom:10px; font-weight:700; }

a { text-decoration:none; color:#b30dad; }
a:hover { text-decoration:none; color:#999; }

p { margin-bottom:11pt; line-height:14pt; }
p.remarked { font-size:11pt; line-height:14pt; margin-top:20px; color:#b30dad; font-style:italic; }

table#cart_list { width:100% !important; border:0; margin-bottom:20px; padding:0 5px; }
table#cart_list tr { border-bottom:solid 1px #999; }
table#cart_list tr.titles { background:url("../images/menu-background-over.jpg") 0 0 repeat-x; height:35px !important; line-height:35px; border-bottom:solid 1px #333; color:#e1e1e1; font-weight:500; }
table#cart_list td { width:8%; line-height:auto; }
table#cart_list td.item_name { width:76%; }

table { width:100% !important; border:0; margin-bottom:20px; padding:0 5px; }
table tr { border-bottom:solid 1px #999; }
table tr.titles { background:url("../images/menu-background-over.jpg") 0 0 repeat-x; height:35px !important; line-height:35px; border-bottom:solid 1px #333; color:#e1e1e1; font-weight:500; }
table td { width:100%; line-height:25px; }
table td a { display:block; width:100%; line-height:25px; color:#333; }
table td a:hover { background:#e1e1e1; color:#333; }
table td.icon { width:4%; text-align:center; }
table td.icon a:hover { background:none; }

label { float:left; width:200px !important; padding-top:5px; text-align:right; font-weight:700; }
input, select { float:left; padding:4px 2px; border:solid 1px #999; margin:2px 0 20px 10px; }
input { width:300px; }
input.short { width:20px; margin-top:15px; }
select { width:305px; }
input.readonly { color:#2b2b2b; border-color:#dadada; }
input.inputradio_margin { display:block; float:left; padding:4px 2px; border:0; margin:2px 0 20px 0; margin-left:210px; width:14px; }
input.inputradio { display:block; float:left; padding:4px 2px; border:0; margin:2px 0 20px 0; width:14px; }
label.labelradio { float:left; margin:-4px 5px; text-align:left; font-weight:normal; }
.cleditorMain, textarea { float:left; width:300px; height:120px; line-height:16pt; padding:4px 2px; border:solid 1px #999; margin:2px 0 20px 10px; }
textarea.htmleditor { margin:0; padding:0; width:auto !important; height:auto !important; border:0;}
button { background:#181a21 url("../images/button-background.jpg") 0 0 repeat-x; height:30px !important; line-height:30px; font-size:12px; color:#fff; text-shadow:0 1px 0 #000; padding:0 20px; cursor:pointer; }
.button_space { margin-right:10px; }

ul.list { padding:20px 30px; list-style-type:square; }
ul.list li { margin-bottom:5px; }
ul.list_products li { padding:5px 0; border-bottom:solid 1px #ccc; cursor:pointer; }
ul.list_products li:hover { background:#e1e1e1; }
/* ul.list_products li .image { float:left; width:35px !important; height:35px !important; margin-right:10px; } */
ul.list_products li a { display:block; /* float:left; width:600px !important; */ padding-left:10px; line-height:16pt; text-decoration:none; color:#333; }
ul.list_products li a:hover { text-decoration:none; color:#333; background:#e1e1e1; }
.empty { display:block; margin:50px 0; text-align:center; font-size:12pt; line-height:16pt; font-weight:700; color:#999; }
ul.none { padding:0; margin:0; border:0; }
ul.none li { background:none; cursor:text; border:none; }
ul.none li:hover { background:none; }

#header { width:960px; height:50px !important; margin:0 auto; background:#666 url("../images/header-background.jpg") 0 0 repeat-x; font-size:10pt; color:#ccc; line-height:50px; }
#header label { margin:0; padding:0; font-weight:normal; width:auto !important; }
#header select { margin:0; margin-top:17px; margin-left:10px; width:120px !important; }
#header ul { margin-right:10px; }
#header li { float:right; margin-left:15px; }
#header li#cart_count { width:25px !important; height:50px !important; background:url("../images/cart.png") 0 0 no-repeat; padding-right:20px; line-height:48px; text-align:center; font-size:8pt; color:#b30dad; text-shadow:0 1px 0 #fff; font-weight:600; cursor:pointer; }
#header li a { color:#ccc; text-decoration:none; }
#header li a:hover { color:#fff; text-decoration:none; }
#header #logo { float:left; background:url("../images/logo-unelsac.png") 0 0 no-repeat; width:300px !important; height:50px !important; cursor:pointer; }

#main_slideshow { width:960px; height:250px !important; margin:0 auto; background:#fff; }
#main_placeholder { width:960px !important; height:250px !important; }
#products_slideshow, #brands_slideshow { width:320px; height:271px !important; margin:0 auto; background:#fff; }
#products_placeholder, #brands_placeholder { width:320px !important; height:271px !important; }
#products_caption { height:40px !important; line-height:40px; }

#main_menu { width:960px; height:35px !important; margin:0 auto; background:#666 url("../images/menu-background.jpg") 0 0 repeat-x; font-size:11pt; font-weight:500; color:#000; text-shadow:0 1px 0 #fff; line-height:35px; }
#main_menu li { float:left; }
#main_menu li a { display:block; padding:0 20px; line-height:35px; color:#000; text-shadow:0 1px 0 #fff; }
#main_menu li a:hover { background:#333 url("../images/menu-background-over.jpg") 0 0 repeat-x; color:#ccc; text-shadow:0 1px 0 #000; }
#main_menu li a:hover,
#main_menu li.current a { color:#ccc; text-shadow:0 1px 0 #000; }
#main_menu li.current { background:#333 url("../images/menu-background-current.jpg") 0 0 repeat-x; }

#main_container { width:940px; margin:0 auto; background:#fff url("../images/body-background.jpg") 0 0 repeat-x; padding:30px 10px; }

.networks_long a { display:block; margin-bottom:3px; }
.networks { margin-top:5px; }
.networks a { margin-right:5px; }

#products_menu { margin-bottom:20px; }
#products_menu .menu li a { display:block; background:#999; color:#fff; padding:4px 10px; height:100% !important; margin-bottom:2px; text-decoration:none; }
#products_menu .menu li a:hover { background:#666; }
#products_menu .menu ul { display:block; }
#products_menu .submenu li a { display:block; background:#fff; color:#999; padding:4px 20px; height:100% !important; cursor:pointer; }
#products_menu .submenu li a:hover { background:#ccc; color:#666; }
.product_image_wrapper { margin-bottom:10px; }
.product_image { float:left; width:150px !important; margin-right:10px; padding-right:5px; border-right:dotted 1px #ccc; padding-top:25px; }
.product_image img { width:150px !important; }
.product_title { float:left; width:412px !important; }
.product_title h1 { font-size:12pt; line-height:16pt; color:#313645; margin-bottom:10px; padding-top:25px; font-weight:700; }
.product_companies { margin-top:10px; padding-top:10px; border-top:dotted 1px #666; }
.product_companies li { float:left; margin-right:5px; height:25px !important; line-height:25px; font-size:14pt; font-weight:700; }
.product_companies li img { height:25px !important; }
#products_list_title { height:60px; margin-bottom:10px; }

.companies li { padding-right:5px !important; margin-right:5px; border-right:dotted 1px #ccc !important; }

#sidebar { float:left; width:239px !important; margin-right:15px; padding-right:15px; border-right:dotted 1px #999; }
#sidebar .widget_newsletter { width:233px; font-size:10pt; line-height:22pt; margin-bottom:10px; color:#666; border:solid 3px #ccc; }
#sidebar .widget_newsletter h4 { background:#ccc; color:#333; line-height:25px; padding:0 10px; }
#sidebar .widget_newsletter p { padding:0 10px; }
#sidebar .widget { width:233px; font-size:10pt; line-height:10pt; margin-bottom:10px; color:#999; border:solid 3px #ccc; }
#sidebar .widget h4 { background:#ccc; color:#333; line-height:25px; padding:0 10px; }
#sidebar .widget a { font-weight:500; text-decoration:none; color:#333; line-height:14pt; }
#sidebar .widget a:hover { text-decoration:none; color:#999; }
#sidebar .widget p { line-height:12pt; margin-top:5px; }
#sidebar .widget_news { padding:0 10px; }
#main_content { float:left; width:670px !important; }

.news_list { margin:10px 0; padding:10px 0; border-bottom:solid 1px #999; }
.news_list img { float:left; margin-right:10px; width:150px !important; }
.news_list .news_list_body { float:left; width:510px !important; }
.news_list .news_list_body a { display:inline; font-size:11pt; line-height:16pt; font-weight:700; color:#313645; text-decoration:none; margin-bottom:10px; }
.news_list .news_list_body a:hover { text-decoration:underline; }

#search { float:right; }
#search input { width:190px !important; height:22px !important; line-height:16px !important; background:url("../images/search-input-background.png") 0 0 no-repeat; border:0; padding:2px 5px; margin:5px; color:#fff; font-weight:500; font-size:9pt; }
#search button { width:20px !important; height:20px; margin-top:7px; background:url("../images/search-button.png") 0 0 no-repeat; border:0; }

#buckets .bucket { float:left; width:319px !important; height:340px !important; padding:5px; }
#buckets .small_bucket { float:left; width:229px !important; height:300px !important; padding:5px; }
#buckets .middle_bucket { margin:0 10px; padding:5px 10px; border-left:dotted 1px #ccc; border-right:dotted 1px #ccc; }
#buckets span.bucket_title { display:block; font-size:18pt; font-weight:700; color:#313645; padding-top:60px; padding-bottom:20px; }
#buckets h1 { display:block; height:30px; background:#666 url("../images/header-background.jpg") 0 0 repeat-x; padding:0 10px; font-size:11pt; letter-spacing:.8pt; line-height:30px !important; margin-bottom:10px; color:#ccc; text-shadow:0 2px 0 #333; font-weight:normal; }
#buckets h3 { color:#b30dad; font-size:12pt; margin:5px; text-align:center; line-height:18pt; font-weight:700; text-transform:none; }
#buckets h4 { font-size:11pt; margin:10px; text-align:center; line-height:16pt; font-weight:700; text-transform:none; }

.bottom_address { text-align:center; width:100%; margin:40px auto 0; padding-top:5px; border-top:solid 1px #ccc; font-size:9pt; color:#999; }
#bottom { width:940px; height:50px; margin:-20px auto; background:#333 url("../images/bottom-background.jpg") 0 0 repeat-x; font-size:8pt; color:#999; line-height:20px; padding:10px 10px 0; }
#bottom .developer { clear:both; display:block; width:100% !important; text-align:right; }
#bottom .developer a { color:#fff; }
#bottom .developer a:hover { color:#ccc; }

.pagination { float:right; width:100%; text-align:right; font-size:11pt; margin:20px 0; padding:10px 0; border-top:solid 1px #313645; border-bottom:solid 1px #313645; }
.pagination li { display:inline; font-size:11px; font-weight:normal; color:#1f8e00; margin-left:3px; }
.pagination li.page a { padding:2px 4px; text-decoration:none; color:#313645; }
.pagination li.page a:hover { text-decoration:none; background:#666; color:#fff; }
.pagination li.current  { padding:2px 4px; color:#fff; background-color: #313645; }

#lightbox { background:url("../images/lightbox_black.png"); display:none; position:fixed; top:0; left:0; bottom:0; right:0; z-index:100; }
.popup { position:absolute; background:url("../images/lightbox_white.png"); display:none; width:620px; left:50%; margin-left:-310px; top:20%; z-index:999; }
.popup_body { background-color:#fff; width:580px; padding:10px; margin:10px; }
.close_popup { position:absolute; right:20px; cursor:pointer; }

#recover_form { display:none; }

.error { display:block; margin:20px 0; padding:10px; border-top:solid 1px #b30dad; border-bottom:solid 1px #b30dad; font-weight:700; color:#b30dad; font-style:italic; }

.add_button { display:block; background:#181a21 url("../images/button-background.jpg") 0 0 repeat-x; height:25px !important; width:80px !important; text-align:center; line-height:25px; font-size:10px; color:#fff; text-shadow:0 1px 0 #000; padding:0 20px; cursor:pointer; }

#tab_languages { margin-bottom:20px; }

#signs_form { display:none; padding-bottom:10px; margin-bottom:20px; border:solid 1px #ccc; }
.signs_list li { display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:dotted 1px #666; }
.files_wrapper { width:100%; border-bottom:dotted 1px #666; margin-bottom:5px; padding-bottom:5px; }

.scroller { width:680px !important; height:300px !important; overflow-y:auto; margin-bottom:20px; border:solid 1px #999; padding:10px; }
.remarked { color:#b30dad; font-style:italic; }
.remarked_line { clear:both; display:block; margin-top:10px; color:#b30dad; font-style:italic; }
.text_line { clear:both; display:block; margin-bottom:10px; }
.float_right { float:right; }
.float_left { float:left; }
.acenter { text-align:center; }
.mtop_s { margin-top:10px; }
.mtop_m { margin-top:20px; }
.mtop_l { margin-top:30px; }
.mbot_s { margin-bottom:10px; }
.note { display:block; margin:10px 0; font-size:9pt; font-style:italic; color:#999; letter-spacing:.7pt; }
.note_line { display:block; font-size:9pt; font-style:italic; color:#999; letter-spacing:.7pt; }
.note_inline { font-size:9pt; font-style:italic; color:#999; }
.form_margin { margin-left:210px; }
.form_inline_margin { margin-left:10px; }
.bold { font-weight:700; }
.hide { display:none; }
.clear { clear:both; }
.line { padding:10px 0; margin:10px 0; border-top:solid 1px #999; }
.red { color: #f00; }