html,body{
height:100%;width:100%;
font-size : 12px;
font-family:'Calibri',tahoma,arial,sans-serif;
background : #FF3300 url(images/tl_page.jpg) top right repeat-x;
}
*{
margin: 0;
padding: 0;
}
#container {
width:950px;
background :white;
margin:0 auto;
min-height:100%;
position:relative;
}
			/*TOP BANNER*/
#header {
height :100px;
background : url(images/tl_headers.jpg) repeat-x top left;
}
#headermenu{
float:right;
margin:5px 20px 0 0;
color : #fff;
}
#headermenu a{
color : #fff;
font-weight:bold;
text-decoration:none;
}
#headermenu a:hover{
color : #ccc;
}
#headimg{
position:absolute;
background : url(images/headers.jpg) no-repeat top left;
top:0;left:0;
width:554px;
height:100px;
}
#limited{
position:absolute;
background : url(images/limited.png) no-repeat;
border:0;
top:20px;right:50px;
width:145px;
height:145px;
}
#discount{
position:absolute;
background : url(images/discount.png) no-repeat;
top:650px;left:380px;
width:174px;
height:174px;
}
#mainmenu{
padding: 0;
margin:0;
width: 100%;
}

#mainmenu ul{
margin: 0;
padding-left: 0;
float: left;
font-size:14px;
font-weight: bold;
width: 100%;
border: 1px solid #DFDFDF;
background:#fff url(images/tl_mainmenu.gif) top left repeat-x;
border-width: 1px 0;
}

#mainmenu ul li{
display: inline;
}

#mainmenu ul li a{
float: left;
color: gray;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
background: white url(images/menudivide.gif) top right repeat-y;
}

#mainmenu ul li a:hover{
color: black;
background-color: #F3F3F3;
border-bottom: 4px solid #ccc;
padding-bottom: 0;
}

#mainmenu #current a{ /*currently selected tab*/
background:#fff url(images/tl_mainmenu_on.gif) top left repeat-x; 
color: #336699;
}
#content{
float:left;
width:100%;
margin:0 0 50px 0;
padding:0;
overflow:auto;
background:url(images/tl_content.jpg) top left repeat-x;
}
#contentwrap{
margin:20px;
}
#left{
float:left;
width:500px;
}
#right{
float:right;
width:350px;
}
#content h1{
display:block;
border-bottom:dashed 1px #FF3300;
font-size:25px;
letter-spacing:-1px;
color:#003366;
text-shadow:#999 1px 1px;
width:90%;
margin-bottom:20px;
padding:10px 0 10px 20px;
}
#content h2{
font-size:14px;
font-weight:bold;
line-height:1.5em;
color:#666;
margin-bottom:20px;
}
#content h3{
font-size:16px;
font-weight:bold;
line-height:1.3em;
color:#FFFF00;
text-shadow:#000 1px 1px;
}
#content h4{
font-size:20px;
font-weight:bold;
color:#FF3300;
text-shadow:#ccc 1px 1px;
}
#content h4 a{
text-decoration:underline;
color:#FF3300;
}
#content h4 a:hover{
text-decoration:none;
text-shadow:#666 1px 1px;
color:#ccc;
}
#content h5{
font-size:14px;
font-weight:bold;
color:#fff;
text-shadow:#000 1px 1px;
}
#content ul{
margin-left:30px;
list-type:none;

}
#content li{
color:#336699;
font-size:14px;
font-weight:normal;
line-height:1.5em;
}
.box{
display:blocks;
background:#666;
border-right:solid 5px #ccc;
border-bottom:solid 1px #ccc;
margin:5px;
padding:7px;
}
.box1{
display:blocks;
background:#3366FF;
border-right:solid 5px #ccc;
border-bottom:solid 1px #ccc;
margin:5px;
padding:7px;
}

.done {
	background:url(images/iconIdea.gif) no-repeat 2px; 
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none
}

.loading {
	float:right; 
	background:url(images/ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}

.fieldwrapper .hightlight {
	border:2px solid #9F1319;
	background:url(images/iconCaution.gif) no-repeat 2px
}


			/*FOOTER*/
#footer {
position:relative;
clear:both;
height : 25px;
width:100%;
background : #003366;
border-top : 1px solid #333;
color : #f9f9f9;
font-size:11px;
font-weight:normal;
text-align :center;
}
#footer a {
color : #ccc;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
#footer a:hover {
color : #fff;
}