/*------------------------------------------------------------------------
# cssmenu.css
# ------------------------------------------------------------------------*/

#cssmenu {
	margin: 0; /* all lists */
	padding: 0;
}

#cssmenu ul {
	margin: 0; /* all lists */
	padding: 0;
}

#cssmenu li {
	float: left;
}

#cssmenu li ul {
	width: 14.9em;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	w\idth: 14.9em;
}

#cssmenu li ul ul {
	margin: -2em 0 0 15em; /* third-and-above-level lists */
}

#cssmenu li li {
	padding: 5px 1em 5px 8px;
	margin: 0;
	width: 14.9em;
}

#cssmenu ul a {
	width: 14.8em;
	w\idth: 10.8em;
}

#cssmenu li:hover ul ul, #cssmenu li:hover ul ul ul,
#cssmenu li.sfhover ul ul, #cssmenu li.havechildsfhover ul ul, #cssmenu li.havechild-activesfhover ul ul, #cssmenu li.activesfhover ul ul,
#cssmenu li.sfhover ul ul ul, #cssmenu li.havechildsfhover ul ul ul, #cssmenu li.havechild-activesfhover ul ul ul, #cssmenu li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#cssmenu li:hover ul, #cssmenu li li:hover ul, #cssmenu li li li:hover ul,
#cssmenu li.sfhover ul, #cssmenu li.havechildsfhover ul, #cssmenu li.havechild-activesfhover ul, #cssmenu li.activesfhover ul,
#cssmenu li li.sfhover ul, #cssmenu li li.havesubchildsfhover ul, #cssmenu li li.havesubchild-activesfhover ul, #cssmenu li li.activesfhover ul,
#cssmenu li li li.sfhover ul, #cssmenu li li li.havesubchildsfhover ul, #cssmenu li li li.havesubchild-activesfhover ul, #cssmenu li li li.activesfhover ul {
	left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#cssmenu li a {
	color:#FFFFFF;
	display:block;
	line-height:32px;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:98px;
}

#cssmenu li a.first-item {
	border-left: none;
}

#cssmenu li a.last-item {
	border-right: none;
}

#cssmenu li a:hover,
#cssmenu li a:focus {
	background: #03497E url(../images/selectedbackground.jpg) repeat-x scroll 0 0;
	color:#FFFFFF;
	display:block;
	padding:0;
	text-decoration:none;
}

/* #cssmenu li:hover a,
#cssmenu li.sfhover a,
#cssmenu li.havechildsfhover a,
#cssmenu li.havechild-activesfhover a {
	background: #03497E url(img/selectedbackground.jpg) repeat-x scroll 0 0;
	color:#FFFFFF;
	display:block;
	padding:0;
	text-decoration:none;
}
*/
#cssmenu li.active a {
	color: #FFFFFF;
}

#cssmenu li a.active:hover,
#cssmenu li a.active:active,
#cssmenu li a.active:focus {
	color: #FFFFFF;
}

/* 2nd level and above */
#cssmenu li ul {
	background: #FBAE22;
}

#cssmenu li ul ul {
	border: 1px solid #2D2D2D;
}

#cssmenu li ul li {
	border-right: none;
	background: none;
}

#cssmenu li ul li a {
	border-right: none;
	margin: 0;
	padding: 5px 8px;
	background: none !important;
	text-transform: none;
	font-weight: normal;
	font-size: 100%;
	display: block;
	color: #FFF !important;
	text-align: left;
	line-height: 8px;
	width: 100%;
}

#cssmenu li.havesubchild,
#cssmenu li.havesubchild-active {
	background: url(../images/arrow-1.gif) no-repeat 95% 50%;
}

#cssmenu li ul a:hover,
#cssmenu li ul a:active,
#cssmenu li ul a:focus,
#cssmenu ul li:hover,
#cssmenu ul li.sfhover,
#cssmenu ul li.havesubchildsfhover,
#cssmenu ul li.havesubchild-activesfhover,
#cssmenu ul ul li:hover,
#cssmenu ul ul li.sfhover,
#cssmenu ul ul li.havesubchildsfhover,
#cssmenu ul ul li.havesubchild-activesfhover {
	color: #153768 !important;
	line-height: normal;
	display: block;
	text-align: left;
	line-height: 8px;
	padding: 5px 8px;
}

#cssmenu ul li a.active {
	background: none !important;
	color: #FFFFFF !important;
}

#cssmenu ul li a.active:hover,
#cssmenu ul li a.active:active,
#cssmenu ul li a.active:focus {
	color: #153768 !important;
}



/*------------------------------------------------------------------------
# general.css
# ------------------------------------------------------------------------*/

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption.left {
	float: left;
	margin-right: 1em;
}

.img_caption.right {
	float: right;
	margin-left: 1em;
}

.img_caption.left p {
	clear: left;
	text-align: center;
}

.img_caption.right p {
	clear: right;
	text-align: center;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

/*------------------------------------------------------------------------
# highslide.css
# ------------------------------------------------------------------------*/

/* CSS Document */

.highslide {
   outline: none;
}

.highslide-active-anchor img {
	visibility: hidden;
}

.highslide img {
	border: 2px solid gray;
}

.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-loading {
   display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
   text-decoration: none;
	padding: 2px;
	border: 1px solid black;
   background-color: white;
   padding-left: 22px;
   background-image: url(graphics/loader.white.gif);
   background-repeat: no-repeat;
   background-position: 3px 1px;
}
.highslide-image-blur {
}

.highslide-html {
    background-color: white;
}

.highslide-html-blur {
}

.highslide-html-content {
	position: absolute;
   display: none;
}



/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}

.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}

.highslide-wrapper .highslide-header div {
}

.highslide-wrapper .highslide-header ul{
	margin: 0;
	padding: 0;
	text-align: right;
	list-style:none;
}

.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
	list-style:none;
}

.highslide-wrapper .highslide-header ul li a{
	list-style:none;
}

.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}

.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
	list-style:none;
}

.highslide-wrapper .highslide-header a:hover {
	color: black;
	text-decoration:none;
}

.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}

.highslide-wrapper .highslide-footer {
	height: 11px;
}

.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../images/graphics/resize.gif);
}

.highslide-wrapper .highslide-body {
	padding-left:7px;
	padding-right:7px;
}

.highslide-move {
   cursor: move;
}

.highslide-resize {
   cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
   display: block;
}
.highslide-display-none {
   display: none;
}

/*slidehow*/

a.highslide-full-expand {
	background: url(graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-caption-image {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
	
	
}

/* Controlbar example */
.controlbar {	
	background: url(graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}
.highslide-overlay {
	display: none;
}

/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}



.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
a.highslide-credits,
a.highslide-credits i {
    padding: 5px 0 0 5px;
    color: silver;
    text-decoration: none;
	 font-size: 11px;
	 background: #FFFFFF;
	 display: none;
}

a.highslide-credits:hover,
a.highslide-credits:hover i {

}


/*------------------------------------------------------------------------
# joomla_style.css
# ------------------------------------------------------------------------*/

/*  Linkformatierung im Content */
a {
	color: #0596D5;
	text-decoration: underline;
}

a:hover {
	color: #FEB228;
	text-decoration: underline;
}

a:focus {
	outline: none;
}

input:focus {
	outline: none;
}

pre, blockquote { 
color: #564B47;
font-size: 11px;
background-color: #FEFEFE;
font-family: Courier, Monaco, Monospace;
}

p,pre {
	padding:0;
	text-indent: 0;
	font-size: 11px;
	line-height: 17px;
}

p {
line-height: 170%;
}

div.std {
line-height: 170%;
}

img {
	border: none;
}

form, fieldset {
	border: none;
	padding:0;
	margin: 0;
}

fieldset label {
	font-size: 12px;
	font-weight: bold;
	color: #124679;
}

.shop_info {
	color: #242424;
	width: 550px;
}

#og_content .shop_info {
	width: 550px;
	margin:0;
}

#og_content-right .shop_info, #og_content-left .shop_info {
	width: 550px;
}

/*------------------ OTHER ----------------------*/
h1, h2, h3, h4, h5, h6 {
	margin: 8px 0 10px;
	padding:0px;
}

h1 {
	color:#00345E;
	font-size:25px;
	font-style:normal;
	font-weight:normal;
	text-indent:0;
}

h2 {
	color:#73beff;
	font-size:16px;
	font-weight: normal;
}

h3 {
	color:#124679;
	font-size:14px;
}

h4 {
	color:#124679;
	font-size:13px;
}

h5 {
	color:#124679;
	font-size:10px;
}

h6 {
	color:#124679;
	font-size:9px;
}

i {
font-size:11px;
line-height:140%;
}

ul {
	margin:0;
	padding:0;
}
li {
list-style:none;
line-height:140%;
}

ul li {
	list-style: none;
}

.back_button {
padding:10px;
font-weight:bold;
}

/*  Layer Positionierung dynamisch */
#og_info {
	float:right;
	position:relative;
	text-indent:4px;
	top:15px;
	width:348px;
}

/* TABLE */
.contentpaneopen_news {
	padding: 15px 20px 0;
}

p.menus_content {
	margin: 15px 0;
	padding:0;
}

.bold {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
}
	
table.contentpaneopen fieldset {
	width:95%;
	padding:3px;
	margin:2px;
	overflow:hidden;
	border:1px solid #999999;
}
.small, .createdate, .modifydate {
	padding:0;
	margin:0;
	color:#124679;
	font-size:11px;
	float: left;
	display: block;
}

.createdate span {
	float: left;
}

.small {
	padding-left: 10px;
}

a.readon {
	color:#006587;
	font-size:12px;
	font-weight:bold;
	padding:8px 8px 5px;
	text-decoration: underline;
}

#og_containerwrap a.readon {
	background:transparent url(../images/readon.png) no-repeat scroll left top;
	color:#124679;
	font-size:14px;
	font-weight:bold;
	height:auto;
	line-height:14px;
	padding:4px 13px 10px 6px;
	text-align:center;
	text-decoration:none;
	width:auto;
	font-style: normal;
}

#og_containerwrap a.readon:hover {
	color: #ccc;
	text-decoration: none;
}

.highlight {
	background-color:#879CED;
	color:#124679;
}

/* Section Table */

.sectiontableentry1 {
	background-color:#FBF9F9;
	padding:5px;
	text-align:left;
	color: #000000;
}

.sectiontableentry2 {
	background-color:#F0F0F0;
	padding:5px;
	text-align:left;
}

.sectiontableentry1 td, .sectiontableentry2 td{
	padding:5px;
}
.sectiontableentry1 a, .sectiontableentry2 a{
	font-weight:bold;
}

/* Poll Eintraege */
.poll {
	width:95%;
}

/* Latest News und Popular*/

.latestnews li, .mostread li{
	list-style:none;
	color:#444444;
	line-height:130%;
}

/* Eingabefelder Inputbox */

.inputbox {
	background: #e6e6e6;
	border: 1px solid #7d7d7d;
	color: #242424;
	font-size:13px;
	padding:2px;
	width: 150px;
	height: auto;
	margin: 5px 0px;
}

#contact_text {
	width: auto;
}

#modlgn_remember {
	width: auto;
	height: auto;
	background: none;
	border: none;
}

/* Menueeintraege in mittelinks */
a.mainlevel:hover {
	text-decoration: none;
}

a.sublevel, a.mainlevel {
	margin:0;
	padding:0;
	line-height:150%;
}
a.sublevel:link, a.sublevel:visited {
	margin:0 0 0 10px;
	padding:0;
	color:#FFF;
}

#active_menu {
	color:#FFF;
	font-style: normal !important;
}

/*CONTENT-BEREICH */
table.contentpaneopen {
	width: 100%;
}

table.contentpaneopen img {
	margin: 0;
}

div.buttonheading {
	float: right;
	width: 15%;
}

.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right;
}

/*
.componentheading {
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	color:#222222;
	margin-left:10px;
	margin-bottom:15px;
	padding-left:25px;
	background:transparent url(../images/component_heading.gif) left no-repeat;
}
*/
.componentheading {
	border-bottom:1px solid #DEDEE2;
	color:#3483DA;
	display:block;
	font-size:18pt;
	font-weight:bold;
	line-height:18pt;
	margin:0 0 10px;
	padding-bottom:15px;
	width:100%;
}
.contentheading {
	color:#3483da;
	font-size:24px;
	line-height:20px;
        font-weight: bold;
}
.sectiontableheader {
	background:url(../images/section_table_header.gif);
	font-weight:bold;
	padding:5px;
}
.sectiontablefooter {
	background:url(../images/section_table_header.gif);
	font-weight:bold;
	padding:5px;
}
.button {
	margin:8px 0px;
	padding: 3px 6px;
	color: #FFF;
	border: 1px solid #404040;
	background-color:#408ca5;
}
.button a:hover{
	margin:8px 0px;
	border: 1px solid #AFABC6;
	background-color:#FEFEFE;
}

p.adv {
	text-align: center;
	margin: 30px 0;
}

/* Menue Ueberschriften */

table.moduletable {
	width:100%;
	padding:0;
	margin:0;
}
table.moduletable th {
	text-transform:uppercase;
	color:#222222;
	font-size:12px;
	padding-bottom:5px;
	margin-bottom:5px;
}

/* Bilder und MOSIMAGE */

div.mosimage {
	border: 1px solid #AFABC6;
}
.mosimage {
	border: 1px solid #AFABC6;
	margin: 5px;
}
.mosimage_caption {
	margin-top: 2px;
	background-color: #F3F2F6;
	padding: 1px 2px;
	color: #666666;
	font-size: 10px;
	border-top: 1px solid #AFABC6;
}

.pagination {
	text-align: center;
}

.pagination li {
	background:#E6F4FB none repeat scroll 0 0;
	border:1px solid #000;
	padding:3px;
	text-decoration:none;
	display: inline;
	color: #000;
}

.pagination li a {
	border: 1px #0596D5 solid;
	color: #0596D5;
}

h3{
color:#3483DA;
font-size:18pt;
font-weight:bold;
width:100%;

}


/*------------------------------------------------------------------------
# menu_style.css
# ------------------------------------------------------------------------*/
/*------------------ MAIN MENU --------------------*/
#og_mainmenu {
	background:transparent url(../images/menubackground.jpg) repeat scroll 0 0;
	bottom:0;
	height:32px;
	position:absolute;
	width:100%;
}

#og_mainmenu ul#mainlevel {
	float:left;
	height:32px;
	list-style: none;
	margin:0;
	padding:0;
}

#og_mainmenu ul li {
	float: left;
}

#og_mainmenu ul li a {
	color:#FFFFFF;
	display:block;
	line-height:32px;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:98px;
}

#og_mainmenu .sf-menu li li a {
	width: 12em;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em;
}
.sf-menu ul li {
	width:			100%;
	margin: 0;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			32px;
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sf-menu {
	margin: 0;
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	list-style-type: none;
	width: 100%;
}

.sf-menu li {
	display: inline;
	margin: 0;
}


#og_mainmenu ul.sf-menu li a:hover {
	background: #03497E url(../images/selectedbackground.jpg) repeat-x scroll 0 0;
	color:#FFFFFF;
	display:block;
	line-height:32px;
	padding:0;
	text-decoration:none;
}

#og_mainmenu ul.sf-menu li li a {
	background: #FBAE22;
	padding: 6px 5px 6px 8px;
	line-height: normal;
}

#og_mainmenu ul.sf-menu li li a:hover {
	background: #FBAE22;
	color: #153768;
	padding: 6px 5px 6px 8px;
	line-height: normal;
}

.sf-menu li li a {
	float: left;
	display: block;
	font-size: 11px;
	text-decoration: none;
	margin: 0 1px 0 0;
	padding: 3px 10px 4px;
	color: white;
	text-transform: lowercase;
	text-align: left !important;
	width: auto;
}

.sf-menu li li a, .sf-menu li.sfHover a {
}

.sf-menu li li a, .sf-menu li.sfHover li a {
	padding: 5px 10px 5px;
	width: 150px;
}

.sf-menu li li a:hover, 
.sf-menu li.sfHover li a {
	height: auto;
}

.sf-menu li li a:hover {
	background-color: #060;
}

.sf-menu li li.active a {
	background-color: #060;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}


/*------------------------------------------------------------------------
# newspro.css
# ------------------------------------------------------------------------*/

.jxtcpopup{
  position:absolute;
  float:left;
  top:0;
  left:0;
  margin:0px auto 0px auto;
  padding:5px;
  z-index:99999;
  border:8px solid #d1d1d1;
  background: #d1d1d1;
}

.jxtcinner{
  width:620px;
}

.jxtcpopupclose{
  position:absolute;
  margin:0;
  padding:4px 6px 0px 6px;
  font-size:14px;
  font-weight:bold;  
  color:#FFFFFF;
  top:-25px;
  right:60px;
  cursor:pointer;
  background: #d1d1d1;
}

.jxtcpopupdrag{
  position:absolute;
  margin:0;
  padding:4px 6px 0px 6px;
  font-size:14px;  
  color:#FFFFFF;
  top:-25px;
  right:0px;
  cursor:pointer;
  background: #d1d1d1;
}

/*------------------------------------------------------------------------
# system.css
# ------------------------------------------------------------------------*/

/* OpenID icon style */
input.system-openid, input.com-system-openid {
   background: url(http://openid.net/images/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

/*------------------------------------------------------------------------
# template.css
# ------------------------------------------------------------------------*/

body#bd {
	background:#013567 url(../images/background.jpg) no-repeat center 0;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:14px;
	margin:0;
	padding:0;
}

/*------------------WRAPPER----------------*/
#og_wrapper {
	margin:0 auto;
	width: 980px;
}

/*------------------- HEADER -------------------*/
#og_header {
	background:transparent url(../images/headerbanner.jpg) no-repeat scroll 0 0;
	height:193px;
	position:relative;
	width:100%;
	z-index:200;
}

/* -------------------- SEARCH -----------------------*/
#og_global_search {
	position:absolute;
	z-index:2;
	right:5px;
	top:40px;
	width:300px;
	height:109px;
	background:transparent url(../images/signinbackground2.png) repeat scroll 0 0;
}

#og_global_search .search {
	margin: 7px 6px 0px 0px;
	float:right;
	padding:0;
}

#og_global_search input#mod_search_searchword {
	background:transparent url(../images/searchback.png) repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	padding:3px 0;
	text-align:center;
	width:160px;
	margin: 3px 3px 0 10px;
	float: left;
	font-size: 10px;
}

#og_global_search .button {
	background:none;
	border:none;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	padding:2px 4px;
	text-align:center;
	margin: 0;
}

/*---------------- MAINBODY ----------------------*/
#og_mainbody {
	background:#FBF9F9;
	padding:10px;
	width:960px;
	min-height: 1300px
}

/*------------------ FOOTER ----------------------*/
#og_footer {
	margin:15px 0;
	padding:0;
	width:960px;
	text-align: center;
	color: #8B8A8A;
}

#og_footer ul {
	display:block;
	margin: 10px 0;
}

#og_footer li {
	display:inline;
	padding:0 4px;
}

#og_footer a {
	color: #636467;
}

#og_footer .copyright {
	font-weight: normal;
	padding: 0;
	margin: 3px 0;
	color: #8B8A8A;
	text-align: center;
}

/* ----------------- LOGIN ------------------------*/
.moduletable_login {
	background: url(../images/h2o_login.png) no-repeat right center; 
	margin:10px 10px 5px;
	padding: 4px 25px 4px 0;
	text-align: right;
}


.moduletable_login li {
	display: inline;
	font-size:10px;
}

.moduletable_login li a {
	color: #FFF;
	text-decoration: none;
}

.moduletable_login li a.highslide {
	border-right: 1px #FFF solid;
	margin-right: 4px;
}

/* Default Style */
#topBanner{position:absolute; height:35px; z-index:100; background:url(../images/topBanner_bg.png) repeat-x; top:0; left:0; width:100%;}

/* Header */
.header{position:relative;z-index:200;width:100%;height:193px;background:url(../images/headerbanner.jpg) no-repeat 0 0;}
.header h1{position:absolute;z-index:3;left:10px;top:70px;width:255px;height:70px;background:url(../images/logo_home_2.png) no-repeat;overflow:hidden}
.header a:link{color:#8B8B8B;border:none;text-decoration:none;cursor:pointer}
.header a:visited{border:none;text-decoration:none;cursor:pointer}
.header a:hover{color:#FEB228;border:none;text-decoration:none;cursor:pointer}
.header a{border:none;text-decoration:none;cursor:pointer}


#loginReg {float:right;padding:3px 10px 0 0;color:#fff;}
#loginReg div {margin-top: 3px;width:200px;text-align:right;}
#loginReg img {float:right;}
#login{border:solid 1px black;background:#D1D1D1;padding:0 	5px}
#login form{margin:0;padding:0;}
#login_username,#login_password{display:block;border:1px solid #03497E;width:95px;padding:3px;margin:0 0 5px;color:#03497E;font-size:10px;vertical-align:middle}
#login #login_submit{border:0;padding:0;height:22px;width:70px;background:url(../images/submit_btn_2.png) bottom left no-repeat; cursor: pointer; vertical-align: middle; margin-right: 5px;}
#login a:link{font-size:10px !important;display:block;background:none !important;padding:0 !important;line-height:normal !important}
#login a:visited{font-size:10px !important;display:block;background:none !important;padding:0 !important;line-height:normal  !important}
#login a:hover{font-size:10px !important;display:block;background:none !important;padding:0!important;line-height:normal !important}
#login a{margin-left:5px;font-size:10px !important;display:block;background:none !important;padding:0 !important;line-height:normal !important}

.bottom_sec{height:10px;}

#content_nav{position:absolute;bottom:0;width:100%;height:32px;background:url(../images/menubackground.jpg) repeat	;}
#content_nav ul{float:left;margin:0;padding:0;list-style:none;height:32px}
#content_nav ul li{float:left;}
#content_nav a:link{display:block;padding:0;color:#FFF;text-decoration:none;line-height:32px}
#content_nav .last a:link{display:block;padding:0;line-height:32px;color:#FFF;text-decoration:none;background:none}
#content_nav a:visited{display:block;padding:0;line-height:32px;color:#FFF;text-decoration:none;}
#content_nav .last a:visited{display:block;padding:0 10px;line-height:30px;color:#FFF;text-decoration:none;background:none}
#content_nav a:hover{display:block;padding:0;line-height:32px;color:#FFF;text-decoration:none;background:url(../images/selectedbackground.jpg) repeat-x #03497E}
#content_nav .last a:hover{display:block;padding:0;line-height:30px;color:#FFF;text-decoration:none;background:url(../images/selectedbackground.jpg) repeat-x #03497E}
#content_nav a{display:block;padding:0;line-height:30px;color:#FFF;text-decoration:none;width:98px; text-align:center;}
#content_nav .last a{display:block;padding:0;line-height:32px;color:#FFF;text-decoration:none;background:none}
#content_nav ul li ul{display:none;position:absolute;padding:0 0 8px 0;width:150px;background:url(../images/drop_down_bottom.png) no-repeat bottom}
#content_nav ul li ul li{float:none}
#content_nav ul li ul li a:link{height:15px;width:auto;display:block;padding:5px 8px;font-size:11px;font-weight:normal;line-height:15px;background:#fbae22}
#content_nav .last li a:link{height:15px;width:auto;display:block;padding:5px 8px;font-size:11px;font-weight:normal;line-height:15px;background:#fbae22}
#content_nav ul li ul li a:visited{height:15px;width:auto;display:block;padding:5px 8px;font-size:11px;font-weight:normal;line-height:15px;background:#fbae22}
#content_nav .last li a:visited{height:15px;width:auto;display:block;padding:5px 8px;font-size:11px;font-weight:normal;line-height:15px;background:#fbae22}
#content_nav ul li ul li a:hover{height:15px;display:block;padding:5px 8px;font-size:11px;font-weight:normal;line-height:15px;background:#fbae22;color:#153768}
#content_nav .last li a:hover{height:15px;display:block;padding:5px 8px;font-size:11px;font-weight:normal;line-height:15px;background:#fbae22;color:#153768}
#content_nav ul li ul li a{height:15px;width:auto;display:block;padding:5px 8px;font-size:11px;font-weight:normal;line-height:15px;background:#fbae22; text-align:left;}
#content_nav .last li a{height:15px;width:auto;display:block;padding:5px 8px;font-size:11px;font-weight:normal;line-height:15px;background:#fbae22}

#content_nav li:hover ul{display: block}
#content_nav .last ul{display:none;position:absolute;right:10px;padding:0 0 8px 0;width:150px;background:url(../images/drop_down_bottom.png) no-repeat bottom}

#utility_nav{position:absolute;left:0;top:29px;height:30px;background:url(../images/blue_left.png) no-repeat left;z-index:10;background-color:none}
#utility_nav ul{float:left;margin:0;list-style:none;padding:0 10px;background:url(../images/blue_right.png) no-repeat right}
#utility_nav ul li{float:left}
#utility_nav a:link{font-size:11px;display:block;padding:0 10px;line-height:30px;color:#FFF;text-decoration:none;background:url(../images/blue_divider.png) no-repeat right}
#utility_nav .last a:link{font-size:11px;display:block;padding:0 10px;line-height:30px;color:#FFF;text-decoration:none;background:none}
#utility_nav a:visited{font-size:11px;display:block;padding:0 10px;line-height:30px;color:#FFF;text-decoration:none;background:url(../images/blue_divider.png) no-repeat right}
#utility_nav .last a:visited{font-size:11px;display:block;padding:0 10px;line-height:30px;color:#FFF;text-decoration:none;background:none}
#utility_nav a:hover{font-size:11px;display:block;padding:0 10px;line-height:30px;color:#FFF;text-decoration:none;background:url(../images/orange_link.png) repeat-x #FEB228}
#utility_nav .last a:hover{font-size:11px;display:block;padding:0 10px;line-height:30px;color:#FFF;text-decoration:none;background:url(../images/orange_link.png) repeat-x #FEB228}
#utility_nav a{font-size:11px;display:block;padding:0 10px;line-height:30px;color:#FFF;text-decoration:none;background:url(../images/blue_divider.png) no-repeat right}
#utility_nav .last a{font-size:11px;display:block;padding:0 10px;line-height:30px;color:#FFF;text-decoration:none;background:none}



/* Content */
#content{width:960px;background:#fbf9f9; padding:10px;}

#sidebar_home{width:230px;}
#sidebar_home .header{background:#3483DA url(../images/sidebartop.jpg) no-repeat scroll 0 0; height:auto;position:static;z-index:1;}
#sidebar_home .header h1{background:none;height:auto;position:static;height:50px;width:100%}
#sidebar_home form {text-align:center;}
#sidebar_home select{width:185px;margin-bottom:8px;font-size:12px;text-align:left}
#sidebar_home .header form{margin:0;}
#sidebar_home .mid{background:#3483DA url(../images/sidebarbottom.jpg) no-repeat scroll 0 bottom;padding:15px 10px 10px}
#sidebar_home h2{margin:0 0 2px 0;padding:0;color:#0596D5;font-size:13px}
#sidebar_home h2 a:link{color:#0596D5 !important;text-decoration:none !important}
#sidebar_home h2 a:visited{color:#0596D5 !important;text-decoration:none !important}
#sidebar_home h2 a:hover{color:#0596D5 !important;text-decoration:underline !important}
#sidebar_home h2 a{color:#0596D5 !important;text-decoration:none !important}
#sidebar_home .mid a:link{color:#DB770E}
#sidebar_home .mid a:visited{color:#DB770E}
#sidebar_home .mid a:hover{color:#DB770E;text-decoration:none}
#sidebar_home .mid a{color:#DB770E}

#sidebar_home .rental {margin:15px 0;}

#block_join{background:transparent url(../images/orangesquare.jpg) repeat scroll 0 0;height:116px;margin-bottom:15px;}
#block_join #join_header{text-align:center;}
#block_join #join_header h3{margin:0;color:#FFF;font-size:12pt;line-height:12pt;padding:12px 0;}
#block_join .mid {background:none;padding:0;}
#block_join #email{display:inline;width:160px;padding:3px;margin:0 0 10px;font-size:10px;}
#block_join p{margin:0;padding:0}
#block_join form{margin:0;padding:0}

#content_right_home{float:right;width:658px;}

#content_right_home .iconWrapper{float:left;margin:10px 5px; line-height:0px}

.block_news {float:left;width:286px;height:157px;background:transparent url(../images/galleries2.jpg) repeat scroll 0 0}
.block_news a {color:#fff;text-decoration:none}
.block_news h3 {color:#fff;font-size:12pt;margin:10px;padding:0;}
.block_news li {color:#fff;padding-bottom:3px;list-style: disc;}
.block_news ul {margin-top:40px;padding-left: 40px;}
#block_galleries{float:left;margin:0 4px;width:250px}
#block_education{float:left;width:184px}

#block_latest,#block_latest_edu{float:left;padding:0 0 11px;width:653px;}
#block_latest{margin-right:10px;}
.block_latest_mid {background:#fff;}
.block_latest_mid .item,.block_latest_mid .item_alt,.block_latest_mid .item_last{border-bottom:#8f8f8f dotted 1px;color:#7c7c7c;padding:10px 0;margin:0 18px}
.block_latest_mid .item img,.block_latest_mid .item_alt img,.block_latest_mid .item_last img{float:right;padding:0 10px;}
.block_latest_mid .item_last {border:none}
.block_latest_mid img{float:left; margin-right:7px; border:none;}
#block_latest_edu .block_latest_mid .title,.block_latest_mid .title{font-size:12px;margin:0;padding:0 0 5px;background:none;}
#block_latest_edu .block_latest_mid a {background:transparent url(../images/readmore.jpg) no-repeat scroll 0 center}
.block_latest_mid a {display:block;margin-top:5px;color:#1c4888;text-decoration:none;padding-left:12px;background:transparent url(../images/readmoreorange.jpg) no-repeat scroll 0 center}
#block_latest .block_latest_header{height:30px; background:url(newsheader2.jpg)}
#block_latest_edu .block_latest_header{height:30px; background:url(eduheader2.jpg)}
#block_latest .block_latest_bottom{height:29px; background:url(../images/newsfooter2.jpg);}
#block_latest_edu .block_latest_bottom{height:30px; background:url(../images/edufooter2.jpg);}
.block_latest_bottom a {text-decoration:none;display:block;padding:8px 30px}
.block_latest_header h3{margin:0 0 0 37px;text-transform:uppercase;color:#FFF;font-size:12px;line-height:30px}
.block_latest_header img{border:none;margin-left:5px}
.block_latest_header a:link{color:#FFF;text-decoration:none}
.block_latest_header a:visited{color:#FFF;text-decoration:none}
.block_latest_header a:hover{color:#FFF;text-decoration:none}
.block_latest_header a{color:#FFF;display:block;text-decoration:none}

.block_header{height:30px;background:url(../images/block_header.png) #DA760E}
.block_header h3{margin:0 0 0 8px;text-transform:uppercase;color:#FFF;font-size:12px;line-height:30px}
.block_header img{border:none;margin-left:5px}
.block_header a:link{color:#FFF;text-decoration:none}
.block_header a:visited{color:#FFF;text-decoration:none}
.block_header a:hover{color:#FFF;text-decoration:none}
.block_header a{color:#FFF;text-decoration:none}


.block_middle{width:232px;border-left:1px solid #81A4B4;border-right:1px solid #81A4B4;padding:4px 8px}
.block_middle ul{list-style:none;margin:0;padding:0}
.block_middle ul li{margin:0 0 7px 0;line-height:13px}

.block_bottom{height:6px;background:url(../images/block_bottom.gif)}

#footer{text-align:center;margin:15px 0 15px 0;}
#footer p{margin:3px 0; color:#8b8a8a;}
#footer ul{list-style:none}
#footer li{display:inline;padding:0 4px}
#footer a {color:#404040}

/*#seo_copy{width:100%;background:url(../images/seo_bg.png) repeat-x;padding:15px 0;text-align:center;color:#0596D5;line-height:15px}*/
#seo_copy{width:960px;padding:0 0 15px 0;text-align:center;color:#0596D5;line-height:15px}
#seo_copy p{color:#d9d9d9;border-top:solid 1px;border-bottom:solid 1px;margin:0 20px;padding:10px 0;}
#seo_copy a:link{color:#404040}
#seo_copy a:visited{color:#404040}
#seo_copy a:hover{color:#404040}
#seo_copy td {text-align:left;color:#404040;}
#seo_copy td p {color:#404040;border:none;}
#seo_copy a {text-decoration:none;color:#404040;}

.clear{clear:both}

/********** SECONDARY PAGE STYLES **************/
#sidebar_sec{float:left;width:230px}
#sidebar_sec #header_sec{width:230px;height:85px;background:url(../images/housing_sec_bg.jpg) no-repeat;padding:10px 0;text-align:center}
#sidebar_sec #header_sec h1{position:relative;width:230px;height:22px;background:url(../images/housing_sec_title.png) no-repeat;overflow:hidden;margin-bottom:8px}
#sidebar_sec select{width:200px;margin-bottom:5px;color:#03497E;font-size:12px;text-align:center}
#sidebar_sec #mid_sec, #sidebar_sec .mid{width:208px;background:#E6F4FB;border-left:1px solid #81A4B4;border-right:1px solid #81A4B4;padding:10px;}
#sidebar_sec #mid_sec ul{list-style:none;margin:0;padding:0;font-size:12px;font-weight:bold}
#sidebar_sec #mid_sec li{margin:3px 0;padding:0}
#sidebar_sec #mid_sec h3{font-size:16px; color:#0596D5; margin:5px 0 10px 0; padding-bottom:5px; border-bottom:1px solid #81A4B4;}
#sidebar_sec #mid_sec a:link{color:#03497E; background:url(../images/M_images/arrow3.png) no-repeat; padding-left: 10px}
#sidebar_sec #mid_sec a:visited{color:#03497E; background:url(../images/M_images/arrow3.png) no-repeat; padding-left: 10px}
#sidebar_sec #mid_sec a:hover{color:#0596D5;text-decoration:none}
#sidebar_sec #mid_sec a{color:#03497E}
#sidebar_sec #bottom_sec, #sidebar_sec .bottom{width:230px;height:6px;background:url(../images/sidebar_sec_bottom.gif) no-repeat bottom;margin-bottom:10px}
#sidebar_sec .mainlevel_active,#sidebar_sec .sublevel_active{text-decoration:none !important;}
#sidebar_sec .sublevel{padding-left:10px !important;font-size:11px; font-weight: normal; margin:1px 0 !important; background: none !important;}
#sidebar_sec .sublevel_active{padding-left:10px !important;font-size:11px; font-weight:bold; margin:1px 0 !important; background: none !important; color:#D7740D !important;}

.mainlevel_active{background:url(../images/M_images/arrow4.png) no-repeat !important; padding-left: 10px; margin-bottom:0 !important;}
.sublevel_active{background:none; padding-left: 5px}

#block_sec_join{width:230px}
#block_sec_join #sec_join_header{width:230px;height:30px;background:url(../images/block_sec_join.jpg)}
#block_sec_join #sec_join_header h3{margin:0 0 0 8px;text-transform:uppercase;color:#FFF;font-size:12px;line-height:30px}
#block_sec_join #email{display:inline;border:1px solid #03497E;width:125px;padding:3px;margin:0 2px 0 0;color:#03497E;font-size:10px}
#block_sec_join #blk_join_submit{border:0;padding:0;height:22px;width:70px;background:url(../images/submit_btn_1.png) bottom left no-repeat}
#block_sec_join img{float:none;margin:0}
#block_sec_join p{margin:0;padding:0}
#block_sec_join form{margin:0;padding:0}

#content_right_sec{float:right;width:655px}
#content_right_sec h2{margin:0; display:block; width:100%; font-size:20px; color:#0596D5; padding-bottom:8px;}
#content_right{padding:20px 10px;}
#content_right h3{margin:0;padding:0;}

#content_right_sec #sort{float:right;margin-right:10px}
#content_right_sec select{color:#03497E;font-size:11px}

.prod_1{padding:10px 10px 5px 10px;border-top:1px solid}
.prod_1 .thumb{margin-right:10px}
.catProdTitle a:link{color:#0596D5;font-size:14px;font-weight:bold;line-height:20px}
.catProdTitle a:visited{color:#0596D5;font-size:14px;font-weight:bold;line-height:20px}
.catProdTitle a:hover{color:#FEB228;font-size:14px;font-weight:bold;line-height:20px}
.catProdTitle a{color:#0596D5;font-size:14px;font-weight:bold;line-height:20px}
.catProdTitle h3{margin:0; padding:0}
.catProdPrice {font-weight:bold;font-size:14px;line-height:20px}
#product_list{padding:10px; width:100%}

#crumbs{text-align:right;margin:10px 10px 5px 10px}
#crumbs a:link{color:#03497E}
#crumbs a:visited{color:#03497E}
#crumbs a:hover{color:#FEB228}
#crumbs a:link{color:#03497E}
#crumbs .active{color:#0596D5;font-weight:bold}

#shopping_cart{
	padding-right:10px;
	margin: 10px 0 5px;
	text-align:right;
	color:#FFF;
	background:url(../images/shoppingcart_left.jpg) no-repeat;
	height:188px;
}

#shopping_cart img{
	border:0;
	vertical-align:middle;
	padding-left:2px
}

ul#register_link,#register_link *{background:#FFF;background-image:none}
#register_link li a,#register_link li a:link{color:#0596D5;background:#FFF}
#register_link li a:visited{color:#03497E;background:#FFF}
#register_link li a:hover{color:#FEB228;background:#FFF}

/************ JOOMLA Component Styles ****************/
hr{height:1px; width:100%; color:#03497E; background-color:#03497E; border:none;}
.componentheading{margin:0 0 10px 0; display:block; width:100%; font-size:18pt; color:#3483DA; border-bottom:1px solid #DEDEE2; padding-bottom:15px;font-weight:bold; line-height:18pt;}
.contentheading{font-size:18px; color:#3483da; line-height:20px;}
.contentheading h5{ font-size:14px; line-height:10px;}
.contentheading h6{ font-size:10px; line-height:0px; color:#000000 ; font-weight:normal}
.contentpaneopen{width:100%;}
.contentpaneopen h1{ font-size:24px; color:#3483DA; font-weight:bold;}
.pagenav{padding:3px; border:1px solid; text-decoration:none; background:#E6F4FB;}
#product_quote{width:100%;text-align:left;}
#product_quote th{background:#E6F4FB;font-size:1.2em}
#product_quote img{border:0;padding:0 0 2px 2px;vertical-align:middle}
.galleryBlockTitle{text-decoration:underline}
.ImageFrame_none{vertical-align:middle;}

.manu_home{width:560px; margin:10px 0;}
.manu_top{background:url(../images/manu_top.gif); height:5px;}
.manu_mid{background:#E6F4FB;border-left:1px solid #81A4B4;border-right:1px solid #81A4B4; padding:10px 40px; text-align:center}
.manu_mid h3{background:url(../images/manu_title.gif) no-repeat; width:250px; height:20px; margin:0 10px 0 0 !important; padding:0 10px 0 0 !important; display:inline !important; float: left;}
.manu_mid h3 span{visibility:hidden}
.manu_mid form{display: inline;}
.manu_mid select{color:#03497E;font-size:12px;text-align:center}
.manu_bottom{background:url(../images/manu_bottom.gif); height:5px}

.yui-ac-highlight{background:#E6F4FB;}
.yui-ac-bd{background:#EBDDC9;}

/* Products snapshot on homepage styles */
#block_prods{float:left; margin-bottom:10px;}
.block_prods_header{height:30px; background:url(../images/featured_prods_560px.png) #DA760E;}
.block_prods_header h3{margin:0 0 0 8px;text-transform:uppercase;color:#FFF;font-size:12px;line-height:30px}
.block_prods_mid{width:558px;border-left:1px solid #81A4B4;border-right:1px solid #81A4B4}
.block_prods_bottom{height:6px;background:url(../images/featured_prods_bot_560px.gif);}
#block_prods hr{display:none;}
#block_prods .catProd{width:542px;padding:8px;border-top:1px solid #81A4B4;}
#block_prods .catProdImage{float:left;width:20%}
#block_prods .catProdDetails{float:left;width:80%}
#block_prods .catProdDetails div{padding:0}
#block_prods .catProdTitle{float:left}
#block_prods .catProdTitle a{text-decoration:underline !important}
#block_prods .catProdTitle h3{margin:0;padding:0}
#block_prods .catProdRating{float:left;display:block}
#block_prods .catProdPrice{display:block;clear:both;}
#block_prods .catProdPrice .product_price{color:#FF3300;}
#block_prods .catProdPrice .product_price_strikethrough{color:#666666;}
#block_prods .catProdPrice br{display:none;}
#block_prods .catProdDesc{}
#block_prods .catProdAdd{}
#block_prods .catProdAdd .addtocart_submit{border:0;padding:0;height:23px;width:105px;background:url(../images/add_to_cart1.png) bottom left no-repeat; cursor:pointer;}

.right{float:right;}

#sidebar_home .dtree {background:#69a3e4;padding:10px;margin:10px;}
#sidebar_home .dtree .header {margin-bottom:20px;background:none;}
#sidebar_home .dtree .header a {color:#fff;font-weight:bold;font-size:150%;}
#sidebar_home .dtree .item a {color:#2e3855;white-space:normal;}
#sidebar_home .dtree .item a:hover {background:#C0D2EC;}
#sidebar_home .dtree .item a.nodeSel{color:#fff;background:none;}

#mod_search_searchword, #mod_h2osearch_searchword {margin:0 0 0 10px;padding:2px;width:152px;}
#mod_search_searchword, #mod_h2osearch_searchword {
	margin:0 0 0 10px;
	padding:2px;
	width:152px;
}

#vmshoppingcart {
	background:url(../images/shoppingcart_left.jpg) no-repeat;
	height:188px;

}
div.buttons_heading{
display:none;
}



img.browseProductImage{
}

.newsPro {
	float:left;
}

/*------------------------------------------------------------------------
# typo.css
# ------------------------------------------------------------------------*/

/*============================= CODE =================================*/
pre, .code {
	background: #FFFFCC;
	border-left: 5px solid #CCCCCC;
	font: 1em/1.5 "Courier News", monospace;
	margin: 5px 0 15px;
	padding: 10px 15px;
}

/*========================= Sticky Note =============================*/
p.stickynote {
	background: url(../images/sticky-bg.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Download =============================*/
p.download {
	background: url(../images/download-bg.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= PDF =============================*/
p.pdf {
	background: url(../images/pdf.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Flash =============================*/
p.flash{
	background: url(../images/flash.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Excel =============================*/
p.excel{
	background: url(../images/excel.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Music =============================*/
p.music{
	background: url(../images/music.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Quicktime =============================*/
p.quicktime{
	background: url(../images/quicktime.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Word =============================*/
p.word{
	background: url(../images/word.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Compressed=============================*/
p.compressed{
	background: url(../images/compressed.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Powerpoint =============================*/
p.powerpoint{
	background: url(../images/powerpoint.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}
/* ==================== Tips, Error, Message, Hightlight ===============*/
p.error {
	background: url(../images/icon-error.png) no-repeat top left;
	color: #CC0000;
	padding-left: 25px;
}

p.info {
	background: url(../images/icon-info.png) no-repeat top left;
	color: #2C79B3;
	padding-left: 25px;
}

p.tips {
	background: url(../images/icon-tips.png) no-repeat top left;
	color: #E58C00;
	padding-left: 25px;
}

.highlight {
	background: #FFFFCC;
	font-weight: bold;
	padding: 1px 5px;
}

/*------------------------------------------------------------------------
# virtuemart.css
# ------------------------------------------------------------------------*/

.product_price_strikethrough{color:#666666;}
.catProdPrice{font-weight:bold;color:#FF3300;font-size:14px;}
.catProdImage {
	float : left ;
	width: 20% ;
}
.catProdDetails {
	float: left ;
	width : 80% ;
}
.catProd{width:100%;padding:0}
.addtocart_button {
	margin:5px 0;
	border:0;
	padding:0;
	height:23px;width:105px;
	background:url(../images/add_to_cart1.png) bottom left no-repeat; cursor:pointer;
}


#prod{width:100%;padding:3px}
#prodTop{}
#prodCartAddQuick{float:left}
#prodCartAddQuick .addtocart_quick_submit{border:0;padding:0;margin:0 0 15px 0;height:23px;width:105px;background:url(templates/h2ophotopros/../images/add_to_cart2.png) bottom left no-repeat; cursor: pointer;}
#prodManufacturer{float:right}
#prodImage{float:left;}
#prodImage img{margin-bottom:5px;}
#prodImage a,#prodImage a:visited,#prodImage a:hover{text-decoration:none;}
#prodMoreImages{}
#prodEmailFriend a:link{text-decoration:none;}
#prodEmailFriend a:visited{text-decoration:none;}
#prodDetails{float:left;width:65%; margin-left:50px;}
#prodDetails div{padding:3px}
#prodTitle{float:left}
#prodTitle h1{margin:0;padding:0;font-size:18px; line-height:20px;color:#000;}
#prodRating{float:left;display:block}
#prodPrice{clear:both}
#prodDesc{}
#prodQuestion{float:left}
#prodReviewLink{float:right}
#prodCartAdd{float:right}
#prodCartAdd .addtocart_submit{border:0;padding:0;height:21px;width:96px;background:url(templates/h2ophotopros/images/add_to_cart.png) bottom left no-repeat; cursor:pointer; vertical-align: middle; margin-bottom: 3px;}
#prodBottom{}
.inputbox{border:1px solid #03497E;color:#03497E; font-size:10px; margin-right:5px;}

#global_search_submit, #mod_search_searchword_btn {display:inline;border:0;height:22px;width:33px;background:url(searchbtn.jpg) bottom left no-repeat}


/*------------------------------------------------------------------------
# d3.css
# ------------------------------------------------------------------------*/


.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	font-size: 11px;
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}

/* Additional */
.product-img-box {
float:left;
width:267px;
}

.product-essential .product-shop {
width:330px;
}

.product-shop {
}

h3.product-name {
color: #0A263C;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px
}

#manuf_search {
background: url(../images/left_bg.png);
width: 214px;
height: 415px;
position: relative;

}

.product-specs ul li {
padding-left: 10px;
background: url(http://www.h2ophotopros.com/shop/skin/frontend/cam/images/point.png) no-repeat left;
}

.short-description ul li, .box-description ul li, .box-additional ul li, .product-specs ul li{
padding-left: 10px;
background: url(http://www.h2ophotopros.com/shop/skin/frontend/cam/images/point.png) no-repeat left;
line-height: 140%
}

.short-description ul, .box-additional ul, .box-description ul, .product-specs ul{
margin: 10px;
}

.breadcrumbs {
background: url(http://www.h2ophotopros.com/shop/skin/frontend/base/default/images/breadcrumbs.png) no-repeat center center;
width: 918px;
height: 38px;
background-color:#fff;
border:0;
padding:0;
}

.breadcrumbs a {
color: #FFFFFF
}

.breadcrumbs .product, .breadcrumbs span{
color: #FFFFFF
}

.breadcrumbs ul {
position: relative;
top: 10px;
left: 5px
}

