/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, li, a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;} caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";} blockquote, q {quotes: "" "";}
{margin:0;padding:0;}
/* RESET END */
/* HTML */
html { overflow-x: hidden; overflow-y: scroll; }
body {
background-color: #FFF;
color:#444;
font-family: 'Lucida Grande','Trebuchet MS', Verdana, sans-serif;
font-size:65%;
line-height:1.4em;
}
a { color:#333; text-decoration:none;}
a:hover { color:#577ea6; }
a img { border: none; }
h1 { font-family: 'Nobile', 'Lucida Grande', sans-serif; font-size: 1.8em; padding-bottom: 4px; }
h2 { font-size: 1.4em; }
li { list-style: none; padding-left: 8px; }
p { margin-bottom: 12px; }
strong { font-weight: bold;}
/* HTML END */
/* COMMON */
.aleft { float: left; }
.aright { float: right; }
.error { color: red; display: block; }
.featured { margin-bottom: 3px; }
.holder { overflow: hidden; }
.information_text { margin: 20px; width: 280px; }
.information_picture { margin: 20px; width: 214px; }
.inline { display: inline; }
.latest { margin: 3px 0 6px 0; }
.light { color: #BBB; font-size: 0.9em; }
.module_left { float: left; }
.module_right { float: right; width: 110px; }
.no_border img { border:0; }
.required { color: red; font-weight: bold; }
.review_success { background-color: green; }
.review_wait { background-color: #EFEFEF; color: #333; }
.review_warning { background-color: red; }
.separator_5px { clear: both; height: 5px; }
.underline { border-top: 1px solid #EEE; border-bottom: 1px solid #EFEFEF; height: 1px; margin-bottom: 3px; }
/* COMMON END */
/* BLOCKS */
#container {
margin:0 auto;
padding: 7px 10px 10px 10px;
width: 1200px;
}
#header {
color:#FFF;
margin: 0 0 1px 0;
}
#header_navi li { margin: 0; padding: 0; display: inline; }
#header_navi ul { margin: 10px 0 0 0; padding: 0; }
#header_navi li a {
background-color: #EFEFEF;
font-size: 1.2em;
float: left;
margin-left: 10px;
padding:25px 15px 6px 15px;
text-transform: uppercase;
}
#header_navi li a:hover {
background-color: #DDD;
color: #333;
font-size: 1.2em;
float: left;
margin-left: 10px;
padding:25px 15px 6px 15px;
text-transform: uppercase;
}
.header_active {
background-color: #333;
color: #FFF;
}
#welcome {
color: #666;
}
.welcome_message {
background-color: #577ea6;
color: #FFF;
font-size: 1.1em;
margin-bottom: 7px;
margin-top: -6px;
padding: 4px 10px 5px 10px;
text-align: right;
}
#header_path {
background: url('../images/top_bar_bg.jpg');
background-repeat: no-repeat;
color: #AAA;
font-size: 1.1em;
height: 30px;
overflow: hidden;
padding: 8px 0 0 0;
}
#header_path a {
color: #666;
}
#header_path a:hover {
color: #577ea6;
}
.header_home {
float: left;
margin:-6px 16px 0 6px;
}
.header_cart {
float: right;
margin:-6px 2px 0 18px;
}
#header_search {
background: url('../images/tools_bg.jpg');
background-repeat: no-repeat;
color: #AAA;
font-size: 1.1em;
height: 36px;
overflow: visible;
padding: 6px 6px 0 10px;
}
#header_search a {
color: #666;
}
#header_search a:hover {
color: #577ea6;
}
#column_left {
clear: left;
float: left;
width: 180px;
}
#column_right {
clear: right;
float: right;
width: 180px;
}
#welcome_content {
border-bottom: 2px solid #577ea6;
border-top: 2px solid #577ea6;
font-size: 1.1em;
margin: 0 190px 10px 190px;
padding: 12px 12px 0 12px;
}
#content {
background-image: url(../images/module_bg.png);
border-bottom: 2px solid #577ea6;
border-top: 2px solid #577ea6;
margin: 0 190px 10px 190px;
}
#content a, #content_cart a { color:#577ea6; text-decoration:none;}
#content a:hover, #content_cart a:hover { color:#333; }
#content_cart {
background-color: #FFF;
background-repeat: no-repeat;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
margin: 0 0 10px 190px;
}
/* BLOCKS END */
/* PAGES */
.page_title {
background-color: #EFEFEF;
border-bottom: 1px solid #DDD;
border-top: 1px solid #FFF;
margin-bottom: 6px;
overflow: hidden;
padding: 14px 30px 10px 30px;
}
.page_content {
border: 1px solid #DDD;
font-size: 1.1em;
margin:0px 0px 6px 0px;
overflow: hidden;
padding: 15px;
}
.page_buttons {
background-color: #EFEFEF;
border-top: 1px solid #DDD;
overflow: hidden;
padding:12px 30px 12px 30px;
text-align: right;
}
.product_image {
background-color: #EFEFEF;
float:left;
padding-bottom: 5px;
text-align: center;
width: 242px;
}
.product_image img {
background-color: #FFF;
border: 1px solid #EFEFEF;
width: 240px;
}
.product_thumb {
margin: 3px 0 0 4px;
text-align: left;
}
.product_thumb img {
width: 44px;
}
.product_info {
float:right;
width: 525px;
}
.product_info_col1 {
float:left;
font-weight: bold;
width: 105px;
}
.product_info_col2 {
float:left;
width: 145px;
}
.product_options {
background: #FFFFCC;
border: 1px solid #FFCC33;
margin-bottom: 10px;
overflow: hidden;
padding: 5px 10px 5px 10px;
}
.product_options_col1 {
float:left;
font-weight: bold;
width: 125px;
}
.product_options_col2 {
float:right;
width: 135px;
}
.product_addtocart {
background-color: #EFEFEF;
border: 1px solid #DDD;
padding: 5px 10px 5px 10px;
}
.product_description {
margin-bottom: 5px;
}
#review_holder, #review_buttons {
display: none;
}
.review {
border: 1px solid #EFEFEF;
margin: 5px 0 5px 0;
padding: 5px;
}
.review_success, .review_wait, .review_warning {
color: #FFF;
margin-top: 10px;
padding: 5px 0px;
text-align: center;
}
.cart_block {
float: left;
padding-top: 15px;
text-align: center;
width: 12%;
}
.cart_block_img {
float: left;
margin-bottom: 5px;
text-align: center;
width: 12%;
}
.cart_block_img img {
width: 50px;
}
.cart_block_name {
float: left;
padding-top: 15px;
width: 38%;
}
.cart_block_title {
float: left;
text-align: center;
width: 12%;
}
.cart_block_title_name {
float: left;
width: 38%;
}
.cart_holder {
border: 1px solid #EFEFEF;
clear: left;
}
.cart_item_even, .cart_item_odd {
border: 1px solid #EFEFEF;
overflow: hidden;
padding-top: 5px;
}
.cart_nav {
clear:both;
padding-top:5px;
text-align:center;
}
.cart_subtotal {
background-color: #EFEFEF;
color: #333;
float: right;
padding: 3px 10px 3px 10px;
text-align: right;
}
.cart_title {
background-color: #EFEFEF;
overflow: hidden;
padding: 3px 0 3px 0;
}
.cart_weight {
background-color: #EFEFEF;
color: #333;
float: left;
padding: 3px 10px 3px 10px;
}
.home_block {
float: left;
height: 230px;
max-height:244px;
line-height: 1.2em;
text-align: center;
width: 145px;
overflow:visible;
border-bottom:1px solid #ECECEC;
border-top:1px solid #ECECEC;
padding-top:8px;
padding-bottom:3px;
padding-right:3px;
padding-left:3px;
}
.home_block img {
width: 120px;
}
.home_block2 {
float: left;
height: 230px;
max-height: 244px;
line-height: 1.4em;
padding-top: 2px;
text-align: left;
width: 145px;
font-size:1.2em;
overflow:visible;
}
.home_block2 img {
width: 120px;
}
.home_block2 a {
background: no-repeat scroll 0 4px;
}
.contact_box {
background-color: #EFEFEF;
overflow: hidden;
padding: 10px;
}
.contact_box_left {
float: left;
width: 46%;
}
.contact_box_right {
float: right;
width: 46%;
}
.login_box {
background-color: #EFEFEF;
border: 1px solid #CCC;
overflow: hidden;
margin: 3px 0 30px 0;
padding: 10px;
}
.login_error {
color: red;
font-weight: bold;
margin-bottom: 10px;
}
.login_success {
color: green;
font-weight: bold;
margin-bottom: 10px;
}
.account_edit_info {
color: green;
font-weight: bold;
margin-bottom: 10px;
}
.account_address {
background-color: #FFF;
border: 1px solid #DDD;
margin-top: 8px;
padding: 10px;
overflow: hidden;
}
.account_create_block_left {
float:left;
padding-right: 1%;
padding-top: 2px;
text-align: right;
width: 29%;
}
.account_create_block_right {
float:left;
width: 70%;
}
.account_invoice_block_3 {
float:left;
padding-right: 3%;
width: 30%;
}
.account_invoice_block_5 {
float:left;
font-size: 0.9em;
margin-bottom: 3px;
padding-right: 2%;
text-align: center;
width: 17%;
}
.account_invoice_block_5_first {
float:left;
font-size: 0.9em;
padding-right: 2%;
width: 22%;
}
.account_invoice_total {
border-top: 1px solid #EFEFEF;
clear: both;
font-size: 0.9em;
padding: 3px 10px 0 0;
text-align: right;
}
#footer_divider {
clear: both;
height: 10px;
}
#footer {
background: url('../images/bottom_bar_bg.jpg');
background-repeat: no-repeat;
clear: both;
font-size: 1.15em;
height: 40px;
overflow: hidden;
padding:3px 0 3px 5px;
}
#copyright {
text-align: right;
}
/* BLOCKS END */
/* MODULES */
.module {
margin: 0 0 10px 0;
}
.module_title {
background: url('../images/module_top_bg.jpg');
color: #333;
font-size: 1.2em;
font-weight: bold;
height: 17px;
padding: 4px 8px 3px 12px;
}
.module_content {
background: url(../images/module_bg.png);
border: 1px solid #CCC;
color: #333;
font-size: 1.1em;
padding: 8px;
}
.module_content img {
padding: 1px;
}
.module_centered { color: #444; text-align: center; }
/* MODULES END */
/* SITEMAP */
#sitemap_left {
border-left: 1px dotted #EFEFEF;
padding-left: 8px;
width: 45%;
}
#sitemap_right {
border-left: 1px dotted #EFEFEF;
padding-left: 8px;
width: 40%;
}
/* SITEMAP END */
/* TEXT */
.cart_empty { color: #333; text-align: center;}
.cart_item { color: #333; }
.cart_option { color: #999; padding-left: 20px; }
.cart_total { color: #333; text-align: right; padding-top: 10px;}
.price { color: green; }
.price_option { color: #CCC; }
.price_crossed { color: #999; text-decoration: line-through; }
.price_special { color: red; font-weight: bold; }
/* TEXT END*/
/* HOMEPAGE SLIDER */
#slider {
border-bottom: 1px solid #121212;
border-top: 1px solid #121212;
display: none;
margin: 0 0 7px 0px;
width: 820px;
}
#slider ul, #slider li {
margin:0;
padding:0;
list-style:none;
}
#slider, #slider li {
width:820px;
height:247px;
overflow:hidden;
}
.slider_numeric {
background: url('../images/slider_button_bg.png');
background-repeat: no-repeat;
clear: left;
height: 24px;
margin-top: -247px;
padding: 3px 0 0 10px;
position: absolute;
width: 24px;
}
.slider_numeric a { color: #FFF; padding: 0; }
#slider_numeric_1 { margin-left: 15px; text-align:left; }
#slider_numeric_2 { margin-left: 45px; text-align:left; }
#slider_numeric_3 { margin-left: 75px; text-align:left; }
#slider_numeric_4 { margin-left: 105px; text-align:left; }
#slider_numeric_5 { margin-left: 135px; text-align:left; }
#slider_numeric_6 { margin-left: 165px; text-align:left; }
#slider_numeric_7 { margin-left: 195px; text-align:left; }
#slider_numeric_8 { margin-left: 225px; text-align:left; }
#slider_numeric_9 { margin-left: 255px; text-align:left; }
#slider_numeric_10 { margin-left: 285px; text-align:left; }
/* HOMEPAGE SLIDER END */
/* FORMS */
input {
border:1px solid #CCC;
font-size: 1.1em;
padding: 3px;
}
select {
border:1px solid #CCC;
font-size: 1.1em;
padding: 2px;
}
textarea {
border:1px solid #CCC;
font-size: 1.3em;
padding: 5px;
width: 528px;
}
.input_button {
border: 0;
background-color: #577ea6;
color: #FFF;
cursor: pointer;
padding: 3px 6px 3px 6px;
}
.input_radio { border-width: 0; margin: 0; padding: 0; }
/* FORMS END */
/* PAGINATION */
#products_order { display: none; }
.pagination {
background-color: #EFEFEF;
border-top: 1px solid #CCC;
margin: 3px 0 0 0;
/* overflow: hidden; */
padding: 6px 30px 6px 30px;
height:20px;
}
.pagination .links, .pagination .results { font-size: 1.25em; }
.pagination a {
background-color: #FFF;
border: 1px solid #CCC;
color: #FFF;
padding: 4px 6px;
text-decoration: none;
}
.pagination b {
background-color: #577ea6;
border: 1px solid #FFF;
color: #FFF;
padding: 4px 6px;
text-decoration: none;
}
.pagination .links { float: left; }
.pagination .results { float: right; }
/* PAGINATION END */
/* TERMSLOADER */
#termsloader { background-color: #FFF; display: none; margin-top: 30px; overflow: hidden; }
#termsloader #content { border: 0; margin: 0; }
#termsloader .top { background-color: #FFF; margin-left: 20px; }
/* TERMSLOADER END */
/* MAINTAINED FROM DEFAULT CSS FOR COMPATIBILITY */
.buttons { float: right; }
.button { }
.button span {
background-color: #577ea6;
color: #FFF;
cursor: pointer;
margin-left: 5px;
padding: 5px 10px 5px 10px;
}
.button_add_small, a.button_add_small:visited {
margin-top: 3px;
background: url('../image/button_add_small.png') no-repeat left center transparent;
padding:5px;
text-decoration: none;
cursor:pointer;
}
/* MAINTAINED FROM DEFAULT CSS FOR COMPATIBILITY END */
/* Accordian Menu CSS File Contents */
dl.level0,
dl.level0 dl{
margin: 0;
}
dl.level0 dd{
display: none;
overflow: hidden;
height: 0px;
margin-left: 6px;
}
dl.level0 dd.active{
display: block;
height: 100%;
}
dl.level0 dt{
border-bottom:1px solid #E0E0E0;
padding: 4px 0 4px 0;
}
dl.level0 dt a{
text-decoration: none;
font-weight: bold;
}
dl.level0 dt a:hover{
text-decoration: underline;
}
dl.level0 dt.active a {
text-decoration: underline;
}
/* Level1 */
dl.level0 dt{
padding-left: 18px;
}
dl.level0 dt{
background: url('/catalog/view/image/point.gif') no-repeat scroll 0 4px;
}
dl.level0 dt.parent{
background: url('/catalog/view/image/closed.gif') no-repeat scroll 0 4px;
cursor: pointer;
}
dl.level0 dt.parent:hover{
background: url('/catalog/view/image/hclosed.gif') no-repeat scroll 0 4px;
}
/* Level2 */
dl.level1 dt{
padding-left: 18px;
margin-left: 12px;
}
dl.level1 dt.parent{
}
/* Level3 */
dl.level2 dt{
padding-left: 18px;
margin-left: 20px;
}
dl.level2 dt.parent{
}
/* Level4 */
dl.level3 dt{
padding-left: 18px;
margin-left: 28px;
}
dl.level3 dt.parent{
}
dl dt.parent.open{
background-image: url('/catalog/view/image/open.gif');
}
dl dt.parent.open:hover{
background-image: url('/catalog/view/image/hopen.gif');
}
/* LIVE SEARCH CSS FILE CONTENTS */
#search {
position: relative;
top: 0px;
left: 0px;
}
#search_results {
margin:0px;
padding:5px;
position: absolute;
top: 25px;
left: 0px;
background-color: #1B57A3;
list-style-type: none;
z-index: 12;
}
#search_results li {
padding: 2px 0px;
}
#search_results a,
#search_results a:visited,
#search_results a:hover {
color: #fff;
text-decoration: none;
}
#search_results a:hover {
color: #FFF;
}
#search_results li:hover {
background-color: #0CC;
}
#search_results .highlighted {
background-color: #0CC;
}
/* Share It Link Module CSS */
ul#shareit {
list-style: none;
background: url('/catalog/view/image/shareit_box.png') no-repeat 0 0;
position: relative;
width: 145px;
height: 44px;
margin: 0;
padding: 0;
}
ul#shareit li {
position: absolute;
}
ul#shareit li a{
display: block;
height: 100%;
text-indent: -9000px;
}
#twitter {
width: 18px;
height: 16px;
top: 2px;
left: 3px;
}
#facebook {
width: 18px;
height: 16px;
top: 2px;
left: 35px;
}
#digg {
width: 18px;
height: 16px;
top: 2px;
left: 64px;
}
#stumble {
width: 18px;
height: 16px;
top: 2px;
left: 94px;
}
#myspace {
width: 18px;
height: 16px;
top: 2px;
left: 124px;
}
#blogthis {
width: 18px;
height: 16px;
top: 25px;
left: 3px;
}
#reddit {
width: 18px;
height: 16px;
top: 25px;
left: 35px;
}
#delicious {
width: 18px;
height: 16px;
top: 25px;
left: 64px;
}
#googlebuzz {
width: 18px;
height: 16px;
top: 25px;
left: 94px;
}