/* --------------------------------------------------------
    Global stylesheet
    Website: IF Merch
    Created by: Guillaume - guillaume@falzhobel.ca
    Filename: css/global.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    General
   -------------------------------------------------------- */

    * { padding: 0; margin: 0; }
    
    body { background: url("../images/bg.gif") repeat top center; background-color: #424242; font: 80% Georgia, Times New Roman, serif; color: #4B4E4D; margin: 0; padding: 0px; text-align: center; }

    hr, .hide { display: none; }
    .clearer { width: 100%; overflow: hidden; }
    .container_clearer { width: 100%; overflow: hidden; }
    
    h1 { padding-bottom: 10px; }
    h1, h2, h3, h4 { color: #69665E; font-weight: normal; }

    a { color: #0477BF; text-decoration: none; }
    a:hover { color: #000; }

    input, select, textarea { font-family: "Lucida Grande", Lucida, Tahoma, Verdana, sans-serif; font-size: 11px; padding: 1px; }
    select { width: 200px; padding: 0px; }
    input.submit_btn { cursor: pointer; padding: 3px 5px; background-color: #69665E; color: #fff; font-family: "Lucida Grande", Lucida, Tahoma, Verdana, sans-serif; font-weight: bold; border: 0px; }
    input.image_submit { cursor: pointer;  border: 0px; padding: 0px; }
    
    ul { list-style: none; }
    
    img { border: 0; }

/* --------------------------------------------------------
    Presentation
   -------------------------------------------------------- */
   
    #container { width: 942px; background-color: #fff; margin: 0 auto; padding: 10px 10px 0px 10px; text-align: left; }
    
/*  Header
   -------------------------------------------------------- */
   
    #header_wrapper { width: 100%; background-color: #000; margin-bottom: 0px; text-align: left; }
    
    #header { width: 942px; margin: 0 auto; overflow: hidden; }
    #header p, #header a { color: #F3F2EE; }
    #header a { text-decoration: underline; }
    
    #header_logo { float: left; width: 230px; }
    #header_logo h1 { background: url("../images/header_logo.png") no-repeat; text-indent: -9999px; text-decoration: none; width: 230px; height: 84px; }
    #header_logo h1 a:link, #header_logo h1 a:visited { display: block; width: 230px; height: 84px; text-decoration: none; outline: none; -moz-outline-style: none; }
    
    #header_nav { float: left; width: 350px; padding-top: 40px; }
    #header_nav ul { width: 100%; overflow: hidden; }
    #header_nav ul li { float: left; padding-left: 14px; padding-right: 6px; }
    
    #header_cart { float: right; padding-top: 30px; }
    #header_cart p { background: url("../images/icon_cart_header.gif") no-repeat center right; padding-right: 35px; text-align: right; }
    
/*  Content
   -------------------------------------------------------- */
   
    #content { width: 100%; overflow: hidden; padding-bottom: 20px; }
    #content_menu { float: left; width: 220px; padding-bottom: 80px; }
    #content_main { float: right; width: 712px; padding-top: 10px; padding-bottom: 20px; }
    
    .content_box { background-color: #fff; padding: 10px; }
    .content_box_dark { background-color: #DDD9CC; padding: 5px; margin-bottom: 10px; }
    
/*  Content Menu
   -------------------------------------------------------- */
    
    #content_menu h2 { font-size: 125%; padding-bottom: 5px; }
    #content_menu ul { padding-bottom: 5px; border-top: 1px dotted #D1CCBB; }
    #content_menu ul li a { background: url("../images/icon_bullet.png") no-repeat center left; border-bottom: 1px dotted #D1CCBB; display: block; font-weight: normal; padding: 5px 0 5px 21px; text-decoration: none; color: #4B4E4D; }
    #content_menu ul li a span { color: #69665E; font-size: 90%; }
    #content_menu ul li a:hover { color: #0477BF; }
    
    /* Search */
    #search table td { padding-right: 5px; }
    #search input#keyword { width: 150px; }
    
/*  Content Main
   -------------------------------------------------------- */
   
    /* General Content Style */
    #content_main h1, #content_main h2, #content_main h3 { font-size: 200%; line-height: 1em; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; }
    #content_main h3 { font-size: 170%; text-transform: none; }
    #content_main .content_padding { padding: 0px; }
    #content_main .content_sep { padding-top: 0px; margin-bottom: 10px; border-bottom: 1px dotted #D1CCBB; }
    
    #content_main #breadcrumb { font-size: 100%; padding: 8px 0px; margin-bottom: 15px; border-top: 1px solid #D1CCBB; border-bottom: 1px solid #D1CCBB; }
    #content_main #breadcrumb span { padding: 0 3px; }
    
    /* Product Lists */
    ul.products { width: 100%; overflow: hidden; }
    ul.products li { float: left; margin: 0px 0px 14px 14px; background-color: #DDD9CC; padding: 5px; position: relative; }
    ul.products li p.product_desc { padding: 5px; background-color: #fff; line-height: 1.2em; }
    ul.products li p.product_desc a.product_cat { font-size: 90%; font-weight: bold; }
    ul.products li p.product_desc a.product_name { font-size: 90%; }
    ul.products li p.product_desc span.product_type { font-size: 90%; }
    ul.products li p.product_price { font-family: Arial, Verdana, sans-serif; position: absolute; z-index: 2; top: 133px; left: 5px; background-color: #fff; font-size: 110%; letter-spacing: 1px; font-weight: bold; padding: 5px; }
    ul.products li p.product_price strike { color: #7d7f7e; }
    ul.products li p.product_price span.price_sale { color: #2C8140; }
    
    p.view_all { text-align: center; padding-bottom: 10px; font-weight: bold; }
    
    /* Status Box */
    div.box_status_success,
    div.box_status_error { border: 1px solid #9CD580; margin-bottom: 10px; }

    div.box_status_success { border-color: #9CD580; }
    div.box_status_success div.inner_box_status { background-color: #EDFFE4; padding: 10px 10px; margin: 1px; text-align: left; }
    div.box_status_success div.inner_box_status p { color: #2C8140; font-family: "Lucida Grande", Lucida, Tahoma, Verdana, sans-serif; font-weight: bold; font-size: 11px; background: url(../images/icon_success.gif) no-repeat 0px 3px; padding-left: 16px; padding-bottom: 0px; }

    div.box_status_error { border-color: #C56762; }
    div.box_status_error div.inner_box_status { background-color: #FFD2CF; padding: 10px 10px; margin: 1px; text-align: left; }
    div.box_status_error div.inner_box_status p { color: #D54038; font-family: "Lucida Grande", Lucida, Tahoma, Verdana, sans-serif; font-weight: bold; font-size: 11px; background: url(../images/icon_error.gif) no-repeat 0px 4px; padding-left: 16px; padding-bottom: 0px; }

    ul.error_list { margin: 5px 0 0 21px; }
    ul.error_list li { background: url(../images/icon_bullet_error_list.gif) no-repeat center left; padding-left: 9px; color: #D54038; font-weight: bold; }
    
    /* Pagination */
    .pagination { width: 100%; overflow: hidden; padding: 10px 0px; margin-top: 10px; border-top: 1px solid #E9E6DE; text-align: center; }
    .pagination p { margin: 0 auto; text-align: center; padding-bottom: 5px; }
    .pagination p a { font-weight: bold; padding: 1px 3px; font-size: 110%; }
    .pagination p a.page_num_active { color: #000; }
    
/*  Footer
   -------------------------------------------------------- */
    
    #footer { width: 100%; overflow: hidden; border-top: 1px solid #D1CCBB; }
    #footer_left { float: left; padding-left: 10px; font-size: 11px; padding-top: 15px; }
    #footer_left #footer_if { float: left; width: 170px; }
    #footer_left #footer_links { margin-left: 170px; }
    #footer_left #footer_links p { padding-bottom: 3px; }
    #footer_ad { float: right; }