/* @import url(OC_Reset.css); */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, /* li, */
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Kampyle */
.k_button_css_revision{background-image:'$Rev:5946 $';}#k_popup *{-moz-box-sizing:content-box !important;box-sizing:content-box !important;}#k_popup a img{border:0;}#k_popup a{color:#3882C3;text-decoration:none;}#k_popup a:hover{color:#3882C3;text-decoration:underline;}#k_popup div{float:none;}.k_float{z-index:9999999;position:fixed !important;position:absolute;cursor:pointer;}#kampylink img{border:0;display:block;}.k_top{top:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop :document.body.scrollTop);}.k_bottom{bottom:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);}.k_right{right:0px;}.k_left{left:0px;}#k_close_button{color:gray;border:1px solid gray;display: none;width:11px;height:16px;font-size:12px;text-align:center;}.kc_top{top:80px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + 80 :document.body.scrollTop + 80);}.kc_bottom{bottom:80px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 80 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 80);}.kc_right{right:10px;}.kc_left{left:10px;}
/*@import url(OC_Global.css);*/
/* General Page Layout */
body
{
margin:0px;
padding: 0px;
text-align:center;
background-color:#ececec;
font-family:Arial, Helvetica, sans-serif;
background-image: url(//media.onecall.com/images/site/layout/fullbackground_990.gif);
background-repeat: repeat-y;
background-position:center top;
font-size:12px;
line-height: 16px;
color:#000000;
}
#content
{
width:991px;
background-color:#FFFFFF;
margin:0px auto;
text-align:left;
padding: 0px;
}
#menuBackground
{
background: url(//media.onecall.com/InWorks/2009/TopNav/images/Top_Nav_redesign_2009_05.png) no-repeat left top;
padding-left:80px;
height:38px;
background-color:rgb(0,90,159);
}
* html body{background-image: url(//media.onecall.com/images/site/layout/fullbackground_990_IE.gif);}
a img { border-style:none; border-width:0pt;}
a { font-size:12px; color:#49699A; text-decoration:underline; }
a:hover { text-decoration: none }
#divHeaderWrapper a { font-size:12px; line-height:15px; color:#132255;text-decoration:underline; }
#divHeaderWrapper a:hover {text-decoration:none;}
input.textbox { font-size:11px; color:#052554; line-height:14px; height:15px; border:1px solid #404040; padding-left:3px; background-color: #FFF; }
input.cartinfo { font-size:11px; font-weight:normal; color:#052554; line-height:14px; height:14px; border:1px solid #404040; padding-left:3px; }
.titleorange, .priceorange, a.savingsInCart { font-size:12px; font-weight:bold; color:#EC7400; }
.priceorange{ font-size: 16px;}
a.savingsInCart{font-size: 14px;}
.titleblue, ul.OCHomeCategoryList li a, ul.OCEndecaList li a, #productDetailMerchPaging a { font-size:12px; line-height:16px; font-weight:bold; color:#052554; }
.header { font-size:12px; color:#ED7D10; }
.required { font-size:12px; color:#FF0000; }
ol {list-style-position: inside;list-style-type:decimal;font-size: 12px;line-height:14px;padding:0px;margin: 10px 0px 10px 15px;}
ul{list-style-position: outside;list-style-type: disc;font-size: 12px;line-height:14px;padding:0px;margin: 10px 0px 10px 15px;}
ul.OCList{list-style-position: inside;list-style-type: disc;font-size: 12px;line-height:14px;padding:0px;margin: 10px 0px 10px 0px;}
ul.OCEndecaList li, ul.OCEndecaTopSellerList li{ color:#EC7400;}
ul.OCEndecaList, ul.OCEndecaTopSellerList{list-style-position: outside;list-style-type: disc;font-size: 12px;line-height:14px;padding: 5px 0px 0px 5px;margin: 0px 0px 5px 15px;}
ul.OCList span, ul.OCEndecaList span{ font-size:12px; line-height:14px; font-weight:bold; color:#052554;}
ul.OCHomeCategoryList{list-style: none;line-height:14px;padding:0px;margin: 0px 0px 0px 20px;}
ul.OCHomeCategoryListUpper, ul.OCHomeCategoryListLower{text-align: left;list-style: none;line-height:14px;padding:0px;margin: 0px 0px 0px 0px;}
h1 { line-height: 25px; font-size:25px; color:#000000; font-weight:bold; margin-bottom:0px; margin-top:5px; letter-spacing: -1px; }
h2, .likeH2 { line-height: 20px;font-size:20px; color:#000000; font-weight:bold; margin-bottom:0px; margin-top:0px; letter-spacing: 0px; }
h3 { font-size:15px; color:#000000; font-weight:bold; margin-bottom:0px; margin-top:0px; }
h4, h5 { font-size:11px; color:#000000; font-weight:bold; margin-bottom:0px; }
/* OCSVO */
div.OCSVO, div.OCSVODropship {padding:2px; border: 1px solid #AEBFD9; background-color:#E4EBF5; font-size:11px; font-weight:normal; color:#515151;}
.OCSVO .titleText { font-size:11px; font-weight:normal; color:#FF0000; }
table.OCSVO, table.OCSVODropship
{
width: 100%;
border: 2px solid #AEBFD9;
border-spacing: 2px;
border-collapse: collapse;
background-color: #E4EBF5;
}
table.OCSVO td, table.OCSVODropship td{
border-width: 1px;
padding: 2px;
border-style: solid;
border-color: #AEBFD9;
background-color: #E4EBF5;
}
table.OCSVODropship td, div.OCSVODropship
{
background:url(http://media.onecall.com/images/DropShippable.gif);
}
img.arrow { vertical-align: bottom; }
a.acc { font-size:12px; line-height:16px; font-weight:bold; color:#092453; }
.cartrequired, .cartrequired2 { font-size:12px; font-weight:normal; color:rgb(155, 0, 10); line-height:14px; }
div.HomePageCategoryDiv h2 {margin:0px 0px 10px 20px;}
ul.OCHomeCategoryList li a, .titleblue { font-size:12px; line-height:16px; font-weight:bold; color:#052554; }
.HomePageCategoryDiv h2 a.titleblue {font-size:14px;line-height:18px;}
ul.OCHomeCategoryListUpper li a,ul.OCHomeCategoryListLower li a { font-size:11px; line-height:14px; font-weight:bold; color:#052554; }
#Category1, #Category4, #Feature1{float: left;width: 240px;margin-left: 248px;}
#Category2, #Category5, #Feature2{float: left;width: 240px; margin-left: -488px;}
#Category3, #Category6, #Feature3{margin-left: 8px; float: left;width: 240px;}
* html #Category1, * html #Category4, * html #Feature1{ display: inline;}
.HomePageFeatureDiv{height: 80px;width: 240px;}
.HomePageCategoryDivContainer,.HomePageCategoryDiv{margin:0px; padding: 0px;}
.HomePageCategoryDiv{float:left; width:175px;}
/*@import url(OC_template.css);*/
/* Header */
#bannerSocialLinks img {padding-right:20px; }
#divHeaderWrapper .phone { font-weight: bold; font-size: 31px; color: #EB7D16; line-height: 30px; }
.phone { font-weight: bold; font-size: 20px; color: #EB7D16; line-height: 25px; }
a.headerlink { color:#052554;text-decoration:underline; font-size: 12px;}
a.headerlink:hover {text-decoration:none;}
td.footerbg { background-image:url(http://media.onecall.com/images/site/layout/footer_bg.gif); background-repeat:repeat-x; }
td.footerbd { border-bottom: 1px solid #AEBFDA; padding:15px 15px 15px 15px; }
td.footersep { background-image:url(http://media.onecall.com/images/site/layout/footer_sep.gif); background-repeat:repeat-y; }
#navLinks {color:#ffffff; padding-right: 10px; font-size:16px; text-align:right; height: 22px;}
#navLinks a {color:#ffffff; text-decoration:none; font-size:11px;}
#navLinks a:hover { text-decoration: underline;}
#navLinks img.cartImg {vertical-align: middle;}
/* search box */
#SearchBoxDiv{float:left; padding-top: 8px;padding-left: 10px;}
#SearchButtonDiv{padding: 13px 0 0;float:left;}
.searchinput
{
vertical-align:middle;
background-color: #FFF;
border:1px solid #8AA0C5;
width:420px;
padding-left:5px;
padding-top: 5px;
padding-bottom: 5px;
margin-right:5px;
font-size:16px;
font-weight:bold; color:#022354; }
.searchbg { background-color:#D3DEF0; border-bottom:1px solid #8C9FC7; }
/* suggestion list styles */
#suggestionsList {
width: 350px;
font-size:8pt;
background-color: white;
font-family: Arial;
font-size: 11px;
}
#suggestionsList ul {
border:1px solid #888;
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
}
#suggestionsList ul li {
margin: 0;
padding:3px;
}
#suggestionsList ul li.selected {
background-color: #FEE7D1;
}
#suggestionsList ul strong {
font-weight: bold;
}
#suggestionsList ul li.suggestHeader
{
background-color: blue;
}
/* end suggestion list */
/* mini cart */
div.minicartdivstyle
{
background:white none repeat scroll 0;
border-color:#8C9FC7;
border-style:solid;
border-width:2px 2px 1px;
padding:9px 0;
}
a.cartheadertxt2 { font-size:14px; line-height:18px; font-weight:bold; color:#052554;text-decoration:none; }
a.cartheadertxt2:hover{text-decoration: underline;}
a.helpheader3 {color:#052554;font-weight:bold; font-size:10px;text-decoration:underline; }
/* Help Section */
a.lhc {}
td.helpLinkCell {padding:5px;}
img.helpArrow {float:left;padding-right: 5px;}
.helptitle { font-size:16px; font-weight:bold; line-height:16px; color:#EB7400; }
.helptitle2 { font-size:14px; font-weight:bold; line-height:24px; color:#EB7400; }
.helpbody { font-size:11px; font-weight:bold; line-height:16px; color:#072654; }
.helpfineprint {font-size: 10px; color:#666666;}
.helpheader1 { font-size:14px; font-weight:bold; line-height:16px; color:#ED7D10;}
.helpheader2 {color:#052554; font-weight:bold; font-size:12px;}
.helpheader2a {color:#ED7D10; font-weight:bold; font-size:12px;}
.helpheader3 {color:#052554; font-weight:bold; font-size:10px;}
.helpsmall {color:#052554;font-size:10px;}
.helpsmallbold {color:#052554; font-weight:bold; font-size:10px;}
/* End Help Section */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* footer template */
.footercolumn{ float:left;margin-top: 15px;padding: 0 15px; border-right: 1px solid #AEBFDA; height:130px;}
#footerColumn1{width: 240px; padding: 0 15px 0 25px;}
#footerColumn2{width: 190px;}
#footerColumn3{width: 220px;}
#footerColumn4{width: 190px; border:none;}
#FooterDiv{border-bottom: 1px solid #aebfda;padding-bottom: 15px;}
/* subfooter template */
#SubFooter1 {float: left;width: 222px;margin-left: 55px;margin-right: 70px;}
* html #SubFooter1{margin-left: 30px;}
#SubFooter2{float: left;width: 280px;margin-right: 60px;}
#SubFooter3{float: left;width: 250px;}
div.SubFooterHeader{border-bottom: 1px solid #AEBFDA;margin-bottom: 5px;width: 200px;}
.SubFooterImages{float: left;padding-right: 12px;}
.SubFooterImagesHome{float: left;padding-right: 40px;}
.SubFooterLeftColumn{float: left;padding-right: 50px;}
.SubFooterLists a{font-size: 11px;}
.SubFooterLists{list-style: none;font-size: 11px;line-height:14px;padding: 0;margin: 0;}
/* Search Site Nav */
.SearchSideNavigation
{margin-bottom:10px;}
.SearchSideNavigationHeader
{font-size:13px;
font-weight:bold;
line-height:16px;
color:#FFFFFF;
background-color: #005A9F;
padding:0 0 2px 14px;}
.SearchSideNavigationGroupName
{
background-color:#AEBFD9;
padding:0 0 2px 14px;
color:#052653;
font-weight:bold;
line-height:22px;
}
.SearchSideNavigationGroup
{
border-right: 1px solid #AFBEDB;
border-bottom: 1px solid #AFBEDB;
padding:5px 0px 0px 14px;
}
.SearchSideNavigationGroup a
{
color:#042453;
line-height:20px;
}
div.searchPromotionLink a {font-size:12px; line-height:18px; font-weight:normal; color:#052554; text-decoration:none; }
div.searchPromotionLink a:hover {text-decoration:underline;}
.OCEndecaTopSellerList .titleorange {line-height:18px;}
.toplink2 { font-size:13px; font-weight:bold; line-height:16px; color:#FFFFFF; background-color: #005A9F;padding: 2px 3px 3px 3px;}
.filterpad h4 { display:inline;}
a.filter, #RecentCategoriesContainer a.bread {line-height:20px; color:#042453;}
.filterbg { background-color:#F5F6FA; border-bottom:1px solid #AFBEDB; border-right:1px solid #AFBEDB;}
.filternumb { color:#4B699B; font-size:11px; line-height:14px; }
.filterpad { padding-left:14px; padding-top:8px; padding-bottom:14px; }
.filterhead { color:#052653; font-weight:bold; font-size:12px; line-height:22px; }
.filterheadbg{ background-color:#AEBFD9; padding: 0px 0px 2px 14px; text-align:left; }
.filteraccbg { background-color:#FEE7D1; font-size:11px; line-height:20px; color:#042453; }
.filteraccbd { border:1px solid #ED7D10; margin-bottom: 20px; width: 188px; border-left: 0px; }
.AtYourServiceFull { border: 1px solid #AEBFDA;border-top: none;padding-left: 5px; padding-bottom: 5px;height:59px;}
.AtYourServiceRight {border: 1px solid #AEBFDA;border-top: none; border-right: none; padding-left: 5px; padding-bottom: 5px; height:59px;}
.AtYourServiceLeft { border: 1px solid #AEBFDA;border-top: none; border-left: none; padding-left: 5px; padding-bottom: 5px; height:59px;}
#EmailSignup { width:200px; margin-bottom: 20px;}
.divAvailability a { font-size:11px; }
a.results { font-weight:bold; color:#EEEEFF; line-height:16px; font-size:13px;}
div.RecentlyViewed {font-size:13px; font-weight:bold; line-height:16px; color:#FFFFFF; background-color: #ED7D10;padding: 2px 0px 3px 10px;}
/* Search Results */
.PagingRecordCount{float:left;}
.PagingPageCount{float:right;}
a.paging{color:#ffffff;font-weight:bold;}
.PagingContainer{background-color:#005A9F;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
line-height:16px;
padding:3px 8px;}
img.imgMerchImage {margin-top:5px;}
div.HorizontalCategoryYBorder {background: url(http://media.onecall.com/images/bluevert.gif) repeat-y left top;padding-left:8px;margin-left:3px;}
div.HorizontalCategoryXBorder {background: url(http://media.onecall.com/images/bluevert.gif) repeat-x left top;padding-top: 10px;}
div.HorizontalCategoryNoBorder {padding-left:4px;margin-left:3px;}
div.HorizontalCategoryImage {height:100px;display:table-cell; vertical-align:middle; }
.resultstitle { font-size:12px; font-weight:bold; color:#052554; line-height:16px;margin:5px 0; }
.resultstitle a { font-size:12px; font-weight:bold; color:#052554; line-height:16px; }
td.resultsbd { border-top:1px solid #8CA7D9; }
.helpheader1 { font-size:14px; font-weight:bold; line-height:16px; color:#ED7D10;}
#RecentCategoriesContainer a.breadremove{display: none;}
.breadcrumb { font-size:11px; font-weight:normal; color:#535353; margin-bottom: 5px; }
a.bread { color:#535353;}
div.divSearchFeatured {width:200px;overflow:hidden;margin-bottom: 20px;}
div.SearchItemContainer {margin-top:10px; line-height:16px;}
div.SearchItemContainer h2, .OCEndecaTopSellerList h2 { letter-spacing:0px;}
div.SearchItemContainer h3, .OCEndecaTopSellerList h3 { font-size:11px; font-weight:normal; color:#515151; letter-spacing:0px;}
div.divSearchFeaturedProductLeft { border-bottom:1px solid #AEBFDA; border-right:1px solid #AEBFDA;padding:5px;padding-top:10px;text-align:center;}
div.divSearchFeaturedProductRight .bodygray, div.divSearchFeaturedProductLeft .bodygray{line-height:12px;}
div.divSearchFeaturedProductRight { border-bottom:1px solid #AEBFDA; border-left:1px solid #AEBFDA;padding:5px;padding-top:10px;text-align:center;}
div.SearchItemProductImage {float:left;text-align:center;margin: 0 auto;width:85px;}
div.SearchItemProductPrice {float: right;text-align: right; width:176px;}
div.SearchItemProductName {float: left; margin: 0px 0px 0px 15px; width: 260px;}
div.SearchItemProductCompare {float:left;}
div.SearchItemProductAvailability {text-align:right;}
div.SearchItemProductPrice, div.SearchItemProductAvailability {font-size:12px;}
#SearchItemCoupons a.titleorange:hover, #SearchItemProductAvailability a:hover { text-decoration: underline;}
#SearchItemCoupons a.titleorange, #SearchItemProductAvailability a { text-decoration: none; }
div#ProductStatementWrapper h4, div.PricePopupWrapper h4, h5 {font-size:13px; line-height:18px; font-weight:bold; color:#052554; margin:0px 0px 10px 0px;}
div.ProdStmtLeftCol { text-align: left; float:left; font-weight:bold;}
div.ProdStmtRightCol{ text-align: right;}
div.ProdStmtRightCol a{line-height: 18px;}
div.PricePopupWrapper, #ProductDetailMain, #ProductDetailSide {line-height:16px;}
div.PricePopupWrapper { background-color: white; text-align: left;width: 250px; }
td.homeproductsbdr { border-bottom:1px solid #AEBFDA; }
.hometopsellerstitle { font-size:14px; font-weight:bold; color:#052554; }
td.topSellerImage { vertical-align:middle; }
td.catThumbImage {width:100%;height:90px;text-align:center;vertical-align:middle;}
div.catThumb {float:left;width:182px;margin:10px 0;text-align:center;}
ul.searchList{list-style-position: outside;}
/* End Search Results */
/*Product Detials */
#productDetailMerchPaging {float:right;margin:3px 0; width:500px;text-align:right;}
.cartheadertxt2 { font-size:14px; line-height:18px; font-weight:bold; color:#052554; }
.productprice4 { font-size:14px; font-weight:bold; color:#052653 }
.titleorange2 { font-size:14px; line-height:18px; font-weight:bold; color:#EC7400; }
#highlightsContainer {margin:10px; }
#additionalImagesBlock {margin:5px;}
#additionalImagesBlock a,
a.productoptions { font-size:10px; line-height:12px; color:#062456;}
#additionalImagesBlock img {vertical-align:middle;}
.relatedProductImage{height:90px;text-align:center; vertical-align:middle; }
.relatedProductBorder {border-right:1px solid #AEBFD9;}
.relatedProductNoBorder {}
.categoryProduct {width:168px;float:left;padding: 0 10px;}
#categoryMainContent {border:1px solid #AEBFD9;border-left: none;margin-left:137px;height:200px;padding:10px;}
#categorySidebar {width:137px;float:left;height:222px;overflow:hidden;}
div.categoryItemSolo, div.categoryItemBottom, div.categoryItemMid, div.categoryItemTop {border: 1px solid #AEBFD9;}
div.categoryItemTop, div.categoryItemMid {border-bottom:none; }
.categoryLeftArrow {height:258px; vertical-align:middle;width:16px;}
.categoryRightArrow {height:258px; vertical-align:middle; width:16px;}
.categoryRightArrow img, div.categoryLeftArrow img {vertical-align:middle;}
div.categoryItemSelected {background-color:#ffffff;border-right:none; padding:4px; cursor:pointer;font-weight:bold; color:#052554;}
div.categoryItemNotSelected {background-color:#e7e8e9; padding:4px; cursor:pointer;font-weight:bold; color:#052554;}
div.categorySpacer, div.categorySpacerFill {border-right: 1px solid #AEBFD9;}
div.categorySpacerFill { height:100%; }
img.productIcon { vertical-align:middle; margin-right:5px; }
td.tabheadbdr { background-image:url(http://media.onecall.com/image_buttons/tab_header_bdr.gif); background-repeat:repeat-x; }
td.tabbodybdr { border-bottom:1px solid #AEBFDA; border-left:1px solid #AEBFDA; border-right:1px solid #AEBFDA; }
#ProductEssentialDiv {border-bottom:1px solid #AEBFDA; border-left:1px solid #AEBFDA; border-top:1px solid #AEBFDA; padding:5px;}
p {margin:1em 0;padding:0}
.openBoxDisplay { padding:8px; border-right: 1px solid #AEBFD9; border-left: 1px solid #AEBFD9; border-top: 1px solid #AEBFD9; border-bottom: 1px solid #AEBFD9; background-color:#E4EBF5; }
#highlightsRightCol ul.OCList li {color: #000000; font-weight:bold;}
#highlightsRightCol ul.OCList { margin: 10px 0 10px 25px; }
#ProductDetailMain ul.OCList li {color:#000000;}
#ProductDetailMain {padding: 10px 0px 40px 20px; float: left;}
#ProductDetailSide {margin-top: 15px; float: right; width: 200px;}
.tabhead { background-color:#005A9F; font-size:12px; font-weight:bold; color:#FFFFFF; line-height:22px; }
.tabalt { background-color:#D6E3F6; font-size:12px; color:#012256; line-height:22px; }
.tabalt2 { background-color:#FFFFFF; font-size:12px; color:#012256; line-height:22px; }
#DetailsSpecs {margin-left:10px;margin-top:20px;}
#DetailsSpecs li {list-style-position: inside;}
.alignCellMiddle {vertical-align:middle; }
.producttitle { font-size:16px; font-weight:bold; color:#052653 }
.AccImage > img {padding: 0 10px; vertical-align:middle;}
.accheader { background-color:#FFD6A2; padding:5px 5px 4px 5px; font-size:12px; font-weight:bold; color:#012256; }
#productdetailsessentials{border: 1px solid #aebfd9;padding:10px;margin-top: 15px;}
div#RelatedByCategory h4{ font-size:13px; line-height:18px; font-weight:bold; color:#052554; margin:0px 0px 10px 0px; display:inline;}
.inStock{color:#008000; font-weight:bold;font-size:11px;line-height:14px;}
.pdpRightCol .inStock { font-size:14px;}
.outofStock{color:#CC0202; font-weight:bold;font-size:11px;line-height:14px;}
.pdpRightCol .outofStock { font-size:14px;}
/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
border:solid #1a3269; /* color between tab list and content */
border-width:0 0 5px;
Xposition:relative;
zoom:1;
}
.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
background:#005A9F url(http://yui.yahooapis.com/2.8.0r4/build/assets/skins/sam/sprite.png) repeat-x; /*tab background */
border:solid #a3a3a3;
border-width:0 1px;
color:#000;
text-decoration:none;
}
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em {
border-color:#243356; /* selected tab border color */
}
.yui-skin-sam .yui-navset .yui-content {
background:#ffffff; /* content background color */
}
.yui-skin-sam .yui-navset .yui-content,
.yui-skin-sam .yui-navset .yui-navset-top .yui-content {
border:1px solid #AEBFD9; /* content border */
border-top-color:#005A9F; /* different border color */
padding:0.25em 0.5em; /* content padding */
}
.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
background:#005A9F url(http://yui.yahooapis.com/2.8.0r4/build/assets/skins/sam/sprite.png) repeat-x left -1300px; /* selected tab background */
outline:0;
}
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
background:#2647a0 url(http://media.onecall.com/images_onecall/tab_bg.png) repeat-x left top; /* selected tab background */
color:#fff;
}
.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
font-size:13px;
}
.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
border:solid #a3a3a3;
border-width:1px 0 0;
cursor:hand;
padding:0.25em 1.5em;
left:0; right: 0; bottom: 0; /* protect from other orientations */
top:-1px; /* for 1px rounded corners */
position:relative;
}
.yui-skin-sam .yui-navset .yui-nav .selected a em {
padding:0.35em 1.5em; /* raise selected tab */
}
.homepromotionstitle { font-weight:bold; font-size:14px; color:#EC7400; }
/* Products Learning Center */
img.rightArrow {vertical-align:middle;}
#learningCenter{ border-color: #005A9F; width: 200px; background: url(http://media.onecall.com/Image_Promotions/CatGraphics/TopSeller_Background.jpg); text-align: left; margin-bottom: 15px}
#learningCenterHeader{ font-size:13px; font-weight:bold; line-height:16px; color:#EEEEFF; background-color: #005A9F; width: 200px;}
/* end Products Learning Center */
/* PDP price tree */
.pdpLeftCol {float:left;width:260px;margin-right:10px;padding-bottom:15px;}
.pdpRightCol {float:left;width: 205px;margin-left:10px;padding-bottom:15px;}
.pdpTwoCol {background:transparent url(http://media.onecall.com/images_onecall/twocolbg-dashed.gif) repeat-y scroll 0 0 !important;}
.PriceTreeLeftCol {padding:3px 5px 3px 0; text-align: right;font-size:12px; font-weight:normal; color:#000000; line-height:16px; }
.PriceTreeRightCol{ text-align: left;font-size:12px; font-weight:normal; color:#000000; line-height:16px; }
.shareimg{margin:5px;}
div.pdphr
{
background:#FFFFFF url(http://media.onecall.com/images_onecall/dashed-border.gif) repeat-x scroll center center;
height:8px;
margin:5px 0 10px;
}
div.pdphr hr {display:none;}
.bundlecontainer
{
border:solid 1px #AEBFD9;
padding:10px;
}
.price-large {
color: #EC7400;
font-weight: bold;
font-size: 20px;
}
.bundle-price {
color: #052554;
font-weight: bold;
font-size: 15px;
line-height: 125%;
}
.bundle-savings {
color: #052554;
font-size: 12px;
line-height: 175%;
}
.line-list, ul.OCList span {
color: #535353;
font-size: 11px;
line-height: 150%;
font-weight: normal;
}
#highlightsLeftCol
{
float: left; width: 160px;
}
#highlightsRightCol
{
float: right;
width: 545px;
}
/*end product Details */
/* Product Compare */
.compareProductsTable span.titleblue {font-size:14px;}
.compareProductsTable span.priceorange {font-size:20px; line-height:20px;}
table.compareFeatureTable tr td, table.compareProductsTable tr td {padding:5px;}
.comparetitle { background-color:#FFD6A2; padding:5px 10px 4px 10px; border:1px solid #FFFFFF; font-size:13px; font-weight:bold; color:#012256; }
.comparehead { font-size:13px; font-weight:bold; color:#FFFFFF; line-height:16px; }
.comparehead { background-color:#005A9F; }
.compare { background-color:#D6E3F6; }
.comparealt { background-color:#FFFFFF; }
.compare {font-size:11px; font-weight:normal; color:#012256; line-height:16px; }
.comparealt { font-size:11px; font-weight:normal; color:#012256; line-height:16px; }
a.comparehead { line-height:18px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
a.comparehead:hover { text-decoration:underline; }
a.comparetitle { font-size:13px; font-weight:bold; color:#012256; text-decoration:none; }
a.comparetitle:hover { text-decoration:underline; }
td.comparefeature { font-size:11px; font-weight:bold; color:#012256; line-height:16px; }
td.comparefeaturealt{ font-size:11px; font-weight:bold; color:#012256; line-height:16px; }
/* End Product Compare */
/* Cart */
a.cart { font-size:11px; font-weight:normal; color:#052554; line-height:18px; }
td.cartItemImage, td.cartItemData { border-bottom: 1px solid #D3DEF1; }
td.cartItemImage { vertical-align: middle;}
td.cartItemData { vertical-align:top;}
.cartheadertxt { font-size:11px; line-height:16px; font-weight:bold; color:#012256; }
.homeproductsbody { line-height:16px; font-size:11px; color:#515151; }
div.TopBorderWithPadding {margin-top:10px; padding-top: 10px;border-top:1px solid #D3DEF1;}
.cartbodysmalltxt { font-size:9px; color:#666666; line-height:14px; }
.errorsummary {border: 1px solid rgb(155, 0, 10); background-color: #F8EBEB; margin: 10px 40px;}
/*@import url(OC_menu.css);*/
#nav, #nav ul {
float: left;
list-style: none;
font-size: 12px;
padding: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif;
z-index:2;
}
#nav ul
{
background: rgb(0,90,159);
}
#nav .topnav
{
border-right: 1px solid #003567;
}
#nav .topnav a.topnavlink
{
line-height: 32px;
font-size: 12px;
display: block;
font-weight: bold;
color: #fff;
text-decoration: none;
padding: 0.25em .5em;
}
#nav .topnav a.granddaddy
{
background: url(//media.onecall.com/InWorks/2009/TopNav/orange_arrow_down.gif);
background-repeat: no-repeat;
background-position: right center;
padding: 0.25em 1em 0.25em 1em;
margin: 0 0.5em 0 0;
}
#nav ul a
{
font-size: 12px;
font-weight: normal;
display: block;
width: 10em;
w\idth: 6em;
color: #fff;
text-decoration: none;
padding: 0.25em 1em;
}
#nav a.daddy {
background: url(//media.onecall.com/InWorks/2009/TopNav/orange_arrow_right.gif);
background-repeat: no-repeat;
background-position: 163px 5px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 15.8em;
w\idth: 15.3em;
font-weight: normal;
margin: 0;
}
#nav li li {
padding-right: 1em;
padding-top: 2px;
padding-bottom: 2px;
width: 14em;
border-bottom: 1px solid #003567;
border-top:1px solid #003567;
border-right:2px solid #003567;
border-left:2px solid #003567;
}
#nav li ul a {
width: 13.5em;
w\idth: 14em;
}
#nav li ul ul {
margin: -22px 0 0 15em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
visibility: visible;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
visibility: visible;
}
#nav li.sfhover, #nav li:hover {
background:#003567;
}
#nav li.topnav
{
background: none;
}
#nav li:hover a.topnavlink,
#nav li.sfhover a.topnavlink
{
color:#e69138;
}
/*@import url(youtubeButtons.css);*/
/*--------------------------------------------------------------------------------------------------
BUTTON DEFINITIONS
Edit below at your own risk, everything done here is for a reason for cross browser
compatibility so that the buttons will appear identical in the tested browsers.
Tested on: IE6 IE7 FF(PC/MAC) Safari SafariMobile Opera(PC/MAC)
--------------------------------------------------------------------------------------------------*/
button,
a.button,
a.button:link,
a.button:visited {
/*
Strip down the button and link elements to a base we can work with.
*/
padding: 0 0 0 0;
margin: 0 3px 0 3px;
border: none;
display: block;
float: left;
cursor: pointer;
text-decoration: none;
outline: none;
white-space: nowrap;
overflow: visible;
}
* html a.button,
* html a.button:link,
* html a.button:visited {
/*
IE6 fix to make link fit text.
*/
width: 1%;
}
button, x:-moz-any-link {
/*
FF fix to make button spacing even across browsers.
*/
margin: 0 0 0 0;
}
*:first-child+html button {
/*
Reset IE7 back to what it was for previous fix.
*/
margin: 0 3px 0 3px;
}
button span,
a.button span,
a.button:link span,
a.button:visited span {
/*
Set the span tags to display: block, as they will work our background-image magic.
*/
display: block;
}
/*--------------------------------------------------------------------------------------------------
CUSTOMIZATIONS
Edit below to change the look and feel of the buttons and even add more classes for
different looks and feels.
--------------------------------------------------------------------------------------------------*/
button,
a.button,
a.button:link,
a.button:visited {
/*
HEIGHT - Total height of button.
*/
height: 27px;
/*
NOTE - You must define the font here otherwise your buttons and links could end up diffrent.
*/
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
background-color: #ffffff;
}
button.button_active,
a.button_active {
}
button span,
a.button span,
a.button:link span,
a.button:visited span {
/*
Right side padding for button (default).
*/
padding: 0 14px 0 0;
/*
SPAN HEIGHT - This should be 2px smaller than the height set on the button (see HEIGHT).
*/
height: 25px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
*/
background: url(//media.onecall.com/InWorks/2009/Buttons/Button_orange_sprite.gif) right -0px;
background-color: #ffffff;
}
button span span,
a.button span span,
a.button:link span span,
a.button:visited span span {
/*
Left side padding for button (default).
*/
padding: 0 0 0 13px;
/*
SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
*/
height: 25px;
/*
SPAN LINE-HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT) and will
center the text vertcailly.
*/
line-height: 25px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
*/
background: url(//media.onecall.com/InWorks/2009/Buttons/Button_orange_sprite.gif) left -0px;
background-color: #ffffff;
}
button:hover span,
a.button:hover span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: right -25px;
}
button:active span,
a:active:active span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
button.button_active span,
a.button_active:active span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: right -50px;
}
button:hover span span,
a.button:hover span span {
text-decoration: none;
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: left -25px;
}
button:active span span,
a:active:active span span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
button.button_active span span,
a.button_active:active span span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: left -50px;
}
/*
Blue Style
*/
button.btn_blue,
a.btn_blue,
a.btn_blue:link,
a.btn_blue:visited {
/*
Strip down the button and link elements to a base we can work with.
*/
padding: 0 0 0 0;
margin: 0 3px 0 3px;
border: none;
display: block;
float: left;
cursor: pointer;
text-decoration: none;
outline: none;
white-space: nowrap;
overflow: visible;
}
* html a.btn_blue,
* html a.btn_blue:link,
* html a.btn_blue:visited {
/*
IE6 fix to make link fit text.
*/
width: 1%;
}
btn_blue, x:-moz-any-link {
/*
FF fix to make button spacing even across browsers.
*/
margin: 0 0 0 0;
}
*:first-child+html button {
/*
Reset IE7 back to what it was for previous fix.
*/
margin: 0 3px 0 3px;
}
button.btn_blue span,
a.btn_blue span,
a.btn_blue:link span,
a.btn_blue:visited span {
/*
Set the span tags to display: block, as they will work our background-image magic.
*/
display: block;
}
/*--------------------------------------------------------------------------------------------------
CUSTOMIZATIONS
Edit below to change the look and feel of the buttons and even add more classes for
different looks and feels.
--------------------------------------------------------------------------------------------------*/
button.btn_blue,
a.btn_blue,
a.btn_blue:link,
a.btn_blue:visited {
/*
HEIGHT - Total height of button.
*/
height: 27px;
/*
NOTE - You must define the font here otherwise your buttons and links could end up diffrent.
*/
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
background-color: #ffffff;
}
button.button_active,
a.button_active {
}
button.btn_blue span,
a.btn_blue span,
a.btn_blue:link span,
a.btn_blue:visited span {
/*
Right side padding for button (default).
*/
padding: 0 14px 0 0;
/*
SPAN HEIGHT - This should be 2px smaller than the height set on the button (see HEIGHT).
*/
height: 25px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
*/
background: url(//media.onecall.com/InWorks/2009/Buttons/Button_blue_sprite.gif) right -0px;
background-color: #ffffff;
}
button.btn_blue span span,
a.btn_blue span span,
a.btn_blue:link span span,
a.btn_blue:visited span span {
/*
Left side padding for button (default).
*/
padding: 0 0 0 13px;
/*
SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
*/
height: 25px;
/*
SPAN LINE-HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT) and will
center the text vertcailly.
*/
line-height: 25px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
*/
background: url(//media.onecall.com/InWorks/2009/Buttons/Button_blue_sprite.gif) left -0px;
background-color: #ffffff;
}
button:hover span,
a.btn_blue:hover span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: right -25px;
}
button:active span,
a:active:active span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
button.button_active span,
a.button_active:active span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: right -50px;
}
button:hover span span,
a.btn_blue:hover span span {
text-decoration: none;
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: left -25px;
}
button:active span span,
a:active:active span span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
button.button_active span span,
a.button_active:active span span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: left -50px;
}
/*
Action Right Arrow
*/
button.btn_actionarrow,
a.btn_actionarrow,
a.btn_actionarrow:link,
a.btn_actionarrow:visited {
/*
Strip down the button and link elements to a base we can work with.
*/
padding: 0 0 0 0;
margin: 0 3px 0 3px;
border: none;
display: block;
float: left;
cursor: pointer;
text-decoration: none;
outline: none;
white-space: nowrap;
overflow: visible;
}
* html a.btn_actionarrow,
* html a.btn_actionarrow:link,
* html a.btn_actionarrow:visited {
/*
IE6 fix to make link fit text.
*/
width: 1%;
}
btn_actionarrow, x:-moz-any-link {
/*
FF fix to make button spacing even across browsers.
*/
margin: 0 0 0 0;
}
*:first-child+html button {
/*
Reset IE7 back to what it was for previous fix.
*/
margin: 0 3px 0 3px;
}
button.btn_actionarrow span,
a.btn_actionarrow span,
a.btn_actionarrow:link span,
a.btn_actionarrow:visited span {
/*
Set the span tags to display: block, as they will work our background-image magic.
*/
display: block;
}
/*--------------------------------------------------------------------------------------------------
CUSTOMIZATIONS
Edit below to change the look and feel of the buttons and even add more classes for
different looks and feels.
--------------------------------------------------------------------------------------------------*/
button.btn_actionarrow,
a.btn_actionarrow,
a.btn_actionarrow:link,
a.btn_actionarrow:visited {
/*
HEIGHT - Total height of button.
*/
height: 27px;
/*
NOTE - You must define the font here otherwise your buttons and links could end up diffrent.
*/
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
background-color: #ffffff;
}
button.button_active,
a.button_active {
}
button.btn_actionarrow span,
a.btn_actionarrow span,
a.btn_actionarrow:link span,
a.btn_actionarrow:visited span {
/*
Right side padding for button (default).
*/
padding: 0 35px 0 0;
/*
SPAN HEIGHT - This should be 2px smaller than the height set on the button (see HEIGHT).
*/
height: 25px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
*/
background: url(//media.onecall.com/InWorks/2009/Buttons/Button_rightarrow_right_sprite.gif) right -0px;
background-color: #ffffff;
}
button.btn_actionarrow span span,
a.btn_actionarrow span span,
a.btn_actionarrow:link span span,
a.btn_actionarrow:visited span span {
/*
Left side padding for button (default).
*/
padding: 0 0 0 13px;
/*
SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
*/
height: 25px;
/*
SPAN LINE-HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT) and will
center the text vertcailly.
*/
line-height: 25px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
*/
background: url(//media.onecall.com/InWorks/2009/Buttons/Button_orange_sprite.gif) left -0px;
background-color: #ffffff;
}
button.btn_actionarrow:hover span,
a.btn_actionarrow:hover span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: right -25px;
}
button.btn_actionarrow:active span,
a:active:active span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
button.button_active span,
a.button_active:active span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: right -50px;
}
button.btn_actionarrow:hover span span,
a.btn_actionarrow:hover span span {
text-decoration: none;
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: left -25px;
}
button.btn_actionarrow:active span span,
a:active:active span span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
button.button_active span span,
a.button_active:active span span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: left -50px;
}
/*
Small Button Style
*/
button.btn_small,
a.btn_small,
a.btn_small:link,
a.btn_small:visited {
/*
Strip down the button and link elements to a base we can work with.
*/
padding: 0 0 0 0;
margin: 0 3px 0 3px;
border: none;
display: block;
float: left;
cursor: pointer;
text-decoration: none;
outline: none;
white-space: nowrap;
overflow: visible;
}
* html a.btn_small,
* html a.btn_small:link,
* html a.btn_small:visited {
/*
IE6 fix to make link fit text.
*/
width: 1%;
}
btn_small, x:-moz-any-link {
/*
FF fix to make button spacing even across browsers.
*/
margin: 0 0 0 0;
}
*:first-child+html button {
/*
Reset IE7 back to what it was for previous fix.
*/
margin: 0 3px 0 3px;
}
button.btn_small span,
a.btn_small span,
a.btn_small:link span,
a.btn_small:visited span {
/*
Set the span tags to display: block, as they will work our background-image magic.
*/
display: block;
}
/*--------------------------------------------------------------------------------------------------
CUSTOMIZATIONS
Edit below to change the look and feel of the buttons and even add more classes for
different looks and feels.
--------------------------------------------------------------------------------------------------*/
button.btn_small,
a.btn_small,
a.btn_small:link,
a.btn_small:visited {
/*
HEIGHT - Total height of button.
*/
height: 24px;
/*
NOTE - You must define the font here otherwise your buttons and links could end up diffrent.
*/
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
background-color: #ffffff;
}
button.button_active,
a.button_active {
}
button.btn_small span,
a.btn_small span,
a.btn_small:link span,
a.btn_small:visited span {
/*
Right side padding for button (default).
*/
padding: 0 9px 0 0;
/*
SPAN HEIGHT - This should be 2px smaller than the height set on the button (see HEIGHT).
*/
height: 22px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
*/
background: url(//media.onecall.com/InWorks/2009/Buttons/Button_blue_sprite.gif) right -79px;
background-color: #ffffff;
}
button.btn_small span span,
a.btn_small span span,
a.btn_small:link span span,
a.btn_small:visited span span {
/*
Left side padding for button (default).
*/
padding: 0 0 0 9px;
/*
SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
*/
height: 22px;
/*
SPAN LINE-HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT) and will
center the text vertcailly.
*/
line-height: 22px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
*/
background: url(//media.onecall.com/InWorks/2009/Buttons/Button_blue_sprite.gif) left -79px;
background-color: #ffffff;
}
button.btn_small:hover span,
a.btn_small:hover span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: right -101px;
}
button.btn_small:active span,
a:active:active span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
button.button_active span,
a.button_active:active span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: right -123px;
}
button.btn_small:hover span span,
a.btn_small:hover span span {
text-decoration: none;
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: left -101px;
}
button.btn_small:active span span,
a:active:active span span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
button.button_active span span,
a.button_active:active span span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: left -123px;
}
/*
New Cart Style
*/
button.btn_cart,
a.btn_cart,
a.btn_cart:link,
a.btn_cart:visited {
/*
Strip down the button and link elements to a base we can work with.
*/
padding: 0 0 0 0;
margin: 0 3px 0 3px;
border: none;
display: block;
float: left;
cursor: pointer;
text-decoration: none;
outline: none;
white-space: nowrap;
overflow: visible;
}
* html a.btn_cart,
* html a.btn_cart:link,
* html a.btn_cart:visited {
/*
IE6 fix to make link fit text.
*/
width: 1%;
}
btn_cart, x:-moz-any-link {
/*
FF fix to make button spacing even across browsers.
*/
margin: 0 0 0 0;
}
*:first-child+html button {
/*
Reset IE7 back to what it was for previous fix.
*/
margin: 0 3px 0 3px;
}
button.btn_cart span,
a.btn_cart span,
a.btn_cart:link span,
a.btn_cart:visited span {
/*
Set the span tags to display: block, as they will work our background-image magic.
*/
display: block;
}
/*--------------------------------------------------------------------------------------------------
CUSTOMIZATIONS
Edit below to change the look and feel of the buttons and even add more classes for
different looks and feels.
--------------------------------------------------------------------------------------------------*/
button.btn_cart,
a.btn_cart,
a.btn_cart:link,
a.btn_cart:visited {
/*
HEIGHT - Total height of button.
*/
height: 27px;
/*
NOTE - You must define the font here otherwise your buttons and links could end up diffrent.
*/
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
background-color: #ffffff;
}
button.button_active,
a.button_active {
}
button.btn_cart span,
a.btn_cart span,
a.btn_cart:link span,
a.btn_cart:visited span {
/*
Right side padding for button (default).
*/
padding: 0 14px 0 0;
/*
SPAN HEIGHT - This should be 2px smaller than the height set on the button (see HEIGHT).
*/
height: 25px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
//media.onecall.com/InWorks/2009/Buttons/Button_orange_sprite.gif
*/
background: url(//media.onecall.com/InWorks/2009/Buttons/Button_cart_left_sprite.gif) right -0px;
background-color: #ffffff;
}
button.btn_cart span span,
a.btn_cart span span,
a.btn_cart:link span span,
a.btn_cart:visited span span {
/*
Left side padding for button (default).
*/
padding: 0 0 0 36px;
/*
SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
*/
height: 25px;
/*
SPAN LINE-HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT) and will
center the text vertcailly.
*/
line-height: 25px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
*/
background: url(//media.onecall.com/InWorks/2009/Buttons/Button_cart_left_sprite.gif) left -0px;
background-color: #ffffff;
}
button:hover span,
a.btn_cart:hover span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: right -25px;
}
button:active span,
a:active:active span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
button.button_active span,
a.button_active:active span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: right -50px;
}
button:hover span span,
a.btn_cart:hover span span {
text-decoration: none;
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: left -25px;
}
button:active span span,
a:active:active span span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
button.button_active span span,
a.button_active:active span span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: left -50px;
}
/*
Blue Background Style
*/
button.btn_bluebackground,
a.btn_bluebackground,
a.btn_bluebackground:link,
a.btn_bluebackground:visited {
/*
Strip down the button and link elements to a base we can work with.
*/
padding: 0 0 0 0;
margin: 0 3px 0 3px;
border: none;
display: block;
float: left;
cursor: pointer;
text-decoration: none;
outline: none;
white-space: nowrap;
overflow: visible;
}
* html a.btn_bluebackground,
* html a.btn_bluebackground:link,
* html a.btn_bluebackground:visited {
/*
IE6 fix to make link fit text.
*/
width: 1%;
}
btn_bluebackground, x:-moz-any-link {
/*
FF fix to make button spacing even across browsers.
*/
margin: 0 0 0 0;
}
*:first-child+html button {
/*
Reset IE7 back to what it was for previous fix.
*/
margin: 0 3px 0 3px;
}
button.btn_bluebackground span,
a.btn_bluebackground span,
a.btn_bluebackground:link span,
a.btn_bluebackground:visited span {
/*
Set the span tags to display: block, as they will work our background-image magic.
*/
display: block;
}
/*--------------------------------------------------------------------------------------------------
CUSTOMIZATIONS
Edit below to change the look and feel of the buttons and even add more classes for
different looks and feels.
--------------------------------------------------------------------------------------------------*/
button.btn_bluebackground,
a.btn_bluebackground,
a.btn_bluebackground:link,
a.btn_bluebackground:visited {
/*
HEIGHT - Total height of button.
*/
height: 27px;
/*
NOTE - You must define the font here otherwise your buttons and links could end up diffrent.
*/
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
background-color: #D3DEF0;
}
button.button_active,
a.button_active {
}
button.btn_bluebackground span,
a.btn_bluebackground span,
a.btn_bluebackground:link span,
a.btn_bluebackground:visited span {
/*
Right side padding for button (default).
*/
padding: 0 14px 0 0;
/*
SPAN HEIGHT - This should be 2px smaller than the height set on the button (see HEIGHT).
*/
height: 25px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
//media.onecall.com/InWorks/2009/Buttons/Button_orange_sprite.gif
*/
background: url(//media.onecall.com/InWorks/2009/Buttons/Button_orange_sprite.gif) right -0px;
background-color: #D3DEF0;
}
button.btn_bluebackground span span,
a.btn_bluebackground span span,
a.btn_bluebackground:link span span,
a.btn_bluebackground:visited span span {
/*
Left side padding for button (default).
*/
padding: 0 0 0 13px;
/*
SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
*/
height: 25px;
/*
SPAN LINE-HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT) and will
center the text vertcailly.
*/
line-height: 25px;
/*
We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
*/
background: url(//media.onecall.com/InWorks/2009/Buttons/Button_orange_sprite.gif) left -0px;
background-color: #D3DEF0;
}
button:hover span,
a.btn_bluebackground:hover span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: right -25px;
}
button:active span,
a:active:active span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
button.button_active span,
a.button_active:active span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: right -50px;
}
button:hover span span,
a.btn_bluebackground:hover span span {
text-decoration: none;
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: left -25px;
}
button:active span span,
a:active:active span span,
/*
'button_active' is the class used by SimplyButtons.js to create the button states in IE.
*/
button.button_active span span,
a.button_active:active span span {
/*
Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
*/
background-position: left -50px;
}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 452px;
height:106px;
/* custom decorations */
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
.scrollable .items {
/* this cannot be too large */
width:20000em;
position:absolute;
clear:both;
}
.items div {
float:left;
width:452px;
}
/* single scrollable item */
.scrollable img {
float:left;
width:106px;
height:100px;
padding: 3px 3px;
}
/* active item */
.scrollable .active {
border:2px solid #01E3CC;
position:relative;
cursor:default;
padding: 1px 1px;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
background: url(//media.onecall.com/images_onecall/headphoneshop/hs_imgcar_scroll_arws.gif) no-repeat;
display:block;
width:13px;
height:25px;
float:left;
cursor:pointer;
font-size:1px;
margin:38px 3px;
}
/* right */
a.right { background-position: -17px 0px; clear:right; margin-right: 0px;}
a.right:hover { }
a.right:active { }
/* left */
a.left { background-position: 0px 0px;margin-left: 0px; }
a.left:hover {}
a.left:active { }
/* disabled navigational button */
a.disabled {
visibility:hidden !important;
}
/* styling for the image wrapper */
#image_wrap {
/* dimensions */
width:487px;
/* centered */
text-align:center;
background-color:#fff;
}
#jqDock { position: relative; top: -275px; width:400px;}
.jqDockLabel { background: #333; color: #fff; padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
*:first-child+html #jqDock { top: -1300px;}
.SubFooterImages
{
padding-right:20px;
}
#subFooterImage1
{
padding-top: 8px;padding-left: 40px;
}
.PricePopupContent
{
padding: 5px 10px 0px 10px;
border: 2px solid #012256;
}
.PricePopupHeader
{
text-align: right; background-color: #012256; cursor: move; padding-top: 3px;
}
.PricePopupHR
{
border-bottom: 1px solid #aebfd9; clear: both; margin: 10px 0px;
}
/* Z-index of #mask must lower than #boxes .window */
#mask
{
position:absolute;
top: 0;
left: 0;
z-index:9000;
background-color:#000;
display:none;
}
#boxes .window
{
position:absolute;
/*right: 500px;
width:500px;
height:500px;*/
display:none;
z-index:9999;
padding:20px;
/*margin-top: 300px;*/
}
/* Customize your modal window here, you can add background image too */
#boxes #modal360 {
width:500px;
height:500px;
}
#boxes #emailPrice {
width:300px;
height:500px;
}
.table{
border: solid 1px blue;
}
#layout .block {
background:url(//media.onecall.com/Images/Site/Facebox/b.png);
}
#layout .topleft {
background:url(//media.onecall.com/Images/Site/Facebox/tl.png);
}
#layout .topright {
background:url(//media.onecall.com/Images/Site/Facebox/tr.png);
}
#layout .bottomleft {
background:url(//media.onecall.com/Images/Site/Facebox/bl.png);
}
#layout .bottomright {
background:url(//media.onecall.com/Images/Site/Facebox/br.png);
}
#layout {
position: absolute;
top: 0;
left: 0;
z-index: 100;
text-align: left;
}
/*
#layout .popup {
position: relative;
}*/
#layout table {
border-collapse: collapse;
}
#layout td {
border-bottom: 0;
padding: 0;
}
#layout .body {
padding: 10px;
background: #fff;
/*width: 370px;*/
}
/*
#layout .loading {
text-align: center;
}
#layout .image {
text-align: center;
}
#layout img {
border: 0;
margin: 0;
}*/
#layout .header {
border-bottom: 1px solid #DDDDDD;
padding-bottom: 5px;
margin-bottom: 10px;
text-align: right;
}
#layout .topleft, #layout .topright, #layout .bottomleft, #layout .bottomright {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}
/*
#layout_overlay {
position: fixed;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.layout_hide {
z-index:-100;
}
.layout_overlayBG {
background-color: #000;
z-index: 99;
}*/
* html #layout_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.emailPrice
{
line-height:16px;
}
.pr-stars{float:left;}
.pr-snapshot-rating .pr-stars { background-image:url("http://www.onecall.com/reviews/pwr/engine/images/stars.gif"); height:20px; }
.pr-stars-small { background-image:url("http://www.onecall.com/reviews/pwr/engine/images/stars_small.gif"); }
.pr-snippet-stars .pr-stars-small { background-image:url("http://www.onecall.com/reviews/pwr/engine/images/stars_small.gif"); }
div.prStars { background-image:url("http://www.onecall.com/reviews/pwr/engine/images/stars.gif"); }
.pr-snapshot-head,
.pr-snapshot-body,.pr-contents
{
padding:0;
border:none;
}
.pr-review-sort
{
border:none;
background-color:#ffffff;
}
.pr-attribute-key p
{
background-color:#eeeeee;
}
.pr-contents-wrapper /*,.pr-snapshot-body-wrapper*/
{
border:none;
}
.pr-review-main-wrapper
{
width:98%;
}
.pr-stars-small {
height:16px;
line-height:16px;
width:83px;
}
.pr-stars {
background-repeat:no-repeat;
height:1.25em;
line-height:1.25em;
margin:0 0.25em 0 0;
padding:0;
position:relative;
width:7em;
}