body {
	margin: 0; padding: 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
/*	background: #222 url(/skin/frontend/default/nolitech/images/bg_middle.png) repeat-x 0 130px;*/
	background: #222 url(/skin/frontend/default/nolitech/images/bg_middle.png) repeat-x;
    background: #004F7F url(/skin/frontend/default/nolitech/images/bg_top_background.png);
background: LightBlue;
}
	
/*/*/a{}
body,
body p {
	font-size: small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: medium;
}
html>body,
html>body p {
	font-size: small;
}
/* */

/* -- Containers -- */
#top_background {
    position: absolute;
    top: 0;
    left: 0;
    background: #004F7F url(/skin/frontend/default/nolitech/images/bg_top_background.png);
    width: 100%;
    height: 131px;
    border-bottom: 1px solid #FFF;
}

#container {
    position: relative;
    width: 1000px;
    margin: 0 auto 10px;
    background: #FFF url(/skin/frontend/default/nolitech/images/bg_container.png) repeat-x 0 99px;
border: 1px solid #999;
}

.header-top {
    position: relative;
margin-left: -1px;
margin-right: -1px;
    margin-bottom: 20px;
    padding: 20px;
    height: 90px;
/*    background-color: #055A8E;*/
    border-bottom: 1px solid #FFF;
/*background: url(/skin/frontend/default/nolitech/images/bg_header.png) no-repeat center left;*/
    background: #004F7F url(/skin/frontend/default/nolitech/images/bg_top_background.png);
}

.middle-container {

}

.col-left {
    float: left;
    margin-left: 20px;
    padding-bottom: 100px;
    width: 250px;
}

#main {
    float: left;
    margin-left: 20px;
    padding-left: 20px;
    padding-bottom: 100px;
    width: 558px;
    color: #333;
    border-left: 1px solid #CCC;
}

.col-1-layout #main {
    float: none;
    width: 960px;
    border: 0;
padding-left: 0;
padding-right: 0;
}

.col-2-left-layout #main {
    width: 670px;
}

.col-right {
    float: right;
    margin: 0 20px 100px 0;
    width: 90px;
    height: 590px;
    background: url(/skin/frontend/default/nolitech/images/right-pictures.jpg);
}
.col-3-layout .col-right * { display: none; }

.col-2-right-layout .col-right {
width: 360px; height: auto;
background: none;
}

.footer {
    clear: both;
    margin: 50px 20px 20px;
    padding: 72px 0 10px;
    border-top: 1px solid #CCC;
    font-size: .8em;
    text-align: center;
    color: #666;
    background: url(/skin/frontend/default/nolitech/images/logos-fournisseurs.png) no-repeat 0 10px;
}
/* -- Links -- */
a {
    color: #036;
}

a:hover, a:focus {
    color: #000;
    background-color: lightblue;
}
/* -- Titles -- */
h1 a {
    position: absolute;
    top: 28px;
    left: 19px;
    display: block;
    width: 223px;
    height: 78px;
    background: url(/skin/frontend/default/nolitech/images/h1.png);
    text-indent: -9999em;
}

h1 a:hover, h1 a:focus {
    background-color: transparent;
}

h2 {
    margin: 10px auto;
    font-size: 1.3em;
    font-weight: bold;
    color: #333;
    letter-spacing: -.03em;
}

h3 {
    font-weight: bold;
}

h4 { font-weight: bold; margin: 20px 0; }

.col-main h3 {
    margin: 20px 0;
    border-bottom: 1px solid #CCC;
}

.column-right h2 {
margin: 20px 0 10px;
color: #666;
font-size: 1.6em;
}

/* -- Forms -- */
form p {
    margin-bottom: 10px;
    font-style: italic;
    color: #666;
}

label {
}

input.input-text {
    margin-bottom: 10px;
    padding: 3px;
    color: #666;
}

input.input-text:focus {
    color: #000;
}

form div.input-box {
    clear: both;
}

form div.input-box label {
    float: left;
    padding: 5px;
    width: 150px;
}

form div.input-box input.input-text {
    float: left;
    width: 300px;
}

form div.input-box textarea {
    width: 350px;
}

form div.input-box br { display: none; }

form span.required {
    color: #C00;
}

form fieldset.button-set {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #CCC;
    text-align: right;
}

form fieldset.button-set p.required {
    float: left;
}

form fieldset.button-set input.form-button {
    padding: 5px 10px;
}

div.validation-advice {
    float: left;
    padding: 5px;
    color: #900;
}

form#search_mini_form {
    position: absolute;
    right: 20px;
    bottom: 10px;
display: none;
}

form#search_mini_form legend {
    display: none;
}

form#search_mini_form input.input-text {
    float: left;
    margin: 0;
    padding-left: 25px;
    width: 20em;
    background: #FFF url(/skin/frontend/default/nolitech/images/magnifier.png) no-repeat 2% 50%;
}

form#search_mini_form input.button {
    float: left;
    margin-left: 10px;
    padding: 2px;
}

form#newsletter-validate-detail input.input-text {
    width: 214px;
}

#contactForm fieldset.group-select {
    /*border-top: 3px solid #CCC;*/
}

#contactForm legend {
    padding: 5px 10px;
    color: #666;
}
/* -- Header elements -- */
ul.breadcrumbs {
    margin-top: -20px;
    margin-bottom: 20px;
    padding: 10px 20px;
    background-color: #FDC400;
    border-bottom: 1px solid #999;
}

ul.breadcrumbs li {
    display: inline;
}
/* -- Footer elements -- */
.footer p {
    font-size: 100%;
}
/* -- Page 'Category' -- */
body.catalog-category-view ul li.item {
    position: relative;
    float: left;
    margin: 10px 3px 0 0;
/*    width: 131px;
    height: 131px;*/
}

body.catalog-category-view ul li.item img {
    padding: 2px;
    border: 1px solid #DDD;
}
body.catalog-category-view ul.no-tooltips li.item img {
float: left;
margin-right: 10px;
}

body.catalog-category-view ul li.item span.tooltip {
    position: absolute;
    top: 105px;
    left: 105px;
    display: block;
    padding: 10px;
    width: 300px;
    border: 1px solid #333;
border-color: #999 #333 #333 #999;
    background-color: #FDC400;
    display: none;
    z-index: 98;
}

body.catalog-category-view ul li.item span.right_tooltip { left: -295px !important; }

body.catalog-category-view ul li.item span.tooltip strong { display: block; }

body.catalog-category-view ul.no-tooltips li.item span.product_description {
display: block;
margin-left: 140px;
}

body.catalog-category-view ul.no-tooltips li.item span.product_description strong {
display: block;
}

p.category-description {
    margin-bottom: 10px;
    font-size: 1.1em;
    letter-spacing: -.02em;
}

ul.sub-category {
}

ul.sub-category li {
}

ul.sub-category li a {
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    border-right: 10px solid lightblue;
    border-bottom: 1px solid #DDD;
}

p.online-sells {
padding: 10px 10px 10px 35px;
color: Green;
border: 1px solid Green;
background: LightGreen url(/skin/frontend/default/nolitech/images/cart.png) no-repeat 10px 50%;
font-weight: bold;
}

/* -- Products listing -- */

table.generic-product-grid {
width: 100%;
}

table.generic-product-grid td {
text-align: center;
background-color: #E0E0E0;
}

table.generic-product-grid h5 {
margin: 0;
padding-bottom: 10px;
border-bottom: 20px solid #FFF;
}

table.generic-product-grid p.product-image { margin: 0; }

table.generic-product-grid p.product-image a { display: block; }

/* -- Product description -- */

.product-image-container {
float: right;
background-color: #FFF;
width: 280px;
}

.product-image-container #image { float: right; }

.product-image-container ul { clear: both; }

.product-image-container li { float: left; }

.product-image-container li a { float: left; }

.product-description-container,
.additional-information-container {
margin-bottom: 20px;
margin-right: 280px;
padding: 10px;
border: 1px solid #CCC;
background-color: #EEE;
}

.product-description-container h4,
.additional-information-container h4 {
margin-top: 0;
color: #999;
font-size: .8em;
float: right;
margin: -10px -10px 0 0;
padding: 5px 10px;
background-color: #CCC;
color: #666;
}

.additional-information-container {
border-color: #DDD;
}

.additional-information-container h4 {
background-color: #DDD;
}

form#product_addtocart_form {
margin-right: 280px;
padding: 10px;
border: 1px solid #333;
}

form#product_addtocart_form .product-attributes {
margin-bottom: 10px;
border-bottom: 1px solid #CCC;
}

form#product_addtocart_form .product-attributes table { width: 100%; }

form#product_addtocart_form .product-attributes table td { text-align: right; }

form#product_addtocart_form input#qty { width: 5em; }

.price-box {
float: right;
font-size: 1.5em;
font-weight: bold;
}

/* -- Shopping cart -- */

table.shopping-cart {
width: 100%;
}

table.shopping-cart thead th {
font-weight: bold;
font-size: .85em;
}

table.shopping-cart tr.odd {
background-color: #EEE;
}

table.shopping-cart tr.odd td { padding: 5px 0; }

table.shopping-cart img {
display: block;
margin-right: 10px;
}

ul.super-product-attributes { font-size: .8em; }

table.shopping-cart tfoot td {
padding: 10px 0;
text-align: right;
}

div.goto-onepage-checkout a {
float: left;
display: block;
padding: 20px;
background-color: #FDC400;
font-weight: bold;
font-size: 1.4em;
border: 1px solid lightblue;
}
div.goto-onepage-checkout a:hover,
div.goto-onepage-checkout a:focus {
border-color: #036;
}

div.shopping-cart-totals {
float: right;
padding: 10px;
background-color: #333;
color: #FFF;
}

div.shopping-cart-totals td {
padding: 0 10px;
}

div.shopping-cart-totals tfoot td {
padding-top: 10px;
font-size: 1.2em;
}

/* -- Checkout -- */

table#checkout-review-table {
width: 100%;
}

table#checkout-review-table th { font-weight: bold; font-size: .9em; }

table#checkout-review-table th,
table#checkout-review-table td { padding: 5px; }

table#checkout-review-table .a-right { text-align: right; }

table#checkout-review-table tfoot td {
padding-top: 10px;
}

/* -- Page 'Frontpage' -- */
#presentation {
    padding: 20px;
    background-color: #FDC400;
    color: #333;
    -moz-border-radius: 7px;
}

#presentation em {
    display: block;
    margin-top: 10px;
    font-size: .95em;
    color: #666;
}

.pon h3 {
    margin: 0;
    font-size: 1.2em;
    color: #444;
    letter-spacing: -.01em;
}

.pon p {
    margin: 10px 0;
    text-align: justify;
}

.pon .date {
    margin: 0 !important;
    font-size: .8em;
    color: #666;
}
/* -- Page 'Contact' -- */
ul.coordonnees {
    float: left;
    width: 220px;
    margin-right: 20px;
}

ul.coordonnees li {
    margin-bottom: 10px;
}

ul.coordonnees strong {
    display: block;
    font-weight: bold;
}

#googleMap {
    float: right;
}

table.bank-information th,
table.bank-information td {
padding: 3px;
text-align: center;
}

table.bank-information td {
background-color: #DDD;
}

table.bank-information th { font-weight: bold; }

/* -- Always useful -- */
.no-display {
    position: absolute;
    top: -9999em;
}

.clearer {
    clear: both;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

div.with-top-border {
    margin-top: 20px;
    border-top: 1px dashed #CCC;
}

.column-left, .column-right {
    float: left;
    width: 269px;
}

.column-left {
    width: 671px;
    margin-right: 20px;
}

.column-right {

}

.note-msg {
    margin-top: 20px;
    padding: 20px 20px 20px 40px;
    color: #666;
    background: #FFDFDF url(/skin/frontend/default/nolitech/images/cart.png) no-repeat 13px 50%;    
}

#main p { margin: 10px 0; }

ul.standard-list li,
ul.product_list li {
margin-left: 15px;
padding: 3px 10px;
border-bottom: 1px solid #F0F0F0;
list-style: square !important;
}

table.standard-table th {
padding: 0 30px 0 5px;
font-weight: bold;
background-color: #DDD;
}

table.standard-table td {
padding: 5px;
}

table.standard-table tfoot {
color: #666;
font-size: .8em;
}

/* we used an iframe as scriptaculous is not compatible with mootools and we use mootools for the slideshow */
iframe#slideshow-container {
position: absolute;
top: 0; right: 0;
border: 0;
width: 314px; height: 130px;
}

ul.messages li.success-msg {
margin-bottom: 10px;
padding: 10px;
border: 1px solid Green;
background-color: LightGreen;
color: Green;
}



