/* CSS Document - Paramount Bicycle - Ben Eriksen ltbk: #f3f5ec :: dkbk: #ecefe1 :: rd: #9e270c */ html {margin:0px; padding:0px;} body #home {margin:0px; padding:0px; font:11px Tahoma, Arial, Helvetica, sans-serif; line-height:15px; color:#000; background:#fff url(http://paramountbicycle.com/images/bk_header.gif) repeat-x 0 0;} body {margin:0px; padding:0px; font:11px Tahoma, Arial, Helvetica, sans-serif; line-height:15px; color:#000; background:#fff url(http://paramountbicycle.com/images/bk_headerSub.gif) repeat-x 0 0;} #wrap {width:882px; margin-left:auto; margin-right:auto;} /*typography*/ h3 {color:#9e270c; border-bottom:dotted 1px #999; padding-bottom:3px; margin-bottom:-5px; font-weight:bold; font-size:14px; font:Tahoma, Arial, Helvetica, sans-serif; } h4 {color:#000; font-weight:bold; font-size:12x; font:Tahoma, Arial, Helvetica, sans-serif; margin:8px 0 -2px 0;} .bold {font-weight:bold;} .explination {font-size:90%; font-style:italic; color:#999;} .price {text-align:center; font-size:18px; font-weight:bold;} .blogPost {margin:3px 5px; color:#333;} a {color:#df7f04; text-decoration:underline;} /*header*/ #header {background:url(http://paramountbicycle.com/images/header.gif) no-repeat; height:105px} #header h1 {text-indent:-9999px; margin:0;} #contactBox {position:relative; background:#323232; width:140px; color:#CF2903; top:0px; left:625px; /*margin:0px 45px 0 0;*/ padding:5px 10px;} #contactBox a {color:#CF2903; text-decoration:none;} #contactBox a:hover {text-decoration:underline;} #address {color:#fff; position:relative; top:5px; left:635px; /*margin:30px -110px 0 0;*/ font-size:10px;} #flash {float:left; margin: 10px 0 0 0; width:852px; height:225px;} #homeSwap {background:url(http://paramountbicycle.com/images/swap_Surly.jpg) no-repeat; float:left; margin: 10px 0 0 0; width:665px; height:225px;} #homeSwapText {background:url(http://paramountbicycle.com/images/offeringTheFinest.gif) no-repeat; float:left; margin: 10px 0 0 4px; width:183px; height:225px;} #homeSwapText h3 a {text-indent:-9999px;} /* navigation */ /*.topNav {float:left; margin:0; padding:0; width:882px; height:43px;} .topNav ul {list-style:none; line-height:0px; margin:3px 0; padding:0; font-size:0; width:862px;} .topNav li {text-indent:-9999px; float:left; display:inline;}*/ .topNav li a {height:43px; display:block; text-decoration:none;} .topNav li#navHome {background: url(http://paramountbicycle.com/images/n_home.gif) no-repeat top; width:86px;} .topNav li#navService {background: url(http://paramountbicycle.com/images/n_service.gif) no-repeat top; width:86px;} .topNav li#navBicycles {background: url(http://paramountbicycle.com/images/n_bicycles.gif) no-repeat top; width:101px;} .topNav li#navGear {background: url(http://paramountbicycle.com/images/n_gearParts.gif) no-repeat top; width:117px;} .topNav li#navShop {background: url(http://paramountbicycle.com/images/n_theShop.gif) no-repeat top; width:112px;} .topNav li#navCommunity {background: url(http://paramountbicycle.com/images/n_community.gif) no-repeat top; width:135px;} .topNav li#navTips {background: url(http://paramountbicycle.com/images/n_tips.gif) no-repeat top; width:74px;} .topNav li#navRants {background: url(http://paramountbicycle.com/images/n_rantsRaves.gif) no-repeat top; width:142px;} .topNav li#navHome a:hover {background: url(http://paramountbicycle.com/images/n_home.gif) no-repeat bottom; width:86px;} .topNav li#navService a:hover {background: url(http://paramountbicycle.com/images/n_service.gif) no-repeat bottom; width:86px;} .topNav li#navBicycles a:hover {background: url(http://paramountbicycle.com/images/n_bicycles.gif) no-repeat bottom; width:101px;} .topNav li#navGear a:hover {background: url(http://paramountbicycle.com/images/n_gearParts.gif) no-repeat bottom; width:117px;} .topNav li#navShop a:hover {background: url(http://paramountbicycle.com/images/n_theShop.gif) no-repeat bottom; width:112px;} .topNav li#navCommunity a:hover {background: url(http://paramountbicycle.com/images/n_community.gif) no-repeat bottom; width:135px;} .topNav li#navTips a:hover {background: url(http://paramountbicycle.com/images/n_tips.gif) no-repeat bottom; width:74px;} .topNav li#navRants a:hover {background: url(http://paramountbicycle.com/images/n_rantsRaves.gif) no-repeat bottom; width:142px;}*/ #nav { float:left; margin:0; padding:0; width:882px; height:43px;} #nav ul {list-style:none; line-height:0px; margin:3px 0; padding:0; font-size:0; width:862px;} #nav li {text-indent:-9999px; float:left;} #nav li a {height:43px; display:block; text-decoration:none;} #nav li#navHome {background: url(http://paramountbicycle.com/images/n_home.gif) no-repeat top; width:86px;} #nav li#navService {background: url(http://paramountbicycle.com/images/n_service.gif) no-repeat top; width:86px;} #nav li#navBicycles {background: url(http://paramountbicycle.com/images/n_bicycles.gif) no-repeat top; width:101px;} #nav li#navGear {background: url(http://paramountbicycle.com/images/n_gearParts.gif) no-repeat top; width:117px;} #nav li#navShop {background: url(http://paramountbicycle.com/images/n_theShop.gif) no-repeat top; width:112px;} #nav li#navCommunity {background: url(http://paramountbicycle.com/images/n_community.gif) no-repeat top; width:135px;} #nav li#navTips {background: url(http://paramountbicycle.com/images/n_tips.gif) no-repeat top; width:74px;} #nav li#navRants {background: url(http://paramountbicycle.com/images/n_rantsRaves.gif) no-repeat top; width:142px;} #nav li#navHome a:hover {background: url(http://paramountbicycle.com/images/n_home.gif) no-repeat bottom; width:86px;} #nav li#navService a:hover {background: url(http://paramountbicycle.com/images/n_service.gif) no-repeat bottom; width:86px;} #nav li#navBicycles a:hover {background: url(http://paramountbicycle.com/images/n_bicycles.gif) no-repeat bottom; width:101px;} #nav li#navGear a:hover {background: url(http://paramountbicycle.com/images/n_gearParts.gif) no-repeat bottom; width:117px;} #nav li#navShop a:hover {background: url(http://paramountbicycle.com/images/n_theShop.gif) no-repeat bottom; width:112px;} #nav li#navCommunity a:hover {background: url(http://paramountbicycle.com/images/n_community.gif) no-repeat bottom; width:135px;} #nav li#navTips a:hover {background: url(http://paramountbicycle.com/images/n_tips.gif) no-repeat bottom; width:74px;} #nav li#navRants a:hover {background: url(http://paramountbicycle.com/images/n_rantsRaves.gif) no-repeat bottom; width:142px;} /*sidebarNav*/ #sideBar ul {list-style:none; line-height:24px; margin:13px 0; padding:0; font-size:11px;} #sideBar li a {text-decoration:none; text-indent:20px; color:#000; /*color:#fff; display:block; background:#93D129;*/ height:20px; width:211px; margin:1px 0; padding:2px 5px;} #sideBar li a:hover {text-decoration:underline; color:#C12F0E; /*background:#fff;*/} /*----- home ----- */ #contentHome {width:852px; float:left; margin-top:4px; background: url(http://paramountbicycle.com/images/bk_content.gif) repeat-y; padding:0 5px;} #left {width:409px; float:left; margin:0 0 0 5px; padding:0;} #right {width:413px; float:left; margin:6px 0 0 0; padding:0px 10px;} #topRow {width:202px; float:left;} #bottomRow {width:202px; float:left;} #special1, #special2, #photoThumbs, #newsTeaser {width:186px; margin:10px 20px 0 0; padding:0; float:left;} #special1 h2, #special2 h2 {background:url(http://paramountbicycle.com/images/t_specials.gif) no-repeat; width:182px; height:31px; text-indent:-9999px;} #photoThumbs h2 {background:url(http://paramountbicycle.com/images/t_photographs.gif) no-repeat; width:182px; height:31px; text-indent:-9999px;} #photoThumbs a {margin:5px 0 0 5px; display:block; color:#C12F0E;} #newsTeaser h2 {background:url(http://paramountbicycle.com/images/t_news.gif) no-repeat; width:182px; height:31px; text-indent:-9999px;} #newsTeaser a {margin-top:5px; display:block; color:#C12F0E;} .phootGrid {align:center;} .photoGrid img {border: 4px solid #000;} /*-----subPages-----*/ #content2colRight {width:852px; float:left; margin-top:10px; background: url(http://paramountbicycle.com/images/bk_content2colRight.gif) repeat-y; padding:0;} #content2colLeft {width:852px; float:left; margin-top:10px; background: url(http://paramountbicycle.com/images/bk_content2colLeft.gif) repeat-y; padding:0} #mainCol {width:590px; float:left; padding:10px 20px;} #sideBar{width:181px; float:left; padding:10px 20px;} .imageRight {float:right; margin:10px; border:1px solid #000;} .imageLeft {float:left; margin:10px 10px 10px 0; border: 1px solid #000;} .bikeCompanies {float:left; width:600px;} .bikeCompanies h4 {border-top:dotted 1px #999; font-size:14px; color:#000; padding-top:5px;} .bikeCompanies p {} /*-----services----*/ .tuneUp {float:left; margin:0 15px 15px 0; width:171px; background:#ecefe1; padding:0 0px 10px 0px;} .tuneUp h2 {display:block; margin:0; height:27px; text-align:center;} .tuneUp ul {margin-left:0; padding:0 8px 0 5px;} .tuneUp li {list-style:none; background:url(http://paramountbicycle.com/images/g_liCheck.gif) no-repeat 0 3px; margin:4px 0;padding-left:15px; line-height:13px;} .tuneUp p {padding:0 5px;} #basic {background:url(http://paramountbicycle.com/images/t_basicTuneUp.gif) no-repeat; text-indent:-9999px;} #standard {background:url(http://paramountbicycle.com/images/t_standardTuneUp.gif) no-repeat; text-indent:-9999px;} #deluxe {background:url(http://paramountbicycle.com/images/t_deluxeTuneUp.gif) no-repeat; text-indent:-9999px;} #tuneUpPlus {background:url(http://paramountbicycle.com/images/t_tuneUpPlus.gif) no-repeat; text-indent:-9999px;} #alaCarte {float:left;} /*contact*/ .hours {float:left; margin:10px;} #directions {float:left;} /*footer*/ #footer {clear:left; padding:20px; margin-top:20px; background:#000 url(http://paramountbicycle.com/images/bk_footer.gif) repeat-x top left; } #footerText {width:852px; margin-left:auto; margin-right:auto; font-size:10px; color:#fff;} #footer a {color:#fff;} #footer a:hover {color:#999;} .copyright {color:#C12F0E;} /*-----------------------map rollover show------------------------------*/ #pic {left:0px; position:relative; top: 10px; width: 132px;} #pic a .large {border:0px; display block; height:1px; left:-1px; position:absolute; top:-1px; width:1px;} #pic a img {border: 0;} #pic a.p1, #pic a.p1:visited {background:#FFF; border:1px solid #000; display: block; width:132px; height:118px; left:0; top:0; text-decoration:none;} #pic a.p1:hover {background-color:#8C97A3; color:#000; text-decoration:none;} #pic a.p1:hover .large {border:1px solid #000000; display:block; height:394px; left:150px; position:absolute; top:-276px; width:439px;} .banner {margin:10px 0 10px 60px; float:left; display:block;}