/*
Skin Name: Skin 1 - Clean & Clear
Skin URI: http://www.aleyant.com
Description: A simplistic Clean design focused on the clarity of content.
Version: 1.0

Copyright: Aleyent Systems 2010, All Rights Reserved
*/

@import url("css/default.css");

/** Admin shades **/
body {
    background: #FFFFFF;
    color: #333333;
}

a {
    color: #666666;
}

a:hover {
    color: #333333;
}

#navigation1 a {
    color: #555;
}
#navigation1 a:hover {
    color: #000;
}
#navigation1 li li a {
    color: #bbb;
}



#navigation2 a, #featuredProduct h4 a, #twitter a, #contactBlock a {
    color: #666666;
}

#navigation2 a:hover, #featuredProduct h4 a:hover, #twitter a:hover, #contactBlock a:hover {
    color: #333333;
}

#navigation4 a {
    color: #fff;
}

#navigation4 a:hover {
    color: #ccc;
}

img.imageSize_mediumsquare, .featuredProductImage {
    border: 1px #EAEAEA solid;
}

img.imageSize_mediumsquare, .featuredProductImage {
    box-shadow: 0px 0px 5px #FFFFFF;
    -webkit-box-shadow: 0px 0px 5px #FFFFFF;
    -moz-box-shadow: 0px 0px 5px #FFFFFF;
}

.name a, .categoryName a {
    color: #015497;
}

.name a:hover, .categoryName a:hover {
    color: #0099CC;
}

.pageTitle {
    color: #444444;
}

.addToCartButton input, 
.loginForm .submit input, 
#shopCartPage_button input.cartCheckoutButton, 
.checkoutButtons input, .pageType_checkoutNew .checkout-button input {
    background-color: #5DB4E8;
    color: #FFFFFF;
}

.addToCartButton input:hover, 
.loginForm .submit input:hover, 
#shopCartPage_button input.cartCheckoutButton:hover, 
.checkoutButtons input:hover, .pageType_checkoutNew .checkout-button input:hover {
    background-color: #66CCFF;
}

.edocAddToCartButtonEnabled {
    background-color: #5DB4E8 !important;
    color: #FFFFFF !important;
}

.edocAddToCartButtonEnabled:hover {
    background-color: #66CCFF !important;
}

#container {
    background: #FFFFFF;
}

img.imageSize_mediumsquare {
    background: #F1F1F1;
}

.hproduct, li.imageSize_mediumsquare, .categoryItem {
    border: 1px #E7E7E7 solid;
}

.loginForm {
    background-color: #E3E3E3;
}

#homeBanner img {
    background-color: #D0E3F2;
}

img.imageSize_mediumsquare:hover {
    border: 1px #00CCFF solid;
}

.productAsset .RadListBox_Default .rlbGroup {
    border-color: #CCCCCC;
}

.productAsset .RadListBox_Default .rlbGroup:hover {
    border-color: #666666;
}

.productAsset .RadListBox_Default .rlbGroup .rlbList li {
    background-color: #EEEEEE;
}

.productAsset .RadListBox_Default .rlbGroup li.rlbHovered {
    background-color: #FFFFFF;
}

.productAsset .RadListBox_Default .rlbGroup .rlbList a {
    color: #666666;
}

.productAsset .RadListBox_Default .rlbGroup .rlbList a:hover {
    color: #333333;
}

/* for rad editor */
h1, h2, h3, h4, h5, h6 {
    color: #444444;
}

h2 {
    border-bottom: 1px solid #ccc;
}

h3 {
    border-bottom: 1px solid #ccc;
}

h4 {
    font-weight: bold;
}

h5 {
    font-weight: bold;
}

h6 {
}

/* major */
body {
    font-family: "Open sans", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size: 14px;
    line-height: normal;
}

h1 {
    font-size: 22px;
}

#siteLogo {
    float: left;
}

#siteLogo img {
    max-height: 100px;
    max-width:398px;
}

#subscriberLogo img {
    width: 170px;
    margin: 0 0 0 15px;
}

.aside {
    float: left;
    width: 200px;
    clear: left;
    background: url(images/navShadow.png) repeat-y top right;
    padding: 0 15px 30px 0;
}

input[type=submit], input[type=reset], button, input[type=text], input[type=button], input[type=password] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#contentArea {
    width: 710px;
}

#branding {
    margin: 0 auto;
    padding: 10px;
    height: 85px;
    margin-bottom: 20px;
    border: 1px #ccc solid;
    background-color: #31516A;
    position: relative;
}


/* search area */
#siteSearch {
    float: right;
}

#siteSearch input[type="text"] {
float: left;
padding: 4px 8px;
}

.IE6 .searchBox {
    width: 200px;
    height: 24px;
    border: 1px #ababab solid;
    background: #fff;
    float: left;
    margin: 3px 0 9px;
    line-height: 24px;
}

#siteSearch input[type="submit"] {
    background: url(images/searchButton1.png) no-repeat;
    width: 41px;
    height: 34px;
    border: none;
    float: left;
    margin: 0 0 2px 0;
}

.IE6 .searchButton {
    background: url(images/searchButton1-ie6.png) no-repeat 0 0;
    width: 41px;
    height: 34px;
    border: none;
    float: left;
}

#siteSearch input[type="submit"]:hover {
    background-position: 0 -34px;
}

/* Top navigation */
.branding-top-nav {
    float: right;
}

.phone-acct, .navMenu3 {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.phone-acct li, .navMenu3 li {
    float: left;
}

.phone-acct li a, .navMenu3 li a {
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    border-left: 1px solid #AAA;
    color: #fff;
    padding: 5px 12px;
    font-size: .85em;
}
.phone-acct li a:hover, .navMenu3 li a:hover{
    color: #ccc;
}

.phone-acct li:first-child a {
    border: none;
}

#navigation3 {
    float: left;
}

.branding-bottom-nav {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#navigation4 {
    float: left;
}

#cart {
    margin: 0;
    float:left;
    padding:7px;
    color:#fff;
}

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

#cart a {
    color: #fff;
font-size: .9em;
padding:0;
}

#cart img {
}

#cart span {
    color:#fff;
    padding:0;
}

.shadowed {
    box-shadow: 0 0 5px #BBB;
    -moz-box-shadow: 0 0 5px #BBB;
    -webkit-box-shadow: 0 0 5px #BBB;
}

.bordered {
    border: 1px solid #B5B6B7;
}

.rounded-bottom {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#navigation1 {
    height:41px;
}

.navMenu4, .navMenu4 * {
    list-style: none;
    margin: 0;
    padding: 0;
}

.navMenu4 ul {
    position: absolute;
    top: -999em;
    width: 10em;
 /* left offset of submenus need to match (see below) */;
}

.navMenu4 ul li {
    width: 100%;
}

.navMenu4 li:hover {
    visibility: inherit;
 /* fixes IE7 'sticky bug' */;
}

.navMenu4 li {

}

.navMenu4 a {
    display: block;
    position: relative;
}

.navMenu4 li:hover ul, .navMenu4 li.sfHover ul {
    left: 0;
    z-index: 99;
    top: 2.5em;
 /* match top ul list item height */;
}

ul.navMenu4 li:hover li ul, ul.navMenu4 li.sfHover li ul {
    top: -999em;
}

ul.navMenu4 li li:hover ul, ul.navMenu4 li li.sfHover ul {
    top: 0;
    left: 10em;
 /* match ul width */;
}

ul.navMenu4 li li:hover li ul, ul.navMenu4 li li.sfHover li ul {
    top: -999em;
}

ul.navMenu4 li li li:hover ul, ul.navMenu4 li li li.sfHover ul {
    top: 0;
    left: 10em;
 /* match ul width */;
}

/*** arrows **/
.navMenu4 a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px;
 /* trigger IE7 hasLayout so spans position accurately */;
}
/* new superfish menu arrows and shadows */
.navigation .navMenu4 ul {
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    min-width: 12em;
    width: 12em;
    padding: 0;
    background-color:#31516A;
}

/* point right for anchors in subs */
.navMenu4 ul .sf-sub-indicator {
    background-position: -10px 0;
}

.navMenu4 ul a > .sf-sub-indicator {
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.navMenu4 ul a:focus > .sf-sub-indicator,
.navMenu4 ul a:hover > .sf-sub-indicator,
.navMenu4 ul a:active > .sf-sub-indicator,
.navMenu4 ul li:hover > a > .sf-sub-indicator,
.navMenu4 ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0;
 /* arrow hovers for modern browsers*/;
}

.navMenu1 ul ul {
    position: static;
    top: 0;
    width: auto;
    float: left;
}
.navMenu1{position:relative;}
.navMenu1, .navMenu1 * {
    list-style: none;
    margin: 0;
    padding: 0;
}

#navigation1 .sf-menu ul {
    box-shadow: none;
    min-width: 12em;
    width: 100%;
    padding: 0;
    background: #4c4c4c;
    left:0;
}

.navMenu1 ul {
    position: absolute;
    top: -999em;
    width: 100%;
 /* left offset of submenus need to match (see below) */;
}

.navMenu1 ul li {
    width: 100%;
}

.navMenu1 ul li.submenu {
    width: 25%;
    float: left;
}

.navMenu1 ul li.submenu a {
    display: none;
}

.navMenu1 ul li.submenu li a {
    display: inline-block;
    border:none;
}

.navMenu1 li:hover {
    visibility: inherit;
 /* fixes IE7 'sticky bug' */;
}

.navMenu1 li {
    float: left;
    position: static;
}

.navMenu1 a {
    display: block;
    position: relative;
}

.navMenu1 li:hover ul, .navMenu1 li.sfHover ul {
    left: 0;
    z-index: 99;
    top: 40px;
 /* match top ul list item height */;
}

ul.navMenu1 li:hover li ul, ul.navMenu1 li.sfHover li ul {
    top: -999em;
}

ul.navMenu1 li li:hover ul, ul.navMenu1 li li.sfHover ul {
    top: 0;
    left: 10em;
 /* match ul width */;
}

ul.navMenu1 li li:hover li ul, ul.navMenu1 li li.sfHover li ul {
    top: -999em;
}

ul.navMenu1 li li li:hover ul, ul.navMenu1 li li li.sfHover ul {
    top: 0;
    left: 10em;
 /* match ul width */;
}

/* Nesting skin */
.sf-menu, .navMenu4 {

}

.sf-menu a {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    text-decoration: none;
    padding: .75em 1em;
}

.navMenu4 a {
    text-decoration: none;
    padding: 5px 12px;
}

.sf-menu a,.sf-menu a:visited {
}/* using shade above */
.navMenu4 li {
    position:relative;
}
.sf-menu li {
}

.sf-menu li:hover, .navMenu4 li:hover {
}

.sf-menu li a, .navMenu4 li a {
    border-left: 1px solid #AAA;
    font-weight: bold;
    font-size:.85em;
}
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color:#fff;
}
.navMenu1 li a {
    border: 1px solid #AAA;
    font-weight: bold;
    padding: 13px 0 13px 0;
    font-size: 13px;
    border-width:1px 1px 1px 0;
}
.navMenu1 li {
    background-color:#e1e1e1;
    width: 14.2857%;
    text-align: center;
}
.navMenu1 li li{
    text-align: left;
}
.navMenu1 li li a{
    padding: 13px 16px 13px 15px;
}
.navMenu1 li:hover {
    background-color:#6ca2cc;
}

.navMenu4 li:first-child a {
    border: none;
}

.navMenu1 li:first-child a {
    border-width:1px;
}

.sf-menu li li, .navMenu4 li li {
    
}

.sf-menu li li:hover, .navMenu4 li li:hover {
    background: #536C80;
}

.sf-menu li li li, .navMenu4 li li li {
    background: #eee;
}
.navMenu1 li li li {
    background: #4c4c4c;
}

.navMenu1 li li li:hover, .navMenu1 li li li a:hover{
    background: #6ca2cc;
}
.navMenu4 li li li:hover {
    background: #ddd;
}

.sf-menu li:hover, 
.sf-menu li.sfHover, 
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active,
.navMenu4 li:hover, 
.navMenu4 li.sfHover, 
.navMenu4 a:focus, 
.navMenu4 a:hover, 
.navMenu4 a:active {
    outline: 0;
}

/* side navigation */
#primary {
    margin: 40px 0 0 0;
}

#navigation2, .recentHistory {
    border-top: 1px #c3c3c3 solid;
    padding: 15px 0;
}

.navMenu2, .recentHistory ul {
    margin: 0;
    padding: 0 0 0 10px;
}

.navMenu2 li, .recentHistory li {
    list-style: none;
}

.recentHistory li strong {
    font-weight: normal;
}

.navMenu2 a, .recentHistory a {
    text-decoration: none;
    border-bottom: 1px solid #fff;
    display: block;
}/* using shade above */
.navMenu2 a:hover, .recentHistory a:hover {
    border-bottom: 1px solid #c3c3c3;
}

.navMenu2 ul {
    margin: 10px 0;
    padding: 0 0 0 20px;
}

.navMenu2 ul li {
    list-style: disc;
}

.navMenu2 ul li ul {
    margin: 2px 0;
}

.navMenu2 ul li ul li {
    list-style: circle;
}


/* category root */
.categoryPage_root {
    padding: 40px 0 0 0;
}

/* banner */
#bannerWrap {
	margin: 0 auto;
    width: 920px;
    padding: 10px;
    border: 1px #bdbdbd solid;
	position: relative;
	height:300px
}
#banner { position: absolute; z-index: 1; }
#bannerNav { position: absolute; bottom:15px; left:15px; z-index: 999; }
#bannerNav a {background: #fff; display: block; padding: 0 5px; border: 1px #ccc solid; margin: 3px; text-decoration: none; float: left; text-align: center; }
#bannerNav a.activeSlide { background: #31516A;color:#eee; }

/* aside */
#subscriberLogo {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 20px 15px 30px 0;
    width: 200px;
}

#subscriberImage {
    border-top: 1px #c3c3c3 solid;
    padding: 20px 0 0 0;
}

/* featured */
#featuredProduct {
    margin: 0;
}

#featuredProduct a {
    text-decoration: none;
}

#featuredProductImage {
    display: block;
    border-top: 1px #c3c3c3 solid;
    padding: 20px 0 0;
}

/* twitter */
.twitterList {
    border-top: 1px #c3c3c3 solid;
    margin: 0;
    padding: 20px 0 0 0;
}

/* rss */
.rssList {
    border-top: 1px #c3c3c3 solid;
    margin: 0;
    padding: 20px 0 0 0;
}

.rssList li {
    padding: 0 10px 0 0;
}

.rssList h3 {
    font-size: 12px;
    font-weight: bold;
}

.rssDescription {
    font-size: 11px;
}

/* contact block */
#contactBlock a {
    border-bottom: none;
}

#contactBlock li {
    list-style: none;
}

#contactBlock h4 {
    font-weight: bold;
    margin: 0 0 5px 0;
    border-top: 1px #c3c3c3 solid;
    padding: 20px 0 0 0;
}

#cbaddress, #cbphone, #cbemail {
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px #ddd solid;
}

/* tagline */
#tagline {
    padding: 10px 0 0 0;
    margin: 0 0 30px 0;
}

/* footer */
#footer {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 40px;
}

.pageType_customize #footer {
    float: none;
    margin: 0;
}

.pageType_customize #footer div {
    display: none;
}

.siteMapNav {
    width: auto;
}

/* page */
.pageTitle {
    font-size: 22px;
    border-bottom: 1px #c3c3c3 solid;
    padding: 3px 0;
}

/* category page */
.hproduct, .categoryItem {
    width: 220px;
    margin: 0 6px 36px;
}

.categoryImage, .productListImage {
    margin: 8px 8px 10px;
}

.categoryName, .name {
    padding: 0 8px 5px;
    text-align: left;
}

.categoryName a, .name a {
    font-size: 16px;
    text-decoration: none;
}

img.imageSize_mediumsquare {
    margin: 0;
}

.categoryLink, .productAtt {
    display: none;
}

.categoryDes, .description {
    padding: 0 8px 10px;
    text-align: left;
    font-size: inherit;
}

/*product detail page */
.productPageImage {
    border: 1px #ddd solid;
}

.addToCartButton input {
   cursor:pointer;
}

.productAsset {
    padding: 10px 0 0 0;
}

.productAsset h3 {
    border-bottom: 4px #ddd solid;
}

.productAsset a {
    background: #eee;
    border: 1px #ccc dotted;
    display: block;
    margin: 10px 0;
    padding: 2px;
    text-align: center;
    text-decoration: none;
}

/* product detail page calculator */
.calculator #pricingAndButtonArea {
    background: #f1f1f1;
    box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    border: 1px #ccc solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.calculatorResults {
    border-bottom: 1px #ccc solid;
    color: #900;
}

.calculator .acceptanceArea {
    border-bottom: 1px #ccc solid;
}

.calculator .addToCartButton input {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* login page */
.pageType_login .pageTitle, .pageType_login #subscriberLogo, .pageType_login #cart, .pageType_login #siteSearch, .pageType_login #featuredProduct, .pageType_login #secondary, .pageType_login #twitter, .pageType_login #rssFeed, .pageType_login #navigation4, .pageType_login #tagline {
    display: none;
}

.pageType_login .loginForm {
    margin: 40px auto 40px;
}

.loginFormLinks a:hover, .loginFormLinks a {
    border: none;
}

.pageType_login #footer .navigation {
    display: none;
}

/* ftp page */
.pageType_ftp #featuredProduct, .pageType_ftp #twitter, .pageType_ftp #rssFeed, .pageType_ftp #navigation4, .pageType_ftp #cart, .pageType_ftp #siteSearch, .pageType_ftp #subscriberLogo, .pageType_ftp #tagline {
    display: none;
}

/* lostpassword page */
.pageType_lostpassword #featuredProduct, .pageType_lostpassword #twitter, .pageType_lostpassword #rssFeed, .pageType_lostpassword #navigation4, .pageType_lostpassword #cart, .pageType_lostpassword #siteSearch, .pageType_lostpassword #subscriberLogo, .pageType_lostpassword #tagline {
    display: none;
}

.pageType_lostpassword .lostpasswordForm {
    margin: 0 auto 40px;
}

/* edoc builder page */
.edocAddToCartButtonEnabled {
    background-image: url(images/buttonOverlay.png) !important;
    background-repeat: repeat-x !important;
    height: 28px !important;
    font-size: 14px !important;
    width: 230px !important;
    margin: 0 !important;
}

.edocAddToCartButtonDisabled {
    height: 28px !important;
    color: #aaa !important;
    font-size: 14px !important;
    width: 230px !important;
    margin: 0 !important;
}

/* user info */
.userInfo {
    border: 1px solid #CCC;
    padding: 5px 20px;
    position: absolute;
    right: 10px;
    top: 0;
    border-width: 0 1px 1px 1px;
}

/* cartCost */
.cartCost {
    display: inline-block;

}

/* teaser price */
.teaserPrice {
    background: #eee;
    padding: 2px 0;
}