/* Main Stylesheet for AfrEco
 *
 * Author: Andre Engelbrecht
 *
 */

* {
    border: 0px none;
    margin: 0;
    padding: 0;
}

body { 
    background-color: white;
    background: url('../images/background.jpg') no-repeat fixed white;
}

#wrapper {
}


/*** User Nav ***/
#usernav {
    margin: 0 auto;
    width: 900px;
    text-align: right;
    font-size: 8pt;
    padding-top: 1em;
    font-weight: bold;
    color: #e3e3e3;
    font-family: "Luxi Sans", Geneva, Verdana, Arial, Sans;
    font-weight: bold;
}
#usernav a,
#usernav a:visited {
    color: #e3e3e3;
    text-decoration: none;
}
#usernav a:hover { text-decoration: underline; }


/*** Global Nav ***/
#nav { 
    margin: 0 auto;
    width: 900px;
    height: 45px;
    overflow: auto;
}

#nav ul {
    list-style-type: none;
    list-style-position: inside;
}
#nav ul li {
    display: inline-block;
    float: left;
}
#nav ul li a,
#nav ul li a:visited {
    color: #e3e3e3;
    font-family: "Luxi Sans", Geneva, Verdana, Arial, Sans;
    font-weight: bold;
    line-height: 45px;
    height: 45px;
    margin: 0 2em;
    text-decoration: none;
}
#nav ul li a:hover { text-decoration: underline; }

/*** Header ***/
#header_border {
    background: url('../images/headerfade_y.png') repeat-y transparent top;
    height: 200px;
}
#header {
    position: relative;
    top: 2px;
    height: 196px;
}
#header_content {
    width: 900px;
    height: 196px;
    margin: 0 auto;
    background: url('../images/header_image_x.png') repeat-x white;
    text-align: center;
}
#header_content img {
    width: 880px;
    height: 176px;
    margin-top: 10px;
}

/*** Content ***/
#content {
    width: 900px;
    background: url('../images/content_y.png') repeat-y transparent;
    margin: 0 auto;
    margin-top: 1em;
    overflow: hidden;
}
#content_bottom {
    width: 900px;
    height: 31px;
    background: url('../images/content_bottom.png') no-repeat transparent;
    margin: 0 auto;
    margin-bottom: 1em;
}


/*** Content Columns ***/
#content_big {
    margin: 0 40px;
    padding: 1em;
}

#content_left {
    width: 180px;
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 1em;
}
#content_left.inside {
    margin-top: 1em;
    margin-left: 1em;
}

#content_main {
    width: 505px;
    position: relative;
    float: left;
    overflow: hidden;
    padding: 1em 0;
}
#content_main.wide {
    width : 660px;
}

#content_med {
    width: 680px;
    position: relative;
    float: left;
    overflow: hidden;
    padding: 1em 0;
}

#content_right {
    width: 180px;
    position: relative;
    float: right;
    overflow: hidden;
    margin-left: 1em;
}

div.products_random {
    width: 95%;
    overflow: hidden;
    margin-bottom: 1em;
    padding: 1em;
    background-color: #e3e3e3;
    border: 3px double white;
}
#content div.product_image img {
    margin-right: 1em;
    background-color: white;
}
div.product_frame {
    background-color: #e3e3e3;
    border: 3px double white;
    width: 120px;
    padding: 1em;
    text-align: center;
}
#content div.product_frame img { background-color: white; }

ul#product_list li {
    width: 97%;
    list-style-type: none;
    overflow: hidden;
    padding: 1em;
}

#content .products_categories h2 { margin-left: 0.5em; }
#content .products_categories li ul {
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: circle;
}

/*** Content Tabs ***/
ul.page_tabs {
    font-size: 10pt;
    font-weight: bold;
    list-style-type: none !important;
    list-style-position: outside !important;
    margin: 0 !important;
}
ul.page_tabs li { 
    margin-top: 1em;
    text-align: center;
}
ul.page_tabs li a,
ul.page_tabs li a:visited {
    display: block;
    background: url('../images/page_tab.png') no-repeat;
    width: 180px;
    height: 40px;
    line-height: 40px;
    color: #15110a !important;
    text-decoration: none;
}
ul.page_tabs li a:hover { text-decoration: underline; }


/*** Content Typography ***/
#content {
    font-family: "Luxi Sans", Geneva, Verdana, Arial, Sans;
    font-size: 10pt;
    color: #303030;
}
#content h1, #content h2, #content h3 {
    font-family: "Times New Roman", Times, Serif;
}
#content p { 
    line-height: 1.5em;
    text-align: justify;
    margin: 1em 0;
}
#content ul {
    list-style-type: disc;
    list-style-position: inside;
    margin: 1em;
}
#content ol {
    list-style-type: decimal;
    list-style-position: inside;
    margin: 1em;
}
#content blockquote {
    float: right;
    width: 200px;
    margin: 1em 0 1em 1em;
    padding: 0 1em;
    border: 1px solid #e3e3e3;
    background: #e3e3e3;
}
#content a,
#content a:visited {
    color: #5777a1;
    text-decoration: none;
    font-weight: bold;
}
#content a:hover { color: black; }

#content img {
    border: 0px none white;
    background: #e3e3e3;
    padding: 0.25em;
}

#content .right { float: right; }
#content .left { float: left; }

#content img.right { margin: 1em 0 1em 1em; }
#content img.left { margin : 1em 1em 1em 0; }

table, th, td { border: 1px solid #e3e3e3; }
th, td { 
    background-color: #e3e3e3;
    padding: 0.5em 1em;
}
th { text-align: right; }
table ul, table li { list-style-type: none; list-style-position: outside; }

hr {
    margin: 1em;
    background-color: #5777a1;
    border-bottom: 1px solid #5777a1;
}

span.strikeout { text-decoration: line-through; }

/*** Footer ***/
#footer_content {
    background-color: black;
    border: 3px double #e3e3e3;
    border-left: none;
    border-right: none;
    text-align: center;
    color: #e3e3e3;
    padding: 2em 0;
    font-family: "Luxi Sans", Geneva, Verdana, Arial, Sans;
    font-size: 10pt;
}
#footer_content p { margin: 0; }
#footer_content a,
#footer_content a:visited {
    color: #7daae8;
    text-decoration: none;
    font-weight: bold;
}
#footer_content a:hover { color: white; }


/*** Custom Page Backgrounds ***/
div.notfound {
    background: url('/media/static/images/pages/404_page.png') no-repeat bottom right;
    height: 400px;
}

div.contactsuccess {
    background: url('/media/static/images/pages/contact_success_page.png') no-repeat bottom left;
    height: 400px;
}


/*** Forms ***/
input, textarea {
    border: 1px solid black;
    padding: 0.25em 0.5em;
    color: black;
    margin: 0.25em;
    background-color: white;
}
.errorlist {
    color: red;
    font-weight: bold;
}

#simple_search { line-height: 45px; }
#simple_search input {
    border: 1px solid white;
    padding: 0.1em 0.2em;
    color: #5777a1;
    margin: 0;
}
#simple_search input[type="submit"] { border: 0 none; }

/*** General Styles ***/
.odd { background-color: #e3e3e3; }
.even { background-color: white; }
hr.clear { clear: both; }