/* */


/* == BLUE CSS == */
/* == BLUE CSS == */

html {
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    margin:0;
    padding:0;
    font-size:90%;
    font-family:Arial, Helvetica, sans-serif;
}

a {
    color:inherit;
    font-weight: normal;
    text-decoration: underline;
    outline:none;
}

a:hover {
    color:inherit;
}

img, img a, .ProductThumb a {
/*border:none !important;*/   /*ninja'd by bsimek*/
    text-decoration:none;
}

img a:hover, .ProductThumb a:hover {
    border:none !important;
    text-decoration:none;
}

.Content a {
    color:inherit;
    text-decoration: underline;
}
.Content a:hover {
    text-decoration: none;
}

.Content ul, .Content ol {
    margin: 0 0 10px 30px;
}
.Content p {
    margin: 0 0 10px 0;
}

hr {
    background:inherit;
    border: 0 none;
    height: 1px;
    margin: 10px 0;
    padding: 0;
}

/* Button Click Effect */
#Menu a:active, #TopMenu a:active, .Button:active, .ProductActionAdd:active, .Buttons a:active, .AddCartButton input:active, #next:active, #prev:active, .ProductImage a:active, .ProductDetails strong a:active {
    position:relative;
    top:1px;
}
#Logo h1 a:active {
    margin-top:1px;
}
/* ====== */

h2 {
    color:inherit;
}
.Content h2, .TitleHeading {
    color:inherit;
    font-size:140%;
    font-weight: bold;
    margin: 0 0 10px 0;
}

h3 {
    color:inherit;
}

/* == Containers == */
#Container {
    width: 100%;
}

#Outer {
    background:#999;
    margin: 0 auto;
}

#Inner {
    background:#f1f1f1;
    width:950px;
    margin: 0 auto;
}

#Wrapper {
    width:950px;
    margin: 0 auto;
}

#HeaderOuter {
    background:#999;
}

#Header {
    background:#ccc;
    width:950px;
    height:auto;
    margin: 0 auto;
    padding-bottom:0;
}

/* ======== */



/* == Top Menu == */
#TopMenu {
    background:#97bfd6;
}
#TopMenu ul {
    float:right;
}
#TopMenu li a, #TopMenu li div {
    color:inherit;
    font-size:inherit;
    margin: 8px 10px 0;
    padding: 0;
}

#TopMenu li div a {
    border-left: 0;
}

#TopMenu li a:hover {
    color:inherit;
    text-decoration:inherit;
}
/* ====== */

/* == Pages Menu == */
#Menu {
    background:#97bfd6;
    width:950px;
    margin: 0 auto;
    padding:0;
    z-index:5;
}
#Menu ul {
    margin: 0;
    padding: 0;
}
#Menu li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
#Menu li a {
    display: block;
    float: none;
}
#Menu li.ActivePage a {
    color:inherit;
    text-decoration:none;
}
#Menu li ul {
    background:transparent;
    clear: left;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
    font-size:inherit;
    position: absolute;
    text-align: center;
    top:inherit;
    width: auto;
    height:auto;
    z-index: 20;
    margin:0 auto;
    border:none;
    -webkit-box-shadow:2px 8px 30px #000000;
    -moz-box-shadow:2px 8px 30px #000000;
    box-shadow:2px 8px 30px #000000;
    -webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
    opacity:0; /* Set initial state to transparent */
}
#Menu li:hover ul {
    left:0; /* Bring back on-screen when needed */
    opacity:1; /* Fade to opaque */
}

#Menu li:last-child ul {
    left: -57px;
    margin: 0;
}
#Menu li ul li {
    margin:0;
}
#Menu li ul li a {
    background:url(../images/bg_menu-dropdown.png) repeat;
    width:120px;
    font-weight:normal;
    border-bottom: 1px solid #222222;
    border-top: 1px solid #444;
    padding: 5px 10px;
}
#Menu li ul li a:hover {
    text-decoration:none;
    background:#222 !important;
}
#Menu li.ActivePage ul li {

}
#Menu li.ActivePage ul li a {

}
#Menu li:hover a, #Menu li.over a {
    color:inherit;
    text-decoration:none;
}
/* ====== */

/* == Logo == */
#Logo {
    width:340px;
    height:76px;
    display:block;
}
#Logo h1 {
    width:298px;
    height:76px;
    color: #fff;
    margin:0;
    padding:0;
}
#Logo h1 a {
    color: #fff;
    width:298px;
    height:76px;
    display:block;
}
.hidden {
    left: -10000px;
    position: absolute;
}
/* ====== */

.amazon-card a img {
width: 50%;
}
.amazon-card-cart a img {
    margin-bottom: 15px;
    margin-top: 15px;
    width: 50%;
}

/* == Header Search == */
#SearchForm {
    color:inherit;
    width: auto;
    height:auto;
}

#SearchForm label {
    color:inherit;
}

#SearchForm a {
    color:inherit;
}

#SearchForm a:hover {
    color:inherit;
}

#SearchForm input.Textbox {
    background:#fff;
    border:none;
    font-size: inherit;
    padding: 3px;
    width: 130px;
}
#SearchForm .Button {
    height: inherit;
    margin-top: -3px;
    padding: 0;
    vertical-align: middle;
    width: inherit;
}
/* ====== */

/* == Social Media == */
#SocialMedia {
    width:auto;
    margin:10px;
}
#SocialMedia ul {
    margin:0;
    padding:0;
}
#SocialMedia li {
    float:left;
    list-style:none;
    margin:0 5px;
}
/* ====== */

/* == Header Contact Info == */
#HeaderContactInfo {
    width:auto;
    margin:10px;
}
/* ====== */

.Block {
    margin-bottom: 10px;
    margin-top: 0;
}

/* == Left Column == */
.Left {
    background:#fff;
    width:18%;
    font-size:inherit;
    margin-right: 10px;
    min-height: 500px;
}

.Left li {
    border-bottom: none;
}

.Left li a:hover {
}
.Left h2 {
    font-size: 120%;
    margin: 0 5px;
    width:inherit;
}
.Left #SideCategoryList li ul {
    border-top:none;
}

/* Side Category List */
#SideCategoryList .SideCategoryListFlyout {
}
#SideCategoryList .sf-menu, #SideCategoryList .sf-menu li {
    width: 205px;
}
#SideCategoryList .sf-menu ul {
    width:140px;
}
#SideCategoryList .sf-menu a {
    padding: 4px 8px;
    width: 160px;
}
#SideCategoryList li a:hover {
    text-decoration:none;
}
/* == */

/* Category flyout styles (theme) */

/* Child menu items, does not include the always-showing root level */
#SideCategoryList .sf-menu li ul li {
}

/* Root menu item when expanded */
#SideCategoryList .sf-menu .sfHover a,
/* Child menu item links */
#SideCategoryList .sf-menu li ul a {
    background-color: #c9c9c9;
    color: #FFF;
}

/* Parent menu items of a child being hovered (not including root-level items) */
#SideCategoryList .sf-menu li ul li:hover > a,
/* Child menu item while hovering */
#SideCategoryList .sf-menu li ul a:focus,
#SideCategoryList .sf-menu li ul a:hover,
#SideCategoryList .sf-menu li ul a:active {
    background-color: #999;
    text-decoration:none;
}

/* End: category flyout styles */
/* ====== */

/* == Content == */
.Content {
    background:#fff;
    float: left;
    width:60%;
    font-size: 100%;
    margin: 0;
    min-height: 500px;
    padding: 15px 9px;
}

.Content.Wide {
    width:79%;
}

.Content.WideWithLeft {
    width:79%;
}

.Content.Widest {
    width:100%;
}
/* ====== */

/* == Right Column == */
.Right {
    background:#fff;
    width:18%;
}

.Right a {
    color:inherit;
}

.Right a:hover, .Right a:hover strong {
    color:inherit;
}
/* ====== */

/* == Home Info Box == */
#HomeInfoBox {
    background:#fff;
}
#HomeInfoBox .BlockContent {
    padding:10px 20px;
}
/* ====== */

/* == Footer == */
#Footer {
    background:#ccc;
    color:inherit;
    border-top:inherit;
    margin:0;
    padding:20px 0 0 0;
}

#Footer ul {
    margin: 0;
    padding:0;
}

#FooterInner {
    margin:0 auto;
    width:950px;
}

#Footer li a {
    border-left:inherit;
    color:inherit;
    padding: 0 8px;
}

#FooterMenu {
}
#FooterMenu ul {
    margin:0;
    padding:0;
}
#FooterMenu li {
    list-style:none;
}
#FooterMenu li:last-child {
    border:none;
}

/* ====== */

/* == Newsletter Box == */

.NewsletterSubscription label {
    clear: both;
    float: left;
}
.NewsletterSubscription input {
    font-size:inherit;
    margin-bottom: 5px;
    padding: 3px;
    width:inherit;
}
.NewsletterSubscription .Button {
    border: 0 none;
    height: auto;
    vertical-align: middle;
    width: auto;
}
/* ====== */

/* == Home Slideshow == */
#HomeSlideShow {
    width:auto;
    height:auto;
    z-index:1;
}
#HomeSlideShow .SlideContent {
    color:inherit;
    padding: 25px 0 0 25px;
    position: absolute;
}
#HomeSlideShow .Buttons {
    margin:0;
    padding:0;
}
/* ====== */

/* == JCarousel == */
#prev, #next {
    background: url(../images/btn_next-prev.png) no-repeat scroll 0 0 transparent;
    float: left;
    cursor: pointer;
    cursor: hand;
}
#jCarousel .ProductListContainer {
    float:left;
}
#next {
    float:right;
}
/* ====== */

/* == Product List Stylings == */
.Content .ProductList li,
.fastCartContent .ProductList li {
    border:inherit;
    font-size:80%;
    background:#fff;
    margin: 6px;
    padding: 8px;
    min-height:inherit;
    overflow: hidden;
}

.Content .ProductList li:hover,
.Content .ProductList li.Over,
.fastCartContent .ProductList li:hover,
.fastCartContent .ProductList li.Over {
    background:#fff;
}

ul.ProductList {
    margin:0;
}
.ProductList .ProductImage {
    background: #fff;
}

.ProductList li .ProductDetails {
    margin:5px 0;
}

.ProductList strong, .ProductList strong a {
    color:inherit;
}

.ProductPrice, .ProductList em {
    color: #800000;
}

.ProductList .Rating {
    color: #797979;
}

.ProductList li .ProductCompareButton {
    margin-top: 3px;

    text-transform: uppercase;
}

.ProductActionAdd {
    display:block;
    margin-top: 3px;
}
.ProductActionAdd a, .ProductActionAdd strong a {
    text-decoration:inherit;
}

.Right .ProductList li {
    border-bottom:inherit;
}

.Content .FeaturedProducts .ProductList li {
    background:#fff;
}

.Content .FeaturedProducts .ProductList li:hover, .Content .FeaturedProducts .ProductList li.Over {
    background:#fff;
}

.Left .TopSellers li .TopSellerNumber, .Right .TopSellers li .TopSellerNumber { /* Contains the number of the item */
    background: url(../../default/images/blue/TopSellerNumberBg.gif) 0 4px no-repeat;
    color:inherit;
}

.Left .TopSellers li.TopSeller1, .Right .TopSellers li.TopSeller1 { /* No1 seller box */
    border:inherit;
    background: #fff;
}

.Left .TopSellers li.TopSeller1 .TopSellerNumber, .Right .TopSellers li.TopSeller1 .TopSellerNumber {
    background: url(../../default/images/blue/TopSellerNumber1Bg.png) 0 0 no-repeat;
    color: #075899;
}

.Content .ProductList.List li {
    background-image: none;
    display: block;
    float: none;
    height: 132px;
    margin: 6px 0 0;
    min-height: 0;
    padding: 6px;
    width: auto !important;
}
.Content .ProductList.List .ProductDetails {
    background-image: none;
    clear: none;
    display: block;
    height: auto;
    margin: 0 0 0 155px !important;
    padding: 0 0 0 5px;
    text-align: left;
}
/* ====== */

/* == Product Page == */
.PrimaryProductDetails .ProductThumb {
    float: left;
    text-align: center;
    width:auto;
}
.PrimaryProductDetails .ProductMain {
    float: left;
    width: auto;
    margin-left:20px;
}
.ProductDetailsGrid .DetailRow {
    clear: left;
    margin-top: 6px;
    padding-left: 140px;
}
.ProductDetailsGrid .Label {
    display: inline;
    float: left;
    font-weight: bold;
    margin: 0 0 6px -140px;
    padding-top: 1px;
    position: relative;
    text-align: right;
    width: 130px;
}
/* ====== */

/* == Breadcrumbs == */
.Breadcrumb {
    border-bottom:none;
}
.Breadcrumb ul {
    margin:0 !important;
}
/* ====== */

/* == Compare == */
.CompareItem { width:200px; border-left: solid 1px #dadada; }
.CompareFieldName { font-weight:bold; border-bottom: 1px solid #dadada; }
.CompareFieldTop { border-bottom:solid 1px #dadada; }
.CompareFieldTop a:hover { color:red; }
.CompareCenter { border-left:solid 1px #dadada; border-bottom:solid 1px #dadada; }
.CompareLeft { border-left:solid 1px #dadada; border-bottom:solid 1px #dadada; }

.ComparisonTable tr:hover td, .ComparisonTable tr.Over td {
    background: #EFF8FA;
}
/* ====== */

/* == Cart Contents == */
.ViewCartLink {
    background: url('../../default/images/blue/Cart.gif') no-repeat 3px 0;
}

table.CartContents, table.General {
    border: 1px solid #dadada;

}

.CartContents thead tr th, table.General thead tr th {
    background: #efefef;
    color: #444;
    border-bottom: 1px solid #dadada;
}

.CartContents tfoot .SubTotal td {
    border-top: 1px solid #dadada;
    color: #444;
}

.MiniCart .SubTotal {
    color: #444;
}

.JustAddedProduct {
    border: 1px solid #efefef;
    background: #fff;
}

.JustAddedProduct strong, .JustAddedProduct a {
    color: #444;
}

.CartContents .ItemShipping th {
    border-bottom-color: #dadada;
    border-top-color: #dadada;
    background: #efefef;
}

.SortBox {
    color: #444444;
    font-size: 0.95em;
}
/* ====== */

/* == Pagination == */
.CategoryPagination {
    color:inherit;
    background:inherit;
    border:inherit;
}
#CategoryPagingTop {
    clear: none;
    float: right;
}
#CategoryPagingBottom {
    background: none;
}
.CategoryPagination {
    color:inherit;
    font-size:inherit;
    float:right;
    border: none;
    padding: 3px 0 0;
    text-align: right;
    vertical-align:middle;
    min-width: 400px;
    max-width:450px;
}
.CategoryPagination a {
    color:inherit;
    text-decoration:none;
    border:none;
}
.CategoryPagination a:hover {
    color:inherit;
}
.CategoryPagination .ActivePage {
    font-weight:bold;
    color:inherit;
}
/* ====== */

/* == Checkout == */
.CheckoutRedeemCoupon { background: #efefef; padding: 10px; width: 300px; border: 1px solid #dadada; margin-bottom: 10px; }
/* ====== */

/* == Sub Menu Lists == */
.SubCategoryList, .SubBrandList {
    background:none;
}
.SubCategoryList li {
    background: url(../images/SubCategory.png) no-repeat scroll 3px 1px transparent;
    margin-bottom: 4px;
    padding-left: 25px;
}
/* ====== */

/* == Info Messages == */
.SpecificInfoMessage {
    background-color: #f8e4d1;
    color: #555;
}

.InfoMessage {
    background: url('../../default/images/InfoMessage.gif') no-repeat 5px 8px;
    color: #555;
}

.SuccessMessage {
    background: #E8FFDF url('../../default/images/SuccessMessage.gif') no-repeat 5px 8px;
    color: #555;
}

.ErrorMessage {
    background: #FFECEC url('../../default/images/ErrorMessage.gif') no-repeat 5px 8px;
    color: #555;
}
/* ====== */

/* == Shipping Estimation on Cart Contents Page == */
.EstimateShipping {
    border: 1px solid #dadada;
    background: #efefef;
}
/* ====== */

/* == Express Checkout == */
.ExpressCheckoutBlock .ExpressCheckoutTitle {
    background: #eae8f0;
    border: 1px solid #b5b1c5;
}

.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
    background: #b5b1c5;
    border: 1px solid #b5b1c5;
    color: #555;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    color: #888;
}

.ExpressCheckoutContent {
    padding:0 20px;
}

input#bottom_payment_button {
    float:right;
}
/* ====== */

/* == Tabbed Navigation == */
.TabNav {
    border-bottom: 1px solid #ccc;
    padding: 4px 0;
    margin:0 !important;
}

.TabNav li a {
    border: 1px solid #ccc;
    background: #ebe8f4;
    padding: 2px 35px 2px 5px;
    color:#444;
    font-size:11px;
    font-weight:bold;
    text-align:left;
    -webkit-border-top-right-radius:3px;
    -webkit-border-top-left-radius:3px;
    -moz-border-radius-topright:3px;
    -moz-border-radius-topleft:3px;
    border-top-right-radius:3px;
    border-top-left-radius:3px;
}

.TabNav li a:hover {
    color:#fff;
    background-color: #674d9a;
}

.TabNav li.Active a {
    color:#fff;
    padding-top:2px;
    border-bottom: 1px solid #ccc;
    background:url(../images/bg_btns.jpg) repeat-x;
}
/* ====== */

/* == Product Tab Containers = */
#ProductDescription, #ProductVideos, #ProductOtherDetails, #ProductByCategory, #ProductReviews, #ProductWarranty, #SimilarProductsByTag, #SimilarProductsByCustomerViews {
}
/* ====== */

/* == General Tables == */
table.General tbody tr td {
    border-top: 1px solid #efefef;
}

/* == Product Videos */
#VideoContainer {
    border: 1px solid #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.currentVideo {
    background-color: #ddf0f6;
}

.videoRow:hover {
    background-color: #efefef;
}
/* ====== */

#SearchResultsCategoryAndBrand {
    background-color: #EEF5F9;

}

/* == Fast Cart == */
#fastCartContainer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.fastCartTop {
    padding: 15px 5px;
    width: 650px;
}
#ModalContentContainer {
    background:url(../images/bg_pageContent.jpg) repeat-x top center #fff !important;
}
#ModalContent, .ModalContent {
    background: none !important;
}
#ModalTitle, .ModalTitle {
    background: none !important;
    padding:0 !important;
}
.fastCartContent h2 {
    color: #822a90;
    background-color:transparent;
}
.fastCartContent h3 {
    color: #444;
    background-color:transparent;
}
.fastCartThumb {
    background:#FFF;
    border: 1px solid #CCCCCC;
    padding: 5px 10px;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.fastCartSummaryBox {
    max-width:220px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}
.fastCartContent .fastCartTop a,
.fastCartContent .ProductList .ProductDetails a {
    color: #444;
}
.fastCartContent .ProductPrice,
.fastCartContent .ProductList em {
    color: #6E52A3;
}
.fastCartContent .Quantity {
    color: #444;
}
.fastCartContent p {
    color: #444444;
}
.fastCartContent .ProductList li {
    background-color: #FFF;
}

/* .subcats { margin: 0 10px; } */

/* ====== */

/* == Forms == */

/* Button Overlay Style */
body.Checkout .billingButton, .shippingButton, p.Submit input, div.ML20 input, input#CreateAccountButton, input.MT10, #apply_code, #CreateAccountForm p.Submit input, #LoginButton, #LoginForm .CreateAccount a, input.Button, #wishlistsform input, input[type="submit"], input[type="button"]  {
    color:inherit;
    font-size:11px;
    margin:2px 0;
    border:none;
    width:auto;
    padding: 5px 13px !important;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    cursor:hand;
}

/* cancel button overlay for button images */
input.Button[type="image"] {
    background:none !important;
    border:none !important;
    width:inherit;
    padding:0 !important;
    margin:0;
}
input[type="image"] {
    background:none !important;
    border:none !important;
    width:inherit;
    padding:0 !important;
    margin:0;
}
/* == */

#login_email, #login_pass {
    font-size:11px;
    padding: 3px;
    color:#666666;
}

#CreateAccountForm input {
    padding: 3px;
    color:#666666;
}

.HorizontalFormContainer dt {
    padding-top:5px;
}

input, select, textarea {
    padding:3px;
}

/* ====== */

/* == Product Reviews == */

#ProductReviews .VerticalFormContainer dd {
    margin-bottom: 6px;
    margin-left: 15px;
}
#ProductReviews .ProductReviewFormContainer span {
    font-size:11px;
}
#ProductReviews .ProductReviewFormContainer strong {
    font-size:14px;
}
/* ====== */

/* == Misc == */
.CreateAccount {
    border-right: 1px solid #CCCCCC;
    float: left;
    padding-right: 20px;
    width: 45%;
}
.AccountLogin {
    float: left;
    padding-left: 20px;
    width: 277px;
}
/* ====== */

/* == Account == */

.YourAccount ul {
    margin:0;
}
.YourAccount li {
    margin-bottom: 8px;
    padding:5px;
    list-style:none;
}
.YourAccount li a {
    font-weight:bold;
    border-bottom: 1px solid #D2D2D2;
    display:block;
    padding:5px 5px 5px 0px;
    margin-bottom:5px;
    text-decoration:none;
}

#SideAccountMenu {
}
/* ====== */

/* == Search == */
.QuickSearch {
    background: #FFFFFF;
    border: 1px solid #BFBFBF;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    text-align: left;
    z-index: 50;
}
td.QuickSearchResultMeta {
    vertical-align:top;
}
#SearchProduct_Container {
    padding-top:10px;
}
#SearchContent_Container {
    padding-top:10px;
}
.SearchSorting {
    clear: none;
    float: left;
    font-size: 0.95em;
    margin: 0 0 8px;
}
/* ====== */

/* == Product Options == */
/* Must !important items in this list to override BC styles */

/* simple required-asterisk colour style */
.productAttributeList .required {
    color: red;
}

/* consistent sizing for elements which expand to the container width, mainly when the display type is set to 'below' */
.productAttributeValue .productAttributeFluidWidth {
    width: 98%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/* set up the row for css table-like alignment */
.productAttributeList .productAttributeRow {
    clear: left;
    margin-top: 6px;
    padding-left: 70px !important;
}

/* position the label in the left-padding area of the row */
.productAttributeList .productAttributeLabel {
    margin: 0 0 6px -60px !important;
    float: left;
    width: 60px !important;
    font-weight: bold;
    padding-top: 1px;
    display: inline;
    position: relative;
}

/* force the value (input) container to display inline */
.productAttributeList .productAttributeValue {
    display: inline;
}

/* storefront formatting of attribute labels */
.ProductAddToCart .productAttributeLabel {
    text-align: left !important;
    font-weight: normal !important;
}

/*
 * attribute-type- or view-specific css
 */

/* fix radio-list indentation for wrapped values */
.productOptionViewProductPickList label,
.productOptionViewRectangle label,
.productOptionViewRadio label {
    display: block;
    padding-left: 18px;
}

/* fix radio-list indentation for wrapped values */
.productOptionViewProductPickList input,
.productOptionViewRectangle input,
.productOptionViewRadio input {
    float: left;
    width: 18px;
    margin-left: -18px;
    margin-top: 1px;
    position: relative;
}

/* remove padding and bullets from semantic UL/LI tags in picklist, swatches and product lists */
.productAttributeConfigurablePickListSet ul,
.productAttributeConfigurablePickListSet li,
.productAttributeConfigurablePickListSwatch ul,
.productAttributeConfigurablePickListSwatch li,
.productAttributeConfigurablePickListProduct ul,
.productAttributeConfigurablePickListProduct li {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

/* set up the visible border for all swatch types */
.productOptionPickListSwatch .textureContainer,
.productOptionPickListSwatch .swatchColours {
    position: relative;
    display: inline-block;
    border: solid 1px #999; /* template colour */
    padding: 1px;
    margin-bottom: 5px;
}

/* highlighting of the border for the currently selected swatch value */
.productOptionPickListSwatch .selectedValue .textureContainer,
.productOptionPickListSwatch .selectedValue .swatchColours {
    border-color: #075899; /* template colour */
    border-width: 2px;
    padding: 0;
}

/* sizing and positioning of the inside part of a swatch */
.productOptionPickListSwatch .thumbnail,
.productOptionPickListSwatch .swatchColour {
    display: inline-block;
    width: 18px;
    height: 18px;
}

/* positioning of the swatch thumbnail image as a background - the url is set inline via templates */
.productOptionPickListSwatch .thumbnail {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff; /* template colour */
}

/* adjust swatch widths to fit two colours */
.productOptionPickListSwatch .swatchTwoColour .swatchColour {
    width: 9px;
}

/* adjust swatch widths to fit three colours */
.productOptionPickListSwatch .swatchThreeColour .swatchColour {
    width: 6px;
}

/* visible border around product image pick list */
.productOptionViewProductPickListWithImage {
    border: solid 1px #999; /* template colour if necessary */
}

/* max-height and scrolling behaviour of product image pick list */
.productOptionViewProductPickListWithImage .scrollContainer {
    position: relative; /* this is needed so that jQuery.position works on the inputs */
    max-height: 100px;
    overflow-y: auto;
    padding: 1px;
}

.productOptionViewProductPickListWithImage table {
    border-collapse: collapse;
    width: 100%;
}


/* vertical positioning of product image pick list elements */
.productOptionViewProductPickListWithImage td {
    vertical-align: top;
    padding: 3px;
    white-space: nowrap;
}

.productOptionViewProductPickListWithImage td.name {
    width: 100%;
    white-space: normal;
}

.productOptionViewProductPickListWithImage .selectedValue td {
    background-color: #075899; /* template colour */
    color: #fff; /* template colour */
}

.productOptionViewProductPickListWithImage .none.selectedValue td {
    background-color: transparent;
    color: inherit;
}

/* vertical positioning of product image pick list elements */
.productOptionViewProductPickListWithImage td.input {
    padding-top: 5px;
    white-space: nowrap;
}

/*
 * attribute-type- or view-specific css for when javascript is available
 */

/* vertical positioning of the date picker icon */
html.javascript .productAttributeConfigurableEntryDate .ui-datepicker-trigger {
    vertical-align: middle;
}

/* give labels a pointer cursor for swatch and rectangle options when javascript is enabled */
html.javascript .productOptionViewRectangle label,
html.javascript .productOptionPickListSwatch label {
    cursor: pointer;
    position: relative;
}

/* hide radio inputs for swatch and rectangle options when javascript is enabled */
html.javascript .productOptionViewRectangle input,
html.javascript .productOptionPickListSwatch input {
    height: 0;
    overflow: hidden;
    z-index: -10000;
    position: absolute;
    float: none;
}

/*
 * styles for rectangle option view
 */

/* place rectangles in a horizontal line */
html.javascript .productOptionViewRectangle li {
    display: inline;
}

/* set up the label as a container for a bordered rectangle display of the option */
html.javascript .productOptionViewRectangle label {
    display: inline-block;
    padding: 2px 5px;
    margin: 0 0 5px 0;
}

/* the actual visible border */
html.javascript .productOptionViewRectangle .option label {
    border: solid 1px #999; /* template colour */
}

/* highlighting of the border for the currently selected rectangle value */
html.javascript .productOptionViewRectangle .selectedValue label {
    border-color:transparent !important; /* template colour */
    background:#a590cd !important;
    color:#fff !important;
    border-width: 2px;
    padding: 1px 4px;
}

/* styling specifically for the 'none' option when a rectangle is not required */
html.javascript .productOptionViewRectangle .none label,
html.javascript .productOptionViewRectangle .selectedValue.none label {
    padding: 3px 0;
    text-decoration: underline;
    color: #075899; /* template colour */
}

/*
 * styles for swatch option type
 */

/* place swatches in a horizontal line */
html.javascript .productOptionPickListSwatch li {
    display: inline;
}

/* hide the name for swatches when js is available */
html.javascript .productOptionPickListSwatch .swatch .name {
    display: none;
}

/* make the 'none' option for swatches look like a link */
html.javascript .productOptionPickListSwatch .swatchNone .name {
    text-decoration: underline;
    color: #075899; /* template colour */
}

/*
 * swatch / product preview display
 */

/* set up the container */
.productOptionPreviewDisplay {
    position: absolute;
    display: none;
    border: solid 1px black; /* template colour if necessary */
    background: #fff;  /* template colour if necessary */
    padding: 1px;
    z-index: 10000;
    margin: 5px 0 0 5px;
}

/* specific styles for larger colour swatches inside previews */
.productOptionPreviewDisplay .swatchColour {
    display: inline-block;
    width: 150px;
    height: 150px;
}

/* specific styles for larger colour swatches inside previews */
.productOptionPreviewDisplay .swatchTwoColour .swatchColour {
    width: 75px;
}

/* specific styles for larger colour swatches inside previews */
.productOptionPreviewDisplay .swatchThreeColour .swatchColour {
    width: 50px;
}

/*
 * control-panel-specific styles
 */

#orderCustomizeItem .productAttributeLabel {
    font-weight: normal;
}

/* most form styles are the same as the front end except for widths */
#orderCustomizeItem .productAttributeRow {
    padding-left: 190px;
}

#orderCustomizeItem .productAttributeLabel {
    margin: 4px 0 4px -180px;
    padding-top: 0;
    width: 180px;
}

/*
 * firefox specific styles
 */

@-moz-document url-prefix() {
    /* firefox won't hide elements with z-index values but we can render them offscreen without scrolling issues */
    html.javascript .productOptionViewRectangle input,
    html.javascript .productOptionPickListSwatch input {
        left: -10000px;
    }
/* ====== */

/* == Clearfix == */
.BlockContent:before,
.BlockContent:after {
 content:".";    
 display:block;    
 height:0;    
 overflow:hidden;    
}
.BlockContent:after { clear:both; }
.BlockContent { zoom:1; } /* IE < 8 */?

.clearfix:before,
.clearfix:after {
 content:".";    
 display:block;    
 height:0;    
 overflow:hidden;    
}
.clearfix:after { clear:both; }
.clearfix { zoom:1; } /* IE < 8 */?
/* ====== */

#siteseal img { width:100px; }