/*
Skin Name: OTP Retail Skin 
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
*/

/************************************************************/
/*                OTP Retail Skin  STYLES                   */
/************************************************************/

/** Admin shades **/
body{background-color:#FFFFFF;color:#000000;}
a{color:#CC6600;}
a:hover{color:#CC6600;}
#navigation1 a{color:#FFFFFF;}
#navigation1 a:hover{color:#FFFFFF;}
#navigation2 a, #navigation3 a, #featuredProduct h4 a, #twitter a, #contactBlock a{color:#CC6600;}
#navigation2 a:hover, #navigation3 a:hover, #featuredProduct h4 a:hover, #twitter a:hover, #contactBlock a:hover{color:#CC6600;}
#navigation4 a{color:#FFFFFF;}
#navigation4 a:hover{color:#FFFFFF;}
img.imageSize_mediumsquare, .featuredProductImage{border:1px #FFFFFF 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:#CC6600;}
.name a:hover, .categoryName a:hover{color:#CC6600;}
.pageTitle{color:#444444;}
.addToCartButton input, .loginForm .submit input, #shopCartPage_button input.cartCheckoutButton, .checkoutButtons input{background-color:#CC6600;color:#FFFFFF;}
.addToCartButton input:hover, .loginForm .submit input:hover, #shopCartPage_button input.cartCheckoutButton:hover, .checkoutButtons input:hover{background-color:#CC6600;}
.edocAddToCartButtonEnabled{background-color:#CC6600 !important;color:#FFFFFF !important;}
.edocAddToCartButtonEnabled:hover{background-color:#CC6600 !important;}
/* #container{background:#FFFFFF;} */
img.imageSize_mediumsquare{background:#FFFFFF;}
/* .hproduct, li.imageSize_mediumsquare{border:1px #FFFFFF solid;} */
.loginForm{background-color:#EEEEEE;}

/* 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{background-image: url(images/mainBg.png);background-repeat: no-repeat;background-position: center top;background-attachment:fixed;}
#container{width:100%;margin:0;}
#main{width:960px;padding:10px 0 0 0;margin:0 auto;float:none;}
#mainInner{width:960px;float:left;}
#contentArea{width:520px;margin:0 10px;float:left;min-height:500px;}
.aside{width:210px;float:left;clear:none;}
#header{padding:0;margin: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;}

.userList li, .addressEntry, .locationEntry{width:43%;}

/* branding */
#branding{width:960px;height:129px;margin:0 auto;padding:0;}
#siteLogo{height:94px;width:217px;float:left;}
#siteLogo a{background:url(images/logo.png) no-repeat left 23px;width:217px;height:70px;display:block;}
.sitelogo{display:none;}
#phone{float:right;font-size:12px;padding:30px 0 0;}
#phone span{color:#c60;font-weight:bold;font-size:18px;}
#hours{float:right;font-size:11px;clear:right;color:#666;}

/* search */
#siteSearch{float:left;width:150px;height:20px;margin:7px 0 0 0;padding:0 17px 0 0;border-right:1px #7ba3b0 solid;}
#siteSearch input{margin:0;}
.searchBox{width:140px;background: #fff url(images/searchIcon.png) no-repeat right center;}
.searchButton{display:none;}

/* cart */
#cart{float:left;height:35px;padding:0;line-height:35px;margin:0 0 0 17px;}
#cart:hover{background: url(images/topNavLight.png) no-repeat center bottom;}
#cart a{padding:0;display:block;padding:0 0 0 20px;background:url(images/cartBg.png) no-repeat 0 8px;}
#cart a span{color:#fff;font-size:12px;}
#cart a:hover{text-decoration:none;}

/* banner */
#bannerWrap{width:520px;height:241px;position:relative;background:url(images/bannerNavBar.png) no-repeat left bottom;overflow:hidden;margin:0 0 10px 0;}
#banner{position:absolute;z-index:1;overflow:hidden;}
#bannerNav{position:absolute;bottom:7px;left:7px;z-index:999;}
#bannerNav a{display:block;padding:0;margin:3px;text-decoration:none;float:left;text-align:center;text-indent:-999em;height:10px;width:9px;background:#fff;}
.activeSlide{background:#cc6600 !important;}

/* Top navigation */
#topNavWrap{height:35px;width:960px;margin:0 auto;background:url(images/topNavBg.png) no-repeat;clear:both;}
#navigation1{height:35px;width:715px;margin:0;padding:0;float:left;}
#navigation1 a{border-right: 1px #7ba3b0 solid;}
/* Nesting skin */
.sf-menu{float:left;}
.sf-menu a{border-left:none;border-top:none;text-decoration:none;padding:.2em 1em;margin:.55em 0;font-size:14px;}
.sf-menu li:hover{}
.sf-menu li li{background:#00617f;}
.sf-menu li li a{border-left:none;text-decoration:none;padding:.5em 1em;margin:0;font-size:12px;border-bottom:1px #00617f solid;border-top:1px #00617fsolid;}
.sf-menu li li a:hover{background: url(images/topNavLight.png) no-repeat center bottom;border-bottom:1px #0092BF solid;border-top:1px #0092BF solid;}
.sf-menu li a .sf-sub-indicator{top: 0.2em;}
.sf-menu li li a .sf-sub-indicator{top: 0.8em;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:0;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;z-index:99;
	top:2.7em; /* match top ul list item height */
}

/* navigation (product nav) */
#navigation2, #navigation3{margin:0 0 20px;}
#navigation2 a, #navigation3 a{text-decoration:none;}
#navigation2 a:hover, #navigation3 a:hover{text-decoration:underline;}
#nav2Cap{width:210px;height:30px;background:url(images/prodNavHeading.png) no-repeat;}
#navigation2 ul, #navigation3 ul{background:#fff;padding:10px;border:1px #999 solid;border-width:0 1px 1px 1px;margin:0;}
#navigation2 ul ul{border:none;padding:0 0 0 15px;margin:0 0 10px;}
#navigation2 ul ul a{font-size:11px;}
#navigation2 ul ul  ul li{list-style:disc inside;color:#00617f;}
#navigation2 li, #navigation3 li{margin:0 0 2px 0;list-style:none;}

/* navigation 3 (page nav) */
#nav3Cap{width:210px;height:30px;background:url(images/servNavHeading.png) no-repeat;}

/* secondary */
#secondaryInner{background:#fff;padding:10px 0;border:1px #999 solid;border-width:0 1px 1px 1px;overflow:hidden;}
#secondaryInnerCap{width:210px;height:30px;background:url(images/blankNavHeading.png) no-repeat;}
#rssCap, #shareCap, #twitterCap{margin:0 10px;font-size:18px;border-bottom:1px #ccc dotted;}

/* featured */
#featuredProduct{margin:0 0 20px;}
#featCap{width:210px;height:30px;background:url(images/featNavHeading.png) no-repeat;}
#featArea{background:#fff;padding:10px 0;border:1px #999 solid;border-width:0 1px 1px 1px;}
#featuredProduct a{width:210px;display:block;padding:10px 0;text-align:center;}
#featuredProduct h4{margin:0;text-align:left;}
#featuredProduct h4 a{text-decoration:none;padding:5px 10px 0 10px;display:block;}
#featuredProduct h4 a:hover{text-decoration:underline;}
#featuredProduct img{max-width:180px;max-height:180px;border:1px #ccc solid;}

/* contact block */
#tagline{margin:0 0 20px;padding:0 0 10px 10px;background:#fff;}
#contactCap{width:210px;height:30px;background:url(images/contactNavHeading.png) no-repeat;}
#contactInner{background:#fff;padding:10px 0;border:1px #999 solid;border-width:0 1px 1px 1px;}
#contactBlock{margin:0 0 20px 0;}
#contactBlock a{text-decoration:none;}
#contactBlock li{list-style:none;}
#contactBlock h4{font-weight:bold;margin:0;background:#fff;padding:10px;}
#cbaddress, #cbphone, #cbemail{margin:0;background:#fff;padding:0 0 10px 10px;}

/* share links */
#contentShare{margin:0 0 20px;}
#shareLinks{min-height:20px;background:#fff;padding:10px;}

/* subscriber logo */
#subscriberCap{width:210px;height:25px;}
#subscriberLogo{margin:0 0 20px;text-align:center;}
#subscriberLogo img{padding:10px;max-width:190px;background:#fff;}

/* rss */
#rssFeed{margin:0 0 20px;float:left;}
.rssList{background:#fff;}
.rssList ul{margin:0;padding:10px 0;}
.rssList li{padding:0 10px;}
.rssList h3{font-size:12px;font-weight:bold;margin:0;border:none;}
.rssDescription{font-size:11px;}

/* twitter */
#twitter{margin:0 0 20px;float:left;}
#twitter ul{margin:0;padding:10px;background:#fff;}

/* footer  */
#footer{margin:10px 0;}
#footerInner{height:35px;width:960px;margin:0 auto;background:url(images/topNavBg.png) no-repeat;clear:both;}

/* navigation 4 */
#navigation4{height:35px;width:715px;margin:0;padding:0;float:left;}
#navigation4 a{margin:8px 0;line-height:20px;padding:0 15px;border-right: 1px #7ba3b0 solid;font-size:12px;}
#navigation4 a:hover{text-decoration:none;}
#navigation4 li{padding:0;line-height:35px;}
#navigation4 li:hover{background: url(images/topNavLight.png) no-repeat center bottom;}

/* category page */
li.imageSize_medium, li.imageSize_mediumsquare{width:255px;height:134px;background:url(images/prodBackground.png) no-repeat;box-shadow: 0px 2px 5px #aaa;-webkit-box-shadow: 0px 2px 5px #aaa;-moz-box-shadow: 0px 2px 5px #aaa;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;}
li.imageSize_medium:nth-child(odd){margin:0 5px 10px 0;}
li.imageSize_medium:nth-child(even){margin:0 0 10px 5px;}
.IE8 li.imageSize_medium, .IE7 li.imageSize_medium{margin:0 4px 10px 0;}
.categoryName{text-align:left;margin:10px 0 0 10px;}
.categoryName a{font-size:11px;line-height:14px;font-family:Verdana;font-weight:bold;}
.categoryDes{font-size:10px;padding:0 10px 10px 10px;color:#666;}
.categoryImage{width:120px;height:120px;float:right;margin:10px 10px 0 0;}
.categoryImage a{text-align:center;}
.categoryImage img{margin:0;max-height:120px;max-width:120px;}
.categoryLink{position:absolute;bottom:0;left:0;margin:10px;}
.categoryLink a{width:70px;height:23px;background:url(images/moreInfoBtn.png) no-repeat 0 0;display:block;text-indent:-999em;}
.categoryLink a:hover{background-position:0 -23px;}
#subCategoryList ul{margin:20px 0 0;}

/* category page sub categories */
.hproduct{width:255px;height:134px;background:url(images/prodBackground.png) no-repeat;box-shadow: 0px 2px 5px #aaa;-webkit-box-shadow: 0px 2px 5px #aaa;-moz-box-shadow: 0px 2px 5px #aaa;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;}
.hproduct:nth-child(odd){margin:0 5px 10px 0;}
.hproduct:nth-child(even){margin:0 0 10px 5px;}
.name{text-align:left;margin:10px 0 0 10px;}
.name a{font-size:11px;line-height:14px;font-family:Verdana;font-weight:bold;}
.description{font-size:10px;padding:0 10px 10px 10px;color:#666;}
.productListImage{width:120px;height:120px;float:right;margin:10px 10px 0 0;}
.productListImage a{text-align:center;}
.productListImage img{margin:0;max-height:120px;max-width:120px;}
.productLink{position:absolute;bottom:0;left:0;margin:10px;}
.productLink a{width:70px;height:23px;background:url(images/buyNowBtn.png) no-repeat 0 0;display:block;text-indent:-999em;}
.productLink a:hover{background-position:0 -23px;}
#subCategoryList ul{margin:20px 0 0;}

/* search page */
.searchResults li{width:150px;margin:0 6px 20px;border:1px #ccc solid;}
.searchName{text-align:left;padding:10px 10px 0 10px;}
.searchName a{text-decoration:none;font-size:12px;line-height:12px;}
.searchDes{font-size:10px;padding:0 10px 10px 10px;color:#888;}
.searchImage{text-align:center;}
.searchImage img{margin:10px;}
.pageType_search #contentArea{background:#fff;}

/* pages */
.pageTitle{font-size:18px;border-bottom:1px #ccc solid;line-height:30px;}
.pageImageArea, #contentEntry{background:#fff;padding:0 10px 10px 10px;}
.pageType_page #contentArea{background:#fff;}
.pageType_page .pageImageArea{display:none;}
.contentPage{padding:10px;background:#fff;box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;-moz-box-shadow: 0px 0px 5px #ccc;border:1px #999 solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

/* product detail page (with sidebar) */
.pageType_product #primary{display:block;}
.pageType_product #contentArea{width:740px;margin:0 0 0 10px;}
.calculator .imageAndDescriptionArea{padding:10px 10px 20px 10px;background:#fff;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;}
.calculator .imageAndDescriptionArea, .calculator .customFormsArea {width: 62%;}
.calculator .fileUploadArea .ruFakeInput{width: 65%;}
.calculator #detailPage_shippingCalculator .postalCodeInput{width: 55%;}

#calcButtonArea {overflow: hidden;}
.calculator .addToCartButton input {margin: 0 0 5px;}
.productPageImage{border:1px #ddd solid;}

.nivoLarge{background:#fff;}



/*customize page */
.customizePage{width:940px;}
#edocInstructions{padding:10px 0 5px 0;}
#controlButtonArea{width:910px;}
.edocAddToCartButtonEnabled{height:28px !important;font-size:14px !important;width:230px !important;margin:0 !important;background-image:none !important;}
.edocAddToCartButtonDisabled{height:28px !important;color:#aaa !important;font-size:14px !important;width:230px !important;margin:0 !important;}
.pageType_customize #mainInner{background:#fff;}

/* cart page */
.pageType_cart #contentArea{width:940px;background:#fff;margin:0;}
.pageType_cart .fixed{position:fixed;top:0;}
.pageType_cart .fixedElement{position:absolute;top:48px;right:0;width:220px;box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;-moz-box-shadow: 0px 0px 5px #ccc;}
.cartSummary{width:200px;}
.pageType_cart .fixed{width:200px;}
.calculator #fixedElement .fixed{width:220px;}
.cartPage{min-height:300px;}

/* order history page */
.pageType_orders #contentArea{width:940px;background:#fff;margin:0;}

/* summary page, inventory page */
.pageType_summary #secondary, .pageType_inventory #secondary, .pageType_complete #secondary{display:none;}
.pageType_summary #contentArea, .pageType_inventory #contentArea, .pageType_complete #contentArea{width:720px;background:#fff;margin:0 0 0 10px;}

/* checkout page */
.pageType_checkout #secondary{display:none;}
.pageType_checkout #contentArea{width:720px;background:#fff;margin:0 0 0 10px;}

/* create account page */
.pageType_account #contentArea{background:#fff;}

/* login page */
.pageType_login .pageTitle, .pageType_login #featuredProduct, .pageType_login #secondary, .pageType_login #twitter, .pageType_login #rssFeed, .pageType_login #navigation4, .pageType_login #tagline, .pageType_login #footer, .pageType_login #bannerWrap, .pageType_login #contentShare, .pageType_login #cart, .pageType_login .aside, .pageType_login #siteSearch{display:none;}
.pageType_login #contentArea{width:100%;margin:0 0 0 10px;}
.pageType_login #main{padding:0;}
.pageType_login .loginForm{margin:40px auto 40px;}
.loginFormLinks a:hover, .loginFormLinks a{border:none;}

/* lostpassword page */
.pageType_lostpassword .pageTitle, .pageType_lostpassword #featuredProduct, .pageType_lostpassword #secondary, .pageType_lostpassword #twitter, .pageType_lostpassword #rssFeed, .pageType_lostpassword #navigation4, .pageType_lostpassword #tagline, .pageType_lostpassword #footer, .pageType_lostpassword #bannerWrap, .pageType_lostpassword #contentShare{display:none;}
.pageType_lostpassword #contentArea{width:720px;margin:0 0 0 10px;}
.pageType_lostpassword .instructions{margin:20px 0;}
.pageType_lostpassword #main{padding:0;}

/* ftp */
.pageType_ftp #featuredProduct, .pageType_ftp #secondary, .pageType_ftp #twitter, .pageType_ftp #rssFeed, .pageType_ftp #navigation4, .pageType_ftp #tagline, .pageType_ftp #footer, .pageType_ftp #bannerWrap, .pageType_ftp #contentShare{display:none;}
.pageType_ftp #contentArea{width:720px;margin:0 0 0 10px;}
.pageType_ftp .instructions{margin:20px 0;}
.pageType_ftp #main{padding:0;}