body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #4d4d4d; } input::-moz-focus-inner /*Remove button padding in FF*/ { border: 0; padding: 0; } #wrapper { width: 1200px; margin-top: 14px; margin-left: auto; margin-right: auto; overflow: hidden; padding-left:20px; padding-right:20px; margin-bottom:70px;} #loader{ height: 80px; width: 150px; text-align: center; background-color:#336699; padding-top: 50px; display: block; border-radius:4px; line-height:100px; z-index:9999; position:fixed; top:50%; left:50%; margin-top:-65px; margin-left:-75px; } svg path, svg rect{ fill: #fff; } /* HEADER */ #header { width: 1200px; clear:both; overflow: visible; } #logo { width: 200px; height: 107px; float: left; background-image: url(../images/logo.gif); border-bottom:#ccc 1px solid; } #sign_in { width: 474px; height: 29px; color: #FFF; float: right; padding-top: 12px; text-align: left; } #sign_in a { color: #FFF; text-decoration: underline; } #sign_in a:hover, #sign_in a:focus { color: #FFF; text-decoration: none; } #gift_cards { float: right; color: #fff; height: 29px; width: 100px; padding-right: 20px; padding-top: 12px; text-align: right; } #gift_cards a { color: #fff; text-decoration: none; } #gift_cards a:hover, #gift_cards a:focus { color: #fff; text-decoration: underline; } #search { width: 800px; height: 107px; float: right; border-bottom:#ccc 1px solid;} #wishlist_button { width:100px; height:107px; float: right; border-bottom:#ccc 1px solid; background-image:url(../images/wishlist.gif); background-repeat:no-repeat; background-position:48px 20px;} #shopping_cart_button { width:100px; height:107px; float: right; border-bottom:#ccc 1px solid; background-image:url(../images/shopping_cart.gif); background-repeat:no-repeat; background-position:48px 20px;} #wishlist_number {height:55px; width:51px; text-align:center; margin:10px -6px auto auto;} #wishlist_number a {height:55px; width:51px; display:block; line-height:55px; color:#4d4d4d; text-decoration:none;} #shopping_cart_number {height:55px; width:49px; text-align:center; margin:5px 9px auto auto;} #shopping_cart_number a {height:55px; width:49px; display:block; line-height:55px; color:#4d4d4d; text-decoration:none;} #cart { width: 290px; height: 66px; float: right; } #cart ul { width: 290px; float: left; list-style: none; padding: 0; height: 27px; } #cart ul li {display: inline;} #cart ul li#wishlist a { float: right; display: block; background: url(../images/heart.gif) no-repeat left; padding-left: 22px; line-height: 27px; color: #4d4d4d; margin-left: 20px; margin-top: 16px; text-decoration: underline; } #cart ul li#shopcart a { float: right; display: block; background: url(../images/shopping_cart.gif) no-repeat left; padding-left: 30px; line-height: 27px; color: #4d4d4d; margin-left: 40px; margin-top: 16px; text-decoration: underline; } #cart ul li#wishlist a:hover, #cart ul li#wishlist a:focus {text-decoration: none;} #cart ul li#shopcart a:hover, #cart ul li#shopcart a:focus {text-decoration: none;} .MyGwizzly { font-weight: bold; border-left: solid 1px #fff; padding-left: 20px; } .language {} .customer_support {} /* RESULTS LEFT SIDE */ #left_container { float: left; width: 200px; overflow: hidden; padding: 0px; clear: both; } #menu { width: 200px; overflow: hidden; position: absolute; } #related { width:200px; } #related a:link { color:#4d4d4d; text-decoration:none; } #related a:visited { color:#4d4d4d; text-decoration:none; } #related a:hover { color:#4d4d4d; text-decoration:underline; } #related a:active { color:#4d4d4d; text-decoration:none; } /* RESULTS MAIN */ #right_container { float: right; width: 980px; overflow: hidden; padding: 0px; } #results_container {width: 1000px; overflow: hidden; padding: 0px; } .results_product {width:230px; float: left; margin-left:20px; margin-top:20px; background-color:#e6e6e6;} #sort { width: 980px; height: 78px; background-color: #e6e6e6; border-top: #cccccc solid 1px; border-bottom: #cccccc solid 1px; color: #4d4d4d; } #sort_by { height: 23px; width: 169px; border: #4d4d4d solid 1px; background: url(../images/menu_arrow_down.gif) no-repeat; background-color: #FFF; background-position: 157px 9px; -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ -moz-box-sizing: content-box; /* or `border-box` */ -webkit-box-sizing: content-box; box-sizing: content-box; padding-left: 3px; color: #4d4d4d; } #ship_to { height: 23px; width: 139px; border: #4d4d4d solid 1px; background: url(../images/menu_arrow_down.gif) no-repeat; background-color: #FFF; background-position: 127px 9px; -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ -moz-box-sizing: content-box; /* or `border-box` */ -webkit-box-sizing: content-box; box-sizing: content-box; padding-left: 3px; color: #4d4d4d; } #range_low { height: 23px; width: 100px; border: #4d4d4d solid 1px; background: url(../images/menu_arrow_down.gif) no-repeat; background-color: #FFF; background-position: 88px 9px; -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ -moz-box-sizing: content-box; /* or `border-box` */ -webkit-box-sizing: content-box; box-sizing: content-box; padding-left: 3px; color: #4d4d4d; } #range_high { height: 23px; width: 104px; border: #4d4d4d solid 1px; background: url(../images/menu_arrow_down.gif) no-repeat; background-color: #FFF; background-position: 92px 9px; -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ -moz-box-sizing: content-box; /* or `border-box` */ -webkit-box-sizing: content-box; box-sizing: content-box; padding-left: 3px; color: #4d4d4d; } .result { border-bottom: #cccccc solid 1px; overflow: visible; } #num_results { width: 980px; height: 35px; padding-top: 20px; overflow: visible; color: #4d4d4d; } #tag { position: absolute; width: 52px; height: 75px; background-image: url(../images/tag.png); background-repeat: no-repeat; left: 100px; top: -80px; z-index: 110; text-align: center; padding-top: 25px; color: #fff; } #tag2 { position: absolute; width: 252px; height: 275px; background-image: url(../images/tag.png); background-repeat: no-repeat; left: 100px; top: -80px; z-index: 110; text-align: center; padding-top: 25px; color: #fff; } .item_title { font-weight: bold; padding-left: 20px; color: #4d4d4d; } a.title_link:hover, a.title_link:focus { text-decoration: underline !important; color: #4d4d4d; } a.title_link:link, a.title_link:visited, a.title_link:active { color: #4d4d4d; text-decoration: none; } .item_rating {padding-left: 20px;} /* RESULTS IMAGE ENLARGER */ .ienlarger { float: left; clear: none; /* set to left or right if needed */ padding-bottom: 5px; /* space between thumbs. Don't change this to margin */ padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */ } a.ienlarger { display: block; text-decoration: none; /* add cursor:default; to this rule to disable the hand cursor */ } a.ienlarger:hover, a.ienlarger:focus {position: relative; /* don't move this positioning to normal state */} .ienlarger span img {border: 1px solid #FFFFFF; /* adds a border around the image */} a.ienlarger span { position: absolute; /* this is for the large image and the caption */ display: none; color: #FFCC00; /* caption text colour */ text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; /* caption text size */ background-color: #4d4d4d; font-weight: bold; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .ienlarger img {border-width: 0; /* leave or IE puts a border around links */} a.ienlarger:hover span, a.ienlarger:focus span { display: block; top: 50px; /* means the pop-up's top is 50px away from thumb's top */ left: 90px; /* means the pop-up's left is 90px far from the thumb's left */ z-index: 130; /* If you want the pop-up open to the left of thumb, remove the left: 90px; and add right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */ /* If you want the pop-up open above the thumb, remove the top: 50px; and add bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */ /* add cursor:default; to this rule to disable the hand cursor only for the large image */ } .resize_thumb { width: 500px; /* enter desired thumb width here */ height: auto; } /* FOOTER */ #footer { clear: both; height:50px; line-height:50px; position:fixed; bottom:0px; border-top:#ccc 1px solid; width: 1200px; margin: auto; background-color:#fff; color: #4d4d4d; z-index: 999; } #footer ul { display:inline; list-style:none; list-style-image:none; padding:0; } #footer ul li { display:inline; } #footer a:link { color:#4d4d4d; text-decoration:none; } #footer a:visited { color:#4d4d4d; text-decoration:none; } #footer a:hover { color:#4d4d4d; text-decoration:underline; } #footer a:active { color:#4d4d4d; text-decoration:underline; } /* CLASSES */ .redbold { color: #FF6600; font-weight: bold; } .strikethrough { color: #4d4d4d; text-decoration: line-through; } .floatleft {float: left;} .floatright {float: right;} .bold {font-weight: bold;} .dropdown { height: 26px; width: 169px; border: #4d4d4d solid 1px; background: url(../images/menu_arrow_down.gif) no-repeat; background-position: 157px 12px; -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ -moz-box-sizing: content-box; /* or `border-box` */ -webkit-box-sizing: content-box; box-sizing: content-box; padding-left: 3px; color: #4d4d4d; } .dropdown::-ms-expand {display: none;} .dropdown_quantity { height: 26px; width: 49px; border: #4d4d4d solid 1px; background: url(../images/menu_arrow_down.gif) no-repeat; background-position: 37px 12px; -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ -moz-box-sizing: content-box; /* or `border-box` */ -webkit-box-sizing: content-box; box-sizing: content-box; padding-left: 3px; color: #4d4d4d; } .textbox { height: 24px; border: #4d4d4d solid 1px; -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ -moz-box-sizing: content-box; /* or `border-box` */ -webkit-box-sizing: content-box; box-sizing: content-box; color: #ccc; padding-left: 5px; width: 450px; } .search_form {margin-top: 32px; margin-left: 20px;} .lightText {color: #9B9B9B;} select::-ms-expand {display: none;} /* STYLES FOR THE ITEM PAGE */ #item_container { width: 1200px; margin-top: 20px; clear:both; overflow:hidden;} /* ITEM LEFT SECTION */ #item_left_container { width: 350px; float: left; margin-top:20px; overflow:visible;} #item_image { width: 350px; height: 350px; max-height: 348px; max-width: 348px; border: 1px #ccc solid; clear: both;} #item_tag { position: absolute; width: 52px; height: 75px; background-image: url(../images/tag.png); background-repeat: no-repeat; left: 310px; top: -10px; z-index:210; text-align: center; padding-top: 25px; color: #fff; overflow:hidden;} #item_thumbs { padding-top: 10px; width: 350px; z-index:198;} /* ITEM MIDDLE SECTION */ #item_middle_container { width: 599px; margin-top:20px; margin-left: 20px; margin-right: 20px; float: left; overflow: hidden; } #item_title { width: 599px; font-size: 18px; font-weight: bold; } h1 {font-size: 18px; font-weight: bold;} #item_sku { width: 599px; font-size: 9px; padding-top: 20px; padding-bottom: 20px; border-bottom: #ccc 1px solid; } #item_stats { width: 599px; padding-top: 20px; padding-bottom: 20px; } #item_options { width: 599px; padding-top: 20px; padding-bottom: 20px; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; background-color: #e6e6e6; overflow: hidden; } #item_options_left { width: 423px; float: left; padding: 0; margin: 0;} #item_options_right { width: 156px; float: left; text-align:right; padding-right:20px; font-size:18px;} #item_price { width: 245px; float: left; vertical-align: middle; padding-top: 20px; padding-bottom: 20px; font-size: 18px; font-weight: bold; } #item_addtocart { width: 354px; float: left; margin-top:20px; text-align:center; font-weight: bold; color:#fff; font-size:18px; overflow:hidden;} #item_addtocart a { line-height:41px; margin:20px 0px 20px 0px; color:#fff; text-decoration:none;} #item_quantity { padding:0; margin-left:60px; margin-top:20px; clear:both;} #item_addtowishlist { padding:0; margin-left:60px; margin-top:20px; clear:both;} /* ITEM RIGHT */ #item_right_container { width: 211px; margin-top:20px; float: left; overflow: hidden; background-color: #4d4d4d; overflow:hidden;} #item_seller { width: 171px; background-color: #4d4d4d; padding: 20px; color: #fff; font-weight: bold; text-align: center; } #item_seller_stats { width: 171px; background-color: #4d4d4d; padding: 20px; color: #fff; text-align: center; } #item_question { width: 211px; background-color: #4d4d4d; } #item_report { width: 211px; background-color: #4d4d4d; } #item_specs_title { clear:both; width: 1200px; margin-top: 20px; clear:both; background-color:#4d4d4d; color:#fff; padding:10px; font-size:18px; font-weight:bold;} #item_specs_main {width: 1200px; padding:20px 10px 20px 10px;} #item_details_title {width: 1200px; clear:both; margin-top: 20px; background-color:#4d4d4d; color:#fff; padding:10px; font-size:18px; font-weight:bold;} #item_details_main {width: 1200px; padding:20px 10px 20px 10px;} /* ITEM CART BUTTON */ .cart_button { background-color: #00ccff; text-indent: 0; display: inline-block; color: #ffffff; font-family: Arial; font-size: 18px; font-weight: bold; font-style: normal; height: 41px; line-height: 41px; width: 170px; text-decoration: none; text-align: center; } .cart_button:hover, .cart_button:focus {background-color: #4d4d4d;} .cart_button:active { position: relative; top: 1px; } /* ITEM IMAGE ENLARGER */ .thumbenlarger { float: left; display: block; } a.thumbenlarger { display: block; text-decoration: none; /* add cursor:default; to this rule to disable the hand cursor */ } a.thumbenlarger:hover, a.thumbenlarger:focus {position: relative; /* don't move this positioning to normal state */} .thumb_big img {border: 1px solid #4d4d4d; /* adds a border around the image */} .thumb_big { position: absolute; /* this is for the large image and the caption */ display: none; color: #FF6600; /* caption text colour */ text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; /* caption text size */ background-color: #4d4d4d; font-weight: bold; margin-top: -360px; float: right; } .thumb_big img {border-width: 0; /* leave or IE puts a border around links */} .thumb_big:hover, .thumb_big:focus { display: block; top: 0px; /* means the pop-up's top is 50px away from thumb's top */ left: 0px; /* means the pop-up's left is 90px far from the thumb's left */ z-index: 130; /* If you want the pop-up open to the left of thumb, remove the left: 90px; and add right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */ /* If you want the pop-up open above the thumb, remove the top: 50px; and add bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */ /* add cursor:default; to this rule to disable the hand cursor only for the large image */ } /* ITEM OPTIONS */ .item_option_container { width: 433px; padding-left: 20px; padding-bottom: 20px; padding-top: 20px; margin: 0; } .item_option_left { float: left; width: 90px; text-align: right; vertical-align: middle; margin-bottom: 20px; } .item_option_right { float: left; width: 313px; margin-bottom: 20px; } .option_image { margin-right: 5px; margin-bottom: 5px; max-height: 30px; max-width: 30px; border: 1px #ccc solid; } .option_image_selected { padding:2px; margin-right: 5px; margin-bottom: 5px; max-height: 26px; max-width: 26px; border: 2px #FF6600 solid; } .option_text { display:inline; margin:5px; padding:5px; border:1px #ccc solid; background-color:#fff; color:#4d4d4d; text-decoration:none;} .option_text_selected { padding:2px; display:inline; margin:5px; padding:5px; border:2px #FF6600 solid; background-color:#fff; color:#4d4d4d; text-decoration:none;} .item_textbox { height: 24px; border: #4d4d4d solid 1px; -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ -moz-box-sizing: content-box; /* or `border-box` */ -webkit-box-sizing: content-box; box-sizing: content-box; color: #4d4d4d; padding-left: 5px; width: 100px; } /* WISHLIST */ #wishlist_container {width:1200px; clear:both;} #wishlist_big_title {width:1200px; padding-top:30px; padding-bottom:10px; color:#FF6600; font-size:18px; font-weight:bold;} /* CART */ #cart_container {width:1200px; clear:both;} #cart_big_title {width:1200px; padding-top:30px; padding-bottom:30px; color:#FF6600; font-size:18px; font-weight:bold;} #cart_header {width:1200px; padding:20px; color:#4d4d4d; font-weight:bold; background-color:#e6e6e6; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; overflow:hidden;} #cart_header_desc {width:593px; float:left;} #cart_header_price {width:132px; float:left;} #cart_header_shipping {width:174px; float:left;} #cart_header_qty {width:162px; float:left;} #cart_header_subtotal {width:99px; float:left; text-align:right;} #cart_result {width:1200px; border-bottom:1px #ccc solid; padding:20px; overflow:hidden;} #cart_result_image {width:100px; float:left; max-height:100px; max-width:100px; margin-right:20px;} #cart_result_desc {width:423px; float:left; padding-right:50px;} #cart_result_desc a:link {color:#4d4d4d; text-decoration:none;} #cart_result_desc a:visited {color:#4d4d4d; text-decoration:none;} #cart_result_desc a:hover {color:#4d4d4d; text-decoration:underline;} #cart_result_desc a:active {color:#4d4d4d; text-decoration:underline;} #cart_result_price {width:132px; float:left; height:100px; line-height:100px;} #cart_result_shipping {width:174px; float:left; line-height:100px;} #cart_result_qty {width:162px; float:left; text-align:left; line-height:100px;} #cart_result_qty a:link {color:#4d4d4d; text-decoration:none;} #cart_result_qty a:visited {color:#4d4d4d; text-decoration:none;} #cart_result_qty a:hover {color:#4d4d4d; text-decoration:underline;} #cart_result_qty a:active {color:#4d4d4d; text-decoration:underline;} #cart_result_subtotal {width:99px; float:left; text-align:right; line-height:100px;} #cart_promocode {float:left; width:50%px; padding-top:20px; padding-bottom:20px; } #cart_grand_total {float:right; width:50%; padding-top:20px; padding-bottom:20px; font-size:18px; text-align:right;} #cart_checkout {float:left; width:1200px; text-align:right;} #index_carousel {width:980px; height:250px; margin-top:15px; background-color:#e6e6e6;} .index_category_header {width:980px; color:#FF6600; font-size:18px; font-weight:bold; clear:both; padding-top:20px; padding-bottom:20px;} .index_category_container {width:980px; clear:both; overflow:hidden;} .index_category_container a:link{color:#4d4d4d; font-weight:bold; text-decoration:none;} .index_category_container a:visited{color:#4d4d4d; font-weight:bold; text-decoration:none;} .index_category_container a:hover{color:#4d4d4d; font-weight:bold; text-decoration:underline;} .index_category_container a:active{color:#4d4d4d; font-weight:bold; text-decoration:underline;} .index_product1 {width:154px; padding:0px 20px 0px 20px; border-left:1px #ccc solid; border-right:1px #ccc solid; float:left; overflow:hidden;} .index_product2-5 {width:155px; padding:0px 20px 0px 20px; border-right:1px #ccc solid; float:left; overflow:hidden;} .index_category_separator {width:980px; height:1px; background-color:#ccc; margin-top:20px; margin-bottom:20px; clear:both;}