#doc2{
	background: #f7f7f7 none no-repeat scroll;
}

/* = Clearfloat = */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a {
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

/* ======= Body ==================== */
html { height: 100%; }
body {
	margin: 0px;
	padding: 0px;
	background: silver;
    color: #333333;
	background: #ededed url('../img/BG-degrade-body.jpg') repeat-y top center;
    min-height: 100%;
	font-family: Arial;
    font-size: 12px;
}

#page, #doc2{
	margin: 0 auto;
    padding: 25px;
    width: 900px;
}


#bd,.body{
	margin-bottom: 30px;
	
}

/* ======= Header ================== */
#hd .logo, .head .logo{
	width: 289px;
	height: 49px;
	float: left;
	background: url("../img/logo.png") top center no-repeat;
    cursor: pointer;
	margin-bottom: -49px;
	position: relative;
	z-index: 150;
}
/* ======= Menu ============ */
#hd, .head   {
	margin-bottom: 40px;
}
#menu {
	border-bottom: 1px solid #cccccc;
	padding-top: 25px;
	margin-left: 63px;
    height: 25px;
	width: 836px;
	position: relative;
	z-index: 100;
}
#menu ul {
	margin: 0px;
    float: right;
}
#menu li {
	list-style-type: none;
	float: left;
	margin-left: 30px;
}
#menu a {
	color: #444444;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
}
#menu a:hover, #menu a.selected {
	color: #ae0000;
	text-decoration: none;
}


/* ======= Footer ================== */
#ft , .foot  {
	border-top: 1px solid #cccccc;
	padding-top: 15px;
}
#ft ul , .foot ul  {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
}
#ft li , .foot li  {
	list-style-type: none;
	float: left;

	margin-right: 30px;
}
#ft a , .foot a  {
	color: silver;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
    text-decoration: none;
}
#ft a:hover , .foot a:hover  {
	color: #ae0000;
	text-decoration: none;
}
#ft .telephone , .foot .telephone  {
	width: 250px;
	float: left;
	margin: 0px;
	margin-left: 20px;
	margin-top: 5px;
	font-weight: bold;
	font-size: 11px;
	color: gray;
	padding-top: 2px
}
#ft .telephone .alt , .foot .telephone .alt  {
	color: #ae0000;
}
#ft .logo , .foot .logo  {
	float: right;
	background: url("../img/logo-small.png") top center no-repeat;
	width: 125px;
	height: 21px;
    cursor: pointer;
}
#ft .copyright , .foot .copyright  {
	float: right;
	margin-top: 25px;
	color: #aaaaaa;
	font-size: 9px;
}
#ft .copyright li , .foot .copyright li  {
	margin-right: 0px;
	margin-left: 30px;
}

/* ======= Site Actions ============ */
#site-actions {
	background: #333333;
	width: 100%;
}
    #site-actions .middle {
        width: 963px;
        margin: auto; 
    }
    #site-actions ul{	
	    padding: 0px;
	    margin: 0px;
        float: right;
    }
    #site-actions li {
	    display: block;
	    list-style-type: none;
	    float: left;
	    padding: 5px 20px;
	    background: #333333;
	    text-transform: uppercase;
	    color: white;
	    cursor: pointer;
	    text-align: center;
	    font-size: 10px;
	    height: 12px;
    }
    #site-actions li.alt {
	    background: #ae0000;
    }
       #site-actions li.alt:hover, #site-actions li.alt.selected {
	        background: #c80000;
        } 
    #site-actions li:hover, #site-actions li.selected {
	    background: #484848;
	    text-decoration: none;
    }
    #site-actions a{
	    color:#FFFFFF;
    }



/* ======= Content ============ */
#doc2 {
	background: white;
	padding: 25px;
	width: 900px;
}
#content {
    padding-bottom: 20px;
}
    #content h3 {
        margin-left: 0px;
        margin-bottom: 30px;
    }
    #content p {
        text-align: left;    
    }
.two-column #content {
    width: 620px;
}

.subtitle {
    margin-left: 0px;
    margin-bottom: 30px;
}

h2 a.link-tab {
    padding-left: 10px;
    color: silver;
    font-size: 16px;    
    font-weight: normal;
    text-decoration: none;
}
    h2 a.link-tab:hover, h2 a.link-tab.current {
        text-decoration: none;
        color: #ae0000;    
    }
    h2 a.link-tab.first {
        border-right: 1px solid silver;
        padding-left: 0px;
        padding-right: 10px;
    }
h2.tab-menu {
    padding-bottom: 15px;
    margin-bottom: 30px;
    margin-right: 0px;
    background: url('../img/gradient_top.png') bottom center no-repeat;
    padding-top: 45px;
    margin-top: -45px;
}

/* ======= Sidebar ============ */
#sidebar {
	width: 250px;
    display: block;
    float: right;
}
.blog-sidebar {
    margin-left: -10px;
    padding-left: 10px;
    min-height: 642px;
    background: url("../img/bg_blog-sidebar_top.png") top left no-repeat, url("../img/bg_blog-sidebar_bottom.png") 0 321px no-repeat;
}
    /*
    .blog-sidebar_top {
        height: 321px;
        margin-left: -10px;
        padding-top: 321px;
        margin-bottom: -321px;
        background: url("../img/bg_blog-sidebar_top.png") top left no-repeat;    
    }
    .blog-sidebar_middle {
        position: relative;
        height: 100%;
        margin-left: -10px;
        background: url("../img/bg_blog-sidebar.png")  0px -500px repeat-y;   
    }
    .blog-sidebar_bottom {
        height: 321px;
        margin-left: -10px;
        background: url("../img/bg_blog-sidebar_bottom.png") bottom left no-repeat;    
    }
    .blog-sidebar_content {
        position: relative;
        top: -321px;
        margin-bottom: -642px; 
 
        padding-left: 10px; 
    }*/
.news {
    margin-top: 10px;
    padding-bottom: 10px;
    min-height: 50px;
}
	.news p {
		text-align: justify;
	}
    .news a {
        color: #ae0000;   
        text-decoration: none;
    }
        .news a:hover {
            text-decoration: underline;        
        }
    .news strong, .news strong a {
	    color: #666;
    }
    .news img {
        width: 50px;    
        height: 50px;
        float: left;
        margin-right: 10px;

    }
    .news img.right {
        float: right;    
    }

.sidebar-block h3 {
	margin : 0px;
    font-size: 16px;
    padding-top: 10px;
    border-top: 1px solid silver;
}
.sidebar-block h3.title-news {
    border-top: 0px;
    padding-top: 0px;
    border-bottom: 1px solid silver;
    padding-bottom: 5px;
}
.sidebar-block.homeNews h3 {
    font-size: 24px;
    border-bottom: 1px solid silver;
    padding-bottom: 5px;
    border-top: none; padding-top: 0px;
}

.sidebar-block {
    margin-bottom: 36px;
    padding-left: 10px;
}
    .sidebar-block p {
	    margin : 5px 0;
        color: #666;
        text-align: left;
    }
    .sidebar-block p.alt {
        color: gray;
        margin-top: 0px;
        margin-bottom: 10px;    
    }
    .sidebar-block h4 {
        color: #ae0000;    
        margin-top: 0px;
        border-bottom: 1px solid silver;
        padding-bottom: 5px;
        font-weight: bold;
        font-size: 16px;
    }
    .sidebar-block a.right {
	    float: right;
	    color: #ae0000;
        margin-top: 10px;
        text-decoration: none;
    }



.customer_service .sidebar-block.contact {
    margin-top: 34px;
}
.sidebar-block.contact h4 {
    border-bottom: 1px solid silver;    
    padding-bottom: 10px;
    color: #9e9e9e;
    font-weight: bold;
}
.sidebar-block.contact {
    background: #f4f4f4;
    border: 1px solid #eeeeee;
    padding: 15px;
    padding-bottom: 45px;
    margin-top: 22px;
}
    .sidebar-block.contact ul {
        color: #999;    
        margin-bottom: 30px;
    }
    .sidebar-block.contact input, .sidebar-block.contact textarea {
        width: 205px;
        background: white;
/*        margin-bottom: 15px;*/
    }
    .sidebar-block #contact .submit {
        width: auto;
        background: #ae0000;
    }
        .sidebar-block #contact .submit:hover{
            background: #c80000;        
        }

	.sidebar-block #contact label {
		color: gray;
		margin-top: 15px;
	}
	.sidebar-block #contact .error{
		margin-bottom: 0px;
		margin-top: 0px;
		color: #ae0000;
	}
	.sidebar-block #contact input, .sidebar-block #contact input.error{
		margin-bottom: 5px;
	}
	

.sidebar-block.newsletter input {
    width: 130px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 10px;
}
	.sidebar-block.newsletter input.submit {
		width: 80px;
	}
    .sidebar-block.newsletter input.submit:hover{
        background: #c80000;        
    }

.sidebar-block.archives li {
    margin-bottom: 5px;
}
    .sidebar-block.archives a {
        text-decoration: none;    
    }
    .sidebar-block.archives a:hover {
        text-decoration: underline;    
    }
    .sidebar-block.archives a.selected,
    .sidebar-block.archives a.current,
    .sidebar-block.archives a.on {
        color: #000;
    	font-weight: bold;
    }
.sidebar-block.archives {
    margin-bottom: 30px;
}

/* ======== Index ================ */
.sliderHome {
    position: relative;
    overflow: hidden;
    width: 620px;
    height: 385px;
    margin-bottom: 40px;
}
.sliderHome img {
    position: absolute;
}
.homeImg img {
	margin-bottom: 40px;
    width: 620px;
    height: 385px;
}
.sliderHome_nav {
    position: relative;
    top: -62px;
    padding-left: 10px;
}
    .sliderHome_nav li {
        width: 12px;
        height: 12px;
        background: url('../img/ui/btn_sliderHome_nav.png') bottom left no-repeat;
        float: left;
        margin-right: 6px;
        cursor: pointer;
    }
    .sliderHome_nav li:hover, .sliderHome_nav li.selected {
        background-position: top left;    
    }


.block {
	width: 275px;
	height: 220px;
	background: #333333 url("../img/plus.png") 250px 200px no-repeat;
	color: white;
	padding-left: 25px;
	padding-top: 30px;
    cursor: pointer;
   
}
    .block:hover {
        background-color: #414141;    
    }
    .block.left {
	    float: left;
    }
    .block.right {
	    margin-left: 320px;
    }
    .block.small {
        height: 75px;   
        background-position: 250px 55px; 
    }
        .block img {
	        float: left;
        }
        .block h4 {
	        text-transform: uppercase;
	        margin-left: 50px;
	        font-size: 24px;
	        font-weight: bold;
	        margin-right: 50px;
	        margin-top: 0px;
	        line-height: 22px;
	        color: white;
        }
        #content .block p {
	        margin-left: 0px;
	        margin-top: 15px;
	        margin-right: 30px;
            text-align: left;
        }
 

/* ========= Products ============= */
form.filter-products {
    padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
    background: url('../img/gradient_top.png') bottom center no-repeat;
    padding-top: 45px;
    margin-top: -45px;
}
    .filter-products label{
        display: none;    
    }
    .filter-products .selectBox-dropdown {
        width: 166px; 
        margin-right: 19px;    
    }
        .filter-products .selectBox-dropdown.last {
            margin-right: 0px;    
        }
        .selectBox-dropdown-menu {
            min-width: 200px;
            width: auto !important;        
        }

ul.list-products{
	width: 610px;
	margin: 0px;
    min-height: 400px;
    float: left;
	display: block;
}
ul.list-products li {
	height: 40px;
    background: white;
	list-style-type: none;
	color: #333333;
	padding: 15px;
}
    ul.list-products li.alt {
        background: #f3f3f3;
    }
    ul.list-products li.checked {
        background-image: url("../img/ui/ico_check.png");
        background-repeat: no-repeat;
        background-position: 5px 18px;
        padding-left: 25px;    
    }
    ul.list-products li .plus {
	    width: 22px;
	    height: 22px;
	    float: right;
        margin-right: 3px;
        margin-top: 3px;
	    background: url("../img/ui/btn_plus2.png") no-repeat;
        background-position: -3px 0px;
        cursor: pointer;
        padding-right: 5px;
    }
        ul.list-products li .plus:hover {
	        width: 28px;
	        height: 28px;
            margin: 0px;
	        background-position: 0px -22px;
        }
    ul.list-products li a {
        color: #888888; 
        text-decoration: underline;   
    }
       ul.list-products li a:hover {
            color: #888888; 
            text-decoration: none;  
        } 

a.sort {
    display: inline-block;
    width: 11px;
    height: 10px;
    background: url("../img/ui/ico_arrow-top-bottom.png") -1px -10px no-repeat;
    margin-left: 5px;    
    margin-right: 5px;
}
    a.sort:hover, a.sort.current {
        background-position: 0 0;    
    }
a.sort.down {
    background-position: -11px -10px;
}
    a.sort.down:hover, a.sort.down.current {
        background-position: -11px 0;    
    }

.sidebar-products {
	width: 230px;
	margin-left: 638px;
    margin-top: 30px;
    background: #f3f3f3;
    border: 1px solid white;
    padding: 20px 15px;
    padding-bottom: 55px;
    box-shadow: 0 0 4px #ccc;
}
    #content .sidebar-products h3 {
        padding-bottom: 20px;
        margin-bottom: 0px;
        border-bottom: 1px solid #ccc;    
    }
    table {
        border: none;
        width: 100%;
    }
    tr {
        border: none;
        background: transparent;
    }
        tr.alt {
            background: #eeeeee;   
        }
        tr.alt2 {
            background: white;   
        }
    td {
        border: none;    
        color: #999999;
        padding: 10px;
    }
        td.delete img {
            cursor: pointer;        
            padding-left: 10px;
        }
    th {
        border: none;    
        font-weight: bold;
        color: #333333;
        padding-top: 10px;
        padding-bottom: 15px;
        padding-left: 10px;
    }
    .sidebar-products table {
        border-top: 1px solid white;
        border-bottom: 1px solid silver;    
    }
    .sidebar-products .btn {
        float: right;
        margin-top: 20px;    
    }
    .sidebar-products td {
        padding: 0px;
        padding-bottom: 10px;    
    }
    .sidebar-products th {
        font-weight: normal;  
        padding-left: 0px;     
    }
    .sidebar-products tr input {
        width: 30px;
        height: auto;
        background: white;
        padding: 2px 7px;
        margin: 0px;
        text-align: right;
    }
    

.pagination {
    margin-bottom: 50px;
    margin-top: 10px;
}
    .pagination p {
        margin-left: 0px;    
    }
    .pagination a {
        text-decoration: none;    
    }
    .pagination a.current, .pagination a:hover {
        text-decoration: none;    
        color: #a80000;
    }
    .pagination .btn {
        float: right;
        height: 15px;
        width: 50px;
        background: #f1f1f1;
        border: 1px solid #d6d6d6;
        color: #333333;
        padding: 4px;
        margin-left: 20px;
        cursor: pointer;
    }
        .pagination .btn img {
            float: left;
            margin-top: 4px;
            margin-left: 2px;
            margin-right: 5px;
        }
        .pagination .btn:hover {
            background: #e1e1e1;
        }
.pagination.jobs {
    margin-bottom: 30px;
}

.grid-products {
    margin-left: -31px;
    margin-right: -10px;
}

.product {
    width: 154px;
    height: 250px;
    margin-left: 30px;
    margin-right: 3px;
    float: left;
    position: relative;
    
}
    .product .product-img {
        width: 154px;
        height: 154px; 
        position: relative;
        z-index: 200;  
        background: url('../img/bg_pills.jpg') top left no-repeat;
    }
        .product .product-img:hover {
            background: none;
            border: 1px solid #ccc;
            margin-left: -1px;
            margin-top: -1px; 
            margin-bottom: -1px;      
        }
    .product img.new, .product img.sale {
        position: absolute;
        margin-top: -156px;
        margin-left: -2px;
        z-index: 300;
    }
    .product h5 {
        color: gray;
        font-size: 13px;  
        margin: 0px;    
        margin-top: 10px;
    }
    .product p {
        margin: 0px;
        color: gray;
    }
.list-products .details{
	padding-top: 12px;
}
.list-products .details h2 {
	font-size: 16px;
	color:#666;
}
.list-products .details dl{
    margin: 6px 0 0 0;
	display:block;height:auto;overflow:hidden;
}
.list-products .details dt{
    display: inline-block;
    float: left;
    margin-bottom: 3px;
    margin-right: 5px;
    font-weight: bold;
    color: #666;
    clear: left;  
}
.list-products .details dd {
    display: inline-block;
    float: left;
	margin-bottom: 3px;
    color: #666;
    clear: right;
}
.viewProduct {
    border-bottom: 1px solid silver;
    padding-bottom: 50px;
    margin-bottom: 40px;
    min-height: 300px;
    background: url('../img/gradient_top.png') bottom center no-repeat;
}
    .viewProduct a.back {
        background: url('../img/ui/ico_arrow-left3.png') center left no-repeat;
        padding-left: 10px;   
 		text-decoration:none;
		font-weight:bold;
		color:#666;
    }
	.viewProduct a.back:hover {
        text-decoration: underline;
		
    }
    .viewProduct h2 {
        padding-bottom: 5px;
        font-size: 16px;    
        font-weight: normal;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .viewProduct h2 a.pdf-link {
        float: right;
        color: #ae0000;
        font-size: 11px;
        font-weight: bold;
        background: url('../img/ui/ico_arrow-right3_red.png') center left no-repeat; 
        margin-top: 5px;   
        padding-left: 10px; 
    }


    .viewProduct .sliderImg {
        width: 287px;
        float: left;    
    }
        .viewProduct .sliderImg img {
            width: 287px;
/*            height: 256px;*/
            display: none;
        }
        .viewProduct .thumb {
            width: 64px;
            float: left;
            margin-top: 20px;
            margin-right: 15px; 
            cursor: pointer;             
         }
		.viewProduct .thumb.lastUnit, .viewProduct .thumb.last {
            width: 50px;
            float: left;
            margin-top: 20px;
            margin-right: 0px; 
            cursor: pointer;             
         }
            .viewProduct .thumb img {
                width: 50px;
                height: 50px;
                display: block;
                background: url('../img/bg_pills_small.jpg') top left no-repeat;
                margin-bottom: 5px;
            }

    .viewProduct .details {
        margin-left: 300px
    }
        .viewProduct .col.left {
            width: 280px;        
        }
        .viewProduct .col.right {
            width: 300px;        
            margin-left: 300px !important;        
        }
        .viewProduct .details dl{
            margin: 0px;
        }
        .viewProduct .details dt{
            float: left;
            margin-bottom: 10px;
            margin-right: 5px;
            font-weight: bold;
            color: #666;
            clear: both;  
        }
        .viewProduct .details dd{
            margin-bottom: 10px;
            color: #666;
			width: auto;
			overflow: hidden;
        }
		.wholesaler-info .url:after{
			content:"...";
		}
		.wholesaler-info .url a{
			display: inline-block;
			overflow: hidden;
			width: 150px;
		}


        .viewProduct .details table {
            border: none;      
            text-align: center;   
            margin-bottom: 25px;  
        }
            .viewProduct td {
                padding: 5px;
            }
            .viewProduct th {
                padding-top: 0px;
                padding-bottom: 10px;   
                text-align: center;  
                color: #666;            
            }
            .viewProduct .details tr input {
                width: 16px;
                height: auto;
                background: white; 
                padding: 2px 5px; 
                margin: 0px;
            }
        .viewProduct .tab dl {  
            margin-top: 20px;        
        }
        .viewProduct .tab dt {
            clear: none;
            width: 120px;    
        }
        .viewProduct .tab label {
            float: left;
            width: 120px; 
            font-weight: bold;
            color: #666;
            padding-top: 2px;  
        }
        .viewProduct .selectBox-dropdown {
            width: 138px;
        
        }
.wholesaler-info .url{
	display:inline-block;
	width: 80px;
}

.footer-right {
    float: right; 
    width: 220px;
    background: #eeeeee;
    padding: 10px 20px;
    height: 83px;
    border: 1px solid #ddd;
    margin-top: 10px;
}
    #content .footer-right h3 {
        margin-top: 0px; 
        border: none;
        font-size: 16px; 
        margin-bottom: 0px;  
    }
    .footer-right .sidebar-block.service h3 {
        border: none;
        padding-top: 0px;
    }
	
	
h2.about_title {
	border-bottom: none;
	text-transform: uppercase;
}
	h2.about_title .alt {
		color: #ae0000;
	}

/* === About : Team ========================================== */
.about_menu {
    margin: 0px;
    padding: 0px;
    padding-bottom: 25px;
}
    .about_menu li {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        border-left: 1px solid #333333;
    }
        .about_menu li.first {
            padding-left: 0px;
            border-left: none;        
        }
    .about_menu a {
        text-decoration: none;    
    }
    .about_menu a:hover,
 	.about_menu a.selected,
	.about_menu a.select {
        color: #a80000;
        text-decoration: none; 
    }
.about_footer {
    margin-top: 50px;
}

.grid_members {
    padding-top: 30px;
    border-top: 1px solid silver;
}

.member {
    width: 156px;
    height: 250px;
    margin-right: 30px;
    float: left;
}
    .member.endLine {
        margin-right: 0px;    
    }
    .member img {
        width: 156px;
        height: 155px;    
    }
    .member h5 {
        color: gray;
        font-size: 13px;  
        margin: 0px;    
        margin-top: 10px;
    }
    .member p {
        margin: 0px;
        color: gray;
    }

/* === About : Jobs ========================================== */
.list-jobs {
    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;
}
    li.job {
        list-style-type: none;
        background: #eeeeee;
        padding: 20px;
        margin-bottom: 15px;
        cursor: pointer;
    }
        li.job:hover {
            background-color: #e3e3e3;   
              
        }
        .job .arrow {
            width: 16px;
            height: 24px;
            float: right;
            margin-top: 5px;
            margin-right: 10px;
            background: url("../img/ui/ico_arrow-right2.png") 0 0  no-repeat;     
        }
            .job:hover .arrow {
                background-position: 0 -24px;
            }
        .job h5 {
            padding: 0px;
            margin: 0px;
            margin-bottom: 5px;
            color: #5e5e5e;
            font-size: 12px;
        }
        .job p {
            padding: 0px;        
            margin: 0px;
            font-style: italic;
            color: gray;
            font-size: 11px;
            
        }

.view.vJob .header {
    height: auto;
}

/* === Ressources ========================================== */
.list {
    padding: 0px;
    margin: 0px;
    margin-bottom: 50px;
}
    .list li {
        list-style-type: none;
        border-bottom: 1px dotted silver;
        padding: 10px;
        padding-left: 0px;
        padding-bottom: 30px;
        padding-top: 20px;
        margin-bottom: 15px;
        min-height: 75px;
    }
        .list li img {
            float: left;
            margin-right: 10px; 
            width: 73px;
            height: 73px;       
        }
        .list li h5 {
            padding: 0px;
            margin: 0px;
            margin-bottom: 5px;
            color: #5e5e5e;
            font-size: 14px;
        }

        .list li .title {
            margin: 0px;
            height: 60px;
        }
        .list li p {
            margin: 0px;
        }
        .list li p.small {
            height: auto;
            padding: 0px;        
            margin: 0px;
            font-style: italic;
            font-size: 12px;   
            color: gray;     
        }

.view {
    margin-bottom: 90px;
}
    .view .back {
        display: block;
        border-bottom: 1px solid silver;
        padding-bottom: 10px;
        margin-bottom: 40px;
        background: url('../img/gradient_top.png') bottom center no-repeat;
        padding-top: 65px;
        margin-top: -65px;
    }
    .view .header {
        border-bottom: 1px dotted silver;
        padding-bottom: 10px; 
        margin-bottom: 30px;  
        height: 75px;
    }
        .view .header h5 {
            padding: 0px;
            margin: 0px;
            margin-bottom: 5px;
            color: #666666;
            font-size: 14px;     
        }
        .view .header p {
            margin-bottom: 5px;
            color: gray;
        }
        .view .header p.small {
            padding: 0px;        
            margin: 0px;
            font-style: italic;
            font-size: 12px;        
        }
        .view .header img.left {
            width: 73px;    
            height: 73px;
            float: left;
            margin-right: 10px;
        }
        .view .header img.right {
            margin-left: 10px;
            float: right;  
            margin-top: 17px;      
        }
    .view .description {
        margin-bottom: 60px;    
    }

.item-totalPrice {
    min-width: 55px;
    display: inline-block;
    border-right: 1px solid #999;
    margin-right: 15px;
    padding-right: 5px;
    text-align:right;
}

/* === Orders ========================================================== */
.list-orders {
    margin-bottom: 80px;
}
.list-orders th {
    border-bottom: 1px solid silver;
}
.list-orders .details {
    background: url('../img/ui/ico_arrow-right.png') 0px 5px no-repeat;
    padding-left: 12px;
}
.list-orders .waiting {
}
.list-orders .making {
    color: green;
}
.list-orders .shipped {
    color: red;
}


/* ================================================== */
/* = TRACTR BOX = */
/* ================================================== */
.tractrBox {
	position: fixed;
	top: 120px;
	left: 50%;
	margin-left: -310px;
	z-index: 900;
	background: transparent;
	display: none;
}
    .tractrBox .close {
		display: block;
		position: absolute;
        background: url("../img/ui/btn_close-tractrBox.png") top center no-repeat;
		height: 26px;
        width: 25px;
		top: -12px;
        right: -12px;
		z-index: 900;
	}
    .tractrBox .box-content {
	    width: 580px; 
        max-height: 400px;
	    background: #F5F5F5;
	    overflow: auto;
	    margin: 0;
	    padding: 20px;
	    box-shadow: 0 0 20px #333333;
    }
    #content .tractrBox h3 {
        margin: 0px;    
        text-transform: uppercase;
    }
    .tractrBox h4 {
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        border-bottom: 1px solid #333333;    
        padding-bottom: 5px;
        margin-bottom: 20px;
    }
.tractrOverlay {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 700;
	background: gray;
	opacity: 0.7;
	display: none;
}

#shopping-cart {
    margin-left: -360px;
}
    #shopping-cart .box-content {
        width: 720px; 
		height: 400px;   
		overflow: auto;
    }
    #shopping-cart table {
        border-top: 0px;
    }
    #shopping-cart th {
        border-bottom: 1px solid silver;
    }
    #shopping-cart td {
        padding: 10px;
    }
    .tractrBox .right-text {
        margin-left: 258px;  
        text-transform: uppercase;
        font-size: 15px;
        font-weight: bold;
        color: #333333;
    }

    .tractrBox a.right-link {
        display: block;
        margin-left: 380px;    
        background: url('../img/ui/ico_arrow-right.png') center left no-repeat;
        padding-left: 10px;
    }
    .tractrBox a.btn {
        float: right;
        margin-left: 120px;
    }

#shareBox {
    margin-left: -170px;
}
    #shareBox .box-content {
        width: 300px;
        padding-top: 35px;
    }
    #shareBox input {
        font-size: 10px;
        text-transform: uppercase;
    }
    #shareBox textarea {
        font-size: 12px;   
        margin-bottom: 15px; 
    }
    #shareBox input, #shareBox textarea {   
        width: 287px !important;
    }
    #shareBox input.submit {
        width: auto !important;
        margin-bottom: 0px;
        font-size: 12px;
        margin-top: 10px;
    }
    #shareBox input.submit:hover{
        background: #c80000;        
    }

.loginBox{ width:100%; height:auto; overflow:hidden; clear:both; display:block; }
	.loginBox .col { width: 50%; }
		.loginBox .col.right {
		    margin-left: 50% !important;
		}
	.loginBox .box-content {    
		width: 100%;
		height:auto;
		overflow:hidden;
		
	}
    .loginBox input {
        width: 228px;  
        text-transform: uppercase;
        font-size: 10px; 
    }
    .loginBox input.submit {
        width: auto !important;
        margin-bottom: 0px;
        margin-right: 5px;
        font-size: 12px;
    }
    .loginBox input.submit:hover{
        background: #c80000;        
    }
    .loginBox p.error {
        margin-top: -20px;
        color: #ae0000;    
    }   
    .loginBox a.btn {
        height: 16px;
        padding: 8px 12px;    
        font-size: 12px;
        font-weight: bold;
		float: right;
    }
	.loginBox .col.right p {
        height: 130px;
    }
    .loginBox #password, .loginBox #fake_password {
        margin-bottom: 10px;    
    }
#client_login .loginBox .box-content {    
	padding: 60px 0 120px 0;
}
#client_login .loginBox .col {    
	padding: 0 2%;
	width: 46%;
}
#loginBox.tractrBox {
    margin-left: -275px;
	display:none;
	overflow:visible;
	width: auto;
	
}
	#loginBox.tractrBox div {
	    position: relative;
	}
    #loginBox.tractrBox .box-content {    
        width: 500px;
		padding: 45px 25px;
    }
        #loginBox.tractrBox .col.left {
            width: 240px;
        }
        #loginBox.tractrBox .col.right {
            width: 200px;
            margin-left: 290px !important;        
        }


.order-details th {
    border-bottom: 1px solid silver;
}
    .order-details .right-text {
        margin-top: 40px;
        background: white;
        padding: 10px;    
    }

#change-passwordBox {
    margin-left: -237px;
}
    #change-passwordBox .box-content{
        width: 435px;
    }
    #change-passwordBox .box-content p label {
        width: 200px;
    }
    #change-passwordBox .box-content input {
        width: 206px;
    }

#registeredBox {
    margin-left: -202px;
}
    #registeredBox .box-content{
        width: 345px;
        padding: 30px;    
    }
    #registeredBox p {
        margin-bottom: 20px;    
    }
    #registeredBox .btn {
        float: none;  
        margin: 0px;
    }




/* === Forms =============================================== */
form {
}
    form .small {
        color: gray;
        font-size: 12px;
        margin: 0px;    
    }
label {
    display: block;
}
input {
	line-height: 20px;
}
input, textarea {
    border: none;
    background: #e8e8e8;
    padding: 6px;
    height: 20px;
    font-size: 12px;
    color: gray;
    margin-bottom: 25px;
}
textarea {
    height: 80px;
    resize: none;
}

input.submit {
    background: #a80000;
    height: 32px;
    padding: 8px;
    padding-left: 12px;
    padding-right: 12px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    float: right;
    cursor: pointer;
    text-transform: uppercase;
    line-height: inherit;
}
    input.submit:hover {
        background: #c80000;    
    }
select {
    display: none;
}

.fakeCheckbox {
    width: 13px;
    height: 13px;
    background: url('../img/ui/checkbox.png') 0 0 no-repeat;            
}
    .fakeCheckbox.checked {
        background-position: 0 -13px;    
    }


/* === Columns ============================================= */
.col {
    width: 48%;
}
.col.left {
    float: left;
}
.col.right {
    margin-left: 52% !important;
}

/* === Buttons ============================================= */
a.btn {
    background: #a80000;
    height: 14px;
    padding: 6px;
    padding-left: 12px;
    padding-right: 12px;
    color: white !important;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}
    a.btn:hover {
        text-decoration: none;    
        background: #c80000;
    }
a.btn.alt {
    background: gray;
}
    a.btn.alt:hover {
        background: #484848;
    }



/* === Customer service && Contact us ============================================= */
.contactBlock li {
    font-weight: normal;
    font-size: 13px;
    color: #999;
}
.contactBlock {
    margin-bottom: 40px;
}

.customer_service h4, #contactus h4 {
    border-bottom: 1px solid silver;    
    padding-bottom: 10px;
    color: #9e9e9e;
    font-weight: bold;
}
    #contactus h4 {
        color: #666666;    
        margin-bottom: 25px;
    }
.customer_service a.email, #contactus a.email {
    color: #ae0000;    
}
#contactus p {
    color: #666666;
}
#contactus {
    margin-bottom: 159px;
}
#contactus .map {
    background: url('../img/bg_map.png') top left no-repeat;
    width: 346px;
    height: 236px;
    float: right;
    padding-top: 2px;
    padding-left: 4px;
}


/* === Animated Grid ============================================= */
.animatedGrid {
    position: relative;
}
.animatedGrid.services {
    border-top: 1px solid #e3e3e3;
    padding-top: 50px;
    margin-right: 20px;
}
    .animatedGrid div {
        width: 154px;
        height: 245px;
        margin: 0px;
        cursor: pointer;  
        background: url("../img/shadow_repeat.png") top left repeat-x; 
        position: relative;
        z-index: 150; 
        float: left;
    }
    .animatedGrid .left-border {
        width: 100%;
        position: absolute;
        background: url("../img/shadow_left.png") top left no-repeat;
        height: 154px;  
        z-index: 200; 
        float: none;
    }
    .animatedGrid .right-border {
        width: 100%;
        background: url("../img/shadow_right.png") top right no-repeat;
        height: 154px;  
        float: right;
        z-index: 250;
    }
    .animatedGrid .div-content {
        width: auto;
        z-index: 180;
        display: inline; 
        float: none;
		background: none;
    }
        .animatedGrid .div-content .icon {
			height: 154px;
			width: 154px;
			margin: 0px;
			margin-bottom: 5px;
			float: left;
			background: url('../img/services/produits-exclusifs-frise.png') 0px 0px no-repeat;
			overflow: hidden;
        }
            .animatedGrid .last .div-content .icon {
                float: right;
                margin: 0px;
            }
    
    .animatedGrid .div-content h5 {
        font-size: 13px;
        width: 154px;
        margin: 0px;
		text-align: left;
    }
        .animatedGrid .last .div-content h5 {
            float: right;
            margin-top: 5px;
            width: 154px;
        }
    .animatedGrid .hidden-content {
        width: auto;
        height: auto;
		/* height:132px; */
        margin-left: 154px;
        margin-right: 15px;
        padding: 10px 0;
        display: none;       
        float: none; 
     }
        .animatedGrid .last .hidden-content {
            margin-right: 154px;
            margin-left: 15px;
            margin-bottom: -17px;
            padding: 10px 0;
            display: none;
        }
            .hidden-content div {
                float: none;
                display: inline;
            }
            .hidden-content h6 {
                text-transform: uppercase;
                font-weight: bold;
                font-style: normal;
                font-size: 12px;
                color: #666;
                border-bottom: 1px solid silver;
                padding-bottom: 5px;
                margin: 0px;
            }
                .partners .hidden-content h6 {
                    text-transform: none;                
                }
            .hidden-content p {
                font-size: 11px;     
                margin-top: 5px; 
            }
        .animatedGrid .main-content {
			width: auto;
            height: 118px;       
            background: none;
            display: inline-block; 
        }
        .animatedGrid .partner-link {
			text-align: right;
            background: url('../img/ui/ico_arrow-right3.png') 0 4px no-repeat;
			font-size: 11px;
			margin-left: 94px;
			display: inline-block;
			position: relative;
			width: 80px;
        }


#service1 {
    background-position: 0px 0px;
}
    .animatedGrid .div-content:hover #service1, .animatedGrid .open #service1 {
        background-position: 0px -154px;
    }
#service2 {
    background-position: -154px 0px;
}
    .animatedGrid .div-content:hover #service2, .animatedGrid .open #service2 {
        background-position: -154px -154px; 
    }
#service3 {
    background-position: -308px 0px;
}
    .animatedGrid .div-content:hover #service3, .animatedGrid .open #service3 {
        background-position: -308px -154px; 
    }
#service4 {
    background-position: -462px 0px;
}
    .animatedGrid .div-content:hover #service4, .animatedGrid .open #service4 {
        background-position: -462px -154px; 
    }
#service5 {
    background-position: -616px 0;
}
    .animatedGrid .div-content:hover #service5, .animatedGrid .open #service5 {
        background-position: -616px -154px; 
    }
#service6 {
    background-position: -770px 0;
}
    .animatedGrid .div-content:hover #service6, .animatedGrid .open #service6 {
        background-position: -770px -154px; 
    }
#service7 {
    background-position: -924px 0;
}
    .animatedGrid .div-content:hover #service7, .animatedGrid .open #service7 {
        background-position: -924px -154px; 
    }
#service8 {
    background-position: -1078px 0;
}
    .animatedGrid .div-content:hover #service8, .animatedGrid .open #service8 {
        background-position: -1078px -154px; 
    }
#service9 {
    background-position: -1232px 0;
}
    .animatedGrid .div-content:hover #service9, .animatedGrid .open #service9 {
        background-position: -1232px -154px; 
    }
#service10 {
    background-position: -1386px 0;
}
    .animatedGrid .div-content:hover #service10, .animatedGrid .open #service10 {
        background-position: -1386px -154px; 
    }
#service11 {
    background-position: -1540px 0;
}
    .animatedGrid .div-content:hover #service11, .animatedGrid .open #service11 {
        background-position: -1540px -154px; 
    }
#service12 {
    background-position: -1694px 0;
}
    .animatedGrid .div-content:hover #service12, .animatedGrid .open #service12 {
        background-position: -1694px -154px; 
    }

	
.partners .div-content .icon {
	background: url('../img/partners.png') 0px 0px no-repeat;
	height: 154px;
	width: 154px;
	margin: 0px;
	margin-bottom: 5px;
}

#partner1 {
	background-position: 0px -154px;
}
	.animatedGrid .div-content:hover #partner1, .animatedGrid .open #partner1 {
        background-position: 0px 0px; 
    }
#partner2 {
	background-position: -154px -154px;
}
	.animatedGrid .div-content:hover #partner2, .animatedGrid .open #partner2 {
        background-position: -154px 0px; 
    }
#partner3 {
	background-position: -308px -154px;
}
	.animatedGrid .div-content:hover #partner3, .animatedGrid .open #partner3 {
        background-position: -308px 0px; 
    }
#partner4 {
	background-position: -462px -154px;
}
	.animatedGrid .div-content:hover #partner4, .animatedGrid .open #partner4 {
        background-position: -462px 0px; 
    }
#partner5 {
	background-position: -616px -154px;
}
	.animatedGrid .div-content:hover #partner5, .animatedGrid .open #partner5 {
        background-position: -616px 0px; 
    }
#partner6 {
	background-position: -770px -154px;
}
	.animatedGrid .div-content:hover #partner6, .animatedGrid .open #partner6 {
        background-position: -770px 0px; 
    }

/* === My account ============================================= */	
#account_form { }
    #account_form fieldset {
        display: block;
		margin: 0px; 
        margin-bottom: 50px;   
    }
	#account_form fieldset.right {
		margin-left: 500px;
	}
        #account_form h1 {
            margin-bottom: 30px;     
            font-size: 16px;
            font-weight: bold;            
        }
            #account_form h1 .icon{
                display: inline-block;
                width: 22px;
                height: 22px;
                background: url('../img/ui/ico_account.png') 0 0 no-repeat; 
                margin-bottom: -5px;      
                padding-right: 5px;
            }
			#account_form h1 span{
				font-size: 14px;
			}
			#account_form h1 span.username{
				color: #928C8C;
				display: inline-block;
				margin: 5px;
			}
		#account_form p.alert{
			color: #AE0000;
			padding-bottom:	30px;
		}
        #account_form h2 {
            font-weight: normal;
            font-size: 15px;        
            padding-bottom: 5px;
            margin-bottom: 20px;
        }
	#account_form input, #change-passwordBox input { 
        height:30px; 
        width:277px; 
        padding: 0 6px;
        margin-left: 10px;
        margin-bottom:0;
		line-height: 30px;
    }
        #account_form .error input, #change-passwordBox .error input,
        #account_form input.error , #change-passwordBox input.error,
   		input.error { 
            border-right: 4px solid #ae0000;
            width: 273px;        
        }	

	#account_form textarea { 
        height:30px; 
        width:277px; 
        margin-left: 10px;
        margin-bottom:0;
    }
	
    #account_form .selectBox {
        width: 247px;  
        margin-left: 10px;  
    }

	#account_form p label, #change-passwordBox p label {
	    color: #928C8C;
	    display: inline-block;
	    font: 12px Arial,"MS Trebuchet",sans-serif;
	    line-height: 18px;
	    vertical-align: top;
	    width: 129px;
        text-align: left;
		margin-top: 7px;
	}
		#account_form .checkbox{
			clear:both;
			margin-bottom: 20px;
			height: auto;
			overflow: hidden;
		}
			#account_form .checkbox label{
				float: right;
				width: 400px;
				line-height: 18px;
				margin-top: -1px;
			}

    #account_form input.submit {
        margin: auto;
        float: none;
        display: block;    
        height: 32px;
    }
    #account_form input.submit:hover{
        background: #c80000;        
    }
	#account_form a.btn {
		display: inline-block;
	}
    

	#account_form .errorlist, #account_form label.error, label.error{
		color: #ae0000;  
	}

	#account_form .errorlist{
		margin: 0px;
		margin-top: -10px;
		margin-left: 153px;  
	}
	#account_form label.error,
	#account_form label.errorlist  {
		width: 273px;
		margin-left: 153px; 
		margin-top: 0px; 
	}

/* === Reset password ============================================= */	
#reset_password input {
    display: block;
    float: none;
    width: 250px;
    margin-bottom: 12px;
}
#reset_password input.submit {
    width: auto;
}

#order-sent.tractrBox .box-content{
	width: 860px;
}
#order-sent.tractrBox{
	margin-left: -450px;
}