html {min-height: 100%;}

INPUT {TEXT-ALIGN: right;}

* {

	margin: 0;

	padding: 0;

}



a {color: #963;
text-decoration: none;
}

a:hover {color: #C60;
text-decoration: none;
}



body {

	background: #9C6723 url(bg.jpg) repeat-x left bottom;

	color: #444;

	text-decoration: none;	
	font: normal 62.5% Tahoma,sans-serif;
}



p,ul {padding-bottom: 1.2em;}



li {list-style: none;}



h1 {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
}



.article {

	width:400px%;

	background: #FFF;

	border: 1px solid #F3EEE8;

	border-right: 6px solid #666;

	color: #666;

	display: block;

	font: sans-serif;

	font-weight: bold;

	line-height: 1.6em;

	padding-right:15px;

	padding-top:10px;

	height:70px;

	padding-left:10px;

	margin-top:15PX;

	}

.articleDes{

	color: #664;

	font-size: 0.9em;

	margin-bottom: 4px;

	background-color:#F3EEE8;

	padding-right:7px;

	border: 1px solid #F3EEE8;

	border-top: 0px;

    border-right: 6px solid #999;



}

/* specaile offer block */

.spicale-offer {

	margin-top:13px;

	background: url(special.gif) no-repeat;

	background-position:right top;

	display: block;
	
	font: sans-serif;

	font-weight: bold;

	padding-right: 45px;

	height:40px;

	background-color:#F7F7F2;

	

}

/* specaile offer block */

/* new offer block*/

.New-Offer {

	margin-top:13px;

	background: url(newsOffer.gif) no-repeat;

	background-position:right top;

	display: block;

	font-weight: bold;

	padding-right: 45px;

	height:40px;

	background-color:#F7F7F2;

	

}

/* new offer block*/







h1,h2,h3 {padding-top: 6px;}



/* misc */

.clearer {clear: both;}



.left {float: left;}



.right {float: right;}



/* structure */

.container {

	background: #FFF;

	font-size: 1.2em;

	margin: 0 auto;

	padding: 0 10px 10px;

	width: 780px;

}



/* header */

.top {

	background: url(clouds.gif) repeat-x;

	padding: 50px 10px 0;

}



/* flash and head */

.header {

	background: #FFF;

	font-size: 1.2em;

	height: 200px;

	margin: 0 auto;

	padding: 10px 10px 5px;

	width: 780px;

}

.header .right{

	background: #A4A4A0;

	color: #FFF;

	height: 150px;	

}

.header .right {



	background: #B3C2C7 url(header.jpg) no-repeat;

	font: normal 2.8em "Trebuchet MS",sans-serif;

	line-height: 150px;

	text-align: center;	

	width: 780px;

	padding: 0px 0px 0px;

}





/* header *\

/* navigation */

.navigation {	

	background: #9C6723 url(topnav.gif);

	border: 1px solid #DFEEF7;

	border-color: #DFEEF7 #CFDEE7;

	height: 41px;

}

.navigation a {

	background: #9C6723 url(topnav.gif);

	border-left: 1px solid #AFBEC7;

	color: #456;

	display: block;

	float: right;

	font: bold 1.3em sans-serif;

	line-height: 41px;

	padding: 0 20px;

	text-decoration: none;

}

.navigation a:hover {

	background-position: left bottom; 

	color: #234;

	}



/* main */

.main {

	border-top: 4px solid #FFF;

	background: url(bgmain.gif) repeat-y;

}



/* sub navigation */

.sidenav {

	float: right;

	width: 210px;

	text-align:right;

}

.sidenav h2 {

	color: #6F3F11;

	font-size: 1em;

	line-height: 30px;

	margin: 0;

	padding-right: 12px;

	font: bold 1.3em sans-serif;

}

.sidenav ul {

	padding: 0;

	border-top: 1px solid #EAEADA;

}

.sidenav li {

	border-bottom: 1px solid #EAEADA;

}

.sidenav li a {

	font-size: 1.1em;

	color: #666666;

	display: block;

	padding: 8px 0 8px 5%;

	text-decoration: none;

	width: 95%;

	font: bold 1.1em sans-serif;

}

.sidenav li a:hover {

	background: #F0F0EB;

	color: #654;	

}



/* content #D9D9BD */

.content {

	float: left;

	margin: 10px 0;

	padding: 0 16px;

	width: 531px;

	text-align:right;

}

.content .descr {

	color: #664;

	
	font: bold 1.2em sans-serif;
	margin-bottom: 4px;

	background-color:#F3F3ED;

	padding-right:7px;

    border-right: 6px solid #CCCCB3;

}

.content li {

	list-style: url(li.gif);

	margin-right: 18px;

}

.content p {font-family: "Lucida Sans Unicode",sans-serif;}



/* footer */

.footer {

	background: url(bgfooter.gif) repeat-x;

	color: #FFF;

	font: bold 1.4em sans-serif;

	line-height: 39px;

	padding: 0 12px;

	text-align: center;

}

.footer a,.footer a:hover {color: #FFF;}

/*Right Box's */

.subox{

        width:84%;

        height:auto;

        background-color:#FFFFFF;

        margin:0% 5% 0% 5%;

        border: 1px solid #F3EEE8;

}

.subin{

        height:90%;

        width:90%;

        background:#F7F7F2;

        margin:5% 5% 5% 5%;

        padding-right:12px;

}



/*Mobile */

.Mbilebox{

		margin-top:1px;

        width:100%;

        height:auto;

        background-color:#FFFFFF;

        border: 1px solid #F3EEE8;

}

.MobilSub_Box{

        height:95%;

        width:95%;

        background:#F7F7F2;

        margin:1.2% 1.2% 1.2% 1.2%;

        padding-right:12px;

}





<!-- items for 

.item1 {

	color: #666;

	font-size: 0.9em;

	margin-bottom: 4px;

	background-color:#FFFFFF;

	padding-right:7px;

	margin-bottom:12px;

	border: 1px solid #F3EEE8;

	border-top: 0px;

    border-right: 0px;

	width:85%;

	

}

.item1 div{

	width:20%;

	float:right;

	

}

.item2 {

	color: #666;

	font-size: 0.9em;

	margin-bottom: 4px;

	background-color:#F3F3ED;

	padding-right:7px;

	margin-bottom:12px;

	border: 1px solid #F3EEE8;

	border-top: 0px;

    border-right: 0px;

	width:85%;

	

}

.item2 div{

	width:20%;

	float:right;

	

}

.formInput input{

padding-right::90;

}

.buttons         {

                font-family: Tahoma;
                font-size: 12px;
                color: #663300;
                border: 1px outset;
                border-color: #663300; 
                background-color: #F3F3ED }

-->