/*
    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: #63A82B; }
body { color: #444; background: #63a82b url(cms/bg-top.jpg) no-repeat scroll 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 { background-color: transparent; color: #fff; }
#menu .undermenu { background-color: transparent }

#menu ul { padding: 0 0 0 0; overflow: hidden; margin: 0 0 0 0px; width: 772px; height: 35px; list-style-type: none; }
#menu ul li { margin: 0; width: auto; height: 35px; 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: #183e6f; line-height: 21px; padding: 0 18px 0 18px; margin: 0; opacity:1; }

#menu ul li.active {  ; }
#menu ul li.active .mleft { background: url('./objects/cms/menu/active_button_left.png') left bottom no-repeat; }
#menu ul li.active .mright { background: url('./objects/cms/menu/active_button_right.png') right bottom no-repeat; }
#menu ul li.active a { display: block; margin: 0 13px; padding: 0 5px; height: 100%; background: url('./objects/cms/menu/active_button_middle.png') left bottom repeat-x; }

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

.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: bold 12px arial; }
ul.lev-0 li a.selected { color: #D40107; }

/* 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: #5C8607; font-size: 16px; font-weight: bold; }
span.price { font-size: 14px; color: #5C8607 }
span.msg { color: #5C8607; font-size: 13px;  }
ul li span.price { margin-right: 8px; float: right; font-size: 13px; }
.prodInfo span { color: #5C8607 }
.cod_special { border: 2px solid #5C8607!important; }
.optBox { border-color: #a4a3a3; background: #eee; }

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

/* Footer */
#footer { background: #63A82B; }
#footer .footer_left {background: url('./objects/cms/footer_left.png') top left no-repeat;}
#footer .footer_middle {background: url('./objects/cms/footer_middle.png') top repeat-x;}
#footer .footer_right {background: url('./objects/cms/footer_right.png') top right no-repeat;}
#footer ul { background: url('./objects/cms/footer_sep.gif') right top repeat-y; }
#footer ul.nosep { background-image: none; }
#footer ul li a { font: normal 12px arial; color: #4a7700; }
#footer ul li.first a { font: bold 14px arial; color: #01326f; }