/******** Globales *********************************************************/

* {
	margin:0px; padding:0px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	background-color:#eff3f4;
	color:#3d4248;
	
}
img, td, tr, table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3d4248;
	border:none;
}
div#page {
	margin:0px auto;
	text-align:center;
	width:902px;
	background-image:url(../images/system/hg_site.gif);
	background-repeat:repeat-y;
}
div.clearfloat {
	clear:both;
	height:1px;
}



/******** Header *********************************************************/

div#header {
	float:left;
	display:inline;
	width:900px;
	height:130px;
	margin:0px 1px 0px 1px;
	background-color:#ffffff;
}
div#logo {
	float:left;
	display:inline;
	width:200px;
	height:125px;
}
div#nav {
	float:left;
	display:inline;
	width:700px;
	height:125px;
}
div#headerimage {
	float:left;
	display:inline;
	width:900px;
	height:130px;
	margin:0px 1px 0px 1px;
}

/******** Metanav **********/

div#metanav {
	float:right;
	display:inline;
	width:700px;
	height:25px;
	margin:55px 0px 0px 0px;
	text-align:right;
}
div#metanav ul li {
	list-style:none;
	display:inline;
}
div#metanav ul li a {
	float:right;
	margin:0px 30px 0px 0px;
	padding:0px 0px 0px 11px;
	color:#003571;
	font-weight:bold;
	text-decoration:none;
	background: transparent url(../images/system/icon_metanav.gif) no-repeat 0% 50%;
}
div#metanav ul li a:hover {
	text-decoration:underline;
}


/******** Mainnav **********/

div#mainnav {
	float:left;
	display:inline;
	width:700px;
	height:45px;
	margin:0px;
}
div#mainnav ul li {
	list-style:none;
	display:inline;
}
div#mainnav ul li a {
	float:left;
	padding:0px;
	margin:0px;

}
div#mainnavbottom{
	float:left;
	width:900px;
	height:5px;
	font-size:0px;
}


/******** Content *********************************************************/

div#content {
	float:left;
	display:inline;
	width:900px;
	margin:0px 1px 0px 1px;
}
div#image {
	float:left;
	display:inline;
	width:699px;
	height:130px;
	margin:0px 0px 0px 1px;
}
div#left-content {
	float:left;
	display:inline;
	width:200px;
	margin:0px;
	padding:0px 0px 30px 0px;
	text-align:left;
}
div#main-content {
	float:left;
	display:inline;
	width:669px;
	line-height:18px;
	margin:30px 0px 0px 30px;
	padding:0px 0px 30px 0px;
	text-align:left;
}
div.content-item {
	float:left;
	display:inline;
	width:640px;
	line-height:18px;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-align:left;
}
.border {
	border:1px solid #e3eaec;
}
div.pages {
	float:left;
	display:inline;
	margin:0px 0px 20px 0px;
	padding:3px 0px 3px 0px;
	width:640px;
	background-color:#eff3f4;
	border:1px solid #e3eaec;
}
div.contentheader {
	float:left;
	display:inline;
	margin:0px 0px 10px 0px;
	width:642px;
	height:25px;
}
div.contentheader-item {
	float:right;
	display:inline;
	font-size:12px;
	font-weight:bold;
	margin:3px 10px 0px 0px;
	width:200px;
	text-align:right;
}
div.checkbox {
	float:left;
	display:inline;
	margin:0px 0px 10px 0px;
	width:642px;
	height:108px;
	background: transparent url(../images/system/hg_check.gif) no-repeat;
}
div.checkbox-item {
	float:left;
	display:inline;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	margin:40px 0px 0px 20px;
}
div.checkbox-item p {
	margin-bottom:10px;
}


/******** Shop itmes *********/


div.shop-item, div.shop-item-title, div.shop-item-image,
div.shop-item-prize, div.shop-item-dtls, div.shop-item-btns {
	float:left;
	display:inline;
}

div.shop-item-prize, div.shop-item-dtls, div.shop-item-btns {
	padding:10px 0px 10px 0px;
}

div.shop-item {
	width:200px;
	margin:0px 17px 20px 0px;
	padding:0px;
	text-align:left;
	border:1px solid #e3eaec;
}
    
div.shop-item-title {
	font-size:16px;
	font-weight:bold;
	width:180px;
	height:65px;
	margin:10px 0px 0px 10px;
	padding:0px;
	text-align:left;
	border-bottom:1px solid #e3eaec;
}

div.shop-item-image {
	width:180px;
	margin:0px 0px 0px 10px;
	padding:10px 0px 10px 0px;
	text-align:center;
	border-bottom:1px solid #e3eaec;
}

div.shop-item-prize {
	width:180px;
	margin:0px 0px 0px 10px;
	font-size:18px;
	text-align:left;
	border-bottom:1px solid #e3eaec;
}

div.shop-item-dtls {
	width:180px;
	margin:0px 0px 0px 10px;
	font-size:11px;
	line-height:14px;
	text-align:left;
}

div.shop-item-btns {
	width:200px;
	margin:0px;
	border-top:1px solid #e3eaec;
	text-align:right;
}


/******** Shop itmes Sidebar *********/

div.shop-item-sidebar, div.shop-item-title-sidebar, div.shop-item-image-sidebar,
div.shop-item-prize-sidebar, div.shop-item-dtls-sidebar, div.shop-item-btns-sidebar {
	float:left;
	display:inline;
}

div.shop-item-prize-sidebar, div.shop-item-dtls-sidebar, div.shop-item-btns-sidebar {
	padding:10px 0px 10px 0px;
}

div.contentheader-sidebar {
	float:left;
	display:inline;
	font-size:12px;
	font-weight:bold;
	margin:20px 0px 0px 20px;
	width:161px;
	height:25px;
	text-align:right;
}
div.contentheader-sidebar-item {
	float:right;
	display:inline;
	font-size:12px;
	font-weight:bold;
	margin:3px 10px 0px 0px;
	width:80px;
	text-align:right;
}

div.shop-item-sidebar {
	width:159px;
	margin:0px 0px 0px 20px;
	padding:0px;
	text-align:left;
	border:1px solid #e3eaec;
}
    
div.shop-item-title-sidebar {
	font-size:16px;
	font-weight:bold;
	width:139px;
	height:65px;
	margin:10px 0px 0px 10px;
	padding:0px;
	text-align:left;
	border-bottom:1px solid #e3eaec;
}

div.shop-item-image-sidebar {
	width:139px;
	margin:0px 0px 0px 10px;
	padding:10px 0px 10px 0px;
	text-align:center;
	border-bottom:1px solid #e3eaec;
}

div.shop-item-prize-sidebar {
	width:139px;
	margin:0px 0px 0px 10px;
	font-size:18px;
	text-align:left;
	border-bottom:1px solid #e3eaec;
}

div.shop-item-dtls-sidebar {
	width:139px;
	margin:0px 0px 0px 10px;
	font-size:11px;
	line-height:14px;
	text-align:left;
}

div.shop-item-btns-sidebar {
	width:159px;
	margin:0px;
	border-top:1px solid #e3eaec;
	text-align:right;
}






div.item-dtl, div.item-dtl-title, div.item-dtl-image,
div.item-dtl-prize, div.item-dtl-dtls, div.item-dtl-btns,
div.item-dtl-descr {
	float:left;
	display:inline;
}

div.item-dtl-prize, div.item-dtl-dtls, div.item-dtl-btns {
	padding:10px 0px 10px 0px;
}

div.item-dtl {
	width:640px;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-align:left;
	border:1px solid #e3eaec;
}
    
div.item-dtl-title {
	font-size:16px;
	font-weight:bold;
	width:300px;
	height:45px;
	margin:20px 0px 0px 0px;
	padding:0px;
	text-align:left;
	border-bottom:1px solid #e3eaec;
}

div.item-dtl-image {
	width:320px;
	height:300px;
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:center;
}

div.item-dtl-prize {
	width:300px;
	margin:0px;
	font-size:18px;
	text-align:left;
	border-bottom:1px solid #e3eaec;
}

div.item-dtl-dtls {
	width:300px;
	margin:0px;
	font-size:12px;
	line-height:16px;
	text-align:left;
}

div.item-dtl-btns {
	width:300px;
	margin:0px;
	border-top:1px solid #e3eaec;
	text-align:right;
}
div.item-dtl-descr {
	width:600px;
	margin:0px 0px 0px 20px;
	padding:18px 0px 18px 0px;
	font-size:12px;
	line-height:16px;
	text-align:left;
	border-top:1px solid #e3eaec;
}
div.item-dtl-descr ul {
	margin:0px 0px 0px 20px;
}



/******** Load itmes *********/


div.load-item {
	float:left;
	display:inline;
	width:640px;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-align:left;
	border:1px solid #e3eaec;
	background:url(../images/system/hg_loaditem.gif) repeat-y;
}
div.load-item-image {
	float:left;
	display:inline;
	width:150px;
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:center;
	
}
div.load-item-title {
	float:left;
	display:inline;
	font-size:16px;
	font-weight:bold;
	width:240px;
	margin:0px;
	padding:10px 0px 10px 10px;
	text-align:left;
}
div.load-item-prize {
	float:left;
	display:inline;
	width:80px;
	margin:0px;
	padding:10px 0px 10px 0px;
	font-size:18px;
	text-align:left;
}
div.load-item-btns {
	float:right;
	display:inline;
	width:145px;
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:right;

}


/******** Left Content *********/

div.box {
	float:left;
	display:inline;
	width:159px;
	margin:10px 0px 0px 20px;
	padding:0px;
}
div.box-content {
	float:left;
	display:inline;
	width:139px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 20px 0px;
	color:#ffffff;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}
div.box-content p {
	margin-bottom:10px;
}
div#cart {
	float:left;
	display:inline;
	width:200px;
	margin:0px;
	padding:0px;
	background-color:#eff3f4;
}
div#cart-content {
	float:left;
	display:inline;
	width:180px;
	margin:10px 0px 20px 10px;
	padding:0px;
}
div#subnav {
	float:left;
	display:inline;
	width:200px;
	border-top:1px solid #d1dce0;
}
div#subnav ul {
	display:block;
	width:200px;
	list-style:none;
}
div#subnav li {
	display:inline;
}
div#subnav ul li a {
	display:block;
	padding:0px 0px 0px 10px;
	height:25px;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
	text-decoration:none;
	background-image:url(../images/system/hg_subnav_off.gif);
	background-repeat:no-repeat;
}
div#subnav ul li a:hover {
	color:#ffffff;
	background-image:url(../images/system/hg_subnav_on.gif);
	background-repeat:no-repeat;
}
div#subnav ul li a.active {
	display:block;
	padding:0px 0px 0px 10px;
	height:25px;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
	color:#ffffff;
	text-decoration:none;
	background-image:url(../images/system/hg_subnav_on.gif);
	background-repeat:no-repeat;
}





/******** Footer *********************************************************/

div#footer {
	clear:both;
	width:902px;
	height:60px;
	font-size:11px;
	text-align:left;
	background-image:url(../images/system/hg_footer.gif);
	background-repeat:repeat-x;
	background-color:#eff3f4;
}
div#footertop {
	float:left;
	display:inline;
	width:700px;
	height:5px;
	font-size:0px;
	margin:0px 0px 0px 201px;
}
div#footertext {
float:left;
	display:inline;
	font-size:11px;
	margin:10px 0px 0px 20px;
}
div#footernav {
	float:right;
	display:inline;
	width:500px;
	font-size:11px;
	margin:10px 30px 0px 0px;
}
div#footernav ul li {
	list-style:none;
	display:inline;
}
div#footernav ul li a {
	float:right;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 8px;
	color:#003571;
	font-weight:bold;
	text-decoration:none;
	background: transparent url(../images/system/icon_footernav.gif) no-repeat  0% 50%;
}
div#footernav ul li a:hover {
	text-decoration:underline;
}