/* Body Stuff */
body {margin: 0; padding: 0; background-color: #fff; font: 12.5px/1.5 Arial,Helvetica,sans-serif;}
#main-wrapper {width: 959px; margin: 0 auto; position: relative; padding: 0 5px 0 5px; background: transparent url(graphics/bg-shadow.gif) repeat-y top left;}
#maintenance-msg {}

/* Header */
#header {position: relative; width: 959px; height: 97px; background: transparent url(graphics/header-bg.jpg) no-repeat top left;}
#top-nav {width: 752px; height: 39px; margin: 0; padding: 0; list-style-type: none; position: absolute; bottom: 0; right: 8px; display: inline;}

#top-nav .home a:link {display: block; height: 39px; width: 73px; background: transparent url(graphics/nav-home.png) no-repeat top left; margin: 0; background-position: 0 0;}
#top-nav .home a:visited {display: block; height: 39px; width: 73px; background: transparent url(graphics/nav-home.png) no-repeat top left; margin: 0; background-position: 0 0;}
#top-nav .home a:hover {display: block; height: 39px; width: 73px; background-image: url(graphics/nav-home.png); background-position: 0px -39px;}
#top-nav .home a:active {display: block; height: 39px; width: 73px; background-image: url(graphics/nav-home.png); background-position: 0px -39px;}
#top-nav .home {background: url(graphics/nav-home.png) no-repeat top left; position: absolute; top: 0px; left: 0px; text-indent: -9000px; z-index: 12;}

#top-nav .about-us a:link {display: block; height: 39px; width: 92px; background: transparent url(graphics/nav-about-us.png) no-repeat top left; margin: 0; background-position: 0 0;}
#top-nav .about-us a:visited {display: block; height: 39px; width: 92px; background: transparent url(graphics/nav-about-us.png) no-repeat top left; margin: 0; background-position: 0 0;}
#top-nav .about-us a:hover {display: block; height: 39px; width: 92px; background-image: url(graphics/nav-about-us.png); background-position: 0px -39px;}
#top-nav .about-us a:active {display: block; height: 39px; width: 92px; background-image: url(graphics/nav-about-us.png); background-position: 0px -39px;}
#top-nav .about-us {background: url(graphics/nav-about-us.png) no-repeat top left; position: absolute; top: 0px; left: 72px; text-indent: -9000px; z-index: 12;}

#top-nav .lapel-pin-styles a:link {display: block; height: 39px; width: 140px; background: transparent url(graphics/nav-lapel-pin-styles.png) no-repeat top left; margin: 0; background-position: 0 0;}
#top-nav .lapel-pin-styles a:visited {display: block; height: 39px; width: 140px; background: transparent url(graphics/nav-lapel-pin-styles.png) no-repeat top left; margin: 0; background-position: 0 0;}
#top-nav .lapel-pin-styles a:hover {display: block; height: 39px; width: 140px; background-image: url(graphics/nav-lapel-pin-styles.png); background-position: 0px -39px;}
#top-nav .lapel-pin-styles a:active {display: block; height: 39px; width: 140px; background-image: url(graphics/nav-lapel-pin-styles.png); background-position: 0px -39px;}
#top-nav .lapel-pin-styles {background: url(graphics/nav-lapel-pin-styles.png) no-repeat top left; position: absolute; top: 0px; left: 163px; text-indent: -9000px; z-index: 12;}

#top-nav .other-products a:link {display: block; height: 39px; width: 141px; background: transparent url(graphics/nav-other-products.png) no-repeat top left; margin: 0; background-position: 0 0;}
#top-nav .other-products a:visited {display: block; height: 39px; width: 141px; background: transparent url(graphics/nav-other-products.png) no-repeat top left; margin: 0; background-position: 0 0;}
#top-nav .other-products a:hover {display: block; height: 39px; width: 141px; background-image: url(graphics/nav-other-products.png); background-position: 0px -39px;}
#top-nav .other-products a:active {display: block; height: 39px; width: 141px; background-image: url(graphics/nav-other-products.png); background-position: 0px -39px;}
#top-nav .other-products {background: url(graphics/tn-gallery.png) no-repeat top left; position: absolute; top: 0px; left: 302px; text-indent: -9000px; z-index: 12;}

#top-nav .how-to-order a:link {display: block; height: 39px; width: 123px; background: transparent url(graphics/nav-how-to-order.png) no-repeat top left; margin: 0; background-position: 0 0;}
#top-nav .how-to-order a:visited {display: block; height: 39px; width: 123px; background: transparent url(graphics/nav-how-to-order.png) no-repeat top left; margin: 0; background-position: 0 0;}
#top-nav .how-to-order a:hover {display: block; height: 39px; width: 123px; background-image: url(graphics/nav-how-to-order.png); background-position: 0px -39px;}
#top-nav .how-to-order a:active {display: block; height: 39px; width: 123px; background-image: url(graphics/nav-how-to-order.png); background-position: 0px -39px;}
#top-nav .how-to-order {background: url(graphics/nav-how-to-order.png) no-repeat top left; position: absolute; top: 0px; left: 440px; text-indent: -9000px; z-index: 12;}

#top-nav .get-quote a:link {display: block; height: 39px; width: 184px; background: transparent url(graphics/nav-get-quote.png) no-repeat top left; margin: 0; background-position: 0 0;}
#top-nav .get-quote a:visited {display: block; height: 39px; width: 184px; background: transparent url(graphics/nav-get-quote.png) no-repeat top left; margin: 0; background-position: 0 0;}
#top-nav .get-quote a:hover {display: block; height: 39px; width: 184px; background-image: url(graphics/nav-get-quote.png); background-position: 0px -39px;}
#top-nav .get-quote a:active {display: block; height: 39px; width: 184px; background-image: url(graphics/nav-get-quote.png); background-position: 0px -39px;}
#top-nav .get-quote {background: url(graphics/nav-get-quote.png) no-repeat top left; position: absolute; top: 0px; left: 563px; text-indent: -9000px; z-index: 12;}

/* Cat Tree */
#cattree-logout-link {padding: 7px 0 7px 7px; border-bottom: 1px solid #e0e5ef;}
#cattree-logout-link p {margin: 0 !important; padding: 0 0 0 20px !important; background: transparent url(graphics/logout-arrow.gif) no-repeat;}
#cattree-logout-link a:link {font-size: 14px !important; color: #0e81c7 !important; text-decoration: none;}
#cattree-logout-link a:visited {font-size: 14px !important; color: #0e81c7 !important; text-decoration: none;}
#cattree-logout-link a:hover {font-size: 14px !important; color: #1a62a6 !important; text-decoration: underline;}
#cattree-logout-link a:active {font-size: 14px !important; color: #0e81c7 !important; text-decoration: none;}


#cat-tree {width: 199px; float: left; background-color: #f1f1f1; background: url(graphics/cat-tree-bg.gif) top left repeat-y; }
#cat-tree ul {margin: 0; padding: 0;}
#cat-tree li {list-style: none; background: transparent url(graphics/lc-list-arrows.gif) no-repeat 10px 10px; margin: 0; padding: 7px 4px 7px 28px; border-bottom: 1px solid #e0e5ef;}
#cat-tree a:link {font-size: 12.5px !important; color: #1a62a6; text-decoration: none;}
#cat-tree a:visited {font-size: 12.5px !important; color: #1a62a6; text-decoration: none;}
#cat-tree a:hover {font-size: 12.5px !important; color: #1a62a6; text-decoration: underline;}
#cat-tree a:active {font-size: 12.5px !important; color: #1a62a6; text-decoration: none;}
#lc-additional-stuff {margin: 0 0 0 17px;}
#lc-additional-stuff .lc-testimonials {background-color: #e8eaeb; width: 166px; margin-top: 20px;}
#lc-additional-stuff p {padding: 10px; color: #1a62a6; margin-top: 0 !important;}

.lc-testimonials a:link {font-size: 12.5px !important; color: #1a62a6; text-decoration: none;}
.lc-testimonials a:visited {font-size: 12.5px !important; color: #1a62a6; text-decoration: none;}
.lc-testimonials a:hover {font-size: 12.5px !important; color: #1a62a6; text-decoration: underline !important;}
.lc-testimonials a:active {font-size: 12.5px !important; color: #1a62a6; text-decoration: none;}



/* Content */
#content {width: 729px; margin: 9px 0 0 205px !important; font: 12.5px/1.5 Arial,Helvetica,sans-serif; padding: 0 20px 25px 10px !important;}
#content-pgs {width: 734px; float: right; padding-right: 8px; margin-bottom: 20px;}
#content-main {padding: 25px 10px 50px 10px; background-color: #fff;}
#content-nocat {width: 956px;}

#content-main a:link {color: #0f7bdf; text-decoration: underline;}
#content-main a:visited {color: #0f7bdf; text-decoration: underline;}
#content-main a:hover {color: #0e2b8f; text-decoration: none;}
#content-main a:active {color: #0f7bdf; text-decoration: underline;}

#content ul{margin: 0; padding: 0;}
#content li {list-style: none; background: transparent url(graphics/mc-list-arrow.gif) no-repeat 3px 7px; padding: 2px 0 2px 16px;}
#content-pgs p {margin: 4px 0 15px 0;}
#content-pgs ul{margin: 0; padding: 0;}
#content-pgs li {list-style: none; background: transparent url(graphics/mc-list-arrow.gif) no-repeat 3px 7px; padding: 2px 0 2px 16px;}

#home-page-content {background: transparent url (graphics/getquote-middle-button.gif) no-repeat top right; border: 1px solid #eaedf0; width: 729px; height: 474px; margin: 20px 0 20px 0;}
#home-page-content p {margin: 0 0 15px 20px;}
#home-page-content ul{padding: 0 0 0 20px;}
#home-page-content li {list-style: none; background: transparent url(graphics/mc-list-arrow.gif) no-repeat 3px 7px; padding: 2px 0 2px 16px;}

#mc-area1 {width: 415px; float: left;}
#mc-area2 {width: 362px; float: left;}
#mc-area2 img {margin: 0 0 16px 16px;}
#mc-area3 {width: 362px; float: right;}
#mc-area3 img {margin: 0 0 16px 16px;}

#mc-bottom-info {width: 637px; height: 39px;}
#mc-bottom-icons {width: 729px; height: 160px; margin: 20px 0 0 0; border-bottom: 6px solid #e9eef1;}
.mc-bottom-icon1 {width: 115px; height: 160px; float: left; margin-right: 7px;}
.mc-bottom-icon2 {width: 115px; height: 160px; float: left; margin-right: 7px;}
.mc-bottom-icon3 {width: 115px; height: 160px; float: left; margin-right: 7px;}
.mc-bottom-icon4 {width: 115px; height: 160px; float: left; margin-right: 7px;}
.mc-bottom-icon5 {width: 115px; height: 160px; float: left; margin-right: 7px;}
.mc-bottom-icon6 {width: 115px; height: 160px; float: left;}
.bottom-imgs {margin: 0; padding: 10px 0 10px 0; width: 115px; text-align: center; text-decoration: underline;}

#cp-contactus-info {height: 105px; width: 210px;}
.contact-us-infol {width: 85px; float: left;}
.contact-us-infor {width: 110px; float: right;}

/* Footer */
#footer {text-align: right; color: #85b2dc; width: 959px; height: 75px; margin: 0 auto; position: relative; padding: 0 5px 0 5px; background: transparent url(graphics/bg-shadow-btm.gif) no-repeat top left;}
#footer ul {padding: 15px 10px 0 0; margin: 0;}
#footer li {list-style: none; display: inline; padding: 2px 0 2px 12px;}
#footer .ftr-pipes {background: transparent url(graphics/ftr-list-pipes.gif) no-repeat 1px 3px; }
#footer p {color: #85b2dc; font-size: 12px; margin:0; padding: 0 10px 0 0;}

#footer a:link {font-size: 12px !important; color: #85b2dc; text-decoration: none;}
#footer a:visited {font-size: 12px !important; color: #85b2dc; text-decoration: none;}
#footer a:hover {font-size: 12px !important; color: #b3b3b3; text-decoration: underline;}
#footer a:active {font-size: 12px !important; color: #85b2dc; text-decoration: none;}

/* Category Page Template */
#outback-landingpage-thumbnails {margin-top: 15px;}
#outback-landingpage-thumbnails img {margin: 0 7px 35px 0; border: none;}

#welcome-text-image {text-align: center;}
#cat-checkout-buttons {background: transparent url(graphics/ctgy-checkout-btn-bg.gif) no-repeat; width: 202px; height: 33px; float: right; padding: 5px 0 0 6px;}

.cat-prod-list-imgs {width: 165px; height: 165px; border: 1px solid #83afc9;}
.cat-prod-list-descrps {padding: 8px 0 8px 0;}
.cat-prod-list-name {width: 169px; height: 52px;}
.price-pins-perbag-field {color: #686a6b;}
.catprod-list-priceinfo {margin: 0 !important;}
.special-msg-field {color: #ff0000; font-weight: bold;}

#category-pagination {width: 720px;  text-align: right;}
#category-pagination .page-current {border: 1px solid #c5c2bc; padding: 5px 8px; margin-left: 2px;}
#category-pagination .page-inactive {background-color: #d8d5cd; padding: 5px 8px; margin-left: 2px;}

#category-pagination-b {width: 930px;  text-align: right;}
#category-pagination-b .page-current {border: 1px solid #f45220; padding: 5px 8px; margin-left: 2px;}
#category-pagination-b .page-inactive {background-color: #f45220; color: #fff !important; padding: 5px 8px; margin-left: 2px;}



#category-pagination-top {float: right; width: 365px; height: 36px; text-align: right; margin: 40px 10px 0 0;}
#category-pagination-top .page-current {border: 1px solid #f45220; padding: 5px 8px; margin-left: 2px;}
#category-pagination-top .page-inactive {background-color: #f45220; color: #fff !important; padding: 5px 8px; margin-left: 2px;}

#purchase-info {float: left; width: 480px; padding-left: 10px;}



/* Product Page */
#breadcrumbs {color: #073b5c; width: 480px; height: 33px; margin-top: 15px; float: left; padding: 8px 0 0 10px; background: transparent url(graphics/prod-breadcrumbs-bg.gif)no-repeat;}
#breadcrumbs a:link {font-size: 12.5px !important; color: #1a62a6; text-decoration: none;}
#breadcrumbs a:visited {font-size: 12.5px !important; color: #1a62a6; text-decoration: none;}
#breadcrumbs a:hover {font-size: 12.5px !important; color: #1a62a6; text-decoration: underline;}
#breadcrumbs a:active {font-size: 12.5px !important; color: #1a62a6; text-decoration: none;}

#prod-table {margin: 25px 0 15px 0;}
.prod-img-cell {border: 1px solid #83afc9; width: 325px; height: 325px; padding: 8px;}
.prod-page-img {max-width: 300px; max-height: 300px; overflow: hidden;}
.prod-order-display {padding-left: 15px;}
#prod-page-form .quantity-box {width: 30px; height: 20px; border: 1px solid #4575a1; padding: 4px 4px 0 4px; text-align: center;}
#prod-page-form .submit {width: 131px; height: 30px; border: none; vertical-align: top; margin: 0 0 5px 4px;}
.backtopinstore-button {float: right; margin-top: 65px;}


/* Login Page */
#logn-form {width: 320px; border: 1px solid #83afc9; padding: 20px; margin: 50px auto;}
#logn-form input {border: 1px solid #4575a1; padding: 4px;}
#logn-form .submit {border: none; padding: 0; margin-top: 10px; width:86px; height:30px;}
#logn-form h2 {font: bold 22px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; text-indent: 0; line-height: 1.0; color: #2089ca !important; margin: 0 0 5px 0;}

/* Order Pages Styles */
.checkout-pg-titles {margin-bottom: 5px;}
#basket-contents {}
#basket-contents .top-label-row {color: #023453; height: 34px; background-color: #dceaf2;}
#basket-contents .top-bottom-row {height: 34px; background-color: #f0faff;}
#basket-contents .quantity {width: 30px; border: 1px solid #4575a1; padding: 2px 4px 2px 4px; text-align: center;}
#basket-contents .update {width: 74px; height: 22px; border: none; vertical-align: top;}
#customer-fields-table .top-label-row {color: #023453; height: 34px; background-color: #dceaf2;}
#customer-fields-table input {border: 1px solid #4575a1; padding: 4px; width: 239px;}
#customer-fields-table select {border: 1px solid #4575a1; padding: 4px; width: 180px;}
.payment-selections {border: 1px solid #4575a1; padding: 4px; width: 140px; margin: 0 0 10px 8px;}
#payment-details {margin-bottom: 6px;}
#payment-details input {border: 1px solid #4575a1; padding: 4px; width: 250px;}
#payment-details select {border: 1px solid #4575a1; padding: 4px;}
.payment-field-prompts {width: 115px;}
.test {padding-right: 5px;}
.checkout-submit-payment {position: relative; top: -75px; left: 565px;}
#invoice-message h2 {font: bold 18px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; text-indent: 0; line-height: 1.0;}
.invalid-field {border: 1px solid red !important;}
.invalid-field-select select {border: 1px solid red !important;}



/* Free Quote Request Form */

#freequote-form {margin-top: 15px; padding: 10px 0 10px 10px; border: 1px solid #e0e5ef; font: 14px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; color: #434343;}
#freequote-form label {padding: 5px; margin-right: 3px; float: left; width: 220px; font-weight: normal;}
#freequote-form input, textarea {padding: 5px; width: 245px; margin-bottom: 7px; background-color: #f3f7ff; border: 1px solid #c4d4d9;}
#freequote-form textarea {width: 460px; height: 225px; border: 1px solid #c4d4d9;}
#freequote-form .submit {width: 86px !important; height: 30px !important; background: none !important; border: 0 !important; padding: 0 !important;}

#freequote-form br {clear: left;}
#actinput:focus {background-color: #f0fdfd; border: 1px solid #aacaea;}

#getfreequote-additional-txt {color: #585858 !important; position: relative; bottom: 265px; left: 15px; width: 217px;}

/* This hides the textarea scrollbar in IE */
#freequote-form textarea {	scrollbar-highlight-color: #f3f7ff;
							scrollbar-3dlight-color: #f3f7ff;
							scrollbar-arrow-color: #f3f7ff;
							scrollbar-face-color: #f3f7ff;
							scrollbar-shadow-color: #f3f7ff;
							scrollbar-track-color: #f3f7ff;
							scrollbar-darkshadow-color: #f3f7ff;
							}

/* This is the special hidden field to block the pesky spambots exploiters - This works with the code added to the NMS FormMail script */
#freequote-form .name {display: none;}



/* General Classes */
a:link {color: #0e2b8f; text-decoration: none;}
a:visited {color: #0e2b8f; text-decoration: none;}
a:hover {color: #1482c5; text-decoration: underline;}
a:active {color: #0e2b8f; text-decoration: none;}
h1 {font: bold 16px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; text-indent: 0; line-height: 1.0; color: #2089ca !important; margin: 0 0 5px 0;}
h2 {font: bold 14px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; text-indent: 0; line-height: 1.0; color: #2089ca !important; margin: 0 0 5px 0;}
h3 {font: bold 12px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; text-indent: 0; line-height: 1.0; color: #2089ca !important; margin: 0 0 5px 0;}
h4 {font: bold 11.5px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; text-indent: 0; line-height: 1.0; color: #849eaf !important; margin: 0 0 5px 0;}
h8 {font: bold 20px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; text-indent: 0; line-height: 1.0; color: #2089ca !important; margin: 0 0 5px 0;}
h9 {font: 14px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; text-indent: 0; line-height: 1.5; !important; margin: 0 0 5px 0;}
h3.fundraiser {color: #73913f !important;}

.horizontal-rule {width: 719px; margin: 20px 0 20px 0; height: 0; border: 0; border-top: 1px solid #dcdcdc !important;}
.horizontal-rule-b {width: 929px; margin: 20px 0 20px 0; height: 0; border: 0; border-top: 1px solid #dcdcdc !important;}
#about-us-imgs img {border: 1px solid #1e8acb; padding: 4px;}
#about-us-imgs .showroom-pics {margin-right: 7px;}
