/* RME Version 2.0 Stylesheet */
html { 
height: 100%;
border: 0;
padding: 0;
margin: 0; 
}
body {
	margin:0px;
	padding:0px;
	font-family:Tahoma;
	font-size:12px;
	color:#313131;
	background: #090909 url('/images/background.jpg') 50% 0% fixed no-repeat !important;
	width: 100%;
	height: 100%;
}

/* Links Global */
a:link { color:#3779b5; text-decoration:none; font-weight:bold; }
a:visited { color:#3779b5; text-decoration:none;	font-weight:bold; }
a:hover { color:#2a6295;	text-decoration:none; font-weight:bold; }
a:active { color:#3779b5; text-decoration:none; font-weight:bold; }


#wrapper {
	width:900px;
	text-align:left;
	position:relative;
	overflow:hidden;
}

/* Header */
#header {
	width:900px;
	height:145px;
	background-image:url('images/bg_header.png');
}

#header .top {
	width:900px;
	height:115px;
	color:#ffffff;
}

#header .top .logo {
	position:relative;
	top:10px;
	width:200px;
	height:105px;
	float:left;
}
#header .top .middle {
	position:relative;
	top:10px;
	width:450px;
	height:105px;
	float:left;
}
#header .top .contact {
	position:relative;
	top:10px;
	width:250px;
	height:105px;
	float:left;
}
#header .navigation {
	width:900px;
	padding-left:5px;
}

/* Navigation */
#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width:928px;
	height:30px;
	overflow:hidden;
}

#navigation li {
	position:relative;
	bottom:0;
	float: left;
	margin-right:3px;
}

#navigation li a, #navigation li a:visited {
	background: url(images/nav_off.png) top left;
	height:30px;
	line-height:2.5em;
	float:left;
	width:103px;
	display:block;
	font-size:12px;
	font-family:Tahoma;
	color:#888888;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
}

#navigation li a:hover, #navigation li a:active {
	background: url(images/nav_off.png) top left;
	background-position: 0px -30px;
	color:#555555;
}

#navigation li a.selected, #navigation li a.selected:visited, #navigation li a.selected:hover, #navigation li a.selected:active {
	background: url(images/nav_on.png) top left;
	background-position: 0px -60px;
	color: #313131;
}

/* Rounded Corners */
.rounded { 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Padding */
#gradient .padded {
	position:relative;
	padding:5px;
}
#title .padded {
	padding:8px;
}

/* Content */
#content {
	width:900px;
	overflow:visible;
	background-color:#ffffff;
    min-height:600px;
    height:auto !important;
    height:600px;
}
#content .left {
	width:570px;
	margin:10px;
	float:left;
	overflow:hidden;
}
#content .left TD {
	font-size:12px;
}
#content .left .medium TD, #content .left .medium INPUT {
	font-size:11px;
}
#content .left #title {
	width:570px;
	height:40px;
	background:url('/images/left_title.png') no-repeat;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	position:relative;
	z-index:2;
}
#content .left #title .padded { padding:8px; }
#content .left #title-full {
	width:880px;
	height:40px;
	background:url('/images/left_title_full.png') no-repeat;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	position:relative;
	z-index:2;
}
#content .left #title-full .padded { padding:8px; }
#content .left #gradient {
	width:570px;
	background:url('/images/left_gradient.png') no-repeat;
	position:relative;
	z-index:1;
	top:-11px;
	margin-bottom:-6px;
}
#content .left #gradient .padded { padding:10px 5px 6px 5px; }

#content .right {
	width:300px;
	margin:10px 10px 10px 0px;
	float:left;
}
#content .right #title {
	width:300px;
	height:40px;
	background:url('/images/right_title.png') no-repeat;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	position:relative;
	z-index:2;
}
#content .right #title .padded { padding:8px; }
#content .right #gradient {
	width:300px;
	background:url('/images/right_gradient.png') no-repeat;
	position:relative;
	z-index:1;
	top:-5px;
}
#content .right #gradient .padded { padding:5px; }

/* Footer */
#footer {
	position:relative;
	bottom:0;
	width:900px;
	height:40px;
	background: url('images/bg_footer.png') top left no-repeat;
	color:#ffffff;
}
#footer .copyright {
	width:350px;
	position:relative;
	top:12px;
	left:15px;
	float:left;
	text-align:left;
}
#footer .links {
	width:550px;
	position:relative;
	top:12px;
	right:15px;
	text-align:right;
	float:right;
}
#footer .links a { color:#ffffff; font-weight:normal; }
#footer .links a:hover { text-decoration:underline; }

/* HOME */
#packages { height:150px; padding-bottom:0px; }
#package { float:left; width:180px; height:150px; background-color:#efefef; }
#package .padding { padding:3px;} 
#package .title { color:#3779b5; text-align:center; font-weight:bold; }
#package .features { font-size:10px; margin:5px 0px; }
#package .features UL { padding:3px; color:#555555; padding-left:17px; margin:0px; }
#package .order { margin-right:5px; font-size:12px; }
#package .buttons { margin-top:3px; }

#news .container { 
	background-color:#efefef; 
	padding:5px; 
	margin-bottom:5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#news .title { color:#3779b5; font-size:13px; font-weight:bold; }
#news .date { color:#888888; font-size:11px; margin-top:-2px; }

/* Configurator */
#configure SELECT { font-size:10px; padding:3px 0px; margin:2px 0px;}
TABLE .overview TD { font-size:11px; }

/* Navigation */
.ddsmoothmenu{
font: bold 12px Verdana;
background: #07224c; /*background of menu bar (default state)*/
background-image:url('/images/bg_nav.png');
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #07224c; /*background of menu items (default state)*/
background-image:url('/images/bg_nav.png');
color: white;
padding: 8px 10px;
border-right: 1px solid #07224c;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background-image:url('/images/bg_nav.png');
background-position: 0px -30px;
color: white;
}

.ddsmoothmenu ul li a:hover{
background-image:url('/images/bg_nav.png');
background-position: 0px -30px;
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a, .ddsmoothmenu ul li ul li a:visited {
font: normal 11px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #2d466e;
background:#3e5881;
}

.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a:active {
font: normal 11px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #2d466e;
background:#2d466e;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/* Products */
#product { 
	background-color:#f4f4f4;
	margin:4px;
	padding:5px;
}
#product .title { font-weight:bold; font-family:Arial; font-size:14px; margin:0px 0px 7px 0px; }
#product .details  p { font-size:11px; padding:0px; margin:0px 0px 7px 0px; }
#product .info { font-size:11px; color:#888888; font-family:Arial; }
#product .links { text-align:right; margin:-10px 5px 5px 0px; font-size:11px; }