.JoomlaTemplatesBanner {
	background:url(img/joomla_templates_banner_bg.gif) repeat-x;
	border:1px dotted #bbbbbb;
	height:84px
}

.JoomlaTemplatesBanner .Banner {
	background:url(img/joomla_templates_banner.gif) left center no-repeat;
	height:84px;
	text-align:right;
	padding-right:15px
}

.JoomlaTemplatesBanner .Slogan { padding-top:18px; font-size:120% }
.JoomlaTemplatesBanner .Slogan H5 {
	font:bold 120% Arial, Helvetica, sans-serif;
	font-size:120%;
	margin:0;
	padding:0
}

.JoomlaTemplatesBanner .Slogan H5 a:link,
.JoomlaTemplatesBanner .Slogan H5 a:visited { color:#48a2c0; text-decoration:none }

.JoomlaTemplatesBanner .Slogan H5 a:hover { color:#48a2c0; text-decoration:underline }

.JoomlaAddonsBox .Title {
	text-align:left;
	padding:5px 18px;
	background-color:#ffffe4;
	border:solid 1px #e2e2e2;
	font-size:120%	
}

.JoomlaAddonsBox .Addon-container {
	border-left:solid 1px #e2e2e2;
	border-right:solid 1px #e2e2e2;
	border-bottom:solid 1px #e2e2e2;
	text-align:left
}

.JoomlaAddonsBox table { width:98% }
.JoomlaAddonsBox table td.FirstCol { width:70%; padding:10px 18px }
.JoomlaAddonsBox table td.SecondCol { padding:10px 5px; text-align:center }

.JoomlaAddonsBox .HowTo {
	background:url(img/icon_question.gif) left top no-repeat;
	padding-left:20px;
	height:auto;	
}

.JoomlaAddonsBox .MoreInfo {
	background:url(img/arrow2.gif) 0px 3px no-repeat;
	padding-left:20px;
	height:auto;
	margin-top:10px
}

.JoomlaAddonsBox hr { margin:3px 20px; padding:0px }

.JoomlaAddonsBox a.WaterTitle:link, .JoomlaAddonsBox a.WaterTitle:visited,
.JoomlaAddonsBox a.WaterTitle:hover, .JoomlaAddonsBox .HowTo a.More:link,
.JoomlaAddonsBox .HowTo a.More:visited, .JoomlaAddonsBox .HowTo a.More:hover,
.JoomlaAddonsBox .MoreInfo a.More:link, .JoomlaAddonsBox .MoreInfo a.More:visited,
.JoomlaAddonsBox .MoreInfo a.More:hover { color:#48a2c0; }

/* website promotion */

.BlueTab {
	background:url(img/blue_tab_bg.gif) 0px 0px no-repeat;
	padding-top:18px;
	text-align:center;
	height:63px;
	width:163px;
	margin:0 auto
}

.BlueTab1 {
	background:url(img/blue_tab_bg1.gif) 0px 0px no-repeat;
	padding-top:18px;
	text-align:center;
	height:63px;
	width:123px;
	margin:0 auto
}

.BlueTab a, .BlueTab1 a {
	font-size:12px;
	font-weight:bold;
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	color:#7478a7;
	text-decoration:none
}

.BlueTab a:hover,.BlueTab1 a:hover { text-decoration:underline }

.WebpromotionTab { width:170px; text-align:left }

.WebpromotionTab .Top {
	background:url(img/webpromotion_top.gif) 0px 0px no-repeat;
	text-align:center;
	height:43px;
}

.WebpromotionTab .Mid {
	border-left:1px solid #a9d3e1;
	border-right:1px solid #a9d3e1;
	font-size:70%;
	height:90px;
}

.WebpromotionTab .Mid div.Link { background:url(img/bullet8.gif) 8px 3px no-repeat; padding-left:18px; margin:2px 0px }

.WebpromotionTab .Bottom { background:url(img/webpromotion_bottom.gif) 0px 0px no-repeat; text-align:center; height:8px; }

.CheckThisBox-container { width:80%; background:url(img/check_this_bg1.gif) bottom repeat-x; margin:0 auto; }

.CheckThisBox {
	background:url(img/check_this_bg.gif) center top no-repeat;
	padding-top:30px;
	padding-bottom:15px;
	margin:0px 20px 0px 20px	
}

/* --- */
a.MareaBtn:link, a.MareaBtn:visited {
	display:block;
	border: 1px solid;
	border-color: #a8dced #5596ac #5596ac #a8dced;
	width: 45px;
	height:18px;
	line-height:18px;
	background: #fff;
	text-decoration:none;
	text-align:center;
	color:#48a2c0;
	font-family:Tahoma,sans-serif;
	font-size:11px;
	margin:0 auto;
}

a.MareaBtn:hover {
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #5596ac #a8dced #a8dced #5596ac;
	text-decoration:none;
	color:#48a2c0;
}

input.MareaSubmit {
	border: 1px solid;
	border-color: #a8dced #5596ac #5596ac #a8dced;
	width: 45px;
	height:30px;
	background: #fff;
	text-align:center;
	color:#48a2c0;
	font-family:Tahoma,sans-serif;
	font-size:11px;
	margin:0 auto;
}

.MareaBox {
    clear:both;
	border:1px solid #e2e2e2;
	background-color:#f9fcfe;
	padding:0px;
	text-align:center;
	color:#56596c;
	font:normal 80% Tahoma, Verdana, Helvetica, sans-serif;
}

.MareaBox .WaterNote {
	color:#48a2c0;
	font:85% Tahoma, Verdana, Helvetica, sans-serif;
	text-align:justify;
	width:95%;
	margin:0px auto;
	padding:10px 0px
}

.MareaBox .WaterNote a { color:#48a2c0; text-decoration:underline }

.MareaBox .WaterNote a:hover { text-decoration:none }

.MareaTabs { width:100% }

.MareaTabs .Header {
	background:url(img/line_e2.gif) left bottom repeat-x;
	height:22px;
	text-align:left;
}

.MareaTabs .Contents {
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}

.MareaTabs .Columns {
	margin-top:24px;
	margin-bottom:10px;
	width:100%;
	color:#56596c;
	font:normal 70% Tahoma, Verdana, Helvetica, sans-serif;
	text-align:justify;
}

.MareaTabs .Columns .WaterTitle { font-size:100% }

/* Marea */

#MenuMareaDiv {
	height:61px;
	width:100%;
	background:url(img/menu_marea_bg.gif) top repeat-x;
	text-align:center;
	clear:both
}

#MenuMareaDiv #MenuItem1,
#MenuMareaDiv #MenuItem2,
#MenuMareaDiv #MenuItem3,
#MenuMareaDiv #MenuItem4,
#MenuMareaDiv #MenuItem5,
#MenuMareaDiv #MenuItem6 { width:16% }

#MenuMareaTable {
	width:77%;
	height:100%;
	background:url(img/menu_inner_marea_bg.gif) top repeat-x;
	margin:0px auto
}

.menuseparatorMarea { width:12px }

.MareaLineTable {
	width:100%;
	margin:6px auto;
	height:2px;
	border-top:1px solid #e2e2e2;
}

.ManageTable {
	width:100%;
	border:solid #e2e2e2;
	border-width:0px 1px 1px 1px
}

.ManageTable .HeaderCell {
	color:#48a2c0;
	font:bold 70% Tahoma, Verdana, Helvetica, sans-serif;
	text-align:center;
	border-bottom:solid 1px #e2e2e2;
	border-top:solid 1px #e2e2e2;
	background-color:#f9fcfe;
	
}

.ManageTable .ContentCell {
	color:#56596c;
	font:normal 80% Tahoma, Verdana, Helvetica, sans-serif;
	text-align:center;
	
}