@import url(form.css);	 
* { margin: 0px; padding: 0px; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:link, a:visited { color: #3a047d; }
a:hover, a:active { color: #bf7061; }
body { background-color: #ffffff; font-size: 0.8em; color: #263e7e; line-height: 1.8em; }
h1 { font-size: 1.2em; padding-bottom: 0.3em; margin-bottom: 0.72em; font-weight: bold; }
h2 { font-size: 1.1em; font-weight: normal; margin-bottom: 0.3em; font-family: Century Gothic, Arial, Helvetica, sans-serif; }
h3 { color: #1c2267; font-size: 2.0em; font-weight: bold; float: left; margin-right: 0px; font-family: Century Gothic, Arial, Helvetica, sans-serif; }
h4 { font-size: 1.1em; font-weight: normal; margin-bottom: 0.3em; font-family: Century Gothic, Arial, Helvetica, sans-serif; background-color: #f0f0f0; }
hr { display: none; }
img { border: 0px; }
input { vertical-align: middle; }
input.text, input.text-ghosted { padding: 2px; border: 1px solid #808080; }
input.text-ghosted { color: #808080; }
input.text { color: #000000; }
a.button, input.button { text-decoration: none; background-color: #A6A29F; color: #FFFFFF; font-weight: bold; border: 0px; padding: 2px 4px; }
a.button:hover, input.button:hover { background-color: #00acc6; }
ol, ul { margin-left: 1.5em; padding-left: 1.5em; }
p { margin-bottom: 0.8em; }
select { vertical-align: middle; }

#root { width: 920px; height: 1%; margin: 0px auto; background-color: #ffffff; border: 0px solid #f0f0f0; }

/*Roll Over Buttons*/
#navigationblock { width: 920px; text-align: right; }
#navigationblock ul { float: right; text-align: right; }
.navigation { list-style-type: none; margin-top: 0px; padding-right: 0px; }
.navigation li { display: inline; padding-bottom: 10px; }
.navigation a { float: left; display: block; width: 100px; padding:3px 10px 0px 0px; background: url(../images/buttons.gif) 0 0 no-repeat; text-decoration: none; color: #fff; }
.navigation a:hover  { color: #333333; background-position: 0 -26px; color: #fff; }
.navigation a.active { color: #000000; background-position: 0 -52px; color:#fff; }

#main { }
	#mainbody { float: left; margin-right: 0px; width: 920px; }
	#mainbody2 { float: left; margin-right: 0px; width: 580px; }
	#maincontent { }
		#maincontentpanel { padding: 35px 0px; }
	#rightpanel { float: right; width: 340px; text-align: center; padding-top: 80px; }
	#header { margin-top: 15px; }

.gallery-item, .gallery-category { float: left; margin-right: 12px; margin-bottom: 40px; }
.gallery-category { width: 152px; height: 113px; text-align: center; }
.gallery-item img, .gallery-category img { border: 1px solid #a0a0a0; margin-bottom: 0px; }


.clear { clear: both; height: 0px; }
.align-left, .align-l { text-align: left; }
.align-center, .align-c { text-align: center; }
.align-right, .align-r { text-align: right; }
.valign-top, .valign-t { vertical-align: top; }
.valign-middle, .valign-m { vertical-align: middle; }
.valign-bottom, .valign-b { vertical-align: bottom; }
.float-left, .float-l { float: left; }
.float-right, .float-r { float: right; }
.error { color: #ff0000; text-align: center; }
.status, .success { color: #008000; font-weight: bold; }
.hidden { display: none; }


#maincontentpanel table { border-collapse: collapse; }
#maincontentpanel table th { background-color: #ffffff; padding: 2px 3px; font-weight: normal; color: #404040; border: 1px solid #FFFFFF; }
#maincontentpanel table td { background-color: #ffffff; padding: 2px 3px; border: 1px solid #FFFFFF; }

#maincontentpanel table.data { border-collapse: collapse; }
#maincontentpanel table.data th { background-color: #f0f0f0; }
#maincontentpanel table.data td { background-color: #f8f8f8; }

div.hr hr { display: none; }
div.hr { padding-top: 2px; margin-bottom: 4px; border-bottom-style: solid; border-bottom-width: 1px; }

			#right-panel { float: right; width: 350px; height: 150px; margin-left: 10px; }
			.featurebox { border: 0px solid #a0a0a0; margin-bottom: 15px; }
			.featurebox h2 { background-color: #444563; color: #FFFFFF; margin-bottom: 0; padding: 2px 5px; }
			.featurebox-content { padding: 0px 0px; overflow: hidden; }
			
			#blog-panel { float: right; width: 230px; margin-left: 10px; padding: 10px; background: #93b1d7; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; }
			#blog-panel a { text-decoration: none; color: #29235f; }
			#blog-panel a:hover { color: #07013d; }
			#blog-panel ul { list-style: none; margin: 0; padding: 0; }
			#blog-panel ul li { margin: 0; padding: 2px 0; }

.shop-browser-category, .shop-browser-product { color: #e47a16; float: left; width: 155px; margin: 0px 10px 10px 0px; padding: 0px 0px; display: inline; }
.shop-browser-category { height: 180px; }
.shop-browser-product-summary { height: 150px; overflow: hidden; }
.shop-browser-category a, .shop-browser-product a { color: #e47a16; }			

#body-left { width: 545px; float: left; clear: left; }
#body-left-2 { width: 645px; float: left; clear: left; }

#news-box { width: 350px; clear: both; }
#news-entries .small-blog-entry { width: 350px; height: 160px; }

#hlfifa-logo { display: relative; z-index: 500; text-align: right;}

#credits { font-size: 10px; text-align: right; }

/**
 * Blog style and layout
 */
.blog-smaller { color: #29235f; font-size: 0.9em; }
.blog-separator { margin: 10px 0 0 0; }
.entry-image img { padding: 10px 10px 0 0; }

#blog-categories { font-size: 1.1em; }
#blog-categories .blog-category { margin-bottom: 10px; }
#blog-categories .blog-cat-head { padding: 5px; background: #93b1d7; color: #29235f; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#blog-categories .blog-cat-content { font-size: 1em; padding: 0 5px 5px 5px; }

#blog-entries { font-size: 1.1em; }
#blog-entries .blog-entry { margin-bottom: 10px; }
#blog-entries .blog-entry-head { padding: 5px; background: #93b1d7; color: #29235f; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 11px; }
#blog-entries .blog-entry-head a { color: #29235f; }
#blog-entries .blog-entry-head a:hover { color: #07013d; }
#blog-entries .blog-entry-content { font-size: 1em; padding: 0 5px 5px 5px; }

#blog-entry-info { margin: 0; padding: 5px; background: #93b1d7; color: #29235f; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#blog-entry-info a { color: #29235f; }
#blog-entry-info a:hover { color: #07013d; }
#blog-entry-content { margin-bottom: 30px; margin-top: 10px; background: #fff; padding: 5px; border: 0; font-size: 1.1em; }
#blog-entry-social { height: 100px; }
#blog-entry-social td { width: 33%; white-space: nowrap; }

#blog-entry-comments { width: 645px; margin: 10px 0; }
#blog-entry-comments .blog-entry-comment { margin-bottom: 10px; }
/*#blog-entry-comments .blog-entry-comment-head { height: 15px; background: url(../images/comment-head.png) no-repeat scroll 0 0; }*/
#blog-entry-comments .blog-entry-comment-body { padding: 10px; background: #f4f4f4; border: 1px solid #ccc; border-bottom: 0; }
#blog-entry-comments .blog-entry-comment-body h1 { margin: 0; padding: 0 0 5px 0; font-size: 14px; }
#blog-entry-comments .blog-entry-comment-foot { height: 16px; background: url(../images/comm-foot.png) no-repeat scroll 0 0; padding: 2px 50px; }
