/*
    Document   : colours
    Created on : 2012-04-18, 17:34:38
    Author     : tech-prog
    Description:
        Purpose of the stylesheet follows.
*/

/* Shop background color & default fonts  */
html { background-color: #fff; }
body { color: #444; background: #fff url(cms/bg-image.png) repeat-x center top; }
#banner { background: #fff; }

/* Links */
a { color: #063671; text-decoration: none; cursor: pointer }
a:hover { text-decoration: underline; }
div#myTabs a:hover {text-decoration: none; }

/* Menu color */
#menu { color: #fff; background: url('./objects/cms/menu/top-bg-arround.png') left bottom repeat-x; }
#menu .undermenu {  }

#menu ul li { background: url('./objects/cms/menu/menu-top-bg-middle.png') left bottom repeat-x; }

#menu ul li.first { background: url('./objects/cms/menu/menu-top-bg-left.png') left bottom no-repeat; width: 110px; }
#menu ul li.last { background: url('./objects/cms/menu/menu-top-bg-right.png') left bottom no-repeat; width: 113px; }

#menu ul { padding: 0 0 0 0; overflow: hidden; margin: 0 0 0 0; float: right; height: 42px; list-style-type: none; }
#menu ul li { margin: 0 0 0 0; padding: 12px 0 0 0; width: auto; height: 30px; float: left; }
#menu ul li .mleft { width: 100%; height: 100%; }
#menu ul li .mright { width: 100%; height: 100%; }
#menu ul li .mright a { font: bold 12px arial; text-decoration: none; color: #0c4b63; padding: 10px 18px 10px 18px; margin: 0; opacity:1; }
#menu ul li .mright a:hover { color: #fff; text-decoration: underline }

#menu ul li.active {  ; }
#menu ul li.active .mleft { }
#menu ul li.active .mright { }
#menu ul li.active a { display: block; margin: 0 13px; padding: 0 5px; height: 100%; color: #fff }

#menu ul li.half, #footer ul li.half, div.article.half { opacity: 0.5 }
#menu ul li.last {  }

.bgstyleLeft { /*background: url('../../objects/cms/left_top_line.gif') left top repeat-x;*/ }
.bgstyleRight { /*background: url('../../objects/cms/right_top_line.gif') right bottom repeat-x; */}

#infoBar { color: #183e6f; }
#infoBar a { font: bold 12px arial; text-decoration: none; color: #183e6f; line-height: 21px; cursor: pointer;}

/* System Searching - Box*/
.searchBox input[name=q] { background: transparent url('objects/cms/search/bg-searcher-middle.png') left top repeat-x;  }
.searchBox .search_left { background: transparent url('objects/cms/search/bg-searcher-left.png') left top no-repeat; }
.searchBox .search_right { background: transparent url('objects/cms/search/bg-searcher-right.png') right top no-repeat; }
.advancedSearchBox input[type=text] {background-color: white; }

#mysearch input[type=submit] { width: 22px; height: 21px; background: url('../../objects/cms/search_btn.gif') left top no-repeat; }

ul.lev-0 li a { color: #063671; font: 12px arial; }
ul.lev-0 > li > a { color: #063671; font: bold 12px arial; }
ul.lev-0 li a:hover { color: #eb5908; font: 12px arial; }
ul.lev-0 li a.selected { color: #eb5908; }

/* Messages */
.error { border: 1px solid #f8a6a1; background: #fbccc9 url('../../images/msg_error.png') no-repeat 8px center }
.info { border: 1px solid #b7d5e1; background: #d6e7ee url('../../images/msg_info.png') no-repeat 8px center }
.success { border: 1px solid #b0ecad; background: #d2f4d0 url('../../images/msg_success.png') no-repeat 8px center }
.warning { border: 1px solid #f5d6a3; background: #fae8cb url('../../images/msg_warning.png') no-repeat 8px center }

/* Price colors */
.strokePrice { color: #D2292A; font-size: 11px; text-decoration: line-through; }
.price { color: #000d8e; font: bold 12px 'Arial'; }
span.price { font-size: 12px; color: #000D8E }
span.msg { color: #0c4b63; font-size: 12px;  }
ul li span.price { margin-right: 8px; float: right; font-size: 13px; }
.prodInfo span { color: #eb5908 }
.cod_special { border: 2px solid #eb5908!important; }
.optBox { border-color: #a4a3a3; background: #eee; }

div.cart-content span.price {color: #eb5908; font-weight: normal;}

/* Footer */
#footer { background: url('./objects/cms/footer_middle.png') top repeat-x; }
#footer .footer_left {}
#footer .footer_middle {}
#footer .footer_right {}
#footer ul { background: url('./objects/cms/footer_sep.png') right top no-repeat; }
#footer ul.nosep { background-image: none; }
#footer ul li a { font: normal 12px arial; color: #fff; }
#footer ul li.first a { font: bold 14px arial; color: #9aeeff; }