/* naitive html elements */
body {font-family:Helvetica, Arial, sans-serif; font-size:12px}
body.dialog {background:#fff;}
a {text-decoration:underline; color:#0044CC;}
a:hover {text-decoration:underline;}
em {font-style:italic;}
strong {font-weight:bold;}
p, fieldset, table, pre, hr {margin: 10px 0;}
blockquote {margin:10px 25px; padding:10px 0; font-style:italic; border-top:dotted #ccc 1px; border-bottom:dotted #ccc 1px}
/* headings */
h1 {font-size:22px; margin:0 0 10px 0;}
h2 {font-size:16px; margin:10px 0;}
h3 {font-size:14px; margin:10px 0;}
h4 {margin:10px 0;}
/* lists */
ul, ol {margin: 10px 35px}
ul li ul, ol li ol {margin-top:0; margin-bottom:0}
/*ol li {list-style: decimal outside; line-height: 1.5}
ul li {list-style: square outside; line-height: 1.5}*/
ol li {line-height: 1.5}
ul li {line-height: 1.5}
.ui-tabs-nav li {list-style:none; line-height:1;} /*fix for jquery ui tabs - revisit when skinning */
/* tables */
table {width:100%; border:none;}
tr {border:none;}
th,td {padding:5px; border:none;}
th {font-weight:bold; background:#ccc; text-align:left}
table.borders th, table.borders td {border:1px solid #000000;}
caption {margin-bottom:.5em; text-align:center;}
tr.alt {background:#efefef;}
/* forms */
label {font-weight: bold; padding:0 5px 0 0; text-align:right;}
/*input[type="text"], input[type="password"] {padding:3px; border:1px solid #666;}*/
/*select, textarea {border:1px solid #000; padding:3px;}*/
input#qty {width: 20px}
.form-field {width:100%; overflow:hidden; padding:2px 0;}
.form-field span {font-weight:bold; padding:2px 0 0 5px; float:left; color:red;}
.multi-form-field {overflow:hidden; width:100%;}
.multi-form-field .form-field {float:left; width:345px;}
.form-field label {display:block; width:110px; text-align:left; padding:4px 0;}
.form-field label, .form-field input, .form-field select {float:left;}
p.form-buttons {text-align:center;}
.form-field input {width:175px; padding:2px;}
.form-field select {width:175px; padding:2px;}
/* buttons */
input[type="button"], input[type="submit"] {padding: 2px 8px; font-weight:normal}
.checkout input[type="text"] {width: 150px;}
.input-btn {margin: 0 3px; background:#000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #000; padding:4px 6px !important; color:#fff;}
.input-btn:hover {background:#666;}
ul.prod-tabnav li a {-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;}
#sitetools li.cart a span, .prod-buynow a, .prod-price span {-moz-border-radius:5px; -webkit-border-radius:5px;}
ul.cart-buttons {padding:0; margin:0; overflow:hidden; width:100%;}
ul.cart-buttons li {display: inline; padding: 0; margin:0}
ul.cart-buttons li a {-moz-border-radius:5px; -webkit-border-radius:5px; display: block; padding: 10px 10px; border: 1px solid #ccc; width:140px; text-align: center;text-decoration:none; margin: 0 0 10px 0}
ul.cart-buttons li.checkout {float:right;}
ul.cart-buttons li.checkout a {background: #efefef; font-weight:bold}
ul.cart-buttons li.checkout a:hover {background:#ccc; border-color:#333}
ul.cart-buttons li.cont {float: left;}
ul.cart-buttons li.cont a {border: none; text-align: left; padding-left: 0}
/* header */
#wrapper {width: 960px; margin:0 auto; background: #fff;}
#header {height:110px; position:relative;}
#header a {text-decoration: none;}
#header a:hover {text-decoration: underline;}
#header ul {margin: 0;}
#header ul li {list-style:none}
/* sitetool links */
#sitetools {padding:10px 0; text-align:right;}
#sitetools ul li{display:inline; /*padding-right:20px;*/}
#sitetools a {font-weight:bold; color:#000}
/* search box */
#search-box {float:right;}
/* nav-main: top level */
#nav-main {overflow:hidden; width:100%;}
#nav-main a {font-weight:bold; padding:10px 12px; display:block; width:auto; text-decoration:none;}
#nav-main a:hover {text-decoration:none;}
#nav-main ul {margin: 0}
#nav-main li {float:left; display:inline;}
#nav-main ul li:hover a.selected {}
#nav-main ul li {line-height: 1.3;}
#nav-main ul li a.selected {background:#ccc; font-weight:bold}
li.clearance-link {background:#990000;}
/* nav-main: drop-down */
#nav-main ul li ul {display:none; position:absolute; z-index:1000; width:175px; padding:3px 3px 3px 3px}
#nav-main ul li:hover ul {display:block; } /*turns on/off ... using jquery for ie 6 */
#nav-main ul li ul li {float:none;}
#nav-main ul li ul li a {border:none; font-weight:normal; padding:5px 15px 5px 15px; font-size:12px;}
#nav-main ul li ul li a:hover {background:#000; color:#fff}
/* nav-secondary */
#nav-secondary ul {margin:0}
#nav-secondary ul li {list-style-type:none; border-bottom:1px dotted #ccc; padding:0; margin:0; line-height:1.3}
#nav-secondary ul li a {display:block; padding: 5px 5px 5px 20px; text-decoration:none;}
#nav-secondary ul li a:hover {background: #ccc; color: #333}
#nav-secondary ul li a.selected, #nav-secondary ul li a.selected:hover {background:#999; font-weight:bold; color:#fff}
#nav-secondary ul li ul {padding: 3px 0 3px 0; background: #fff; }
#nav-secondary ul li ul li {padding: 0 0 0 23px; border-bottom:none;}
#nav-secondary ul li ul li:last-child {border-bottom:none}
#nav-secondary ul li ul li a {color: #333; padding: 3px 5px 3px 18px; font-size: 11px; background: url(../images/art/arrows.gif) 5px -383px no-repeat}
#nav-secondary ul li ul li a:hover {background: #efefef url(../images/art/arrows.gif) 5px -383px no-repeat}
#nav-secondary ul li ul li a.selected, #nav-secondary ul li ul li a.selected:hover {padding-top:3px; padding-bottom:3px; color:#000; background: url(../images/art/arrows.gif) 5px -383px no-repeat}
/* layout - page */
#page-wrap {overflow:hidden; width:100%}
#page-head {padding: 10px; clear:both;}
#page {padding: 15px 20px 20px 20px;}
#page-dialog {padding:10px 20px;}
#page-home {padding: 0 0 0 5px;}
#page-content {padding: 15px 20px 20px 20px;}
.three-col #left-col {float:left; width:200px; padding-bottom:20px}
.three-col #center-col {float:left; width:560px; min-height: 500px;}
.three-col #right-col {float:right; width:170px}
.two-col #left-col {float: left; width:200px;}
.two-col #center-col {float: left; width:760px; min-height:200px;}
.two-col #right-col {float:left; width:200px;}
#browse-products h3 {}
#recently-viewed {}
#browse-traits {background:#ccc; padding: 10px;}
#quick-order {height:75px; padding:10px}
#promo-area {text-align:center; background:#999; padding:100px; color:#fff}
#breadcrumbs {border-bottom:1px dotted #efefef; padding:8px 10px;}
#breadcrumbs a {color: #333; text-decoration:none;}
#breadcrumbs a:hover {color:#000; text-decoration:underline;}
#breadcrumbs li {display:inline; padding-right:15px;}
/* home page */
#home-promo {background:#fff; margin:10px;}
#home-promo img {border:0}
#home-promo.horiz img {float:left; margin:5px}
#home-promo.vert img {margin: 5px 0}
/* from paragon */
.homegrid {padding:0 5px 15px 20px}
.hero-wrap {height:230px; background:#ccc; margin:10px 10px 10px 20px; border:1px solid #5297BA;}
.hero-wrap p {text-align:center; font-family:Trebuchet MS; margin:auto; font-size:36px; margin:55px 0; color:#5297BA;}
/* paging */
#paging {margin: 0; float:right; padding:10px;}
#paging a {background:#fff; text-decoration:none; border:1px solid #ccc; padding: 4px 7px; margin:0 3px 0 0}
#paging a.currentpage {color:#fff; border:1px solid #000; background:#000; font-weight:bold}
#paging a.currentpage:hover {background:#0000ff; color:#fff; }
#paging a:hover {color:#000}
#sorting {padding:10px; float:left; }
#grid-control {margin:10px 0; padding:0; background:#efefef; overflow:hidden; width:100%;}
/* layout - footer */
#footer {clear:both; margin-bottom:10px;}
#footer ul {margin:0}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration: underline;}
#footer li {display: inline;}
/* product in a grid */
#grid-wrap {padding: 0 0; overflow:hidden; width:100%}
/*.prod-wrap {-moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #fff; float:left; width:155px; height:280px; margin:0 0 10px 0; padding:8px;}
.prod-wrap:hover {border:1px solid #FFD700;}*/
.prod-wrap {float:left; width:155px; height:280px; margin:0 0 10px 0; padding:8px;}
.prod-wrap a.prod-img {display:block; background:#fff; border: 1px solid #ccc;}
.prod-wrap img {display:block; padding:10px; margin:auto;}
.prod-name {font-weight:bold; height:45px; margin:5px 0; text-align:center}
.prod-name a {text-decoration:none}
.prod-price {font-weight: bold; padding:2px 0}
.prod-price-sale {color:#990000; font-weight:bold; padding:2px 0;}
.prod-info a {padding:3px; text-align:center; display:block; text-decoration:none; font-size:11px;}
.prod-info a:hover {text-decoration:underline}
.prod-buynow a {color:#fff; display:block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 10px; background:#990000; font-weight:bold; text-decoration:none;}
.prod-buynow a:hover {background:#0000ff; color:#fff;}
.crosssale .prod-buynow a {margin:0 auto;}
.prod-assccat {border-top:1px dotted #ccc; font-size:11px; margin: 5px 0; padding:5px 0;}
.prod-assccat a:hover {text-decoration:underline;}
/* product details */
#proddetails-buyarea {margin: 0 0 20px 0; overflow:hidden; width:100%;}
.proddetails-buy {background:#efefef; margin:0 0 10px; padding:10px;}
#proddetails {float:left; width:45%;}
#proddetails a {text-decoration:none}
#proddetails a:hover {text-decoration:underline;}
#proddetails-shop {float:left; width:55%}
#proddetails img.prodimage {display:block; margin:0 auto; border:0}
#prod-children th {background: #cccccc; color:#000}
.prod-child {margin: 15px 0; border-bottom: 1px solid #ccc; padding: 10px 0}
.prod-zoom {margin:5px 0 0 0;padding: 0 }
.prod-zoom a {display:block; padding: 10px 10px 10px 25px; width:100px; margin:0 auto; background: url(../images/art/icon-zoom.png) no-repeat 5px 50%; }
.prod-zoom a:hover {-moz-border-radius:5px; -webkit-border-radius:5px; background: #efefef url(../images/art/icon-zoom.png) no-repeat 5px 50%}
.attribute {margin: 5px 0}
#price-update, #prod-num-update {font-weight:bold;}
.prod-saleprice {color: #ff000; font-weight: bold; color:red}
/* product tabs */
ul.prod-tabnav {list-style:none; padding:6px 0; margin:0 10px}
ul.prod-tabnav li {display: inline; margin: 0 2px}
ul.prod-tabnav li a {padding:4px 15px; background:#efefef; color:#000; text-decoration:none;}
ul.prod-tabnav li a.selected {background: #999; font-weight: bold;}
ul.prod-tabnav li a:hover {background: #ccc}
ul.prod-tabnav li a.selected:hover {background: #999;}
.prod-tab-content {border:1px solid #999; padding:10px 20px}
/* related products - cross sells */
#prod-crosssells {padding: 20px 0 10px 0; clear:both; overflow:hidden; width:100%;}
#prod-crosssells .crosssale a img {display:block; margin: auto; background:#efefef}
#prod-crosssells .crosssale {text-align:center; height: 200px; float:left; margin:10px 5px; padding:5px; width:157px}
#prod-crosssells .crosssale p {padding: 10px 0}
#prod-crosssells .crosssale-title {height: 35px; padding: 5px 0}
#cart-specials {margin-bottom:15px; }
#cart-specials h2 {text-align:center; padding:5px 0; color:#990000}
.cart-special-item {overflow:hidden; width:100%; border-bottom:1px dotted #ccc; margin: 5px 0 0 0}
/* category page */
#cat-welcome {margin:10px 0; padding: 10px; border: 3px solid #ccc; background:#efefef;}
#cat-welcome img.photo {margin: 0 20px 0 0; border: 1px solid #000;}
#cat-subcats {border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin:0 0 10px 0; padding:5px; overflow:hidden; width:auto;}
#cat-subcats p {margin: 0 0 3px 0; color:#333}
#cat-subcats ul {margin: 5px 0}
#cat-subcats li {background: url(../images/art/arrows.gif) 5px -383px no-repeat; padding:2px 0 2px 17px; list-style-type:none; width:145px; margin-right:15px; float:left; }
#cat-subcats li a {text-decoration: none}
#cat-subcats li a:hover {text-decoration: underline}
#cats-associated {font-size: 11px}
#cats-associated ul {margin:0; color:#999; }
#cats-associated ul li {padding: 2px 0; list-style: none;}
/* messaging */
.msg-wrap {margin:10px 0;}
.msg-alert {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:center; background:#ffffcc; border:1px solid #ffcc33; padding:10px; margin:10px 0;}
.msg-alert span.highlight {color: #990000; font-weight: bold }
.msg-error {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:5px; margin:5px 0; color:#990000; border:1px solid #990000; background:#FCFCE5; font-weight:normal;}
.msg-order-complete {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-weight: bold; padding: 10px; margin:10px 0; border:1px solid #497B51; background: #F2FBF0 url(../images/art/accept.png) no-repeat 10px 50%; padding-left: 35px}
/* other */
.clearme {clear:both;}
.invisible {display:none;}
.centerit {text-align: center}
.centerit img {display: block; margin: 10px auto}
.notes {color:red; font-size:11px;}
/* checkout */
.checkout h2 {padding:5px 10px; background:#ccc; margin:20px 0}
.checkout h3 {margin:10px 0}
.checkout select {width:157px;}
/* form validation - checkout */
.field, .field-checkbox {overflow:hidden; width:100%}
.field-checkbox {margin: 2px 0 2px 180px;}
.field-checkbox label {font-weight:normal; padding:3px 10px 3px 0; margin:2px 0;}
.field label {font-size:12px; float:left; width:170px; text-align:left; padding:3px 10px 3px 0; margin:2px 0; font-weight:normal;}
.field label span, h4 span {color:#666; padding-left:5px;}
.field input, .field select {border:1px solid #ccc; width:225px; padding:3px; margin:3px 0; font-size:12px}
.error ul.messages {float:left; margin:0 0 0 10px; padding:0; font-size:11px}
.error ul.messages li {list-style-type:none; padding:5px 0 5px 22px; color:#990000; background: url(../images/art/stop.png) no-repeat 2px 50%}
.error input, .error select {border:1px solid #990000 !important; background:#fcfce5; float:left;}
.error label {color:#990000;}
.success label {color: #666}
.success input, .success select {background:#F2FBF0; font-weight:normal; color:#333;}
.success {background: url(../images/art/accept.png) no-repeat scroll 425px 50%}
.instruct {color:#666; font-size:10px; font-style:italic; padding-left:0;}
.homegrid {padding:5px 20px;}
/* scrollable full width */
#scrollable-wrap {background:#fff; overflow:hidden; width:100%; overflow:hidden;}
.scrollable {position: relative; overflow:hidden; width:836px; height:150px;}
.scrollable-head {background:url(../images/art/carousel-header.png) 0 0 no-repeat; height:40px;}
.scrollable-head h3 {margin:0; padding:12px 15px; font-size:13px;}
.scrollable-body {overflow:hidden; border:2px solid #bccab7; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px;}
.scrollable .items {width:2500px; position:absolute; clear:both; background:#fff;}
.scrollable .scrollable-item {float:left; text-align:center; margin:0; background:#fff; padding:0; border-right:1px dotted #ccc; cursor:pointer; width:148px; padding:15px 10px 10px 10px; height:125px;}
.scrollable .scrollable-item a {text-decoration:none; font-weight:bold;}
.scrollable .scrollable-item a:hover {text-decoration:underline; }
.scrollable .active { border:2px solid #000; z-index: 9999; position:relative;}
.scrollable {float: left; }
a.browse {background: #fff url(../images/art/car-button-sprite.png) 0 0 no-repeat; display:block; width:40px; height:150px; float:left; margin:0 0; cursor:pointer; font-size:1px; }
/* right */
a.right {background-position:0 -150px; clear:right; margin-right:0px;}
a.right:hover {background-position: -40px -150px; }
a.right:active {background-position: -80px -150px; }
/* left */
a.left {margin-left: 0 0; }
a.left:hover {background-position: -40px 0; }
a.left:active {background-position: -80px 0; }
/* scrollable 2/3 width */
.scroll-crosssells {margin-top:20px;}
.scroll-crosssells .scrollable {position: relative; overflow:hidden; width:601px; height:150px;}
.scroll-crosssells .scrollable-head {background:url(../images/art/carousel-header-med.png) 0 0 no-repeat; height:40px;}
.scroll-crosssells .scrollable .scrollable-item {width:133px;}
#page-checkout .verification { padding: 8px; width: 395px; margin-bottom: 9px; display: none; }
#page-checkout .verification .suggestions ul { list-style: disc outside none; margin: 10px 8px 12px 28px; }
#page-checkout .verification .accept { margin: 10px 0 0; }
#page-checkout .verification .accept label { position: relative; top: -1px; margin-left: 4px; }
.blockMsg .content { font-size: 18px; font-weight: bold; margin: 4px 0; }
.blockMsg .content img { left: -3px; position: relative; top: 1px; }