/*****************************/
/*** Core html setup stuff ***/
/*****************************/
* {
padding:0;
margin:0;
}
html {
height: 100%;
margin-bottom: 1px;
}
form {
margin: 0;
padding: 0;
}
body {
font-family: Helvetica,Arial,sans-serif;
margin: 0px 0px 0px 0px;
font-size: 62.5%;
line-height:1.5em;
color: #333;
background: #fff url(../images/bg.png) repeat-x top;
}
input.button {
cursor: pointer;
}
p {
margin-top: 0;
margin-bottom: 5px;
font-size: 1.2em;
line-height:1.8em;
}
img { border: 0 none; }
h1, h2, h3, h4, .contentheading, .componentheading {
color:#000;
font-weight:bold;
}
h1 {
font-size:1.8em;
}
h2, .contentheading, .componentheading {
font-size:1.6em;
padding:0 0 10px 0;
}
h3 {
font-size:1.2em;
padding:0 0 8px 0;
}
h4 {
font-size:1.1em;
}
a {
color:#D38421;
}
a:hover {
color:#333;
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
.center {
text-align: center;
}
#wrapper {
margin-left: auto;
margin-right: auto;
width:920px;
}
#header {
position:relative;
height:160px;
width:920px;
}
#logo {
position: absolute;
left: 5px;
top: 15px;
width: 121px;
height: 67px;
background: url(../images/logo.png) 0 0 no-repeat;
}
#logo a {
display:block;
width: 121px;
height: 67px;
}
#logo em {
display:none;
}
#topNav {
width:auto;
position:absolute;
top:75px;
right:25px;
}
#topNav ul {
}
#topNav ul li {
display:inline;
list-style:none;
padding:0 5px;
background: url(../images/topNav-divider.png) no-repeat;
}
#topNav ul li.item2 {
background: none;
}
#topNav ul li a {
font-size:1.2em;
text-decoration:none;
}
#subnav {
position:absolute;
top:149px !important;
left:7px !important;
width: 898px;
font:normal 12px Verdana;
background: url(../images/subnav-bg.png) repeat-x left bottom;
z-index:100;
display: block;
}
#sublist a {
float:left;
padding: 6px 0;
width: 223px;
height:15px;
color: #ccc;
font-weight: bold;
text-align:center;
text-decoration: none;
text-indent: 3px;
border-left: 1px solid #333;
border-bottom: 1px solid #333;
}
#sublist a:hover {
color:#D38421
}
#pNav {
position: absolute;
left: 0;
bottom: 0;
width: 913px;
height: 55px;
}
.nav {
position:relative;
height: 55px;
width: 913px;
background: url('../images/pNav-bg.png') no-repeat;
}
.nav li {
display: inline;
}
.nav li a:link, .nav li a:visited {
position: absolute;
top: 0;
height: 55px;
text-indent: -9000px;
overflow: hidden;
z-index: 10;
}
/*===== Product Tour Link ================================================================*/
.nav .product a:link, .nav .product a:visited {
left: 0;
width: 189px;
}
.nav .product a:hover, .nav .product a:focus {
background: transparent url('../images/pNav-bg.png') no-repeat -0px -55px;
outline:none;
}
.nav-product {
position: absolute;
top: 0;
left: 0;
width: 189px;
height: 55px;
background: transparent url('../images/pNav-bg.png') no-repeat -0px -55px;
outline:none;
}
/*===== Setup Link ================================================================*/
.nav .setup a:link, .nav .setup a:visited {
left: 190px;
width: 139px;
}
.nav .setup a:hover, .nav .setup a:focus {
background: transparent url('../images/pNav-bg.png') no-repeat -190px -55px;
outline:none;
}
.nav-setup, {
position: absolute;
top: 0;
left: 190px;
width: 139px;
height: 55px;
background: transparent url('../images/pNav-bg.png') no-repeat -190px -55px;
outline:none;
}
/*===== Content Link ===============================================================*/
.nav .content a:link, .nav .content a:visited {
left: 329px;
width: 142px;
}
.nav .content a:hover, .nav .content a:focus {
background: transparent url('../images/pNav-bg.png') no-repeat -329px -55px;
outline:none;
}
.nav-content {
position: absolute;
top: 0;
left: 329px;
width: 142px;
height: 55px;
background: transparent url('../images/pNav-bg.png') no-repeat -329px -55px;
outline:none;
}
/*===== News Link ================================================================*/
.nav .news a:link, .nav .news a:visited {
left: 471px;
width: 116px;
}
.nav .news a:hover, .nav .news a:focus {
background: transparent url('../images/pNav-bg.png') no-repeat -471px -55px;
outline:none;
}
.nav-news {
position: absolute;
top: 0;
left: 471px;
width: 116px;
height: 55px;
background: transparent url('../images/pNav-bg.png') no-repeat -450px -55px;
outline:none;
}
/*===== Try Link ================================================================*/
.nav .try a:link, .nav .try a:visited {
left: 587px;
width: 137px;
}
.nav .try a:hover, .nav .try a:focus {
background: transparent url('../images/pNav-bg.png') no-repeat -587px -55px;
outline:none;
}
.nav-tryk {
position: absolute;
top: 0;
left: 587px;
width: 137px;
height: 55px;
background: transparent url('../images/pNav-bg.png') no-repeat -190px -55px;
outline:none;
}
/*===== Banner ================================================================*/
#banner {
position:relative;
margin-top:25px;
height:220px;
width:913px;
z-index:5;
}
#leftBlurb {
float:left;
padding:105px 0 0;
width: 313px;
height: 115px;
font-size:1.2em;
font-weight:bold;
background: url(../images/left-blurb.png) no-repeat top left;
}
#leftBlurb ul {
width:275px;
margin-left:35px;
}
#leftBlurb ul li {
padding:1px 0;
}
#rightBlurb {
float:right;
width: 575px;
height: 220px;
background: url(../images/right-blurb.png) no-repeat top left;
}
/*===== Content ================================================================*/
#contentHome {
clear:both;
margin-top:25px;
width:913px;
position:relative;
}
#content {
clear:both;
margin-top:25px;
width:913px;
position:relative;
}
#contentFooter {
clear:both;
margin-top:25px;
width:913px;
position:relative;
}
/*===== Home Layout ================================================================*/
#sidebarHome {
float:right;
padding:10px 7px 25px 8px;
width:224px;
min-height:388px;
font-size:1.1em;
background: url(../images/sidebar-bottom-bg.png) no-repeat bottom left;
}
#signupText {
padding:0 10px 10px;
}
#mainContentHome {
float:left;
padding:15px 20px 25px;
width:628px;
font-size:1.1em;
background: url(../images/main-content-bottom-bg.png) no-repeat bottom left;
}
#mainContentHome ul {
margin:10px 0 10px 10px;
}
/*===== Main Layout ================================================================*/
#mainContent {
float:left;
padding:15px 20px 25px;
width:628px;
font-size:1.1em;
background: url(../images/main-content-bottom-bg.png) no-repeat bottom left;
}
#mainContent ul {
margin:10px 0 10px 10px;
}
#sidebar {
float:right;
padding:10px 7px 25px 8px;
width:228px;
min-height:388px;
font-size:1.1em;
background: url(../images/sidebar-bottom-bg.png) no-repeat bottom left;
}
/*===== Footer Nav Layout ================================================================*/
#mainContentFooter {
float:right;
padding:15px 20px 25px;
width:628px;
font-size:1.1em;
background: url(../images/main-content-bottom-bg.png) no-repeat bottom left;
}
#mainContentFooter ul {
margin:10px 0 10px 10px;
}
#sidebarFooter {
float:left;
padding:0px 6px 25px;
width:229px;
min-height:388px;
font-size:1.1em;
background: url(../images/sidebar-bottom-bg.png) no-repeat bottom left;
}
#sidebarFooter ul {
}
#sidebarFooter ul li {
padding:10px 0 0;
margin-bottom:1px;
width:227px;
height:30px;
background: url(../images/leftNav-bg.png) repeat-x;
list-style:none;
text-align:center;
}
#sidebarFooter ul li a {
color:#333;
font-weight:bold;
font-size:1.3em;
text-decoration:none;
}
#sidebarFooter ul li a:hover {
color:#fff;
}
/*===== Footer ================================================================*/
#footer {
clear:both;
position:relative;
margin-bottom:30px;
width:909px;
height:59px;
background: url(../images/footer.png) no-repeat top left;
}
#copyright {
position:absolute;
top:19px;
left:85px;
width:200px;
}
#footerNav {
position:absolute;
top:20px;
right:20px;
width:auto;
}
#footerNav ul {
}
#footerNav ul li {
display:inline;
list-style:none;
padding:0 10px;
}
#footerNav ul li a {
color:#333;
font-size:1.2em;
text-decoration:none;
text-transform:uppercase;
}
#footerNav ul li a:hover {
color:#D38421;
}
/*======= Forms ===========================================================*/
#com-form-login fieldset.input {
padding:15px;
width:300px;
}
#com-form-login ul li {
list-style:none;
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv1 {
position:absolute;
top:149px !important;
left:7px !important;
width: 898px;
font:normal 12px Verdana;
background: url(../images/subnav-bg.png) repeat-x;
z-index:100;
visibility: hidden;
}
.dropmenudiv1 a {
display: block;
float:left;
padding: 6px 0;
width: 223px;
height:15px;
color: #ccc;
font-weight: bold;
text-align:center;
text-decoration: none;
text-indent: 3px;
border-left: 1px solid #333;
border-bottom: 1px solid #333;
}
* html .dropmenudiv1 a{ /*IE only hack*/
width: 100%;
}
.dr0pmenudiv1 a:hover{ /*THEME CHANGE HERE*/
color:#D38421
}
.dropmenudiv2 {
position:absolute;
top:149px !important;
left:7px !important;
width: 898px;
font:normal 12px Verdana;
background: url(../images/subnav-bg.png) repeat-x left bottom;
z-index:100;
visibility: hidden;
}
.dropmenudiv2 a {
display: block;
float:left;
padding: 6px 0;
width: 223px;
height:15px;
color: #ccc;
font-weight: bold;
text-align:center;
text-decoration: none;
text-indent: 3px;
border-left: 1px solid #333;
border-bottom: 1px solid #333;
}
* html .dropmenudiv2 a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv2 a:hover{ /*THEME CHANGE HERE*/
color:#D38421
}
.dropmenudiv3 {
position:absolute;
top:149px !important;
left:7px !important;
width: 898px;
font:normal 12px Verdana;
background: url(../images/subnav-bg.png) repeat-x left bottom;
z-index:100;
visibility: hidden;
}
.dropmenudiv3 a {
display: block;
float:left;
padding: 6px 0;
width: 223px;
height:15px;
color: #ccc;
font-weight: bold;
text-align:center;
text-decoration: none;
text-indent: 3px;
border-left: 1px solid #333;
border-bottom: 1px solid #333;
}
* html .dropmenudiv3 a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv3 a:hover{ /*THEME CHANGE HERE*/
color:#D38421
}