/*--------------------------------------------------------
COMMON STYLES
--------------------------------------------------------*/
* { margin: 0; padding: 0; }
body { min-width: 960px; text-align: left; }
html, body, div, p { margin: 0; padding: 0; border: 0; }
html, body { height: 100%; }
html { background: none; overflow-x: hidden; }
/*--------------------------------------------------------
COLUMN FRAMEWORK
--------------------------------------------------------*/
.st16,.st20,.st25,.st33,.st50,.st66,.st75,.st80 { float: left; display: inline; }
.st16 { width: 16.66%; }
.st20 { width: 20%; }
.st25 { width: 25%; }
.st33 { width: 33.33%; }
.st50 { width: 50%; }
.st66 { width: 66.66%; }
.st75 { width: 75%; }
.st80 { width: 80%; }
/*--------------------------------------------------------
SITE WIDTH SWITCHER
--------------------------------------------------------*/
.container_fixed, .container_fluid { margin: 0 auto; }
/* SWITCH BUTTON */
a.switch_width { cursor: pointer; width: 44px; height: 16px; line-height: 16px; padding: 0; margin: 0; display: block; background: url(../images/switch_width.png) no-repeat; outline: none; text-indent: -9999px; }
a.switch_width_button { background-position: left bottom; }
/*--------------------------------------------------------
PRODUCT LAYOUT SWITCHER
--------------------------------------------------------*/
/* ROW VIEW */
ul.row_view { float: left; display: inline; width: 100%; margin: 0; padding: 0; list-style: none; }
ul.row_view li { float: left; width: 100%; margin: 0; padding: 0; }
ul.row_view li a { text-decoration: none; }
ul.row_view li .product_block { margin: 0 0 10px 0; padding: 0 3px; }
ul.row_view li .product_block h2 { margin: 0; padding: 0 0 10px 0; font-weight: bold; font-size: 1.3em; }
ul.row_view li .product_block .thumbcol { float: left; width: 135px; /* Image Column Width */ }
ul.row_view li .product_block .thumbcol img { margin: 0 0 10px 0; }
ul.row_view li .product_block p.desc { margin-top: 0; margin-left: 135px; /* Image Column Width */ }
ul.row_view li .product_block p.details { margin-left: 135px; /* Image Column Width */ }
ul.row_view li .product_block .price { margin: 0; padding: 0; color: #9e0056; font-weight: bold; font-size: 1.5em; }
* html ul.row_view li .product_block p { height: 1%; }
/* GRID VIEW */
ul.grid_view li { margin: 0; padding: 0; text-align: center; }
ul.grid_view li .product_block { margin: 0 0 20px 0; }
ul.grid_view li .product_block h2 { width: 95%; height: 50px; margin: 0; padding: 0 0 10px 0; font-weight: bold; font-size: 1.3em; }
ul.grid_view li .product_block .thumbcol { text-align: center; width: 100%; height: 180px; /* Largest Thumbnail Height + Padding */ }
ul.grid_view li .product_block .overflow { overflow: hidden; } /* New */
ul.grid_view li .product_block .thumbcol img { margin: 0 0 10px 0; }
ul.grid_view li .product_block p.descr { display: none; }
ul.grid_view li .product_block p.details { margin: 0; text-align: center; }
ul.grid_view li .product_block hr { display: none; }
ul.grid_view li .product_block div.price-row { margin-left: 20px; }
.price-value { color: #9e0056; font-size: 1.2em; font-weight: bold; }
.price_container { height: 40px; }
/* SWITCH BUTTON */
a.switch_layout { cursor: pointer; width: 44px; height: 16px; line-height: 16px; padding: 0; margin: 0; display: block; background: url(../images/switch_layout.png) no-repeat; outline: none; text-indent: -9999px; }
a.switch_layout_button { background-position: left bottom; }
/*--------------------------------------------------------
FEATURED PRODUCTS PAGER
--------------------------------------------------------*/
ul.feat_pager { float: left; display: inline; width: 100%; margin: 0; padding: 0; list-style: none; }
ul.feat_pager li { float: left; width: 100%; margin: 0; padding: 0; }
ul.feat_pager li a { text-decoration: none; }
ul.feat_pager li { margin: 0; padding: 0; text-align: center; width: 33.33%; /* Pager Column Width */ }
/* 2 col = 50% | 3 col = 33.33% | 4 col = 25% | 5 col = 20% | 6 col = 16.66% */
ul.feat_pager .feat_block h3 { height: 50px; margin: 0; padding: 0; font-weight: bold; font-size: 1.2em; }
ul.feat_pager .feat_block .thumbcol { height: 168px; /* Largest Thumbnail Height + Padding */ }
ul.feat_pager .feat_block img { text-align: center; width: 100%; margin: 0 0 10px 0; width: auto; height: auto; }
ul.feat_pager .feat_block .price { margin: 0; padding: 0; color: #9e0056; font-size: 1.2em; font-weight: bold; }
.qp_counter { text-align: center; width: 100%; margin: 10px; }
.pager_controls { width:230px; margin:0 auto; text-align: center; }
.pager_first { float: left; margin-right: 5px; width: 32px; height: 32px; background: transparent url(../images/pager_first.png); cursor: pointer; }
.pager_first:hover { background-position: -32px 0; }
.pager_prev { float: left; margin-right: 0px; width: 32px; height: 32px; background: transparent url(../images/pager_prev.png); cursor: pointer; }
.pager_prev:hover { background-position: -32px 0; }
.pager_count { float: left; padding-top: 8px; margin: 0 5px; }
.pager_next { float: left; margin-right: 5px; width: 32px; height: 32px; background: transparent url(../images/pager_next.png); cursor: pointer; }
.pager_next:hover { background-position: -32px 0; }
.pager_last { float: left; margin-right: 0px; width: 32px; height: 32px; background: transparent url(../images/pager_last.png); cursor: pointer; }
.pager_last:hover { background-position: -32px 0; }
/*--------------------------------------------------------
FEATURED PRODUCTS CAROUSEL
--------------------------------------------------------*/
/* Featured Products Carousel */
ul#feat_carousel .feat_block h3 { width: 90%; height: 60px; margin: 0; padding: 0; font-weight: bold; font-size: 1.2em; }
ul#feat_carousel .feat_block h3 a { text-decoration: none; }
ul#feat_carousel .feat_block .thumbcol { height: 168px; /* Largest Thumbnail Height + Padding */ }
ul#feat_carousel .feat_block img { width: auto; margin: 0 0 10px 0; }
ul#feat_carousel .feat_block .price { margin: 0; padding: 0; color: #9e0056; font-size: 1.2em; font-weight: bold; }
.jcarousel-skin .jcarousel-container { -moz-border-radius: 0px; background: transparent; border: 0px solid #000; margin-bottom: 0px; }
.jcarousel-skin .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin .jcarousel-container-horizontal { width: auto; padding: 0px 40px; }
.jcarousel-skin .jcarousel-clip-horizontal { width: 100%; height: 250px; } /* Height */
.jcarousel-skin .jcarousel-item { width: 200px; height: 250px; } /* Height */
.jcarousel-skin .jcarousel-item-horizontal { margin-left: 0; margin-right: 0px; text-align: center; }
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 0px; margin-right: 0; }
.jcarousel-skin .jcarousel-item-placeholder { background: transparent; }
/* Horizontal Buttons */
/* Next */
.jcarousel-skin .jcarousel-next-horizontal { position: absolute; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/pager_next.png) no-repeat 0 0; top: 100px; } /* Button Placement */
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(../images/pager_next.png); }
.jcarousel-skin .jcarousel-next-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin .jcarousel-next-horizontal:active { background-position: -32px 0; }
.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -32px 0; }
/* Prev */
.jcarousel-skin .jcarousel-prev-horizontal { position: absolute; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/pager_prev.png) no-repeat 0 0; top: 100px; } /* Button Placement */
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/pager_prev.png); }
.jcarousel-skin .jcarousel-prev-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin .jcarousel-prev-horizontal:active { background-position: -32px 0; }
.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -32px 0; }
/* Additional styles for the controls */
.jcarousel-control { margin-bottom: 10px; text-align: center; }
.jcarousel-control a { font-size: 100%; text-decoration: none; padding: 0 5px; margin: 0 0 5px 0; border: 1px solid #fff; color: #eee; background-color: #4088b8; font-weight: bold; }
.jcarousel-control a:focus,
.jcarousel-control a:active { outline: none; }
/*--------------------------------------------------------
THEME SWITCH SELECT COLOURS
--------------------------------------------------------*/
select.theme_switch option.royal-theme { background: #012643; color: #fff; }
select.theme_switch option.aqua-theme { background: #0D7A74; color: #fff; }
select.theme_switch option.wave-theme { background: #0E5D7B; color: #fff; }
select.theme_switch option.sky-theme { background: #0E3F7A; color: #fff; }
select.theme_switch option.forest-theme { background: #1F4400; color: #fff; }
select.theme_switch option.apple-theme { background: #5A7A0D; color: #fff; }
select.theme_switch option.sunrise-theme { background: #FF6600; color: #fff; }
select.theme_switch option.reddish-theme { background: #CC0000; color: #fff; }
select.theme_switch option.crimson-theme { background: #440000; color: #fff; }
select.theme_switch option.blood-theme { background: #6D1716; color: #fff; }
select.theme_switch option.muddy-theme { background: #442C00; color: #fff; }
select.theme_switch option.desert-theme { background: #79460D; color: #fff; }
select.theme_switch option.coffee-theme { background: #5C3E22; color: #fff; }
select.theme_switch option.regal-theme { background: #350044; color: #fff; }
select.theme_switch option.magic-theme { background: #450039; color: #fff; }
select.theme_switch option.pinky-theme { background: #7B0E45; color: #fff; }
select.theme_switch option.chrome-theme { background: #ccc; color: #000; }
select.theme_switch { outline: none; }
/*--------------------------------------------------------
BLOCKQUOTES
--------------------------------------------------------*/
blockquote { background: #f7f7f7 url("../images/quote_open.gif"); background-position: 0 10px; background-repeat: no-repeat; color:#000; font-style: italic; margin: 5px 0 10px 0; padding: 7px 0 7px 25px; border-top: 1px dotted #666; border-bottom: 1px dotted #666; }
blockquote p { background-image: url("../images/quote_close.gif"); background-position: right bottom; background-repeat: no-repeat; padding-right: 5px; }
/*--------------------------------------------------------
BULLETED LISTS
--------------------------------------------------------*/
ul.checklist { margin-left: 0; padding-left: 10px; list-style: none; }
ul.checklist li { line-height: 1.5em; padding: 0 0 0 20px; background-image: url(../images/icons/check.png); background-repeat: no-repeat; background-position: 0 0; }
ul.arrowlist { margin-left: 0; padding-left: 10px; list-style: none; }
ul.arrowlist li { line-height: 1.5em; padding: 0 0 0 20px; background-image: url(../images/icons/arrow.png); background-repeat: no-repeat; background-position: 0 0; }
ul.starlist { margin-left: 0; padding-left: 10px; list-style: none; }
ul.starlist li { line-height: 1.5em; padding: 0 0 0 20px; background-image: url(../images/icons/star.png); background-repeat: no-repeat; background-position: 0 0; }
ul.alertlist { margin-left: 0; padding-left: 10px; list-style: none; }
ul.alertlist li { line-height: 1.5em; padding: 0 0 0 20px; background-image: url(../images/icons/alert.png); background-repeat: no-repeat; background-position: 0 0; }
/*--------------------------------------------------------
CUSTOM PARAGRAPH ICONS
--------------------------------------------------------*/
.st_download, .st_upload, .st_note, .st_tip, .st_word, .st_excel, .st_pdf, .st_zip, .st_user, .st_comment, .st_check, 
.st_arrow, .st_star, .st_alert, .st_info, .st_email, .st_mobile, .st_tag, .st_cart, .st_home, .st_key, .st_lock, .st_image, .st_video, .st_tick, .st_help { background-position: 0 3px; background-repeat: no-repeat; display: block; padding: 4px 0 0 20px; }
.st_download { background-image: url("../images/icons/download.png"); }
.st_upload { background-image: url("../images/icons/upload.png"); }
.st_note { background-image: url("../images/icons/note.png"); }
.st_tip { background-image: url("../images/icons/tip.png"); }
.st_word { background-image: url("../images/icons/word.png"); }
.st_excel { background-image: url("../images/icons/excel.png"); }
.st_pdf { background-image: url("../images/icons/pdf.png"); }
.st_zip { background-image: url("../images/icons/zip.png"); }
.st_user { background-image: url("../images/icons/user.png"); }
.st_comment { background-image: url("../images/icons/comment.png"); }
.st_check { background-image: url("../images/icons/check.png"); }
.st_arrow { background-image: url("../images/icons/arrow.png"); }
.st_star { background-image: url("../images/icons/star.png"); }
.st_alert { background-image: url("../images/icons/alert.png"); }
.st_info { background-image: url("../images/icons/info.png"); }
.st_email { background-image: url("../images/icons/email.png"); }
.st_mobile { background-image: url("../images/icons/mobile.png"); }
.st_tag { background-image: url("../images/icons/tag.png"); }
.st_cart { background-image: url("../images/icons/cart.png"); }
.st_home { background-image: url("../images/icons/home.png"); }
.st_key { background-image: url("../images/icons/key.png"); }
.st_lock { background-image: url("../images/icons/lock.png"); }
.st_image { background-image: url("../images/icons/image.png"); }
.st_video { background-image: url("../images/icons/video.png"); }
.st_tick { background-image: url("../images/icons/tick.png"); }
.st_help { background-image: url("../images/icons/help.png"); }
/*--------------------------------------------------------
COUNTDOWN
--------------------------------------------------------*/
.countdown_alert { background-position: 0 3px; background-repeat: no-repeat; display: block; padding: 0px 0 0 22px; background-image: url("../images/icons/alert.png"); }
.countdown_container { font-size: 1.6em; }
.countdown { color: #9e0056; }
/*--------------------------------------------------------
TICKER
--------------------------------------------------------*/
ul.ticker { margin: 0; padding: 0px; list-style: none; }
ul.ticker li { line-height: 1.5em; padding: 0 0 0 20px; background-image: url(../images/icons/comment.png); background-repeat: no-repeat; }
ul.ticker li a { font-weight: bold; text-decoration: none; }
/*--------------------------------------------------------
CHECKOUT	
--------------------------------------------------------*/
#st_checkout { background: #fff; padding: 20px 20px 20px 20px; }
/*--------------------------------------------------------
MISC
--------------------------------------------------------*/
.clear { clear: both; }
.right { text-align: right; }
.center { text-align: center; }
ul, ol { list-style-position: outside; margin: 0 0 10px 30px; padding: 0; }
p { margin: 0 0 10px 0; padding: 0; }
form { margin: 0; }
textarea { outline: none; }
img { border: none; vertical-align: middle; }
.st_sep { margin: 0 8px 0 8px; }
.prefs_l { float:left; margin-bottom:5px; }
.prefs_r { float:right; margin-bottom:5px; }
.tprefs_l { float:left; }
.tprefs_r { float:right; }
h3.call { margin: 35px 10px 0 0; font-size: 2.4em; color: #fff; }