@charset "utf-8";
/* CSS Document */

*	{font-family:Arial, Helvetica, sans-serif; color:#666666}

body  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	background-color:#EEEEEE;
	margin-top:20px;
	padding:0;
	text-align:center;
	color:#000000;
}

h1, h2, h3 {font-size:130%; color:#333333}

#sidebar h2 {font-size:12px; margin-bottom:15px}

#container {
	width: 850px;
	margin: 0 auto;
	background-color:#FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#navbar {
	width:100%;
	height:30px;
	background-color:#55698C;
	border-top:#FFFFFF 1px solid;
	margin-bottom:1px;
}

#navbar ul {
	margin:0 0 0 10px;
	padding:7px 0 0 25px;
	font-size:12px		
}

#navbar li {
	display:inline;
	margin-right:5px;
	color:#FFFFFF;
}

#navbar a:link, #navbar a:visited, #navbar a:hover {text-decoration:none; font-weight:bold; color:#FFFFFF; font-size:12px}
#navbar a:hover {text-decoration:underline}

#sidebar {
	float:left;
	width:150px;
	background-color:#FFFFFF;
	padding-top:15px;
}

#sidebar img {
	margin-bottom:15px;	
}
#sidebar a:link, a:visited {color:#999999; font-size:11px; text-decoration:underline}

#sidebar h2 {margin:0; padding:0}
#click {font-size:10px; margin-bottom:20px}

#maincontent {
 	margin:0 0 0 10px;  /* top, right, bottom, left */
	padding:15px 15px 0 15px;
	width:650px;
	float:left;
	background-color:#FFFFFF;
}

#maincontent_full {  /* For pages where we don't want a sidebar */
 	margin:0 0 0 10px;  /* top, right, bottom, left */
	padding:15px 15px 20px 15px;
	width:800px;
	float:left;
	background-color:#EEEEEE;
}

#maincontent h1, #maincontent_full h1 {margin: 0 10px 0 0}

#footer {
	padding:10px;
	background:#EEEEEE;
	height:30px;
	margin-top:25px;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

input {height:12px; font-size:12px; margin-bottom:8px}

.buttons {
	cursor:pointer;
	border:none;
	background:url(images/btn_green_grad.gif);
	width:100px;
	height:22px;
	font-size:11px;
	font-family:tahoma, arial;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	margin:0 0 0 10px;
}

form {margin-bottom:0}	

.offers {margin:7px 12px 20px 0}
.designs {width:180px; height:210px; float:left; margin:25px 20px 8px 0px}
.btn {margin:6px 0 0 108px}

#se {margin:10px}

/* Messages */
.info, .success, .warning, .error, .validation {    
    width:300px;    
    margin:0 0 20px 0;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;    
    font-size:12px; font-weight:bold;
    background-position: 10px center;
    font-family:Arial, Helvetica, sans-serif; 
}

.info, .info a {
    color: #00529B;
    border:#294b99 1px solid;
    background-image:url('images/knobs/info.png');
    background-color:#c1e4f8
}
.success, .success a {
    color: #4F8A10;
    border:#528f11 1px solid;
    background-color: #DFF2BF;
    background-image:url('images/knobs/success.png');
}
.warning, .warning a {
    color: #9F6000;
    border:#986112 1px solid;
    background-color: #FEEFB3;
    background-image: url('images/knobs/warning.png');
}
.error, .error a {
    color: #D8000C;
    border:#cf0023 1px solid;
    background-color: #FFBABA;
    background-image: url('images/knobs/error.png');
}

.validation, .validation a {
    color: #D63301;
    border:#cf0023 1px solid;
    background-color: #FFCCBA;
    background-image: url('images/knobs/validation.png');
}

.info a, .success a, .warning a, .error a, .validation a {background-image:none; border:none}
.long {width:420px}