html, body 
{
	margin: 0px;	
	color: #000000;	
	background-color: #ffffff;
  	font-family: Verdana, Tahoma;
	font-size: 14px;
	line-height: 2em;
	font-weight: normal; 

}

*{
	margin:0; 
	padding:0; 
	list-style: none;
} 

a img 
{
	border: 0;
}

a 
{
	color: #0071d0;
	text-decoration: underline;
}

a:hover
{
	color: #FFFFFF;
	background-color: #0071d0;
	text-decoration: none;
}

a.nostyle, a.nostyle:hover {
	text-decoration: none;
	background-color: #fff;
} 
/*** body,header,banner *****/
#header {
	background: url("../images/header/menu_background.gif") repeat-x;
	height: 119px;
	text-align: right;
}

#container {
	width: 920px;
	margin: 0 auto;
}
#headline  div.body {
	font-family:Helvetica,Arial,sans-serif;
	margin:5px;
	font-size:32px;
	line-height:45px;
	width:350px;
	float:left;
	text-align:left;
}

#containerembed {
	width: 750px;
	margin: 0 auto;
}

.panelbar{
	width: 100%;
}

#title {
	clear: both;
	overflow: hidden;
	height: 90px;
}

#title .logo {
	height: 90px;
	float: left;
	padding: 10px;
}

#title .motto{
	float: right;
	min-height: 80px;
	padding-top: 30px;
}
#banner {
	background-color: #ffffc3;
	border-bottom: 1px solid #D9D9AB;
	border-top: 1px solid #D9D9AB;
	padding: 10px 0px;
	min-height: 80px;
	
}


#content{
	padding-top:15px;
	padding-bottom:5px;
	margin:5px;
}

.message-panel {
	width:98%;
	margin:0 auto;
}

.message-panel .error {
	width:98%;
    color: #D8000C;
    background-color: #FFBABA;
	margin: 5px 20px 5px 15px;
	padding: 3px;
	border: 1px solid;
	position: relative;
}
h1 {
	font:3.5em Arial;
	font-weight:bold;
	letter-spacing:-0.08em;
	}
h2 {
	font:2.3em Georgia, "Times New Roman";
	}	
h3 {
	font:1.3em Arial;
	margin-bottom:3px;
	color:#3c78a7;
	font-weight:bold;
	}

.message-panel .warning {
	width:98%;
    color: #9F6000;
    background-color: #FEEFB3;
	border: 1px solid;
	margin: 5px 20px 5px 15px;
	padding: 3px;
	position: relative;
}

.message-panel .info {
	width:98%;
 	color: #00529B;
    background-color: #BDE5F8;
    border: 1px solid;
	margin: 5px 20px 5px 15px;
	padding: 3px;
	position: relative;
}
/** Django default **/
.errorlist{
    color: #D8000C;
    background-color: #FFBABA;
	margin: 0px;
	padding: 2px;
	border: 1px solid;
	position: relative;
}
/***** Category of home page *********/
.category {
	width:205px;
	float:left;
	border-top:10px solid #333;
	margin:0px;
	padding:5px 10px 10px 10px;
	background:#fff;
}

.category p {
	margin:0;
	font-size:1em;
	line-height:19px;
}

#cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;}
#cat-2, #cat-4 {border-top:8px solid #3c78a7;}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
	text-transform:lowercase;
	margin:0;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:-0.05em;
	line-height:23px;
	}
.category a {
	color:#333;
	display:block;
	background:none;
	text-decoration:none;
}

.category a:hover {
	color:#fff;
	background:none;
	text-decoration:none;
	}

#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; }
#cat-2:hover, #cat-4:hover {background:#3c78a7; color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }
#cat-2:hover a, #cat-4:hover a {background:#3c78a7; color:#fff; }	
/***** Main menu *********/

#breadcrumb{
	margin-bottom:5px;
}
#breadcrumb li{
	list-style: none;
	float:left;
	padding:3px;
}
/***** footer ******/

#footer {
	font-size: 11px;
	background-color: #0D83DD;
	color: #FFF;
	text-align: center;
	border-top: 4px solid #fcda08;
	padding-top: 10px;
	clear: both;
	margin-top: 30px;
	min-height: 100px;
}
#footer a, #footer a:hover, #footer a:visited{
	color: #ffffff;
}
#footer a:hover{
	color: #ffffff;
	background-color: #0D83DD;
}

/*******  Text **********/
.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}
.shadow,
.content{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #999; /*shadow color*/
	color: inherit;
}

.content{
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid  #999; /*border color*/
	padding: .5em 2ex;
}

.price-table{
	background: #fcfce1;
	font-size:14px;
	padding: 20px;
	border:solid 1px #39F;
}
.price-table .title{
	color:#666666;
	font-weight: bold;
	
}
table.product-table{
	background: #fcfce1;
	font-size:16px;
	border:solid #39F;
	border-width:1px 0 0 1px;

}
.product-table td{
	border:#39F solid;
	border-width: 0 1px 1px 0;
	
}
.highlight{
	color: #000;
}
.subnote {
	font-size: 12px;
	color: #000;
	text-indent: 10pt;
	padding-left: 10px;
}
.blur .shadow .content ul strong  {
	color: #F00;
}
a.highlight-link  {
	font-weight: bold;
	font-size: x-large;
	text-decoration:underline;
}
a:hover.highlight-link {
	font-weight: bold;
	font-size: x-large;
}

.home-feature-note {
	font-size: 12px;
}
.subtitle {
	font-size: large;
	font-weight: bold;
	line-height: 1.5;
}
h3{
	font-size: large;
	font-weight: bold;
	line-height: 1.5;

}
.hosting-error{
	background: url("../images/error.png")  no-repeat; 
	padding-left:65px;
	font-size: 16px;	
	min-height:65px;
	_height:65px;
	
}
.hosting-msg{
	background: url("../images/tick.png")  no-repeat;
	padding-left:65px;
	font-size: 16px;	
	min-height:65px;
	_height:65px;
}
.hosting-warning{
	background: url("../images/warning.png")  no-repeat;
	padding-left:65px;
	font-size: 16px;	
	min-height:65px;
	_height:65px;
}
.hosting-waiting{
	padding-left:65px;
	font-size: 16px;	
	min-height:65px;
	_height:65px;
}
.hosting-input label{
	font-size:16px;
	float:right;
	padding-right: 22px;
}

.htitle{
	font-size:14px;
	text-align:left;
	font-weight: bold;
	color: #000;
}
.hosting-input input[type=text]{
	font-size:18px;
	height:22px;
	width:280px;
}
/**clone above for stupid IE **/
.hosting-input-ie{
	font-size:18px;
	height:22px;
	width:200px;
}
.hosting-btn{
	width:135px;
	height:40px;
	border:0px none;
	font-size: 20px;
	cursor:pointer;
	background: url('../images/login-btn-bk.png') no-repeat;
}
.panel{
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-khtml-border-radius-bottomright: 7px;
	-khtml-border-radius-bottomleft: 7px;
	-khtml-border-radius-topright: 5px;
	-khtml-border-radius-topleft: 5px;
	background:#eaf3fe none repeat scroll 0 0;
	border:1px solid #aed2ee;
	text-align:left;
	padding:5px;
	display: table;
	overflow: hidden;
	width:100%;
	margin:0 auto;
}

.panel .header{
	text-align:left;
	font-weight:bold;
	font-size:15px;
	line-height:22px;
	margin:10px;
}
.panel .title{
	text-align:center;
	font-weight:bold;
	font-size:22px;
	line-height:36px;
}
.radiolist ul{
list-style-type: none;
}
.radiolist li{
float:left;
width:165px;
}
.radiolist input[type='radio']{
width:30px;
}
.radiolist label{
	float:none;
}