@import "/resources/css/superfish.css"; /* Global Styles */ body {background:#041f36; font-family:Arial,Helvetica; font-size:14px; line-height:20px;} h1,h2,h3 {color:#666; margin:0px;} a, a img {outline:none; border:0;} td {border:none;} .sprite {background-image:url(images/sprite.jpg); background-repeat:no-repeat;} .rmstoolbar {background-color:#262626; border-bottom:solid 1px #ccc; font-family:Arial; height:50px; overflow:hidden; width:100%;} .rmstoolbar .name {color:#ccc; display:block; float:left; font-size:24px; font-weight:bold; padding-top:10px;} .rmstoolbar .logo {float:left; margin:-20px 15px 0 -30px;} .rmstoolbar .loginbar {color:#ccc; float:right; height:20px; padding: 20px 10px 5px 10px; text-align: right; width:500px;} .rmstoolbar .loginbar a {color:#59b4d4;} #wrapper {margin:0px auto; width:964px;} #wrapper a {color:#032d50;} #wrapper a:hover {color:#386c87;} /*Header*/ #wrapper #header {background-position:0 0; height:157px; padding:27px 0 0 22px; width:942px;} #wrapper #header #logo {background-position:0 -199px; height:77px; text-indent:-9999px; width:179px;} /* -------------------- Sprite Navigation ------------------------*/ #nav {height:30px; list-style:none; margin:0; padding:32px 0 0 260px; position:relative; text-indent:-9999px;} #nav li {float:left; margin:0 23px 0 0;} #nav li a {background-color:#032d50; background-image:url(images/sprite.jpg); display:block; overflow:hidden; height:15px;} /*up state*/ li#nav_home a {background-position:0 -184px; width:30px;} li#nav_rifles a {background-position:-30px -184px; width:32px;} li#nav_accurizing a {background-position:-62px -184px; width:61px;} li#nav_riflesmithing a {background-position:-123px -184px; width:77px;} li#nav_shipping a {background-position:-200px -184px; width:47px;} li#nav_trophyRoom a {background-position:-247px -184px; width:75px;} li#nav_recommendations a {background-position:-322px -184px; width:100px;} li#nav_contactUs a {background-position:-422px -184px; width:61px;} /*hover state*/ li#nav_home a:hover {background-position:-483px -184px;} li#nav_rifles a:hover {background-position:-513px -184px;} li#nav_accurizing a:hover {background-position:-545px -184px;} li#nav_riflesmithing a:hover {background-position:-606px -184px;} li#nav_shipping a:hover {background-position:-683px -184px;} li#nav_trophyRoom a:hover {background-position:-730px -184px;} li#nav_recommendations a:hover {background-position:-805px -184px;} li#nav_contactUs a:hover {background-position:-905px -184px;} /*---------------content*---------------*/ #wrapper #content {background:url(images/background.jpg) repeat-y; padding:10px 50px 50px 50px; width:864px;} /*headings*/ #wrapper #content h1.heading {color:#032d50; font-family:Georgia; font-size:22px; font-weight:bold; padding:0 0 25px 0;} #wrapper #content h1.heading2 {color:#032d50; font-family:Georgia; font-size:22px; font-weight:bold; padding:0 0 5px 0;} #wrapper #content .floatHeader {float:left; width:595px;} #wrapper #content .orderForm {background-position:-179px -251px; display:block; float:left; height:46px; margin:0 0 10px 0; text-indent:-9999px; width:269px;} #wrapper #content .subHeading {color:#000; line-height:20px; font-size:14px; font-style:italic; font-weight:bold; margin:0 0 40px 0;} /*breadcrumbs*/ #wrapper #content .breadcrumbs {background-color:#dadada; border:solid 1px #fff; margin:0 0 10px 0;} #wrapper #content .breadcrumbs ul {margin:0px;padding:0px;} #wrapper #content .breadcrumbs ul li {color:#000; float:left; list-style-type:none; margin-right:5px; padding:5px 5px;} #wrapper #content .breadcrumbs li.divider {background:url(images/ui/breadcrumb-divider.gif) no-repeat; height:24px; padding:0px; width:7px;} #wrapper #content .breadcrumbs li a {color:#777; text-decoration:none;} /*columns*/ #wrapper #content .column1 {float:left; margin:0 40px 0 0; width:410px;} #wrapper #content .column2 {float:left; width:410px;} /*add this*/ #wrapper #content .actions {color:#032d50; font-style:italic; font-weight:bold; margin:10px 0 0 0;} #wrapper #content .addthis_toolbox {margin:5px 0 0 0;} /*messages*/ #wrapper #content .ui-success {background-color:Green; color:White;} #wrapper #content .ui-error {background-color:Red; color:White; font-weight:bold;} #wrapper #commentform .progress, #wrapper #commentform .results {display:none;} /*comments*/ #comments {margin-top:20px;} #comments .comment {padding-bottom:10px;} #comments .comment span.quote {font-size:20px; font-style:italic; font-weight:bold; font-family:Arial;} #comments .commentlist div[rel=moderate] .topCenter p{color:Red;} #comments .commentlist .box {display:block; width:491px; background-color:#fff;} #comments .commentlist .topContainer {width:491px; height:64px;} #comments .commentlist .topLeft {background:url(images/comment/topLeft.jpg) no-repeat top left; height:64px; width:20px;float:left;} #comments .commentlist .topCenter {background:url(images/comment/topAcross.jpg) no-repeat top; height:64px; width:450px; float:left;} #comments .commentlist .topCenter p {text-align:left; font-weight:bold; padding-top:8px;} #comments .commentlist .topRight {background:url(images/comment/topRight.jpg) no-repeat top right; height:64px; width:21px; float:left;} #comments .commentlist .middleContainer {width:481px; min-height:14px;} #comments .commentlist .contentComment {display:block; background:url(images/comment/leftSide.jpg) repeat-y; width:492px; min-height:14px; float:left;} #comments .commentlist .contentComment .photo {float:left; padding:5px;} #comments .commentlist .contentComment p {padding:0 10px 10px;} #comments .commentlist .bottomContainer {width:491px; height:25px;} #comments .commentlist .botLeft {background:url(images/comment/bottomLeft.jpg) no-repeat top left; height:25px; width:20px; float:left;} #comments .commentlist .botCenter {background:url(images/comment/bottomCenter.jpg) no-repeat top; height:25px; width:450px; float:left; text-align:right; font-size:10px; font-style:italic;} #comments .commentlist .botRight {background:url(images/comment/bottomRight.jpg) no-repeat top right; height:25px; width:21px; float:left;} #comments .commentform {margin-top:20px; width:400px;} #comments .commentform div {margin-bottom:10px;} #comments .commentform .label {font-weight:bold;} #comments .commentform .input {margin-top:5px; padding:3px;font-size:12px;width:400px;border:solid 1px #aaa;background-color:#f7faff;} #comments .commentform textarea.input {height:100px;overflow:auto;} #comments .commentform .caption {font-style:italic; font-size:10px;color:#666;} #comments .commentform .results, #comments .commentform .progress {display:none;} .pager {margin:20px 10px;padding:5px;border:solid 1px #ccc;background-color:#eee;} .pager .stats {margin:5px 0px;} .pager .pages {margin:0px;padding:1px;border:solid 1px #626262;float:left;} .pager .pages li {float:left; list-style-type:none;margin-left:3px;} .pager .pages li.first {margin-left:0px;} .pager .pages li span {display:block;padding:2px 4px;background-color:#ccc;} .pager .pages li a {display:block;padding:2px 4px;background-color:#626262;color:#fff !important;text-decoration:none;} .pager .pages li a:hover {color:#000;background-color:#59b4d4;} .pager .pages li.end {clear:left;height:0px;padding:0px;} /* Home Page */ #content .center {float:left;width:600px;margin-left:15px;} #content .sidebar {float:left;width:280px;} /* Controls */ #content .postlist .post {list-style-type:none;margin:20px 0 0 0;} #content .postlist .post .preview {float:left;width:126px;margin-right:10px;} #content .postlist .post .details {float:left;width:220px;} #content .postlist .post .date {font-size:11px;} #content .postlist .post .title {margin:0 0 10px 0;} #content .postlist .post .title a {color:#000; font-size:14px; font-weight:bold;} #content .postlist .post .title a:hover {color:#000;} #content .postlist .post .details .author {display:none;} #content .postlist .post .details .teaser {font-size:12px;} #content .postlist .post .details .teaser .extras {text-align:right;font-size:11px;color:#999;} #content .postlist .post .details .teaser .extras a {font-size:11px;color:#999;} #content .linklist ul {margin:0px !important;padding:0px;list-style-type:none;} #content .linklist ul {margin-left:0px !important;} #content .linklist ul li {list-style-type:none;} #content .photolist .photo {float:left;width:100px;margin-right:5px;} #content .photolist .photo .caption {display:none;} /*Footer*/ #footer {color:#fff; font-size:11px; line-height:13px; margin:15px auto; width:960px;} #footer #contactinfo {float:left;} #footer #contactinfo a {color:#fff;} #footer #contactinfo .email {margin:0 0 5px 0; display:block;} #footer #contactinfo .fax {margin:0 0 5px 0;} #footer #logos {float:right; text-align:center;} #footer #logos li {display:block; float:left; margin:0 10px 0 0;} #footer #logos li a {color:#fff; font-size:12px; text-decoration:none;} /*---------------Home---------------*/ /*-----Features-----*/ #content #features {padding:0 0 30px 0;} #content #features .feature {background-image:url(images/features.gif); background-repeat:no-repeat; cursor:pointer; float:left; position:relative;} #content #features .feature h2.titleLeft {height:21px; text-indent:-9999px; margin:10px 0 0 42px;} #content #features .feature h2.titleRight {height:21px; text-indent:-9999px; margin:10px 0 0 20px;} #content #features .feature .buttonLeft {display:block; height:31px; position:absolute; left:330px; top:165px; width:84px;} #content #features .feature .buttonRight {display:block;height:31px; position:absolute; left:312px; top:168px; width:84px;} /*Ready To Ship*/ #content #features #readyToShip {background-position:0 0; height:195px; margin:0 25px 0 0; width:430px;} #content #features #readyToShip .titleLeft {background-position:-179px -199px; width:158px;} #content #features #readyToShip .detail {font-size:16px; font-style:italic; font-weight:bold; margin:20px 0 0 35px;} #content #features #readyToShip .buttonLeft {background-position:-179px -220px;} /*In Production*/ #content #features #inProduction {background-position:-430px 0; height:195px; width:407px;} #content #features #inProduction .titleRight {background-position:-398px -199px; width:161px;} #content #features #inProduction .detail {font-size:16px; font-style:italic; font-weight:bold; margin:30px 0 0 140px; text-align:center; width:250px;} #content #features #inProduction .buttonRight {background-position:-179px -220px;} /*Accurize It Now*/ #content #features #accurize {background-position:0 -195px; height:184px; line-height:17px; margin:0 25px 0 0; width:430px;} #content #features #accurize .titleLeft {background-position:-621px -199px; width:124px;} #content #features #accurize .detail {font-weight:bold; margin:20px 0 0 35px; width:165px;} #content #features #accurize .detail .header {font-size:15px; font-style:italic;} #content #features #accurize .buttonLeft {background-position:-263px -220px;} /*Latest News*/ #content #features #news {background-position:-430px -195px; cursor:default; height:184px; line-height:16px; width:407px;} #content #features #news .titleRight {background-position:-745px -199px; width:89px;} #content #features #news .buttonRight {background-position:-347px -220px;} #content #tagline {background-image:url(images/features.gif); background-repeat:no-repeat; background-position:0 -379px; height:21px; margin:0 0 0 25px; text-indent:-9999px; width:246px;} /*Carousel*/ .stepcarousel {height: 106px; margin:10px 0 0 33px; overflow: scroll; position: relative; width: 814px;} .stepcarousel .belt {left: 0; position: absolute; top: 0;} .stepcarousel .panel {background-image:url(images/home-page-carousel.jpg); background-repeat:no-repeat; border:2px #041f36 solid; float: left; height:92px; margin: 10px; overflow: hidden; width: 137px;} .stepcarousel .image01 {background-position:0px 0px;} .stepcarousel .image02 {background-position:0px -92px;} .stepcarousel .image03 {background-position:0px -184px;} .stepcarousel .image04 {background-position:0px -276px;} .stepcarousel .image05 {background-position:0px -368px;} .stepcarousel .image06 {background-position:0px -460px;} .stepcarousel .image07 {background-position:0px -552px;} .stepcarousel .image08 {background-position:0px -644px;} .stepcarousel .image09 {background-position:0px -736px;} .stepcarousel .image10 {background-position:0px -828px;} .stepcarousel .image11 {background-position:0px -920px;} .stepcarousel .image12 {background-position:0px -1012px;} /*---------------Accurizing---------------*/ /*General*/ #accurizing .accurizing {background:url(images/accurizing.gif) no-repeat;} #accurizing .header {float:left; margin:0 345px 0 0; width:250px;} #accurizing .viewPricing {background-position:-392px -268px; display:block; height:46px; margin:10px 0 0 0; width:269px;} #accurizing .photo {border:2px #032d50 solid;} #accurizing .target {background-position:0 -233px; height:168px; width:392px;} #accurizing .label {float:left; font-style:italic; font-weight:bold; text-align:center; width:170px;} #accurizing .before {margin:0 56px 0 0;} #accurizing .diagram {background-position:0 0; height:233px; margin:40px auto 20px auto; width:695px;} #accurizing .number {float:left; height:35px; margin:0 5px 0 0; width:34px;} #accurizing .one {background-position:-392px -233px;} #accurizing .two {background-position:-426px -233px;} #accurizing .three {background-position:-460px -233px;} #accurizing .four {background-position:-493px -233px;} #accurizing .download {background-position:-527px -233px; display:block; float:right; height:30px; margin:20px 0 0 0; width:159px;} /*Pricing*/ #accurizingPrices .photo {border:2px #032d50 solid; float:right; margin:0 0 0 10px;} #accurizingPrices .prices {} #accurizingPrices .prices td {background:#fff; border:1px #032d50 solid;} #accurizingPrices .prices .header td {background:#032d50; border:1px #032d50 solid; color:#fff; font-size:14px; font-weight:bold;} #accurizingPrices .prices .header td.right {border-right:1px #fff solid;} #accurizingPrices .prices .subHeader td {background:#a6cee2; border:1px #032d50 solid; color:#032d50; font-size:14px; font-weight:bold;} /*---------------Riflesmithing---------------*/ /*Pricing*/ #riflesmithing .prices {} #riflesmithing .prices td {background:#fff; border:1px #032d50 solid;} #riflesmithing .prices .header td {background:#032d50; border:1px #032d50 solid; color:#fff; font-size:14px; font-weight:bold;} #riflesmithing .prices .header td.right {border-right:1px #fff solid;} #riflesmithing .prices .subHeader td {background:#a6cee2; border:1px #032d50 solid; color:#032d50; font-size:14px; font-weight:bold;} #riflesmithing .prices .subHeader a {color:#032d50;} /*---------------Shipping---------------*/ #wrapper #content #shipping .subHeading {margin:0 0 5px 0;} #shipping .photo {float:right; margin-left:10px;} /*---------------recommendations---------------*/ #wrapper #content #recommendations .subHeading {margin:0 0 5px 0;} #recommendations .photo {border:2px #032d50 solid; float:right; margin:0 0 0 10px;} /*---------------contact us---------------*/ #feedback {} #wrapper #content #feedback .subHeading {margin:0 0 5px 0;} #feedback .orderForm {float:none;} #feedback .photo {margin:25px 0 0 0;} #feedback .category {background:url(images/contact-us-2.gif) no-repeat; display:block; float:left; height:116px; margin:0 25px 0 0; text-indent:-9999px; width:292px;} #feedback .readyToShip {background-position:0 0;} #feedback .inProduction {background-position:-292px 0;} #feedback .custom {background-position:0 -116px;} #feedback .harvester {background-position:-292px -116px;} #feedback .woodStocked {background-position:0 -231px;}