html, body { width:100%; height:100%; margin:0; padding:0; font-size: 62.5%;font-family: 'Muli', sans-serif; }

body
{
background-image:url('images/curtains.jpg');
background-repeat:repeat-x;
background-attachment:fixed;
}

#header-wrap
{
width: 100%;
background-color:#ffffff;
text-align:center;
}

#header
{
max-width: 960px;
height:auto;
padding: 0px;
text-align:center;
}

#nav-wrap
{
width: 100%;
height: 30px;
background-color:#40929E;
text-align:left;
margin:auto;
padding-top:5px;
font-size:16px;
color:#ffffff;
}

#nav-wrap a
{
color:#ffffff;
text-decoration:none;
padding: 0 20px
}


#container {  clear: both; align: center; max-width: 960px; 
margin: auto; margin-top:10px; padding:0px; 
background-color: #ffffff; 
border: 2px solid #aaaaaa; 
}

#content { width: 100%; margin: auto;  margin-top:0px;
background-color: #ffffff; 
border: 0px solid #000000;
font-size:16px;
}

#content p
{
padding:0 12px;
text-align:left;
}

#content ul
{
text-align:left;
}

#footer
{
font-size: 14px;
background-color: #dddddd;
}

#footer ul
{
text-align:left;
}


.buynowbox
{
width:90%;
margin:auto;
background-color: #ffffe0;
font-size: 14px; 
border: 2px solid #40929E;
border-radius:10px;
}

.buyboxtop
{
width: auto;
background-color: #40929E;
padding:8px;
font-size:16px;
text-transform:uppercase;
color:#ffffff;
margin-top:0px;
}

.thickness-box
{
width:320px;
margin:auto;
background-color: #fffff0;
border: 2px solid #40929E;
border-radius:10px;
}


h1 {font-size: 20px; padding-left:10px; }
h2 {font-size: 28px; }
h3 {font-size: 24px; }
h4 {font-size: 20px; }
h5 {font-size: 16px; }

.headline {font-size: 16px; font-weight: bold; }

.colorred {color: #cc0000; }
.copyright {font-size: 12px; }
.smaller {font-size: 14px; font-style:italic; color:#000000;}
.regular-price {font-size: 12px; font-style:italic; color:#000000;}
.sale-price {color: #cc0000; font-size: 16px; }
.buy-thickness {color: #000000; font-size: 16px; }

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
    text-align:center;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

.span_3_of_3, .span_2_of_3, .span_1_of_3 { border-top: 1px solid #cccccc; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}


@media screen and (max-width: 360px) {
    body{
    max-width:360px;
    margin:0px;
    }
    #container {
    max-width:360px;
        margin:0px;
    }
    #content .bloc {
    margin:0px;
    }
    .sidebar{
    width: 100%;
    margin: 0 0 10px 0;
    }
    .homesidebox { margin:0px; max-width:350px; }
    #header p {text-align:center;}


}