/* WoodCock Cycle C2 */ body{ background:url('http://www.woodcockcycle.com/img/layout/bg.gif') repeat-x #e1e1e1; font:14px Arial, Helvetica, sans-serif; } #layout{ border:9px solid #ffffff; width:962px; margin-top:12px; background:#515151; } #header{ width:962px; height:262px !important; background:url('http://www.woodcockcycle.com/img/layout/header.jpg') no-repeat; } #header-nav{ margin-top:190px; margin-left:253px; width:437px; height:70px; } #header-search{ font:14px Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:white; vertical-align:middle; }#header-search form{margin:0px;padding:0px;} #header-search .go{float:left;margin-top:5px;margin-left:10px;} #header-search .text{border:1px solid #333333;height:25px;margin-top:5px;width:163px;float:left} #header-links{ vertical-align:middle; text-align:right; color:#ffed93; font-size:10px; } #header-links a:link, #header-links a:visited, #header-links a:hover, #header-links a:active{ color:#ffed93; text-decoration:none; font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none }#header-links a:hover{color:#ffffff} #nav-categories{ width:261px; overflow:hidden; background:url('http://www.woodcockcycle.com/img/layout/cat-bg2.gif') no-repeat #ffe052 !important; color:black; } #interior #nav-categories{ margin-left:4px !important; margin-right:1px; width:246px !important; } #nav-categories #cats{ width:211px; margin-top:20px !important; margin-left:30px; margin-right:5px; margin-bottom:10px; } #interior #nav-categories #cats{ width:235px !important; margin-left:7px !important; } #nav-categories .children0 { margin-bottom:10px !important; margin-left:3px; } #nav-categories a:link, #nav-categories a:visited, #nav-categories a:hover, #nav-categories a:active{ color:black !important; font:11px Arial, Helvetica, sans-serif !important; text-decoration:none; }#nav-categories a:hover{ text-decoration:underline; } #nav-categories a.verdana11Blue-BU:link, #nav-categories a.verdana11Blue-BU:visited, #nav-categories a.verdana11Blue-BU:hover, #nav-categories a.verdana11Blue-BU:active{ color:black !important; font:14px Arial, Helvetica, sans-serif !important; font-weight:bold !important; text-decoration:none; }#nav-categories a.verdana11Blue-BU:hover{ text-decoration:underline; } #more_links{ float:none; margin-top:8px; margin-bottom:8px; }.more-top{ background:#4D4D4D; color:white; font-size:16px; font-weight:bold; padding:4px; padding-left: 7px !important; margin-top:9px; }.more-panel{ background: #666666; }.bigger-links a, .bigger-links a:link, .bigger-links a:visited, .bigger-links a:active, .bigger-links a:hover{ font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; }.bigger-links a:hover{ text-decoration:underline; }.more-links{padding:5px;padding-left: 7px !important;color:white} a.more-links:link, a.more-links:active, a.more-links:visited, a.more-links:hover{ font-size:11px; font-weight:normal; } .more-links a.current{ text-decoration:underline !important; color:#FFFFE1 !important } #body{ padding:12px; } #interior #body{ /*border-right:12px solid #515151;*/ } #body-title{ padding-left: 12px; padding-top:10px; padding-bottom:5px; font:16 Arial, Helvetica, sans-serif; font-weight:bold; color:#eed243; background-color:#303030; } #footer{ font:14px Arial, Helvetica, sans-serif; color:white; padding:5px 20px 5px 20px; }#footer a:link, #footer a:active, #footer a:visited, #footer a:hover{color:white;text-decoration:underline} #footer a:hover{color:#FFFF00} #front-page-news{ border:10px solid #515151; border-bottom:0px !important; height:100%; padding:12px; } #front-page-news-item{ font:13px Arial, Helvetica, sans-serif; font-weight:normal }#front-page-news-item .title{ font-size:22px !important; font-weight:bold !important; color:#505670; }#front-page-news-item p, #front-page-news-item span{} #front-page-news-item img{ float:right; padding-left:10px; padding-bottom:10px; border:0px; } #front-page-news-item a:link, #front-page-news-item a:visited, #front-page-news-item a:hover, #front-page-news-item a:active{ color:#000000; text-decoration:underline; }#front-page-news-item a:hover{color:#666666} #front-page-news-item .read-archive{ float:right; }#front-page-news-item .read-archive a:link, #front-page-news-item .read-archive a:active, #front-page-news-item .read-archive a:hover, #front-page-news-item .read-archive a:visited{ color:#5f699a; font-size:16px; font-weight:bold; font-style:italic; text-decoration:underline; }#front-page-news-item .read-archive a:hover{color:#8994c8;} #front-page{ border:10px solid #515151; border-bottom:0px !important; height:100%; padding:10px; } #front-page-title{ background:url(../img/layout/black.gif) repeat-x; padding-left:10px; font:16px Arial, Helvetica, sans-serif; font-weight:bold; padding-right:200px; color:white; }#front-page-title .date{font:12px Arial, Helvetica, sans-serif !important;font-weight:normal;} #front-page-title img{float:right;} /*verdana11Blue-BU*/ /* MENU's *----------->*/ /* ================================================================================ */ div#menu-panel{ background:url(http://www.woodcockcycle.com/img/layout/nav-bg.gif) no-repeat #464646; z-index:1; width:250px; } div#menu-panel div { float:none !important; font-size:17px; color:#FFFFFF; font-weight:normal; /*width: 1000px; */ } div#menu-panel span { display: none; } div#menu-panel div a, div#menu-panel div a.hover, div#menu-panel div a.hover-hot, div#menu-panel div a.current-page{ /*border: solid 1px #4B2D10;*/ /*background-image:red !important; background-repeat:repeat-x;*/ font:12px Arial, Helvetica, sans-serif !important; color:#FFFFFF; font-weight:bold !important; padding-right:0px; padding-top:12px; padding-bottom:8px; padding-left:0px; margin-right:-8px; text-decoration: none; /*background-color:#5e88a1 !important;*/ float:left; vertical-align:middle; z-index:50; margin-bottom:0px; overflow:hidden; width:250px; overflow:hidden; } div#dropdown div.menu-split{ float:left !important; background:#ffffff !important; height:1px !important; width:250px; } div#dropdown div.menu-split-line{ background-color:#ffffff; height:1px !important; width:250px; overflow:hidden; -moz-opacity:.3; filter: alpha(opacity=30); } div#menu-panel div a.current-page{ background:url(http://www.woodcockcycle.com/img/layout/mnu-active.gif) no-repeat #f6d648 !important; } div#menu-panel div a.hover{ background:url(http://www.woodcockcycle.com/img/layout/mnu-hover.gif) no-repeat !important; } div#menu-panel div a.hover-hot{ background:url(http://www.woodcockcycle.com/img/layout/mnu-hover-hot.gif) no-repeat #f6d648 !important; } div#menu-panel div #a{ padding:0px !important; margin:0px !important; } .menufixmargin{ margin-top:1px !important; margin-left:-1px !important; } /* * * c2 ovld */ #sub-cats{ }#sub-cats .cat{ border:1px solid #e4e4e4 !important; background-color:#fafafa !important; padding:6px; }#sub-cats .cat a:link, #sub-cats .cat a:active, #sub-cats .cat a:hover, #sub-cats .cat a:visited{ color:#3f3f3f !important; font-size:11px; font-weight:bold; }#sub-cats .cat a:hover{color:#816c09 !important} .category-notes{ font:12px Arial, Helvetica, sans-serif; color:#333333; } /* only used for prod links??? */ /*a.verdana11Blue-B:link, a.verdana11Blue-B:active, a.verdana11Blue-B:visited,*/ a.verdana11Blue-B:hover{ color:#bb9a01 !important; text-decoration:none !important /*font:11px Arial, Helvetica, sans-serif !important; font-weight:bold !important*/ } div.fix-c2-tables { font-family:Verdana, Arial, Helvetica, sans-serif; } div.fix-c2-tables td { padding:8px; color:black; } div.fix-c2-tables table table { /* background:#646260 !important; border:1px solid #494846 !important; */ margin:5px; color:black; } div.fix-c2-tables table table td { padding:6px; color:black; } div.fix-c2-tables font, div.fix-c2-tables p { color:black; } .prod-tile { padding-bottom:30px !important; font-size:12px; line-height:1em; } .prod-tile img { display:inline } .prod-tile a:link, .prod-tile a:visited, .prod-tile a:active, .prod-tile a:hover { font:12px Arial, Verdana, Helvetica, sans-serif; font-weight:bold; } /* * some selectors that have been added to clsShopProdManager to change certain elements with-in the prod-tile for Product Views... */ .striken-price { /* * The STRIKE'd out regular price. */ font-size:.85em; } .prod-thumb { margin-bottom:10px; /*border:1px solid #bebebe*/ } .cat-title { padding-bottom:30px !important; font-size:12px; } .cat-tile { border: 1px solid #c5c5c5; padding:3px !important; } .cat-tile a:link, .cat-tile a:visited, .cat-tile a:active, .cat-tile a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; }.cat-tile a:hover{text-decoration:underline} .cat-thumb { margin-bottom:10px; /*border:1px solid #bebebe*/ } #product-details table { margin-top:10px; background:white; color:black } #product-details table td { color:black } .browse-nav-top { border-bottom:1px solid #CCCCCC; } .browse-nav { color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:4px; } .browse-nav img{ padding:0px 0px 0px 0px } .browse-nav a:link, .browse-nav a:visited, .browse-nav a:hover, .browse-nav a:active { color:#666666; text-decoration:none; } .browse-nav a:hover { color:#0033CC; } .bread-crumbs { margin-bottom:1em; } div.bread-crumbs a:link, div.bread-crumbs a:visited, div.bread-crumbs a:hover, div.bread-crumbs a:active{ font:10px Arial, Helvetica, sans-serif; color:#999999; }div.bread-crumbs a:hover{ color:#000066; } /* THIS ALWAYS GOES AT THE END!!!!! * * c2... */ .verdana11B { font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size:11px; } .verdana9B { font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold } .verdana9R, tr.verdana9R td { font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:red !important; } .verdana11R-U { color:red !important; font-size:11px !important } .verdana11R { color:red !important; font-size:11px !important }