/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*
 * reset
 */

 
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

fieldset, img { border: 0; }

 
a:focus { outline: none; }

 
html {
	height: 100%;
	margin-bottom: 1px;
}

/*
 * default values
 */

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

 
ul, ol, dl {
	margin: 10px 0;
	padding-left: 30px
}

dl { margin: 10px 0; }
dd { padding-left: 40px; }

 
td, th { padding: 1px; }

 
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

 
fieldset {
	margin: 10px 0 10px 0;
	padding: 0 10px 10px 10px;
	border: 1px solid #c8c8c8;
}

legend {
	padding: 0 10px 0 10px;
	background: #ffffff;
}

form div { margin: 10px 0 10px 0; }

textarea { padding: 1px 0 1px 5px; }

option { padding: 0 0 1px 5px; }

input[type='hidden'] { display: none; }

input[type='text'],
input[type='password'] { padding: 1px 0 1px 5px; }

button,
input[type='button'],
input[type='submit'] {
	padding: 2px 4px 2px 1px;
	line-height: 100%;
}

input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select,
button { cursor: pointer; }

 
textarea,
input[type='text'],
input[type='password'],
select {
	border: 1px solid #c8c8c8;
	background: #ffffff;
}

 
textarea:hover,
input[type='text']:hover,
input[type='password']:hover,
select:hover { border-color: #aaaaaa; }

 
textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
select:focus {
	border-color: #8c8c8c;
	outline: 2px solid #dcdcdc;
}

 
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
	font-weight: bold;
}

h1 { font-size: 36px; line-height: 36px; margin-top: 25px; }
h2 { font-size: 24px; line-height: 24px; margin-top: 25px; }
h3 { font-size: 18px; line-height: 18px; margin-top: 15px; }
h4 { font-size: 16px; line-height: 16px; margin-top: 15px; }
h5 { font-size: 14px; line-height: 14px; margin-top: 10px; }
h6 { font-size: 14px; line-height: 14px; margin-top: 10px; }

 
hr {
	margin: 5px 0 5px 0;
	display: block;
	background: #c8c8c8;
	height: 1px;
	border: none;
}

 
q { font-style: italic; }

blockquote {
	margin: 10px 0 10px 15px;
	font-style: italic;
	font-size: 130%
}
blockquote > *:first-child:first-letter { font-size: 150% }

 
pre {
	margin: 10px 0 10px 0px;
	padding: 5px 0 5px 10px;
	border: 1px dotted #aab4be;
	border-left: 20px solid #b4b4b4;
	background: #fafafa;
	font-size: 90%;
	color: #2E8B57;
	font-family: "Courier New", Courier, monospace;
	/* Browser specific (not valid) styles to make preformatted text wrap */
	/* white-space: pre-wrap;       /* css-3 */
	/* white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
}

 
acronym, abbr {
	border-bottom: 1px dashed #969696;
	cursor: help;
	font-variant: small-caps;
	text-transform: lowercase;
}



/*
 * headings
 */

.button {
width:158px;
background: #CCCC99;
border: 2px solid #663300;
color: #000000;
padding: 5px; 
font-weight:bold;
line-height:125%; 
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}

.button a {
color: #000000;
text-decoration: none;
}

.button a:hover {
color: #000000;
text-decoration: none;
}

.button:hover {
background: #FFCC66;
text-decoration: none;
}


h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }

h1 {
	font-weight: normal;
	color: #50555A;
}

#page h1 a {
	color: #50555A;
	text-decoration: none;
}

h2 { color: #50555A; }
h3 { color: #50555A; }
h4 { color: #50555A; }
h5 { color: #50555A; }
h6 { color: #50555A; }

/*
 * anchor
 */

a:link,
a:visited { color: #C8001E; }
a:hover { color: #ff0000; text-decoration: none;}

a.icon-folder {
        padding-left: 17px;
        background: url(../images/typography/icon_folder.png) 0 40% no-repeat;
}

a.icon-file {
        padding-left: 17px;
        background: url(../images/typography/icon_file.png) 0 40% no-repeat;
}

a.icon-download {
        padding-left: 17px;
        background: url(../images/typography/icon_download.png) 0 40% no-repeat;
}

a.icon-external {
        padding-left: 17px;
        background: url(../images/typography/icon_external.png) 0 40% no-repeat;
}

a.icon-pdf {
        padding-left: 17px;
        background: url(../images/pdf_button.png) 0 40% no-repeat;
}

/*
 * emphasis
 */

em.box { 
	padding: 0px 3px 0px 3px;
	border: 1px dotted #aaaaaa;
	background: #f5f6f7;
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
}

/*
 * unsorted lists
 */
 
 .qs {float:left; background-color:#CCCCCC; padding: 0px 6px 6px 6px; width:94px;}
 
 .qs ul {
	
	margin:0px;
	padding: 0px;
	list-style: none;
	display: block;
	font-size: 12px;
}

.qs li {
	
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}



#advancedsearch ul
 {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-right: 30px;
	line-height: 14px;
}


#advancedsearch li {
	display: inline-block;
	position:relative;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	float: left;
}


 
#advancedsearch input {
display: inline-block;
margin-left:0px; 
margin-right: 10px;	
float: left;
}

#advancedsearch span {
 display:inline-block;
 float:left;
 font-weight: bold;
 width: 130px;
 margin-right:0px;
 margin-left: 0px;
 }

#advancedsearch span.label {
display: inline-block;
font-weight: normal;
width: 40px;
line-height: 14px;

}

#advancedsearch span.label2 {
display: inline-block;
font-weight: normal; 
width: 105px;
line-height: 14px;
float: left;
}
#advancedsearch span.label3 {
display: inline-block;
font-weight: normal; 
line-height: 14px;
width: 140px;
float: left;
}

#advancedsearch span.label4 {
display: inline-block;
font-weight: normal; 
line-height: 14px;
width: 180px;
float: left;
}
 
 #advancedsearch span.to {
 display:inline-block;
 float:left;
 font-weight: bold;
 width: 30px;
 margin-right:0px;
 margin-left: 0px;
 
 
 }
 
#advancedsearch{
    width: 635px;
    display:inline-block;
	margin-top:3px;
	margin-bottom: 0px;
	background: #fffdeb;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
	padding: 7px;
}

ul.link {
margin: 10px 10px 15px 0px;
    padding-left:0px;
	list-style: none;
	font-weight: bold;
}
ul.link li {
	margin: 10px 0px 10px 0px;
	font-weight:normal; 
	color: #444444;
}
 
 ul.link li a {
	font-weight:bold;
}
 
 
ul.quick {
margin: 2px 0px 10px 0px;
    padding-left:0px;
	list-style: none;
	font-weight: bold;
	font-size: 12px;
}
ul.quick li {
	margin: 2px 0px 5px 0px;
	font-size: 12px;
	font-weight:normal;
	line-height: 13px; 
	color: #999999;
}


ul.homestyles {
margin: 2px 0px 10px 0px;
	padding-left: 35px;
	list-style: none;
	font-weight: bold;
	font-size: 12px;
}
ul.homestyles li {
	margin: 2px 0px 5px 0px;
	font-size: 12px;
	font-weight:normal;
	line-height: 13px; 
	color: #666666;
}
ul.homestyles li a:hover {color:#000;}



ul.homestyles li a {
	text-decoration: none;
	font-weight: normal;
	color: #666666; 
}

ul.sitemap {
margin: 2px 0px 10px 0px;
	padding-left: 25px;
	list-style: none;
	font-weight: bold;
	font-size: 12px;
}
ul.sitemap li {
	margin: 2px 0px 5px 0px;
	font-size: 12px;
	font-weight:normal;
	line-height: 13px; 
	color: #999999;
}
ul.sitemap li a:hover {color:#fff;}



ul.sitemap li a {
	text-decoration: none;
	font-weight: normal;
	color: #bbbbbb; 
}

ul.arrow,
ul.checkbox,
ul.check,
ul.star {
	margin: 10px 0px 10px 0px;
	padding-left: 10px;
	list-style: none;
}

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li {
	margin: 5px 0px 5px 0px;
	padding-left: 30px;
	font-weight: bold;
	line-height: 26px;  
}

ul.arrow li { background: url(../images/typography/list_arrow.png) 0 0 no-repeat; }
ul.checkbox li { background: url(../images/typography/list_checkbox.png) 0 0 no-repeat; }
ul.check li { background: url(../images/typography/list_check.png) 0 0 no-repeat; }
ul.star li { background: url(../images/typography/list_star.png) 0 0 no-repeat; }


/*
 * ordered lists
 */

ol.disc {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 45px;
	background: url(../images/typography/list_disc.png) 20px 0px repeat-y;
}

ol.disc li {
	margin: 5px 0px 5px 0px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 26px;  
}

/*
 * horizontal rule
 */
 
hr.dotted {
	margin: 5px 0px 5px 0px;
	display: block;
	background: url(../images/typography/line_dotted.png) 0 0 repeat-x;
	height: 1px;
	border: none;
}


/*
 * highlighted div and span tags
 
 */
 
 
.displayplans {
	display: inline-block; 
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 8px 10px;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
	background: #fffdeb;
}

.displayplans:hover {
	display: inline-block; 
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 8px 10px;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
	background: #fff5eb;
}
 

span.note,
span.info,
span.alert,
span.download,
span.tip { display: block; }

div.note, span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #f4f5f6;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
	text-align:justify;
}

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 8px 35px;
}

div.info, span.info {
	background: #f4f5f6 url(../images/typography/box_info.png) 3px 5px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}

div.alert, span.alert {
	background: #fff5eb url(../images/typography/box_alert.png) 3px 5px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}

div.download, span.download {
	background: #f5faeb url(../images/typography/box_download.png) 3px 5px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}

div.tip, span.tip {
	background: #fffdeb url(../images/typography/box_tip.png) 3px 5px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}





div.green,div.grey,div.orange,div.yellow {
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 8px 10px;
}

div.green{
	background: #f5faeb;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}

div.orange{
	background: #fff5eb;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}

div.grey{
	background: #f4f5f6;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}

div.yellow{
	background: #fffdeb;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}








/*
 * p tag with dropcaps
 */
 
p.dropcap:first-letter {
	display: block;
	margin: 7px 4px 0px 0px;
	float: left;
	font-size: 280%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*
 * tables
 */
 
table.listing {
	width: 100%;
	margin-bottom: 30px;
	font-size: 11px;
}

table.listing thead th {
	height: 30px;
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
	background: none;
	vertical-align: top;
	font-size: 14px;
	font-weight: normal;
}

table.listing tbody td {
	height: 20px;
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
}

table.listing tr.odd td { background: #fafafa; }
table.listing tr.even td { background: #ffffff; }

table.listing td.bold {
	font-weight: bold;
	font-size: 12px;
}

/*
 * blockquotes
 */

q.blockquote {
	margin: 10px 0 10px 15px;
	font-style: italic;
	font-size: 130%
}

q.blockquote:first-letter { font-size: 150% }

q.blockquote:before,
q.blockquote:after { content: ""; }

blockquote.quotation {
	margin: 10px 0px 10px 0px;
	padding: 10px 35px 10px 35px;
	border: none;
	background: url(../images/typography/blockquote_start.png) 0 0 no-repeat;
	text-align:justify;
}

blockquote.quotation p {
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url(../images/typography/blockquote_end.png) 100% 100% no-repeat;
}

/*
 * floating boxes
 */

body .inset-left {
	margin: 15px 15px 10px 0px;
	float: left;
}

body .inset-right {
	margin: 15px 0px 10px 15px;
	float: right;
}
/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*
 * top and footer menu
 */

 
#toolbar ul.menu,
#footer ul.menu {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer ul.menu {
	display: block;
	line-height: 14px;
}

#toolbar .menu li,
#footer .menu li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

#toolbar .menu li a,
#footer .menu li a {
	display: inline-block;
	padding: 0px 10px 0px 10px;
	background: url(../images/topmenu_item_bg.png) 0 50% no-repeat;
	overflow: hidden;  
}

#toolbar .menu a.first,
#footer .menu a.first {
	padding: 0px 10px 0px 0px;
	background: none;
}

#toolbar .menu a.last,
#footer .menu a.last { padding: 0px 0px 0px 10px; }

#toolbar .menu a:link,
#toolbar .menu a:visited { color: #646464; }
#toolbar .menu a:hover { color: #c8001e; }

#footer .menu a:link,
#footer .menu a:visited { color: #646464; }
#footer .menu a:hover { color: #c8001e; }

/*
 * menu
 */

 
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	position: relative;
	z-index: 5;  
	margin: 0px;
	padding: 0px;
	
}

#menu a,
#menu span { display: block; }
#menu a { text-decoration: none; }

 
#menu span.icon {
	background-repeat: no-repeat;
	background-position: 0 50%;
}

 
#menu ul.menu {float: left;}

#menu li.level1 {
	margin-right: 10px;
	float: left;
}

#menu a.level1,
#menu span.level1 { float: left; }

#menu a.level1 span.bg,
#menu span.level1 span.bg {
	height: 40px;
	padding: 0px 7px 0px 7px;
	float: left;
	line-height: 35px;
	font-size: 17px;
	color: #000000;
}

 
#menu li.level1:hover { background: url(../images/menu_level1_item.png) 0 0 no-repeat; }

#menu li:hover a.level1,
#menu li:hover span.level1 { background: url(../images/menu_level1_item.png) 100% -40px no-repeat; }

#menu li:hover a.level1 span.bg,
#menu li:hover span.level1 span.bg { color: #ffffff; }

 
#menu li.remain { background: url(../images/menu_level1_item.png) 0 0 no-repeat; }
#menu li.remain a.level1,
#menu li.remain span.level1 { background: url(../images/menu_level1_item.png) 100% -40px no-repeat; }
#menu li.remain a.level1 span.bg,
#menu li.remain a.level1 span.bg,
#menu li.remain span.level1 span.bg { color: #ffffff; }

 
#menu li.active a.level1 span.bg,
#menu li.active span.level1 span.bg { color: #c8001e; }

#menu li.active:hover a.level1 span.bg,
#menu li.active:hover span.level1 span.bg { color: #ff0000; }
#menu li.active.remain a.level1 span.bg,
#menu li.active.remain span.level1 span.bg { color: #ff0000; }

 
#menu a.level1 span.title,
#menu span.level1 span.title {
	font-size: 17px;
	line-height: 25px;
}

 
#menu a.level1 span.subtitle,
#menu span.level1 span.subtitle {
	margin-top: -4px;
	font-size: 9px;
	font-weight: normal;
	color: #323232;
	line-height: 10px;
	text-transform: none;
	letter-spacing: 0px;
}

#menu li:hover a.level1 span.subtitle,
#menu li:hover span.level1 span.subtitle { color: #ffffff; }
#menu li.remain a.level1 span.subtitle,
#menu li.remain span.level1 span.subtitle { color: #ffffff; }

 
#menu .dropdown {
	position: absolute;
	top: 40px;
	left: -999em;  
	z-index: 100;
	 
}

#menu li:hover .dropdown,
#menu li.remain .dropdown { left: 0px; }

#menu .dropdown-t2 {
	padding: 0px 5px 0px 0px;
	background: url(../images/menu_dropdown_corners.png) 100% 0 no-repeat;
}

#menu .dropdown-t3 {
	height: 5px;
	background: #1e1e1e
}

#menu .dropdown-1 {}
#menu .dropdown-2 { overflow: hidden; }

#menu .dropdown-3 {
	padding: 0px 4px 0px 4px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #1e1e1e;
	overflow: hidden;
}

#menu .dropdown-b1 {
	background: url(../images/menu_dropdown_corners.png) 0 -5px no-repeat;
}

#menu .dropdown-b2 {
	padding: 0px 5px 0px 5px;
	background: url(../images/menu_dropdown_corners.png) 100% -10px no-repeat;
}

#menu .dropdown-b3 {
	height: 4px;
	border-bottom: 1px solid #000000;
	background: #1e1e1e
}

#menu li.level2 { margin-bottom: 5px; }
#menu li.level1 li.last { margin-bottom: 0px; }

#menu .group-box1 { background: #ffffff url(../images/menu_level2_group_b.png) 0 100% repeat-x; }
#menu .group-box2 { background: url(../images/menu_level2_group_corners.png) 0 0 no-repeat; }
#menu .group-box3 { background: url(../images/menu_level2_group_corners.png) 100% 0 no-repeat; }
#menu .group-box4 { background: url(../images/menu_level2_group_corners.png) 0 100% no-repeat; }
#menu .group-box5 {
	padding: 1px;
	background: url(../images/menu_level2_group_corners.png) 100% 100% no-repeat;
	overflow: hidden;
}

#menu .hover-box4 {
	overflow: hidden;
}

 
#menu li.level1 li.parent .hover-box1 {
	width: 55%;
	float: left;
}

 
#menu .hover-box1:hover { background: #DCDDDE url(../images/menu_level2_item_hover_corners.png) 0 0 no-repeat; }
#menu .hover-box1:hover .hover-box2 { background: url(../images/menu_level2_item_hover_corners.png) 100% 0 no-repeat; }
#menu .hover-box1:hover .hover-box3 { background: url(../images/menu_level2_item_hover_corners.png) 0 100% no-repeat; }
#menu .hover-box1:hover .hover-box4 { background: url(../images/menu_level2_item_hover_corners.png) 100% 100% no-repeat; }

#menu ul.level2 li.separator .hover-box1:hover,
#menu ul.level2 li.separator .hover-box1:hover .hover-box2,
#menu ul.level2 li.separator .hover-box1:hover .hover-box3,
#menu ul.level2 li.separator .hover-box1:hover .hover-box4 { background: transparent; }

#menu a.level2 span.bg,
#menu span.level2 span.bg {
	height: 45px;
	line-height: 45px;
	text-indent: 10px;
	color: #323232;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -1px;
}

#menu a.level2 span.icon,
#menu span.level2 span.icon {
	text-indent: 50px;
}

 
#menu li.level2 a.current span.bg { font-weight: bold; } 

 
#menu a.level2 span.title, #menu span.level2 span.title {
	line-height: 33px;
}

 
#menu a.level2 span.subtitle, #menu span.level2 span.subtitle {
	margin-top: -8px;
	font-size: 10px;
	font-weight: normal;
	color: #646464;
	line-height: 10px;
	text-transform: none;
	letter-spacing: 0px;
}

 
#menu .sub {
	width: 45%;
	padding: 5px 0px 5px 0px;
	float: left;
}

#menu ul.level3 {
	margin: 0px 0px 0px 1px;
	padding-left: 5px;
	border-left: 1px solid #c8c8c8;
}

#menu a.level3:hover { text-decoration: underline; }

#menu a.level3 span.bg,
#menu span.level3 span.bg {
	height: 17px;
	background: url(../images/menu_level3_item.png) 1px 5px no-repeat;
	line-height: 17px;
	text-indent: 10px;
	font-size: 11px;
}

 
 
 
 

#menu .columns2 ul.level2,
#menu .columns3 ul.level2,
#menu .columns4 ul.level2 { float: left; }

#menu .columns2 ul.level2 {	width: 50%; }

#menu .columns3 ul.level2 { width: 34%; }
#menu .columns3 ul.first,
#menu .columns3 ul.last { width: 33%; }

#menu .columns4 ul.level2 { width: 25%; }

#menu .columns2 li.level2 .group-box1,
#menu .columns3 li.level2 .group-box1,
#menu .columns4 li.level2 .group-box1 { margin-right: 5px; }

#menu .columns2 ul.last li.level2 .group-box1,
#menu .columns3 ul.last li.level2 .group-box1,
#menu .columns4 ul.last li.level2 .group-box1 { margin-right: 0px; }


/*
 * sub menus
 */
 
 
div.mod-menu ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
}

div.mod-menu ul.menu li {
	margin: 0px;
	padding: 0px;
}

div.mod-menu ul.menu a,
div.mod-menu ul.menu span { display: block; }
div.mod-menu ul.menu a { text-decoration: none; }

 
div.mod-menu ul.menu span.icon {
	background-repeat: no-repeat;
	background-position: 5px 50%;
	text-indent: 35px;
}

 
div.mod-menu ul.menu li.parent span.separator { cursor: pointer; }

 
div.mod-menu ul.menu span.subtitle { display: none; }


/*
 * sub menu: mod-chrome
 */

div.mod-chrome ul.menu span.bg {
	height: 25px;
	line-height: 24px;
	color: #c8c8c8;
	text-indent: 15px;
}

 
div.mod-chrome ul.menu a.current span.bg { font-weight: bold; }

 
 

 
div.mod-chrome ul.menu li.level1 { background: url(../images/submenu_level1_item_black.png) 50% 0 no-repeat; }

div.mod-chrome ul.menu li.parent a.level1,
div.mod-chrome ul.menu li.parent span.level1 { background: url(../images/submenu_level1_parent.png) 100% 0 no-repeat; }

div.mod-chrome ul.menu li.parent a.active,
div.mod-chrome ul.menu li.parent span.active { background-position: 100% -25px; }

div.mod-chrome ul.menu a.level1 span.icon,
div.mod-chrome ul.menu span.level1 span.icon { text-indent: 35px; }

 
div.mod-chrome ul.menu li.level2 span.bg {
	height: 20px;
	line-height: 20px;
}

div.mod-chrome ul.menu a.level2 span.bg { text-indent: 30px; }

 
div.mod-chrome ul.menu a.level3 span.bg { text-indent: 40px; }

 
div.mod-chrome ul.menu a.level4 span.bg { text-indent: 50px; }

 
div.mod-chrome-black ul.menu span.bg,
div.mod-chrome-orange ul.menu span.bg,
div.mod-chrome-blue ul.menu span.bg,
div.mod-chrome-green ul.menu span.bg { color: #323232; }

div.mod-chrome-black ul.menu li.level1,
div.mod-chrome-orange ul.menu li.level1,
div.mod-chrome-blue ul.menu li.level1,
div.mod-chrome-green ul.menu li.level1 { background: url(../images/submenu_level1_item_white.png) 50% 0 no-repeat; }

/*
 * sub menu: mod-line
 */
 
div.mod-line ul.menu span.bg {
	height: 23px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #E6E6E6;
	line-height: 23px;
	color: #646464;
	text-indent: 15px;
}

#contentleft div.mod-line ul.menu span.bg {
	background: #ffffff url(../images/contentleft_bg.png) -5px 0 repeat-y;
	text-indent: 5px;
}
#contentright div.mod-line ul.menu span.bg { background: #ffffff url(../images/contentright_bg.png) -1px 0 repeat-y; }

 
div.mod-line ul.menu a.current span.bg { font-weight: bold; }
span.title {
	display: block;
	font-size: 15px;
	line-height: 27px;
	font-weight: bold;
}





/*
 * module headers
 */

.module h3.header {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #323232;
	font-weight: normal;
}

.module span.header-2,
.module span.header-3 { display: block; }

 
.module h3.header span.title {
	display: block;
	font-size: 15px;
	line-height: 27px;
	font-weight: bold;
}

.module h3.header span.subtitle {
	display: block;
	margin-top: -5px;
	line-height: 10px;
	font-size: 9px;
	font-weight: normal;
	color: #646464;
	letter-spacing: 0px;
	text-indent: 1px;
}

/*
 * space between modules
 */

div.separator .module { margin: 0px 15px 0px 0px; }

#left .module,
#right .module,
#contentleft .module,
#contentright .module { margin: 0px 0px 15px 0px; }

#left .last,
#right .last,
#contentleft .last,
#contentright .last { margin: 0px 0px 0px 0px; }

#top .topblock .module { margin: 15px 0px 0px 0px; }

#bottom .bottomblock .module { margin: 0px 0px 15px 0px; }

/*
 * header module positions
 */

#toolbar .left .module,
#headerbar .left .module {
	margin-right: 20px;
	float: left;
}

#toolbar .right .module,
#headerbar .right .module {
	margin-left: 20px;
	float: right;
}

/*
 * #contentleft and #contentright
 */

#contentleft .module { margin-right: 15px; }
#contentright .module { margin-left: 15px; }

/*
 * badge styles
 */
 
div.module { position: relative; }
 
div.module div.badge {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 39px;
	height: 39px;
	background: url(../images/module_badges.png) 0 0 no-repeat;
	overflow: hidden;
	z-index: 1;
}
 
div.module div.badge-hot { background-position: 0 0; }
div.module div.badge-top { background-position: 0 -40px; }
div.module div.badge-pick { background-position: 0 -80px; }
div.module div.badge-new { background-position: 0 -120px; }

/*
 * icon styles
 */
 
div.module h3.header span.icon {
	display: block; 
	position: relative;
	left: -5px;
	width: 30px;
	height: 30px;
	background: url(../images/module_icons.png) 0 0 no-repeat;
	overflow: hidden;
	float: left;
}

div.module h3.header span.icon-rss { background-position: 0 0; }
div.module h3.header span.icon-download { background-position: 0 -30px; }
div.module h3.header span.icon-twitter { background-position: 0 -60px; }
div.module h3.header span.icon-mail { background-position: 0 -90px; }
div.module h3.header span.icon-message { background-position: 0 -120px; }
div.module h3.header span.icon-users { background-position: 0 -150px; }
div.module h3.header span.icon-shopping { background-position: 0 -180px; }
div.module h3.header span.icon-lock { background-position: 0 -210px; }

/*
 * module: blank
 */
 
div.mod-blank { overflow: hidden; }

/*
 * module: dropdown
 */

#menu .mod-dropdown .module {
	padding: 5px;
	overflow: hidden;
}

#menu .mod-dropdown .dropdown { width: 300px; }
#menu .mod-dropdown2 .dropdown2 { width: 150px; }

/*
 * module: rounded
 */
 
div.mod-rounded div.box-t1 { background: url(../images/module_rounded_white_corners.png) 0 0 no-repeat; }

div.mod-rounded div.box-t2 {
	padding: 0px 10px 0px 10px;
	background: url(../images/module_rounded_white_corners.png) 100% -15px no-repeat;
}

div.mod-rounded div.box-t3 {
	height: 9px;
	border-top: 1px solid #D2D2D2;
	background: #ffffff;
}

div.mod-rounded div.box-1 {
	padding: 0px 14px 0px 14px;
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	background: #ffffff;
	overflow: hidden;
}

div.mod-rounded div.box-b1 { background: url(../images/module_rounded_white_corners.png) 0 -30px no-repeat; }

div.mod-rounded div.box-b2 {
	padding: 0px 10px 0px 10px;
	background: url(../images/module_rounded_white_corners.png) 100% -45px no-repeat;
}

div.mod-rounded div.box-b3 {
	height: 9px;
	border-bottom: 1px solid #D2D2D2;
	background: #ffffff;
}

div.mod-rounded span.header-3 {
	height: 30px;
	line-height: 27px;
}

/* color: grey */
div.mod-rounded-grey div.box-t1 { background-image: url(../images/module_rounded_grey_corners.png); }
div.mod-rounded-grey div.box-t2 { background-image: url(../images/module_rounded_grey_corners.png); }
div.mod-rounded-grey div.box-b1 { background-image: url(../images/module_rounded_grey_corners.png); }
div.mod-rounded-grey div.box-b2 { background-image: url(../images/module_rounded_grey_corners.png); }
div.mod-rounded-grey div.box-1 { background: #F5F6F7 url(../images/module_rounded_grey_corners.png) 0 -60px repeat-x; }
div.mod-rounded-grey div.box-b3 { background: #F5F6F7; }

div.mod-rounded-grey em.box { background: #ffffff; }

/* module: header based on rounded */
div.mod-rounded-header div.box-1 { padding: 30px 14px 0px 14px; }

div.mod-rounded-header h3.header {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background: url(../images/module_rounded_white_header.png) 0 0 no-repeat;
}

div.mod-rounded-header span.header-2 {
	padding: 0px 10px 0px 10px;
	background: url(../images/module_rounded_white_header.png) 100% -40px no-repeat;
}

div.mod-rounded-header span.header-3 {
	height: 35px;
	background: url(../images/module_rounded_white_header.png) 100% -80px repeat-x;
	line-height: 35px;
}
div.mod-rounded-header h3.header span.icon { top: 2px; }

/* color: greyheader */
div.mod-rounded-header-grey h3.header {
	background-image: url(../images/module_rounded_grey_header.png);
	color: #ffffff;
}

div.mod-rounded-header-grey h3.header span.subtitle { color: #ffffff; }

div.mod-rounded-header-grey span.header-2 { background-image: url(../images/module_rounded_grey_header.png); }
div.mod-rounded-header-grey span.header-3 { background-image: url(../images/module_rounded_grey_header.png); }

/*
 * module: chrome
 */

div.mod-chrome div.box-t1 { background: url(../images/module_chrome_white.png) 0 0 no-repeat; }

div.mod-chrome div.box-t2 {
	padding: 0px 15px 0px 15px;
	background: url(../images/module_chrome_white.png) 100% -45px no-repeat;
}

div.mod-chrome div.box-t3 {
	height: 40px;
	background: url(../images/module_chrome_white.png) 0 -90px repeat-x;
}

div.mod-chrome div.box-1 {
	padding: 0px 6px 0px 6px;
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	background: #F0F1F2;
}

div.mod-chrome div.box-2 {
	padding: 0px 8px 0px 8px;
	background: #141414 url(../images/module_chrome_white.png) 0 -195px repeat-x;
	overflow: hidden;
	color: #c8c8c8;
}

div.mod-chrome div.box-b1 { background: url(../images/module_chrome_white.png) 0 -135px no-repeat; }

div.mod-chrome div.box-b2 {
	padding: 0px 15px 0px 15px;
	background: url(../images/module_chrome_white.png) 100% -155px no-repeat;
}

div.mod-chrome div.box-b3 {
	height: 15px;
	background: url(../images/module_chrome_white.png) 0 -175px repeat-x;
}

div.mod-chrome h3.header { line-height: 35px; }
div.mod-chrome h3.header span.subtitle { margin-top: -5px; }
div.mod-chrome h3.header span.icon { top: 2px; }

/* color: black */
div.mod-chrome-black div.box-t1 { background-image: url(../images/module_chrome_black.png); }
div.mod-chrome-black div.box-t2 { background-image: url(../images/module_chrome_black.png); }
div.mod-chrome-black div.box-t3 { background-image: url(../images/module_chrome_black.png); }

div.mod-chrome-black div.box-1 {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #1E1E1E;
}

div.mod-chrome-black div.box-2 {
	background: #F0F1F2 url(../images/module_chrome_black.png) 0 -195px repeat-x;
	color: #323232;
}

div.mod-chrome-black div.box-b1 { background-image: url(../images/module_chrome_black.png); }
div.mod-chrome-black div.box-b2 { background-image: url(../images/module_chrome_black.png); }
div.mod-chrome-black div.box-b3 { background-image: url(../images/module_chrome_black.png); }

div.mod-chrome-black h3.header { color: #ffffff; }
div.mod-chrome-black h3.header span.subtitle { color: #c8c8c8; }

/* color: orange */
div.mod-chrome-orange div.box-t1 { background-image: url(../images/module_chrome_orange.png); }
div.mod-chrome-orange div.box-t2 { background-image: url(../images/module_chrome_orange.png); }
div.mod-chrome-orange div.box-t3 { background-image: url(../images/module_chrome_orange.png); }

div.mod-chrome-orange div.box-1 {
	border-left: 1px solid #9B3E00;
	border-right: 1px solid #9B3E00;
	background: #D95700;
}

div.mod-chrome-orange div.box-2 {
	background: #F0F1F2 url(../images/module_chrome_orange.png) 0 -195px repeat-x;
	color: #323232;
}

div.mod-chrome-orange div.box-b1 { background-image: url(../images/module_chrome_orange.png); }
div.mod-chrome-orange div.box-b2 { background-image: url(../images/module_chrome_orange.png); }
div.mod-chrome-orange div.box-b3 { background-image: url(../images/module_chrome_orange.png); }

div.mod-chrome-orange h3.header { color: #ffffff; }
div.mod-chrome-orange h3.header span.subtitle { color: #ffffff; }

/* color: blue */
div.mod-chrome-blue div.box-t1 { background-image: url(../images/module_chrome_blue.png); }
div.mod-chrome-blue div.box-t2 { background-image: url(../images/module_chrome_blue.png); }
div.mod-chrome-blue div.box-t3 { background-image: url(../images/module_chrome_blue.png); }

div.mod-chrome-blue div.box-1 {
	border-left: 1px solid #075485;
	border-right: 1px solid #075485;
	background: #0269AD;
}

div.mod-chrome-blue div.box-2 {
	background: #F0F1F2 url(../images/module_chrome_blue.png) 0 -195px repeat-x;
	color: #323232;
}

div.mod-chrome-blue div.box-b1 { background-image: url(../images/module_chrome_blue.png); }
div.mod-chrome-blue div.box-b2 { background-image: url(../images/module_chrome_blue.png); }
div.mod-chrome-blue div.box-b3 { background-image: url(../images/module_chrome_blue.png); }

div.mod-chrome-blue h3.header { color: #ffffff; }
div.mod-chrome-blue h3.header span.subtitle { color: #ffffff; }

/* color: green */
div.mod-chrome-green div.box-t1 { background-image: url(../images/module_chrome_green.png); }
div.mod-chrome-green div.box-t2 { background-image: url(../images/module_chrome_green.png); }
div.mod-chrome-green div.box-t3 { background-image: url(../images/module_chrome_green.png); }

div.mod-chrome-green div.box-1 {
	border-left: 1px solid #496A0D;
	border-right: 1px solid #496A0D;
	background: #6B980E;
}

div.mod-chrome-green div.box-2 {
	background: #F0F1F2 url(../images/module_chrome_green.png) 0 -195px repeat-x;
	color: #323232;
}

div.mod-chrome-green div.box-b1 { background-image: url(../images/module_chrome_green.png); }
div.mod-chrome-green div.box-b2 { background-image: url(../images/module_chrome_green.png); }
div.mod-chrome-green div.box-b3 { background-image: url(../images/module_chrome_green.png); }

div.mod-chrome-green h3.header { color: #ffffff; }
div.mod-chrome-green h3.header span.subtitle { color: #ffffff; }

div.mod-chrome-black em.box,
div.mod-chrome-orange em.box,
div.mod-chrome-blue em.box,
div.mod-chrome-green em.box { background: #ffffff; }

/*
 * module: chrome with menu
 */

div.mod-menu-chrome div.box-2 { padding: 0px; }

/*
 * module: tab
 */
 
div.mod-tab {
	padding: 15px 0px 0px 0px;
}

div.mod-tab div.box-1 {
	background: url(../images/module_tab_l.png) 0 0 repeat-y;
}

div.mod-tab div.box-2 {
	background: url(../images/module_tab_t.png) 0 0 repeat-x;
}

div.mod-tab div.box-3 {
	background: url(../images/module_tab_tr.png) 100% 0 no-repeat;
}

div.mod-tab div.box-4 {
	padding: 20px 15px 10px 15px;
	background: url(../images/module_tab_bl.png) 0 100% no-repeat;
}

div.mod-tab h3.header {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/module_tab_header.png) 0 0 no-repeat;
	line-height: 30px;
}

div.mod-tab span.header-2 {
	padding: 0px 20px 0px 15px;
	background: url(../images/module_tab_header.png) 100% -35px no-repeat;
}

div.mod-tab span.header-3 {
	height: 30px;
	background: url(../images/module_tab_header.png) 0 -70px repeat-x;
}

/*
 * module: line
 */

#contentleft div.mod-line { margin-right: 1px; }
#contentright div.mod-line { margin-left: 1px; }

div.mod-line div.box-1 {
	padding: 0px 0px 15px 0px;
	overflow: hidden;
}

#contentleft div.mod-line div.box-1 { padding-right: 14px; }
#contentright div.mod-line div.box-1 { padding-left: 14px; }

div.mod-line h3.header {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 6px 0px;
	background: url(../images/module_line.png) 0 100% repeat-x;
}

#contentleft div.mod-line h3.header { margin-right: -14px; }
#contentright div.mod-line h3.header { margin-left: -14px; text-indent: 14px; }

/*
 * module: line with menu
 */

#contentleft div.mod-menu-line div.box-1 { padding-right: 0px; }
#contentright div.mod-menu-line div.box-1 { padding-left: 0px; }

div.mod-menu-line h3.header { margin: 0px; }

#contentleft div.mod-menu-line h3.header { margin-right: 0px; }
#contentright div.mod-menu-line h3.header { margin-left: 0px; }

/*
 * module: polaroid
 */

div.mod-polaroid div.badge-tape {
	position: absolute;
	top: -13px;
	left: 50%;
	width: 114px;
	height: 38px;
	margin-left: -57px;
	background: url(../images/module_polaroid_tape.png) 0 0 no-repeat;
	z-index: 1;
}

div.mod-polaroid div.box-1 {
	margin-top: 13px;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	background: #ffffff url(../images/module_polaroid_bg.png) 0 100% repeat-x;
	overflow: hidden;
}

div.mod-polaroid div.box-2 {
	margin-bottom: 5px;
	background: #000000;
}

div.mod-polaroid div.box-3 {
	padding: 10px 15px 10px 15px;
	overflow: hidden;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #C8C8C8;
}

div.mod-polaroid div.box-b1 {
	background: url(../images/module_polaroid_shadows.png) 0 0 no-repeat;
}

div.mod-polaroid div.box-b2 {
	padding: 0px 70px 0px 70px;
	background: url(../images/module_polaroid_shadows.png) 100% -5px no-repeat;
}

div.mod-polaroid div.box-b3 {
	height: 5px;
	background: url(../images/module_polaroid_shadows.png) 0 -10px repeat-x;
}

div.mod-polaroid h3.header {
	height: 25px;
	margin: 0px 0px 0px 0px;
	font-size: 140%;
	line-height: 25px;
	text-align: center;
	letter-spacing: -1px;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #323232;
}

/*
 * module: postit
 */

div.mod-postit div.box-1 {
	background: #FFFFAA;
	color: #323232;
}

div.mod-postit div.box-2 {
	padding: 15px 15px 0px 15px;
	overflow: hidden;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
}

div.mod-postit div.box-b1 {
	background: url(../images/module_postit_shadows.png) 0 0 no-repeat;
}

div.mod-postit div.box-b2 {
	padding: 0px 90px 0px 60px;
	background: url(../images/module_postit_shadows.png) 100% -40px no-repeat;
}

div.mod-postit div.box-b3 {
	height: 40px;
	background: url(../images/module_postit_shadows.png) 0 -80px repeat-x;
}

div.mod-postit h3.header {
	height: 30px;
	margin: -15px -15px 5px -15px;
	background: #FFFFDA;
	font-size: 140%;
	line-height: 30px;
	text-indent: 15px;
	letter-spacing: -1px;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #323232;
}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#shwrapper {width:927px; margin:0px auto; display:none}
#shwrapper * {margin:0; padding:0; overflow:hidden;}
#shfullsize {position:relative; width:927px; height:220px; padding:0px; background:#000}
#shinformation {position:absolute; bottom:0; width:928px; background:#000; overflow:hidden; z-index:1; opacity:.3; filter: alpha(opacity=30);  margin-top: 5px;}
#shinformation h3 {position: relative; top: 8px; padding:8px 8px 5px 5px; font-size:28px; opacity:1; filter: alpha(opacity=100); font-family: "Times New Roman", Times, serif; color: white}
#shinformation p {position: relative; top: 5px; padding:8px 8px 16px;color: white; opacity:1; filter: alpha(opacity=100);}
#shimage {width:927px; height:220px;}
#shimage img {position:absolute; z-index:0}
.shimgnav {position:absolute; width:25%; height:160px; cursor:pointer; z-index:3}
#shimgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#shimgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#shimglink {position:absolute; left: 40px; height:180px; width:850px; z-index:4; opacity:.7; filter: alpha(opacity=70); }
.shlinkhover {background:url(../images/link.gif) center center no-repeat}
#shthumbnails {margin-top:15px}
#shslideleft {float:left; width:20px; height:181px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#shslideleft:hover {background-color:#333}
#shslideright {float:right; width:20px; height:181px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#shslideright:hover {background-color:#333}
#shslidearea {float:left; position:relative; width:928px; margin-left:5px; height:181px; overflow:hidden}
#shslider {position:absolute; left:0; height:181px}
#shslider img {cursor:pointer; border:1px solid #666; padding:2px}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; padding:10px; }
#imageContainer{ padding: 10px; overflow: hidden;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; padding: 0px 10px 0px 10px;}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#captionContainer {width: 100%; background: #fff;}
#photoCaption{ font-weight: bold; font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; padding: 0px 0px 0px 10px;}

#creditsContainer {width: 100%; background: #ffy; padding:10px; display:block;}
#photoCredits{ font-weight: bold; font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; padding: 0px 10px 0px 10px;}



.orange-button,  .orange-button a{

background: #ff9900; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7700', endColorstr='#ff9900'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fc0),color-stop(0.5, #fa0),color-stop(0.5, #f70), to(#f90)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fc0, #fa0 50%, #f70 50%, #f90); /* for firefox 3.6+ */
color:#fff;
font-weight:bold;
font-size: 16px;
text-align:center;
text-shadow: 0 0 0.2em #F50, 0 0 0.2em #F50;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

padding: 10px;
border: 1px solid #fff;
}

.orange-button:hover,  .orange-button a:hover{

background: #ff9900; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ffaa00'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ff0),color-stop(0.5, #fb0),color-stop(0.5, #f90), to(#fa0)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ff0, #fb0 50%, #f90 50%, #fa0); /* for firefox 3.6+ */
color:#fff;
font-weight:bold;
font-size: 16px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
text-align:center;
text-shadow: 0 0 0.2em #F70, 0 0 0.2em #F70;
padding: 10px;
border: 1px solid #fff;
}


.rounded-button-black {

background: #000000; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#111111'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#555),color-stop(0.5, #333),color-stop(0.5, #111), to(#444)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #555, #333 50%, #111 50%, #444); /* for firefox 3.6+ */
color:#fff;
font-weight:bold;

-moz-border-radius: 6px;
-webkit-border-radius: 6px;

padding: 10px;
border: 1px solid #aaa;
}
.red-button,  .red-button a{

background: #990000; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#991111'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#900),color-stop(0.5, #500),color-stop(0.5, #400), to(#600)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #900, #500 50%, #400 50%, #600); /* for firefox 3.6+ */
color:#fff;
font-weight:bold;
font-size: 16px;
text-align:center;
text-shadow: 0 0 0.1em #F80, 0 0 0.1em #F80;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

padding: 10px;
border: 1px solid #aaa;
}

.red-button:hover,  .red-button a:hover{

background: #dd0000; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0000', endColorstr='#dd1111'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#d00),color-stop(0.5, #700),color-stop(0.5, #600), to(#900)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #d00, #700 50%, #600 50%, #900); /* for firefox 3.6+ */
color:#fff;
font-weight:bold;
font-size: 16px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
text-align:center;
text-shadow: 0 0 0.1em #F80, 0 0 0.1em #F80;
padding: 10px;
border: 1px solid #aaa;
}

input[type="button"],input[type="submit"] {

background: #009900; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009900', endColorstr='#009900'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#090),color-stop(0.5, #050),color-stop(0.5, #040), to(#060)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #090, #050 50%, #040 50%, #060); /* for firefox 3.6+ */
color:#fff;
font-weight:normal;
font-size: 16px;
text-align:center;
text-shadow: 0 0 0.1em #4f4, 0 0 0.1em #4f4;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

padding: 10px;
border: 1px solid #aaa;
}

input[type="button"]:hover,input[type="submit"]:hover{

background: #00dd00; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00dd00', endColorstr='#009900'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#0d0),color-stop(0.5, #070),color-stop(0.5, #060), to(#090)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #0d0, #070 50%, #060 50%, #090); /* for firefox 3.6+ */
color:#fff;
font-weight:normal;
font-size: 16px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
text-align:center;
text-shadow: 0 0 0.1em #4f4, 0 0 0.1em #4f4;
padding: 10px;
border: 1px solid #aaa;
}


.rounded6 {
-webkit-border-radius:6px;
-moz-border-radius:6px;
-khtml-border-radius:6px;
-o-border-radius:6px;
}

.rounded5 {
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-o-border-radius:5px;
}

.rounded10 {
-webkit-border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-o-border-radius:10px;
}


.rounded-button-black:hover {

background: #ddd; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #ccc),color-stop(0.5, #bbb),to(#eee)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #ccc 50%, #bbb 50%,  #ccc); /* for firefox 3.6+ */
color:#000;
font-weight:bold;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

padding: 10px;
border: 1px solid #aaa;
}



#menubar-css { 

background: #ccc; /* flat color for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #ccc); /* for firefox 3.6+ */

-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;

height: 44px;
width: 745px;
border: 1px solid #222;

}

#menubar-css div.menubar-2 {
	padding: 0px 20px 0px 20px;
	background: url(../images/menubar_bg.png) 100% -50px no-repeat;
}

#menubar-css div.menubar-3 {
	
	background: url(../images/menubar_bg.png) 0 -100px repeat-x;
}

#search-css {
	position: absolute;
	top: 115px;
	right: 0px;
	z-index: 12;
	width: 168px;
	height: 32px;
	padding: 13px 15px 0px 15px;
	background: #111; /* flat color for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#111111'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#555),color-stop(0.5, #333),color-stop(0.5, #111), to(#444)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #555, #333 50%, #111 50%, #444); /* for firefox 3.6+ */

-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;

display: block;
border: 1px solid #222222;
}

.heading-bar {

background: #111; /* flat color for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#111111'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#555), color-stop(0.5, #333),color-stop(0.5, #111), to(#444)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #555, #333 50%, #111 50%,  #444); /* for firefox 3.6+ */

-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;


border: 1px solid #222222;

}
.heading-bar-grey {

background: #ddd; /* flat color for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #ccc),color-stop(0.5, #bbb),to(#eee)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #ccc 50%, #bbb 50%,  #ccc); /* for firefox 3.6+ */

-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;

display: block;
border: 1px solid #ccc;

}

.heading-bar H3 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	vertical-align:middle;
	
}

.heading-bar-grey H3 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
}

.heading-bar h3 span, .heading-bar-grey h3 span {
	margin: 5px;
	display: inline-block; 
	width: 30px;
	height: 32px;
	background: url(../images/module_icons.png) 0 0 no-repeat;
	overflow: hidden;
	vertical-align:middle;
	
}
.heading-bar h3 span.icon-rss { background-position: 0 0; }
.heading-bar h3 span.icon-download { background-position: 0 -30px; }
.heading-bar h3 span.icon-twitter { background-position: 0 -60px; }
.heading-bar h3 span.icon-mail { background-position: 0 -90px; }
.heading-bar h3 span.icon-message { background-position: 0 -120px; }
.heading-bar h3 span.icon-users { background-position: 0 -150px; }
.heading-bar h3 span.icon-shopping { background-position: 0 -180px; }
.heading-bar h3 span.icon-lock { background-position: 0 -210px; }

.rounded-box-grey {

background: #eeeeee; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #ddd); /* for firefox 3.6+ */

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

display:block;
padding: 10px;
border: 1px solid #aaa;

}
.rounded-box-blue {

background: #eeeeee; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaf7fd'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaf7fd)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #eaf7fd); /* for firefox 3.6+ */

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 2px 6px #ccc;
-moz-box-shadow: 0px 2px 6px #ccc;

display:block;
padding: 10px;
border: 1px solid #aaa;


}

.rounded-box {

background: #ffffff; 

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

display:block;

padding: 10px;
border: 1px solid #aaa;

}

.roundedbottom-box {

background: #ffffff; 

-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
display:block;

padding: 10px;
border: 1px solid #aaa;

}

.roundedbottom-box-grey {

background: #fdfdfd; 

-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
display:block;

padding: 10px;
border: 1px solid #aaa;

}

.rounded-box-lightgrey {

background: #fdfdfd; 

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

display:block;
padding: 10px;
border: 1px solid #ddd;
-webkit-box-shadow: 0px 2px 6px #ccc;
-moz-box-shadow: 0px 2px 6px #ccc;

}

.rounded-box-white {

background: #ffffff; 

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

display:block;
padding: 10px;
border: 1px solid #ddd;
-webkit-box-shadow: 0px 2px 6px #ccc;
-moz-box-shadow: 0px 2px 6px #ccc;

}




div.search { 
	position: relative;	
	width: 120px;
	height: 18px;
}

div.search ul {
	margin: 0px;
	padding: 0px;
}
 
div.search li {
	margin: 0px;
	padding: 0px;
	display: block;
}

.searchbox {
	width: 180px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	background: url(../images/searchbox_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.searchbox:hover  {
	background: url(../images/searchbox_bg.png) 0 -18px no-repeat;
}

.searchbox:hover input {
	color: #000000;
}

.searchbox input:focus {
	color: #000000;
	border: none;
}

.searchbox input {
	width: 85px;
	height: 15px;
	margin: 2px 0px 0px 6px;
	padding: 0px;
	border: none;
	outline: none;
	background: none;
	float: left;
	font-size: 11px;
}

.searchbox button {
	width: 25px;
	height: 25px;
	padding: 0px;
	margin: -3px 10px 0px 0px;
	background: url(../images/Magnifying-Glass-25.png) 0 0 no-repeat;
	border: none;
	float: right;
	cursor: pointer;
	line-height: 0px;
}

.search-magnifier {
	display: inline-block;
	background: url(../images/search_magnifier_icon.png) 0 0 no-repeat;
	float:right;
}

.search-close {
	background: url(../images/close_icon.png) 0 0 no-repeat;
}

.search-loader {
	background: url(../images/loader_icon.gif) 0 0 no-repeat;
}
/* readmore button */
p.readmore { overflow: hidden; }
div.module p.readmore {	margin-bottom: 0px; }

p.readmore-black { overflow: hidden; }
div.p.readmore-black {	margin-bottom: 0px; }

a.readmore {
	display: block;
	width: 100px;
	height: 20px;
	background: transparent url(../images/readmore.png) 0 0 no-repeat;
	float: right;
	line-height: 20px;
	text-indent: 10px;
	font-size: 90%;
	color: #505050;
	text-decoration: none;
}

a.readmore-black {
	display: block;
	width: 100px;
	height: 20px;
	background: transparent url(../images/readmore.png) 0 0 no-repeat;
	float: right;
	line-height: 20px;
	text-indent: 10px;
	font-size: 90%;
	color: #505050;
	text-decoration: none;
}

a.readmore:hover {
	background: transparent url(../images/readmore.png) 0 -25px no-repeat;
	color: #000000;
}

div.mod-rounded-header-grey a.readmore {
	background: transparent url(../images/readmore.png) 0 -50px no-repeat;
	color: #dcdcdc;
}

div.mod-rounded-header-grey a.readmore:hover {
	background: transparent url(../images/readmore.png) 0 -75px no-repeat;
	color: #ffffff;
}

a.readmore-black {
	background: transparent url(../images/readmore.png) 0 -50px no-repeat;
	color: #dcdcdc;
}

a.readmore-black:hover {
	background: transparent url(../images/readmore.png) 0 -75px no-repeat;
	color: #ffffff;
}


.wrapper { width: 960px; }
#main-shift { margin-right: 215px; }
#right { width: 200px; margin-left: -200px; }
#content-shift { margin-right: 210px; }
#contentright { width: 195px; margin-left: -195px; }
#menu .dropdown { width: 300px; }
#menu .columns2 { width: 600px; }
#menu .columns3 { width: 900px; }
#menu .columns4 { width: 1200px;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #646464;
}

 

.wrapper { margin: auto; }

#header {
	position: relative;
	z-index: 10;
	height: 160px;
	clear: both;
}

#top {
	overflow: hidden;
	clear: both;
}

#top .topbox { margin-top: 15px; }

#middle {
	padding: 15px 0px 15px 0px;
	clear: both;
}

#bottom {
	overflow: hidden;
	clear: both;
}

#bottom .bottombox { padding-bottom: 15px; }  

#footer {
	position: relative;
	padding-bottom: 15px;
	clear: both;
	text-align: center;
}

 
 
#middle {
	width: 100%;  
	 
	overflow: hidden;  
	position: relative;  
}

#middle-expand {
	width: 200%;
}

 
#main {
	position: relative;
	left: 50%;
	width: 50%;
	float: left;
}

#main-shift {
	position: relative;
	left: -100%;
	 
	 
	overflow: hidden;
}

 
#left {
	position: relative;
	left: -50%;
	 
	float: left;
	overflow:hidden;
}

 
#right {
	 
	 
	float: left;
	overflow:hidden;
}

 

div#maintop,
div#contenttop {
	margin: 0px 0px 15px 0px;
	overflow: hidden;
}

div#contentbottom,
div#mainbottom {
	margin: 15px 0px 0px 0px;
	overflow: hidden;
}

 
 
#mainmiddle {
	width: 100%;  
	 
	overflow: hidden;  
	position: relative;  
}

#mainmiddle-expand {
	width: 200%;
}

 
#content {
	position: relative;
	left: 50%;
	width: 50%;
	float: left;
}

#content-shift {
	position: relative;
	left: -100%;
	overflow: hidden;
}

 
#contentleft {
	position: relative;
	left: -50%;
	float: left;
	overflow:hidden;
}

 
#contentright {
	 
	 
	float: left;
	overflow:hidden;
}

 

.floatbox { overflow:hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width45 { width: 45%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width75 { width: 75%; }
.width100 { width: 100%; }



body.yoopage { background: #660000 url(../../images/variations/combsblack/pagebackground.jpg) 50% 0 no-repeat;; }  
#page-body { background: #660000 url(../../images/variations/combsblack/pagebackground.jpg) 50% 0 no-repeat;;}
.wrapper-bg1 {background: #490000;}
.wrapper-bg2 { padding: 10px 15px 0px 15px; background: url(../../images/variations/combsblack/page_bg_mascord.jpg) 50% 0 no-repeat; }

 

#absolute {
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 0px;
	width: 100%;
}

#breadcrumbs {
	margin-bottom: 15px;
	font-size: 85%;
}

#breadcrumbs a,
#breadcrumbs span {	display: inline-block; }

#breadcrumbs a,
#breadcrumbs span.separator {
	padding: 0px 15px 0px 0px;
	background: url(../images/breadcrumbs.png) 100% 50% no-repeat;
}

 


 
#toolbar {
	height: 40px;
	overflow: hidden;
	line-height: 25px;
	font-size: 9px;
}

#date {
	margin: -5px 30px 0px 0px;
	float: left;
	color: #FFFFFF;
}

#headerbar {
	height: 75px;
	padding-left: 220px;
	overflow: hidden;
}

#menubar { background: url(../images/menubar_bg.png) 0 0 no-repeat; }

#menubar div.menubar-2 {
	padding: 0px 20px 0px 20px;
	background: url(../images/menubar_bg.png) 100% -50px no-repeat;
}

#menubar div.menubar-3 {
	height: 50px;
	background: url(../images/menubar_bg.png) 0 -100px repeat-x;
}

 
#logo {
	position: absolute;
	top: 30px;
	left: 0px;
}

#menu {
	position: absolute;
	top: 120px;
	left: 20px;
	z-index: 11;
}

#search {
	position: absolute;
	top: 115px;
	right: 0px;
	z-index: 12;
	width: 120px;
	height: 32px;
	padding: 13px 15px 0px 15px;
	background: url(../images/search_bg.png) 0 0 no-repeat;
}

#banner {
	position: absolute;
	top: 100px;
	right: -15px;
	width: 0px;
	z-index: 3;
}

 

#footer a:link, #footer a:visited { }
#footer a:hover { }

#footer a.anchor {
	position: absolute;
	right: 0px;
	top: 3px;
	width: 30px;
	height: 5px;
	background: url(../images/footer_anchor.png) 0 -10px no-repeat;
	display: block;
	text-decoration: none;
}

 

div.mainmiddle-wrapper-tl { background: url(../images/module_rounded_white_corners.png) 0 0 no-repeat; }

div.mainmiddle-wrapper-tr {
	padding: 0px 10px 0px 10px;
	background: url(../images/module_rounded_white_corners.png) 100% -15px no-repeat;
}

div.mainmiddle-wrapper-t {
	border-top: 1px solid #D2D2D2;
	background: #ffffff;
}

div.mainmiddle-wrapper-t div.contentright-bg { height: 9px; }

div.mainmiddle-wrapper-m {
	padding: 0px 9px 0px 9px;
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	background: #ffffff;
}

div.mainmiddle-wrapper-m div.contentright-bg {
	padding: 5px;
	overflow: hidden;
}

div.mainmiddle-wrapper-bl { background: url(../images/module_rounded_white_corners.png) 0 -30px no-repeat; }

div.mainmiddle-wrapper-br {
	padding: 0px 10px 0px 10px;
	background: url(../images/module_rounded_white_corners.png) 100% -45px no-repeat;
}

div.mainmiddle-wrapper-b {
	height: 9px;
	border-bottom: 1px solid #D2D2D2;
	background: #ffffff;
}

div.mainmiddle-wrapper-b div.contentright-bg { height: 9px; 
position: relative; right: 20px;
}

.column-contentleft div.contentleft-bg { background: url(../images/contentleft_bg.png) 0 0 repeat-y; }


.column-contentright { background: url(../images/contentright_bg.png) 50% 0 repeat-y; 
}



div.contentright-bg { background: url(../images/contentright_bg.png) 100% 0 repeat-y; 
}


#longdesc h2 {
Margin-top:10px;
}