/* --------------------------------------
    Author: Sorin Gitlan <sorin@point47.com>
 -------------------------------------- */

html, body {color:#333333; font-family: Arial, Tahoma, sans-serif; font-size: 11px;}

/** --------------------------------------
* INTRO
-------------------------------------- */
#intro{width: 100%;min-height: 940px;background: url(../images/cosept-intro.jpg) repeat-x center top;}

#container{width: 920px;margin: 0px auto;}

#intro-logo{width: 100%;float: left;display: inline;text-align: center;margin: 50px 0px 50px 0px;}
.intro-tab{width: 290px;float: left;display: inline;margin: 0px 0px 0px 10px;}



/** --------------------------------------
* HEADER
-------------------------------------- */
#header{float: left;width: 100%;height: 160px;background: url(../images/top_bg.jpg) no-repeat center top #b1d6ed;}
#header_center{width: 920px;height: 160px;margin: 0px auto;position: relative;}
    #logo{float: left;display: inline;margin: 20px 0px 0px 10px;}

    #head_nav{float: left;display: inline;margin: 20px 0px 0px 160px;}
    #head_nav li{float: left;}
    #head_nav li a{float: left;color: #162d82;text-decoration: none;font-weight: bold;font-size: 12px;padding: 0px 10px 0px 10px;margin: 0px 0px 0px 0px;}

    #head_contact{position: absolute;right: 0px;bottom: 10px;width: 150px;}
    #head_contact span{font-size: 26px;color: #FFFFFF;}
    #head_contact b{font-size: 19px;color: #45579b;font-weight: normal;}


    #head_tabs{position: absolute;height: 48px;left:0px;bottom: 0px;}
    #head_tabs li{float: left;height: 48px;}
    #head_tabs li a{float: left;width: 136px;height: 39px;text-decoration: none;font-weight: bold;color: #162d82;text-align: center;font-size: 12px;padding: 9px 0px 0px 0px;margin: 0px 0px 0px 3px;}
    #head_tabs li a:hover{background: url(../images/tab_top_bg.png) no-repeat left bottom;color: #FFFFFF;}
    #head_tabs li a.active{background: url(../images/tab_top_bg.png) no-repeat left bottom;color: #FFFFFF;}


/** --------------------------------------
* NAVIGATION
-------------------------------------- */
#top_navigation{float: left;width: 100%;height: 44px;background: url(../images/top_nav_bg.png) repeat-x left top #891a1c;}
#top_navigation_center{width: 920px;margin: 0px auto;}
    #top_navigation_center ul{float: left;width: 100%;}
    #top_navigation_center ul li{float: left;display: inline;margin: 0px 0px 0px 3px;}
    #top_navigation_center ul li a{float: left;color: #FFF;text-decoration: none;font-size: 12px;font-weight: bold;margin: 10px 0px 0px 0px;padding: 5px 10px 5px 10px;}

    #top_navigation_center ul li a.active{color: #ffffff;background: #162d82;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
    #top_navigation_center ul li a:hover{color: #ffffff;background: #162d82;-moz-border-radius: 10px;-webkit-border-radius: 10px;}


/** --------------------------------------
* CONTENT
-------------------------------------- */
#the_content{float: left;width: 100%;}
#the_content_center{width: 920px;margin: 0px auto;}


/** --------------------------------------
* CONTENT - PAGE
-------------------------------------- */
#page{width: 660px;float: left;display: inline;margin: 0px 0px 0px 0px;}
    #page h1{float: left;width: 100%;display: inline;font-size: 14px;font-weight: bold;color: #162d82;margin: 10px 0px 10px 0px;}
    #page p{float: left;width: 100%;display: inline;color: #5068be;font-size: 12px;line-height: 18px;margin: 5px 0px 5px 0px;}
    #page img.promotie{ display:inline; float:left; margin: 5px 15px 5px 5px; border: 1px dashed #B5B5B5;}
    #page #page_category_listing{float: left;width: 100%;display: inline;margin: 10px 0px 10px 0px;}
    #page #page_category_listing li{float: left;width: 200px;margin: 0px 15px 10px 0px;}
    #page #page_category_listing li a{float: left;}

    /*** page sidebar  */
    #page_sidebar{width: 115px;min-height: 360px;float: left;display: inline;border-right: 1px solid #9da7cb;margin: 15px 0px 0px 0px;}
    #page_sidebar h3{float: left;width: 100%;margin: 0px 0px 15px 0px;font-weight: bold;font-size: 14px;color: #162d82;}
    #page_sidebar ul{float: left;width: 100%;}
    #page_sidebar ul li{float: left;width: 100%;}
    #page_sidebar ul li a{float: left;width: 100%;color: #434343;padding: 5px 0px 5px 0px;text-decoration: none;font-weight: bold;font-size: 12px;}
    #page_sidebar ul li a.active{color: #9f2123;text-decoration: underline;}
    #page_sidebar ul li a:hover{color: #9f2123;}

    /**
    * page details
    */
    #page_sub_item_details{width: 515px;float: right;}
        #breadcrumbs{float: left;width: 100%;color: #aaaaaa;font-size: 12px;padding: 5px 0px 5px 0px;margin: 0px 0px 10px 0px;}
        #page_sub_item_details h3{float: left;width: 100%;margin: 15px 0px 15px 0px;font-weight: bold;font-size: 14px;color: #162d82;}
        #page_sub_item_details ul{float: left;width: 100%;}
        #page_sub_item_details ul li{width: 150px;float: left;margin: 0px 15px 15px 0px;}
        #page_sub_item_details ul li a{width: 100%;height: 70px;float: left;position: relative;border: 1px dashed #b5b5b5;text-decoration: none;}
        #page_sub_item_details ul li a b{position: relative;z-index: 2;float: left;font-weight: bold;font-size: 12px;color: #d72428;padding: 10px 0px 0px 10px;}
        #page_sub_item_details ul li a img{position: absolute;z-index: 1;top: 0px;right: 0px;}

    table.product_lister{width: 100%;}
    table.product_lister thead{border-bottom: 1px solid #ccc;}
    table.product_lister thead tr th{font-weight: normal;color: #4f4f4f;padding: 3px 0px 3px 0px;}
    table.product_lister tbody{width: 100%;color: #5068be;font-size: 12px;}
    table.product_lister tbody tr td{padding: 3px 0px 3px 0px;}
    table.product_lister tbody tr td a{font-weight: normal;font-size: 11px;color: #5068BE;padding: 5px 0px 5px 5px;text-decoration: none;}


/** --------------------------------------
* CONTENT - SIDEBAR
-------------------------------------- */
#sidebar{width: 250px;float: right;display: inline;margin: 0px 0px 0px 0px;text-align: center;}

    #sidebar_Form{float: left;width: 100%;margin: 10px 0px 20px 0px;}

    #sidebar_Form label{float: left;font-weight: bold;font-size: 12px;color: #9f2123;margin: 3px 5px 0px 0px;}
    #sidebar_Form input{float: left;}
    #sidebar_Form input#search{width: 145px;height: 24px;background: url(../images/search_bg.png) no-repeat left top;border: none;padding: 0px 30px 0px 10px;}
    #sidebar_Form button{float: right;background: none;border: none;padding: 0;margin: 6px 10px 0px 0px;}
    #sidebar_Form span{float: left;color: #4f4f4f;margin: 3px 0px 4px 0px;}
    #sidebar_Form select{width: 116px;height: 23px;float: left;background: url(../images/select_bg.png) no-repeat left top;border: none;padding: 3px 10px 3px 5px;outline: none;}
    #sidebar_Form select option{padding: 3px 0px 3px 0px;outline: none;}
    #sidebar_Form select optgroup{padding: 10px 0px 10px 0px;}
    #sidebar_Form select optgroup option{padding: 3px 0px 3px 10px;}

    /**
    * search results
    */
    #search_results{float: left;width: 90%;margin: 20px 0px 20px 10px;}
    #search_results li{float: left;width: 100%;font-size: 12px;margin: 0px 0px 3px 0px;}
    #search_results li a{text-decoration: none;color: blue;}
    #search_results li a:hover{text-decoration: underline;}

    /**
    * product listing detailed
    */
    .product_listing_detailed{float: left; width: 500px; border-bottom: 1px dotted #ccc; padding: 10px 0px 10px 0px;font-size: 12px;line-height: 18px;}
    .product_listing_detailed h5{float: left;width: 100%;font-size: 15px;margin: 0px 0px 5px 0px;}
    .product_listing_detailed .img_wrapper{float: left; width: 100px; text-align: center;}

    .product_listing_attributes{float: left;width: 380px;}



/** --------------------------------------
* CONTACT PAGE
-------------------------------------- */
#formular_contact{width: 350px;float: left;display: inline;}

#formular_contact label{float: left;display: inline;font-size: 12px;font-weight: bold;width: 100%;margin: 10px 0px 4px 0px;}
#formular_contact input{float: left;display: inline;border: 1px solid #ccc;padding: 5px;width: 50%;}
#formular_contact textarea{float: left;display: inline;border: 1px solid #ccc;padding: 5px;}
#formular_contact button{float: left;display: inline;margin: 10px 0px 10px 0px;}

#contact_details{width: 250px;float: left;display: inline;margin: 0px 0px 0px 10px;line-height: 18px;}


/** --------------------------------------
* POPUP BUBBLE
-------------------------------------- */
#popup_container{position: absolute; z-index: 10;background: #FFFFFF;border: 1px solid #dddddd;padding: 10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.popup_bubble{display: none;position: absolute;}

/** --------------------------------------
* FOOTER
-------------------------------------- */
#the_footer{float: left;width: 100%;margin: 30px 0px 0px 0px;padding: 10px 0px 30px 0px;background: url(../images/footer_bg.png) repeat-x left top #b0d5ed;}
#the_footer_center{width: 920px;margin: 20px auto;}

    .footer_links{float: left; width: 700px;}
    .footer_links li{float: left;width: 140px;color: #162d82;margin: 0px 0px 5px 0px;}
    .footer_links li a{text-decoration: none;color: #162d82;}
    .footer_links li a:hover{text-decoration:underline}

    .footer_links_last{float: left; width: 110px;}
    .footer_links_last li{float: left;width: 100%;color: #162d82;margin: 0px 0px 5px 0px;}
    .footer_links_last li a{text-decoration: none;color: #162d82;}
    .footer_links_last li a:hover{text-decoration:underline}

/** --------------------------------------
* OTHERs
-------------------------------------- */
.breaker{float: left;width: 100%;height: 10px;}