Results of the CSS crunched for www.dupontchampagne.nl

Let's see what we've done for www.dupontchampagne.nl

CSSCruncher.com has crunched this CSS to
47.02 %Less Size! I cant't believe it!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

*{margin:0px;padding:0px;border:0px}
html{background:#000 url('../images/site/gradient.jpg') top left repeat-x;min-width:756px}
body{background:url('../images/site/background.jpg') top center no-repeat;margin:0px;padding:0px;overflow:hidden;min-height:100%;height:100%;font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;font-size:10pt}
a,img{border:none}
#container{margin:0px auto;overflow:hidden;padding:0px;width:756px}
#header{background:#666 url('../images/site/header.jpg') no-repeat;height:131px;width:756px}
#header_flags{float:right;clear:both;margin:6px 6px}
#header_info{float:right;clear:both;margin:54px 22px 0px 0px;font-size:9pt;font-weight:bold;color:#E3E2BA}
#header_date{float:right;clear:both;margin:0px 22px 0px 0px;font-size:9pt;font-weight:bold;color:#E3E2BA}
#menu{height:73px;margin-top:0px}
#content{float:left;width:483px;padding:0px 10px;margin:-73px 0px 0px 0px;overflow:auto}
#content_text{margin:0px;padding:73px 0px 2px 0px;text-align:left}
#column{float:left;width:253px}
#imgContainer{margin:-73px 0px 0px 0px;width:253px}
#column_text{float:right;display:block;width:218px;margin:10px 15px 0px 0px;padding:0px;text-align:right;line-height:1.4em;color:#E3E2BA}
#pay{line-height:2em}
#footer{background:url('../images/site/footer.jpg') no-repeat;float:left;height:14px;width:756px;font-size:8pt;text-align:left;padding:0px 0px 0px 140px;color:#E3E2BA}
#footer a:link,#footer a:visited{color:#E3E2BA;text-decoration:none}
#footer a:hover,#footer a:active{color:#000;text-decoration:none}
a:link,a:visited{color:#80AA52;text-decoration:none}
a:hover,a:active{color:#E3E2BA;text-decoration:none}
#content a:link,#content a:visited{color:#9C9A5B;text-decoration:none;font-size:8pt}
#content a:hover,#content a:active{color:#4B6D25;text-decoration:none;font-size:8pt}
.flag{margin-left:3px}
input{font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;font-size:10pt;border:1px solid #CCC;margin:0px;background-color:#FFF;padding:2px}
input:hover{border:1px solid #222;background-color:#EEE}
input.error_input{border:1px solid #F00;margin:0px;background-color:#FBB;padding:2px}
.error{color:#F00;font-weight:bold}
.bold{font-weight:bold}
.countdown{color:#4B6D25;font-size:7pt;margin-left:-1px}
.discount{color:#F00}
.no_table,{text-align:left;margin:0px;border:0px;padding:0px}
.td_width{width:150px}
.shop_container{background:#DEDDBF url('../images/site/webshop_hover.png') repeat-x;width:215px;height:320px;overflow:hidden;margin:0px 0px 10px;padding:5px}
.shop_container:hover{background:#FCFBD3 url('../images/site/webshop.png') repeat-x}
.shop_image{width:215px;height:140px;margin:0px 0px 5px}
.shop_type{font-size:12pt;font-weight:bold}
.shop_data{font-size:10pt;font-weight:normal}
.odd{background-color:#D8D7A9}
.even{background-color:#E3E2BA}
.mouse_hover{background-color:#FCFBD3}
.table_head{background-color:#AEAD78;height:28px}
.table_total{background-color:#BBBA8E;height:28px}

» Show original CSS code

« Hide original CSS code

/*************************************************************************************************
 * S.I.L.V.E.R. Framework v1.5  -  (c) 2008  -  Benoit Dupont	    							 *
 * body, container, header, menu, bodycontent, content, footer									 *
 *************************************************************************************************/
/* Logo		  color: #xxxxxx */
/* Menu	backg.color: #8C9C39 */
/* Adminmenu bkgclr: #E3E2BA */
/* Admincont bkgclr: #98AF29 */
/* Menu text  color: #E4E2BC */
/* Date		  color: #E3E2BA */
/* Link		  color: #xxxxxx */
/* Hover	  color: #xxxxxx */
/* Background color: #E3E2BA */

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

html 
{
	background: #000 url('../images/site/gradient.jpg') top left repeat-x;
	min-width: 756px;
}

body
{
	background: url('../images/site/background.jpg') top center no-repeat;
	margin: 0px;
    padding: 0px;
    overflow: hidden;
	min-height: 100%;
	height: 100%;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

a, img
{
	border: none;
}

/* Container: holds al the other DIVs */
#container 
{
    margin: 0px auto;
    overflow: hidden;
    padding: 0px;
    width: 756px;
}

/* Header: holds logo */
#header 
{
    background: #666 url('../images/site/header.jpg') no-repeat;
    height: 131px;
    width: 756px;
}

#header_flags
{
	float: right;
	clear: both;
	margin: 6px 6px;
}

#header_info
{
    float: right;
    clear: both;
	margin: 54px 22px 0px 0px;
    font-size: 9pt;
    font-weight: bold;
    color: #E3E2BA;
}

#header_date
{
    float: right;
    clear: both;
	margin: 0px 22px 0px 0px;
    font-size: 9pt;
    font-weight: bold;
    color: #E3E2BA;
}

/* Menu: holds menu items */
#menu
{
    height: 73px;
    margin-top: 0px;
}

/* Content: holds dynamic generated content ;) */
#content
{
    float: left;
    width: 483px;
    padding: 0px 10px;
    margin: -73px 0px 0px 0px;
    overflow: auto;
}

#content_text
{
    margin: 0px;
	padding: 73px 0px 2px 0px;
    text-align: left;
}

/* Column */
#column 
{
	float: left;
	width: 253px;
}

/* Holds the image shown on the right side */
#imgContainer
{
    margin: -73px 0px 0px 0px;
	width: 253px;
}

#column_text
{
    float: right;
	display: block;
	width: 218px;
    margin: 10px 15px 0px 0px;
    padding: 0px;
    text-align: right;
    line-height: 1.4em;
    color: #E3E2BA;
}

#pay
{
    line-height: 2em;
}

/* Footer: holds footer items */
#footer
{
    background: url('../images/site/footer.jpg') no-repeat;
    float: left;
    height: 14px;
    width: 756px;
    font-size: 8pt;
    text-align: left;
    padding: 0px 0px 0px 140px;
    color: #E3E2BA;
}

#footer a:link, #footer a:visited
{
    color: #E3E2BA; 
    text-decoration: none;
}

#footer a:hover, #footer a:active
{
    color: #000;
    text-decoration: none;
}

a:link, a:visited
{
    color: #80AA52; 
    text-decoration: none;
}

a:hover, a:active
{
    color: #E3E2BA;
    text-decoration: none;
}

#content a:link, #content a:visited
{
    color: #9C9A5B; 
    text-decoration: none;
    font-size: 8pt;
}

#content a:hover, #content a:active
{
    color: #4B6D25;
    text-decoration: none;
    font-size: 8pt;
}

.flag
{
    margin-left: 3px;
}

input
{
/*    font-family: Trebuchet MS; */
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;

border: 1px solid #CCC;
    margin: 0px;
    background-color: #FFF;
    padding: 2px;
}

input:hover
{
    border: 1px solid #222;
    background-color: #EEE;
}

input.error_input
{
    border: 1px solid #F00;
    margin: 0px;
    background-color: #FBB;
    padding: 2px;
}

.error
{
    color: #F00;
    font-weight: bold;
}

.bold
{
    font-weight: bold;
}

.countdown
{
	color: #4B6D25;
	font-size: 7pt;
	margin-left: -1px;
}

.discount
{
    color: #F00;
}

.no_table,
{
	text-align: left;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.td_width
{
	width: 150px;
}

/*************************************************************************************************
 * Webshop layout                                                                                *
 *************************************************************************************************/
.shop_container
{
    background: #DEDDBF url('../images/site/webshop_hover.png') repeat-x;
	width: 215px;
	height: 320px;
	overflow: hidden; /* Trick IE6 to keep height. F*cking stupid browser! Use Firefox and/or Opera! */
	margin: 0px 0px 10px;
	padding: 5px;
}

.shop_container:hover
{
    background: #FCFBD3 url('../images/site/webshop.png') repeat-x;
}

.shop_image
{
	width: 215px;
	height: 140px;
	margin: 0px 0px 5px;
}

.shop_type
{
	font-size: 12pt;
	font-weight: bold;
}

.shop_data
{
	font-size: 10pt;
	font-weight: normal;
}

.odd
{
	background-color: #D8D7A9;
}

.even
{
	background-color: #E3E2BA;
}

.mouse_hover
{
	background-color: #FCFBD3;
}

.table_head
{
    background-color: #AEAD78;
    height: 28px;
}

.table_total
{
    background-color: #BBBA8E;
    height: 28px;
}

/***********************
 1. Position
 2. Size
 3. Margin
 4. Padding
 5. Color
 6. Alignment
 7. Font
 8. Background

* one value		(10px)				to specify an equal margin/padding on every side
* two values	(10px 5px)			to specify the top/bottom (first value) and right/left (second value) margin/padding
* three values	(10px 5px 2px)		to specify the top (first value), right/left (second value) and bottom (third value) margin/padding
* four values	(10px 5px 2px 1px)	to specify the top, right, bottom and left margin/padding respectively
 ***********************/