/* ==== COMMON SETTINGS ==== */
*       { margin:0; padding: 0; }
p       { line-height: 15px; }
a       { text-decoration: none; color: #ce2c25; }
ul	{ list-style-position: inside; }
a:hover { text-decoration: underline; }
.clear  { clear: both; }
body    { font: 8pt Verdana; color: #333; }

/* ==== HEADINGS ==== */
h1	{ font-size: 12pt; font-weight: normal; color: #c1231c; margin-bottom: 15px; }
h2	{ font-size: 10pt; color: #ce2c25; margin-bottom: 10px; }
h3	{ color: #c1231c; }

/* ==== FORMS ==== */
.text,
.textarea,
.select,
select	       { border: 1px solid #ccc; padding: 2px; width: 220px; font: 9pt Arial; margin-bottom: 5px; color: #333; }
.select,
select	       { width: 225px; }
.submit	       { border: none; background: #999; color: #fff; padding: 2px 10px; font: 8pt Arial; font-weight: bold; }
.submit:hover  { cursor: pointer; background: #666; color: #fff; }
label	       { display: block; float: left; width: 130px; }
.checkbox_container { margin-left: 130px; display: block; }
.radiobox_container { margin-left: 130px; display: block; }
.checkbox_container span { display: block; margin-bottom: 5px; }
.checkbox_container input { float: left; margin-right: 5px; }
.checkbox_container label { float: none; }
.radiobox_container span { display: block; margin-bottom: 5px; }
.radiobox_container input { float: left; margin-right: 5px; }
.radiobox_container label { float: none; }

/* ==== PAGE POSITIONING ==== */
#wrapper	     { margin: 0 auto; width: 900px; }
#container	     { min-height: 500px; background: transparent url('img/container.png') 0 0 repeat-y; margin-top: 10px; }
#main .inside	     { padding: 0 10px; }
#left .inside	     { padding: 0 15px 0 0; }
#right .inside	     { padding: 0 15px; }
#header		     { position: relative; padding: 73px 0 7px 0; }

.home #container     { min-height: 100px; background: none; margin: 0; }
.home #main .inside,
.home #left .inside,
.home #right .inside { padding: 0; }

/* ------ Header ------ */ 
#header .logo		   { position: absolute; top: 17px; left: 17px; }
#header .mods              { position: absolute; top: 40px; right: 0; width: 345px; }
#header .mods .text	   { border-color: #d7d7d7; padding: 2px 5px; color: #bababa; font-size: 8pt; }
#header .mods .text1       { position: absolute; left: 0; top: 0; width: 145px; }
#header .mods .go1         { position: absolute; left: 145px; top: 0; }
#header .mods .text2       { position: absolute; left: 183px; top: 0; width: 127px; }
#header .mods .go2         { position: absolute; left: 310px; top: 0, }

#header .topnav		   { position: absolute; top: 10px; right: 0; }
#header .topnav ul	   { list-style-type: none; }
#header .topnav li	   { display: inline; padding: 0 5px; font-size: 8pt; }
#header .topnav a	   { color: #666; }
#header .topnav a:hover	   { text-decoration: none; }
#header .mainnav	   { padding: 0 10px; margin-bottom: 7px; height: 30px; width: 900px; background: transparent url('img/nav.png') 0 0 no-repeat; }
#header .mainnav li	   { display: block; float: left; }
#header .mainnav li:hover  { background: transparent url('img/nav_active.png') 0 0 repeat-x; }
/* #header .mainnav li.first:hover { background: transparent url('img/nav_start.png') 0 0 repeat-x; } */
#header .mainnav a,
#header .mainnav span	   { display: block; padding: 9px 15px 8px 15px; color: #fff; }
#header .mainnav a:hover   { text-decoration: none; }
#header .mainnav span,
#header .mainnav .trail a  { color: #fff; font-weight: bold; background: transparent url('img/nav_active.png') 0 0 repeat-x; }
/* #header .mainnav .first span { background: transparent url('img/nav_start.png') 0 0 repeat-x; } */

/* ------ Right ------ */
#right h3		   { line-height: 22px; padding-left: 10px; border-bottom: 1px solid #e4e4e4; }
#right .nav ul		   { list-style-type: none; }
#right .nav li		   { line-height: 22px; padding-left: 10px; border-bottom: 1px solid #e4e4e4; }

/* ------ Left ------ */
#left h3		   { line-height: 22px; padding-left: 10px; border-bottom: 1px solid #e4e4e4; }
#left .subnav ul	   { list-style-type: none; }
#left .subnav li	   { line-height: 22px; border-bottom: 1px solid #e4e4e4; }
#left .subnav a		   { color: #333; padding-left: 10px; }
#left .subnav a:hover	   { text-decoration: none; }
#left .subnav span	   { color: #DB352E; padding-left: 10px; }
#left .subnav li.submenu   { margin-bottom: 10px; border: none; }
#left .subnav li .submenu  { display: block; border-bottom: 1px dotted #ccc; margin: 0; padding-left: 10px; font-weight: bold; }

/* ------ Main ------ */
#main .info		   { color: #666; padding-bottom: 15px; font-size: 8pt; }

#main .boxnews		   { background: transparent url('img/box_news.png') 0 0 no-repeat; width: 570px; height: 30px; padding: 10px 20px; }
#main .boxnews h2	   { font-size: 9pt; font-weight: bold; display: inline; }
#main .boxnews a	   { color: #333; }
#main .boxnews span	   { display: inline; color: #666; }
#main .boxnews .teaser	   { font-size: 8pt; margin-top: 3px; }
#main .boxnews .teaser a   { color: #C0231C; }
#main .boxnews .date	   { display: none; font-size: 7pt; }

#main .noobSlide h2		 { background-repeat: no-repeat; background-position: 0 0; text-indent: -3000px; display: block; height: 20px; }
#main .noobSlide,
#main .box			 { position: relative; margin-top: 7px; width: 550px; padding: 15px 20px; background: transparent url('img/box2_btm.png') bottom left no-repeat; }
#main .noobSlide .top,
#main .box .top			 { position: absolute; top: 0; left: 0; height: 10px; width: 590px; background: transparent url('img/box2_top.png') 0 0 no-repeat; }
#main .noobSlide .buttons span	 { display: block; width: 13px; height: 13px; position: absolute; background-repeat: no-repeat; background-color: transparent; }
#main .noobSlide span:hover	 { background-position: 0 -12px; }
#main .noobSlide .next		 { right: 0; top: 10px; background-image: url('img/btn_right.gif'); }
#main .noobSlide .prev		 { top: 10px; right: 15px; background-image: url('img/btn_left.gif'); }
#main .noobSlide .more		 { font-weight: bold; padding-right: 9px; background: transparent url('img/arrow.gif') center right no-repeat; }

#main .imghead h1		 { background-repeat: no-repeat; text-indent: -3000px; }
#main .url			 { display: none; }
#main .context			 { margin-bottom: 15px; }
#main .relevance		 { font-size: 7pt; font-weight: normal; color: #999; }
#main .mod_search .header	 { margin-bottom: 20px; }

#right .box3			 { width: 210px; height: 30px; padding: 10px 10px 10px 80px; background: transparent url('img/support.png') 0 0 no-repeat; }
#right .box2			 { width: 260px; padding: 15px 20px; margin-top: 7px; background: transparent url('img/box2.png') bottom left no-repeat; }
#right .box2			 { position: relative; }
#right .box2 .top		 { position: absolute; top: 0; left: 0; height: 10px; width: 300px; background: transparent url('img/box2.png') 0 0 no-repeat; }
#right .box2 h2			 { background-repeat: no-repeat; text-indent: -3000px; height: 20px; display: block; }

#right .bb			 { padding-bottom: 10px; border-bottom: 1px solid #E4E4E4; }

/* ------ Footer ------ */
#footer	    { padding-top: 5px; font-size: 7pt; color: #666; border-top: 1px solid #E4E4E4; margin: 10px 0 10px 0; }
#footer p   { text-align: center; }