/* [Master Stylesheet]
 
 Project:		Aristote
 Version:		0.1
 Last change:	11/08/09
 Assigned to:	Jens Lumm
 
 ----------------------------------*/
 
 
@import "reset.css";
@import "960.css";
@import "text.css";

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #f5f5f5;
    color: #666;
}

/* Article Styles
 ----------------------------------*/

div#article h1 { margin-left:0px; }
div#article h2 { font-size:1em; margin-bottom:0;  }
div#article h3 { font-size: 16px; font-weight: normal; }
div#article h4 { font-size:13px; color:#333; font-weight:bold; margin-bottom:0; }
div#article input { margin-bottom:1em; width: 65%; }
div#article input.defaultbutton { width: 100px; margin-top:1em; }
div#article textarea { width:65%; }

div#article { padding:0px 20px 20px 20px; }

#main-area div.class-feedback-form h1 { margin-bottom:20px; }
div.class-feedback-form h2 { float:left; width:180px;}

sup { font-size:8px; padding-left:2px;}



/* Hyperlinks
 ----------------------------------*/
a {
    color: #cc3333;
    text-decoration: none;
}

#sidebar a {
    font-weight: bold;
}

/* Headlines
 ----------------------------------*/
#sidebar h1 {
    font-size: 14px;
    color: black;
}

#slider h1 {
    font-size: 12px;
    color: black;
    font-weight: normal;
}

#main-area h1 {
    font-size: 18px;
    color: black;
    margin-left: 20px;
    margin-bottom: 10px;
	margin-top:20px;
}



/* Table Details
 ----------------------------------*/


table.details {
    width: 100%;

	
}

#main-area table.details h1 { color: black; font-size: 16px; margin:0; padding:0;}
#main-area table.details input.btn { margin-right:0;  }

#main-area table.details img.btn {width: auto; border: 0; background: 0;}

table.details a { color: #666; text-decoration:underline;}
tr.shade {
    background-color: #F2F2F2;
}
td.thumb { width:200px;}

table.details img {
    width: 200px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: white;
	margin-bottom:1em;
}

/* List Styles
 ----------------------------------*/
ul.items-list li, ul.description-list li {
    display: inline;
    list-style-type: none;
    margin: 0 20px 0 0;
    list-style-position: inside;
}

#main-area strong {
    padding-right: 5px;
    color: #333;
}

ul.caracteristiques {
    list-style-type: none;
}

ul.caracteristiques li {
    width: 240px;
    float: left;
    padding-left: 20px;
    margin-left: 20px;
    background-image: url(../images/icon_check.gif);
    background-repeat: no-repeat;
    background-position: center left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid white;
}

div#article ul li {
    
    list-style-type: none;
    margin: 0 20px 0 0;
    list-style-position: inside;
}

div#article ul li {
    
    
    padding-left: 20px;
    margin-left: 20px;
    background-image: url(../images/icon_check.gif);
    background-repeat: no-repeat;
    background-position: center left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid white;
}

/* Logo
 ----------------------------------*/
#logo {
    margin-bottom: 10px;
}

/* Top Navi
 ----------------------------------*/
#topNavi {
    background: url(../images/bg_top-navi.gif);
    background-repeat: no-repeat;
}

ul#nav {
    margin: 0 0 0 0;
    padding: 0 0 0 40px;
}

ul#nav li, ul#nav li a {
    font-size: 14px;
    margin: 0px;
    float: left;
    display: block;
}

ul#nav li.last {
    display: block;
}

ul#nav li {
}

ul#nav li a {
    text-decoration: none;
    font-weight: bold;
    color: #787878;
    background: none;
    padding: 35px 0px 55px 0px;
}

ul#nav li.active a, ul#nav li a:hover {
    color: #cc3333;
}

ul#nav li.space {
    background: url(../images/bg_top-navi-space.gif);
    background-position: center;
    background-repeat: repeat-y;
    width: 2px;
    padding: 31px 14px;
}

/* Search Box
 ----------------------------------*/
#searchbox {
    border: 1px solid #ccc;
    margin: 10px 20px;
    padding: 10px;
    background: url(../images/bg_searchbox.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

#searchbox table {
    margin-bottom: 0px;
}

#searchbox table td {
    padding: 5px;
}

select.dropdown {
    width: 200px;
}

#searchbox input {
}

#searchbox span {
    font-size: 14px;
    padding: 0 10px;
}

.btn {
    background: url(../images/bg_input_btn.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    border: 1px solid #ccc;
    color: black;
    font-weight: bold;
    font-size: 11px;
    padding: 5px 5px;
    margin-right: 10px;
}

td.budget input {
    width: 78px;
}

.label {
    font-weight: bold;
    text-align: right;
    color: #333;
}

.seperate {
    background: url(../images/bg_seperate.gif);
    background-repeat: repeat-y;
    background-position: center;
}

#main-area .hr_searchbox {
    background: url(../images/bg_searchbox_hr2.gif) center bottom;
    margin: 0px 0px 0px 0px;
    height: 2px;
    font-size: 2px;
}

/* Box Styles - Sidebar
 ----------------------------------*/
#sidebar hr, #sidebar h1, #sidebar p {
    padding: 0;
    margin: 0;
}

#sidebar hr {
    margin: 10px 0px;
}

.sidebar-box_white {
    background: url(../images/bg_sidebar-box_center.gif);
}

.description {
    margin-right: 20px;
}

.sidebar-box_top {
    height: 20px;
    background: url(../images/bg_sidebar-box_top.gif);
    background-repeat: no-repeat;
    background-position: top;
}

.sidebar-box_bottom {
    height: 20px;
    background: url(../images/bg_sidebar-box_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

div.sidebar-box_white {
    margin-bottom: 15px;
}

#sidebar .wrap {
    padding: 0px 10px;
}

/* Box Styles - Main Content
 ----------------------------------*/
div.shadow {
    background: url(../images/bg_main-box_shadow.gif);
    background-repeat: no-repeat;
    background-position: top;
}

.main-box_white {
    background: url(../images/bg_main-box_white.gif);
    padding: 0 20px 0 20px;
}

.main-box_top {
    height: 10px;
    background-color: red;
    background: url(../images/bg_main-box_white-top.gif);
    background-repeat: no-repeat;
    background-position: top;
    margin-bottom: 0px;
}

.main-box_bottom {
    height: 10px;
    background: url(../images/bg_main-box_white-bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}



div.shadow {}

/* Slider Box - Common
 ----------------------------------*/
#slider {
    font-size: 10px;
}

.status {
    float: right;
}

/* Slider Box - Sidebar
 ----------------------------------*/
.canvas {
    height: 150px;
    background: url(../images/slider-test-img.jpg);
    background-repeat: none;
    background-position: center center;
}

.img-wrap {
    padding: 5px 5px 5px 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    background-color: #fff;
}

.options {
    padding-top: 133px;
}

/* Image Box - Main Content
 ----------------------------------*/
#main-area .canvas {
    height: 90px;
}

#main-area .img-wrap {
    margin-left: 20px;
}

#main-area .options {
    padding-top: 73px;
}

/* Text Boxes - Main Content
 ----------------------------------*/
#main-area .hr_line {
    background: url(../images/hr-dotted.gif) center bottom;
    margin: 0px 0px 0px 0px;
    height: 1px;
    font-size: 1px;
}

div.even {
    background: url(../images/bg_list-items.gif);
    background-position: right;
    background-repeat: repeat-y;
}

div.odd, div.even {
    padding: 10px 0 0px 0;
}