/* =MISC
========================================== */
fieldset {
    border: none;
    padding: 0;
}

/* =NMS
========================================== */
.nms .as-column {
    display: inline;
    float: left;
}
.nms #as-main {
    margin: 0 10px;
}
.nms #as-secondary {
    float: right;
    margin-bottom: 20px;
    overflow: hidden;
    width: 135px;
}
.nms #as-main p,
.nms #as-main ul,
.nms #as-main .banner-grid li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* =NM
========================================== */
.nm .as-column {
    display: inline;
    float: left;
}
.nm #as-main {
    margin: 0 0 0 10px;
}

/* =MS
========================================== */
.ms .as-column {
    display: inline;
    float: left;
}

/* =HOMEPAGE
========================================== */
#as-homepage #as-main p,
#as-homepage #as-main h3,
#as-homepage #as-main .banner-grid {
    width: 433px;
}

/* =PAGE-CONTENT
========================================== */
#as-page-content {
    float: left;
    position: relative;
}

/* =TOPBAR
========================================== */
.topbar * {
    float: left;
    margin: 0;
}
.topbar p {
    margin: 0 0 0 4px;
}
.topbar {
    height: 115px;
}
.topbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* =LANDING
========================================== */
#as-landing .banner-grid li,
#as-landing .banner-grid,
#as-landing #as-main a {
    display: inline;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#as-landing .banner-grid {
    border-bottom: 1px solid rgb(183,184,188);
    padding: 8px 0;
}
#as-landing .banner-grid li {
    border-left: 1px solid rgb(183,184,188);
}
#as-landing .banner-grid li.first {
    border: none;
}
#as-landing #as-main a {
    margin: 8px 9px;
}
#as-landing #as-main .topbar a {
    margin: 0;
    padding: 0;
}

#as-landing .topbar .banner-grid {
    border-bottom: none;
}
#as-landing .topbar .banner-grid li {
    border-left: none;
}
#as-landing .last-row .banner-grid {
    border-bottom: none;
}

/* =SUBHEADER
========================================== */
#subheader {
    background: #ececec;
    clear: both;
    height: 38px;
    line-height: 38px;
    margin: 0;
    position: relative;
    width: 748px;
}
#subheader fieldset {
    padding: 0 16px;
}
#subheader select {
    margin: 0 3px;
}
#subheader .sort {
    float: right;
}
#subheader .browse {
    width: 340px;
}
#subheader .browse select {
    width: 200px;
}
#subheader label {
    float: left;
    margin: 8px 0 6px;
    height: 24px;
    line-height: 24px;
    position: relative;
}
#product-loading-filter {
    display: none;
    position: absolute;
    top: 4px;
    right: -24px;
}
#product-loading-sort {
    display: none;
    position: absolute;
    top: 4px;
    left: -24px;
}

/* =FOOTER
========================================== */
#as-footer,
#as-country-switch {
    clear: left;
    line-height: 130%;
    margin: 40px auto 10px;
    text-align: center;
}
#as-footer p,
#as-footer ul {
    clear: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
.as-footerlinks li {
    border-right: 1px solid #868F98;
    display: inline;
    margin: 0;
    padding: 0;
}
.as-footerlinks li.last-item {
    border-right: none;
}
.as-footerlinks :link,
.as-footerlinks :visited {
    padding: 1px 4px;
    text-decoration: none;
}
.as-footerlinks :link:hover,
.as-footerlinks :visited:hover {
    text-decoration: underline;
}

/* =COUNTRY-SWITCH
========================================== */
#as-country-switch fieldset {
    margin: 0 auto;
    text-align: center;
    width: 380px;
}
#as-country-switch select {
    display: block;
    margin: 4px auto;
}

/* =MORE-STORES
========================================== */
#as-more-stores li {
    margin: 0;
    padding: 0 5px 0 6px;
}
#as-more-stores a {
    border-bottom: 1px solid #fff;
    padding: 4px 0;
}
#as-more-stores a.as-international {
    border: none;
}

/* =IPODSTORE-RIGHT-RAIL
========================================== */
.songs li a strong {
    display: block;
}
.songs li a span {
    position: absolute;
    visibility: hidden;
}
.songs li a img {
    margin: 3px 0;
}

/* =PRODUCT-CLUSTER
========================================== */
.product-loading-tile {
    display: inline;
    margin: 19px 0 0 16px;
}
.product-cluster {
    border: 1px solid rgb(206,214,219);
    border-width: 1px 0 1px 0;
    display: inline;
    float: left;
}
.product-page {
    display: block;
    float: left;
    position: relative;
}
.product-page .hidden {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 5;
}
.product-row {
    background: #fff ;
    border: 1px solid rgb(206,214,219);
    border-width: 0 1px 0 1px;
    clear: both;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 746px;
}
.product-cluster .product {
    background: ;
    display: inline;
    float: left;
    height: auto !important;
    height: 14.75em;
    margin: 0;
    min-height: 14.75em;
    padding: 0 0 11px;
    width: 186px !important;
    width: 185px;
}
.product-cluster .last-tile {
    background-image: none;
    margin: 0;
}
.product-cluster .last-row {
    background-image: none;
}
.product-cluster .product .shipping p {
    margin: 0;
}
.product-cluster .product .name,
.product-cluster .product .image,
.product-cluster .product .shipping,
.product-cluster .product .price,
.product-cluster .product .rating {
    margin: 0 16px;
    line-height: 1.4em;
}
.product-cluster .product .image {
    height: 94px;
    margin: 5px 16px 11px;
}
.product-cluster .product .name {
    height: auto !important;
    height: 2.9em;
    margin-top: 19px;
    min-height: 2.9em;
}
.product-cluster .product .price {
    margin: 2px 16px 0;
}
.product-cluster .product .shipping {
    position: relative;
}
.product-cluster .product .shipping span.freeshipping {
    position: absolute;
    top: -1.5em;
}
.product-cluster .product .rating img {
    padding: 0 1px 2px;
    vertical-align: bottom;
}
#no-js-pages {
    clear: both;
    margin: 0 10px 10px;
    text-align: right;
}
#no-js-pages a.show-all {
    border-left: 1px solid #666;
    margin: 1em 4px;
    padding: 0 6px;
}
#no-js-pages a:hover {
    color: #000;
}

/* =STORE-TAB-OVERVIEW
========================================== */
#store-tab-overview .section1 .hero {
    left: 9px;
    position: absolute;
    top: 2px;
}

/* =PRODUCT-OPTIONS
========================================== */
thead, tbody, tr {
    margin: 0;
    padding: 0;
}
.product-options {
    border-collapse: collapse;
    border-spacing: 0;
}
.product-options th {
    padding: 0 22px 0 0;
}
.product-options th a {
    border-bottom: 1px solid #c8d2de;
    display: block;
    padding: 0 0 5px;
}
.product-options td {
    padding: 5px 11px 5px 0;
}
.product-options ul.specs {
    list-style: none;
    margin: 0;
    padding: 0;
}
.product-options .shipping {
    color: #333;
    margin-top: 18px;
}
.product-options .shipping strong {
    display: block;
}
.product-options .price {
    margin: 8px 0 0;
}
.product-options .monthly {
    margin: 0;
    text-transform: lowercase;
}



/* =COMPATIBILITY-SECTION
================================================= */
div.clearer {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 1px;
    font-size: 1px;
}
#store-prod-top #area-promo div.promo {
    padding: 10px 25px 0 0;
}
#content-clean .store-l0 h1 {
    margin: 3px 0 10px 7px;
}
.saved-carts-link a {
    line-height: 1.9em;
    padding: 2px 8px;
}

/* XServe */
#as-page-wrap .xs-cont td.questions {
    width: 100%;
}

#content-clean ul#store-nav-tab li a {
    height: 25px;
    line-height: 25px;
    padding: 0 24px;
}

#content-clean ul#store-nav-tab.narrow-tabs li a {
    padding: 0 14px;
}

/* OVERRIDE: Engraving page */
#as-page-wrap #as-page-content #area-promo table {
    width: 836px;
}
#as-page-wrap #as-page-content #store-prod-top.store-l1 div.top,
#as-page-wrap #as-page-content .store-l0 div.btm {
    line-height: 10px;
}

.banner-grid {
    font-size: 0;
    line-height: 0;
}

/* =COVERAGE-LOOKUP
================================================= */
#coverage-lookup {
    background: #eef2f3 ;
    float: left;
    margin: 2em 0 0 40px;
    width: 334px;
}
#coverage-lookup .coverage_btm {;
    clear: left;
    height: 11px;
    background: #fff ;
    width: 334px;
}
#coverage-lookup .coverage-intro {
    float: left;
    width: 314px;
}
#coverage-lookup .coverage-intro h3 {
    font-size: 12px;
    font-weight: bold;
    margin: 20px 0 4px 20px;
    color: #333;
}
#coverage-lookup p.atnt {
    line-height: 16px;
    padding-bottom: 10px;
    margin: 0 0 8px 20px;
}
#coverage-lookup p.atnt a {;
    font-size: 11px;
}
#coverage-lookup h3,
#coverage-lookup p {
    float: left;
}
#ppu-checker-wrapper {
    float: left;
    margin: 18px 0 20px 10px;
    width: 180px;
}
#ppu-checker-instructions {
    margin: 0 0 4px 16px;
    padding: 0;    
}
#ppu-checker {
    float: left;
    width: 200px;    
}
#ppu-checker p {
    margin: 0 0 0 16px;
    padding: 0;
    width: 180px;
}
#search-box #searchbox-btn,
#ppu-checker #ppu-submit-btn {
    background-image: ;
    margin: 6px 0;
    height: 18px;
    width: 20px;
}
#ppu-checker #ppu-submit-btn {
    background-image: ;
}
#ppu-checker button {
    cursor: pointer;
    border: none;
    display: block;
    float: left;
    padding: 0;
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
}
#ppu-checker button span {
    position: absolute;
    height: 1px;
    overflow: hidden;
    width: 1px;
}
#ppu-checker button:hover,
#ppu-checker button.hover {
    background-position: bottom left;
}
#ppu-result {
    color: red;
}
#ppu-result em {
    color: #206726;
    font-style: normal;
}
#ppu-result em span.checkmark {
    visibility: visible;
    float: left;
    width: 14px;
    height: 13px;
    background: ;
    margin-right: 5px;
}

#ppu-checker #ppu-response-msg {
    display: block;
    clear: left;
    font-style: normal;
    height: 13px;
}

#ppu-checker #ppu-spinner {
    margin-top: 6px;
    margin-left: 0;
    vertical-align: center;
    float: left;
}
#ppu-checker form
#ppu-checker #ppu-response-msg.ppu-response-true {
    color: green;
}
#ppu-checker #ppu-response-msg.ppu-response-error {
    color: red;
}
#ppu-checker div.psearch {
    background-image: ;
    margin-left: 10px;
}
#ppu-checker div.psearch,
#ppu-checker input.psearch {
    color: #595959;
    float: left;
}

#ppu-checker input.psearch {
    margin: 0 4px;
    padding: 2px 4px 2px 10px;
    width: 120px;
}

/* rollover for buttons in forms generted by a special tag */
.form-submit-btn {
    clear: both;
}
.form-submit-btn button {
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}
.form-submit-btn img {
    display: block;
}
.form-submit-btn a {
    text-indent: -9999px;
}
.form-submit-btn a:hover,
.form-submit-btn button.hover,
.form-submit-btn button:hover {
    background-position: bottom left;
}
/* =ADD TO CART
================================================= */
/* rollover for buttons in forms generted by a special tag */
.form-submit-btn {
    clear: both;
}
.form-submit-btn button {
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
}
.form-submit-btn button.hover,
.form-submit-btn button:hover{
    background-position: bottom left;
}

/* =GIFTING
================================================= */
/* Gift checkbox styles */
div.gift-msg-checkbox,
div.gift-pack-checkbox {
    float: left;
    margin: 5px 0 0;
    padding: 0;
    clear: both;
    display: block;
}
div.gift-msg-checkbox label,
div.gift-pack-checkbox label {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 15px;
    display: block;
    width: 165px;
}
div.gift-pack-checkbox label {
    width: 125px;
}
div.gift-msg-checkbox img,
div.gift-pack-checkbox img {
    float: left;
    padding: 0 4px 1px;
}
#as div.gift-msg-checkbox input,
#as div.gift-pack-checkbox input {
    float: left;
    margin-top: 2px;
}

/* CTO Page Gift message checkbox styles */
#cto-gift-msg {
    float: left;
    height: 2.3em;
    margin: 0;
    padding: 2px 0 5px;
}
#cto-gift-msg img {
    float: left;
}
#cto-gift-msg input {
    float: left;
}
#cto-gift-msg label {
    color: #000;
    float: left;
    position: relative;
    width: 120px;
}
/* Gift card message area styles */
.gift-card-msg {
    float: left;
    font-size: 0.95em;
    margin: 0 0 1.5em;
    width: 362px;
}
/* Gift message label (left side) styles */
.gift-msg-label {
    float: left;
    width: 140px;
}
.gift-msg-label p {
    margin: 1em 0;
}
/* Gift message form field styles */
.gift-msg-fields {
    float: right;
    width: 215px;

}
.gift-msg-fields textarea {
    display: block;
    width: 210px;
}
.gift-msg-fields div textarea {
    margin: 1em 0;
}

/* =PSEARCH
This section controls the "pretty search" fields
that mimic Safari's input type="search" display.
========================================== */
form .psearch {
    background: none;
    border: 0;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 130px;
}
form div.psearch {
    position: relative;
    background: ;
}
form div.psearch.safari {
    background: none;
}

form div.focused {
    background-position: bottom left;
}

form div#default-search-form {
    background: ;
}   
form div#default-search-form.focused {
    /* needed for ie*/
    background-position: bottom left;
}
form div#default-search-form.safari {
    background: none;
}

form div#drk-grey-search-form {
    background: ;
}
form div#drk-grey-search-form.focused {
    /* needed for ie*/
    background-position: bottom left;
}
form div#drk-grey-search-form.safari {
    background: none;
}

form div.psearch label {
    display: block;
    padding: 4px 0;
}

form input.psearch {
    /* prevent google toolbar from breaking pretty search when autofill is enabled*/
    background-color: transparent !important;
    color: #595959;
    font-size: 11px;
    height: 18px;
    margin: 0 4px;
    padding: 4px 4px 0px 10px;
    width: 120px;
}

/* Fix so that the text won't flow pased the end of the background image (x) */
form input.psearch.nonsafari {
    width: 108px;
}

form div.psearch span {
    position: absolute;
    width: 11px;
    height: 11px;
    overflow: hidden;
    z-index: 1;
    right: 9px;
    top: 10px;
    background: ;
    cursor: pointer;
    display: none;
}

form div.psearch span.down {
    background: ;
}

/* =TAB NAVIGATION
========================================== */
ul#store-nav-tab {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}
ul#store-nav-tab li {
    display: block;
    float: left;
}
ul#store-nav-tab li a {
    background-color: #b9c3c6;
    border-left: 1px solid #fff;
    color: #fff;
    display: block;
    height: 15px;
    padding: 5px 24px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
ul#store-nav-tab li.left a {
    background: #b9c3c6 ;
    border: 0;
    padding-left: 25px;
}
ul#store-nav-tab li.right a {
    background: #b9c3c6 ;
    padding-right: 25px;
}
ul#store-nav-tab li a.active {
    background-color: #93a0a6;
    cursor: default;
}
ul#store-nav-tab li.left a.active {
    background: #93a0a6 ;
}
ul#store-nav-tab li.right a.active {
    background: #93a0a6 ;
}
ul#store-nav-tab li a:hover {
    background: #93a0a6;
}
ul#store-nav-tab li.left a:hover {
    background: #93a0a6 ;
}
ul#store-nav-tab li.right a:hover {
    background: #93a0a6 ;
}

/* =980px WIDE STEP ONE
========================================== */
#wide_stepone * {
    margin: 0;
    padding: 0;
}
#wide_stepone div.psearch label {
	padding: 6px 0;
}
#wide_stepone div.gift-msg-checkbox img,
#wide_stepone div.gift-pack-checkbox img {
	padding: 0 4px 1px;
}
#wide_stepone {
    clear: both;
    margin: 0 auto;
    padding: 10px 0;
}
#wide_stepone #wide_stepone_container {
    margin: 0 auto;
    width: 980px;
    padding-top: 15px;
    background: #eff2f3 ;
    text-align: left;
}
#wide_stepone #wide_stepone_container_btm {
    height: 15px;
    background: ;
}
#wide_stepone #wide_stepone_content {
    position: relative;
    clear: left;
    margin: 0 11px;
    padding: 17px 22px 10px 22px;
    background: #fff ;
}
#wide_stepone #wide_stepone_content_top {
    margin: 0 11px;
    height: 11px;
    background: #fff ;
}
#wide_stepone #wide_stepone_content_btm {
    margin: 0 11px;
    height: 11px;
    background: ;
}
#wide_stepone #wide_stepone_content_promo_top {
    margin: 0 9px;
    height: 13px;
    background: #fff ;
}
#wide_stepone #wide_stepone_content_promo {
    margin: 0 9px;
    padding: 9px 23px 24px 23px;
    background: #fff ;
}
#wide_stepone #wide_stepone_content_promo_btm {
    margin: 0 9px;
    border-bottom: 7px solid #eff2f3;
    height: 51px;
    background: ;
}
#wide_stepone #wide_stepone_primary {
    float: left;
    width: 590px;
}
#wide_stepone #wide_stepone_secondary {
    float: left;
    width: 266px;
    background: #eff2f3 ;
}
#wide_stepone #wide_stepone_secondary_btm {
    margin-top: 5px;
    height: 10px;
    background: ;
}
#wide_stepone #wide_stepone_reservations_content {
    margin: 0 12px;
    padding: 30px 50px 24px 50px;
    background: #fff ;
}
#wide_stepone #wide_stepone_reservations_content_btm {
    margin: 0 12px;
    height: 10px;
    background: ;
}