/* ------------------------------
HTML Redefined Tags
------------------------------ */
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; background:#CCC url(/assets/template/background.jpg);}
input, form, textarea,
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{ font-size:18px; font-weight:bold; color:#010E6A;}
h2{font-size:16px; color:#039;}
h3{font-size:14px;}
h4{font-size:14px;}
a:link, a:visited{color:#0033CC; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}
FORM { display: inline; }
SELECT, INPUT { font-size: 11px; }
img {border:0px;}
/* ------------------------------
PAGE STRUCTURE
------------------------------ */
#coffeebeansbottom {background: url(/assets/template/coffee_beans.gif) bottom repeat-x;}
#wrapper { width:960px; margin:0 auto; }
#header { background: #2C5B93 url(/assets/template/header/bg.gif) repeat-x;}
#container { padding:5px 10px 5px 10px; background: #FFF url(/assets/template/container_bg.gif) top repeat-x;}
#body { padding:10px; background-color:#FFFFFF;}
#column_left { float:left; width:650px; padding-right:5px; overflow:hidden; border-right: 1px dotted #CCC; }
#column_right { float:right; width:270px; overflow:hidden;}
#home_left { float:left; width:615px; padding-left:15px; padding-top:10px; }
#home_right { float:right; width:300px; padding-left:10px; padding-right:15px; padding-top:10px; overflow:hidden;}
#account_left { float:left; width:200px; padding-top:10px; overflow:hidden; }
#account_right { float:right; width:715px; padding:10px; overflow:hidden;}
#checkout_right { float:right; width:200px; padding:10px; overflow:hidden; border-left: 1px dashed #CCC;}
#checkout_left { float:left; width:690px; padding:10px; overflow:hidden; }
.checkout_faq_header {font-size:14px; color: #006; font-weight:bold; padding-bottom:6px;}
#content { padding-left:15px; padding-top:10px; padding-right:15px; overflow:hidden;}
#footer { clear:both; padding: 5px 15px 5px 15px; background-color:#FFF;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */
/*Formatting Elements */
div.spacer{clear:both; height:8px; display:block; line-height:1px;}
div.spacer1{clear:both; height:1px; display:block; line-height:1px;}
#dotted_line {border-bottom: 1px dotted #CCC; margin-bottom: 8px; margin-top: 8px;}
#floatleft {float:left;}
#floatright {float:right;}
/* ------------------------------
Rounded Boxes
------------------------------ */
/* Box 1 */
.roundboxinner1 {
background: #FFF;
}
.roundboxinner1top {
background: url(/assets/checkout_process/ne.gif) no-repeat top right;
}
.roundboxinner1top div {
font-size: 0;
height: 10px;
background: url(/assets/checkout_process/nw.gif) no-repeat top left;
}
.roundboxinner1bottom {
background: url(/assets/checkout_process/se.gif) no-repeat bottom right;
}
.roundboxinner1bottom div {
font-size: 0;
height: 10px;
background: url(/assets/checkout_process/sw.gif) no-repeat bottom left;
}
.roundboxinner1content {
padding: 0px 10px 0px 10px;
}
.roundbox1 {
background: #CCCCCC;
}
.roundbox1header {
font-size: 16px;
font-weight:bold;
padding-left:6px;
padding-bottom:2px;
}
.roundbox1subtitle {
padding-left:6px;
padding-bottom:2px;
}
.roundbox1top {
background: url(/assets/checkout_process/ne1.gif) no-repeat top right;
}
.roundbox1top div {
font-size: 0;
height: 10px;
background: url(/assets/checkout_process/nw1.gif) no-repeat top left;
}
.roundbox1bottom {
background: url(/assets/checkout_process/se1.gif) no-repeat bottom right;
}
.roundbox1bottom div {
font-size: 0;
height: 10px;
background: url(/assets/checkout_process/sw1.gif) no-repeat bottom left;
}
.roundbox1content {
padding: 0px 10px 0px 10px;
}
/* Box 2 */
.roundboxinner2 {
background: #FFF;
}
.roundboxinner2top {
background: url(/assets/checkout_process/nei2.gif) no-repeat top right;
}
.roundboxinner2top div {
font-size: 0;
height: 10px;
background: url(/assets/checkout_process/nwi2.gif) no-repeat top left;
}
.roundboxinner2bottom {
background: url(/assets/checkout_process/sei2.gif) no-repeat bottom right;
}
.roundboxinner2bottom div {
font-size: 0;
height: 10px;
background: url(/assets/checkout_process/swi2.gif) no-repeat bottom left;
}
.roundboxinner2content {
padding: 0px 10px 0px 10px;
}
.roundbox2 {
background:#010F6A;
}
.roundbox2header {
color:#FFF;
font-size: 16px;
font-weight:bold;
padding-left:6px;
padding-bottom:2px;
}
.roundbox2subtitle {
color:#FFF;
padding-left:6px;
padding-bottom:4px;
}
.roundbox2top {
background: url(/assets/checkout_process/ne2.gif) no-repeat top right;
}
.roundbox2top div {
font-size: 0;
height: 10px;
background: url(/assets/checkout_process/nw2.gif) no-repeat top left;
}
.roundbox2bottom {
background: url(/assets/checkout_process/se2.gif) no-repeat bottom right;
}
.roundbox2bottom div {
font-size: 0;
height: 10px;
background: url(/assets/checkout_process/sw2.gif) no-repeat bottom left;
}
.roundbox2content {
padding: 0px 10px 0px 10px;
}
/* ------------------------------
Other Styles
------------------------------ */
/* Small Text */
.small_text {font-size:11px;}
.small_text a:link {font-size:11px; }
.small_text a:visited {font-size:11px; }
.small_text a:active {font-size:11px; }
.small_text a:hover {font-size:11px; text-decoration:underline;}
.small_text_white {font-size:11px; color:#FFF;}
.small_text_white a:link {font-size:11px; color:#FFF;}
.small_text_white a:visited {font-size:11px; color:#FFF;}
.small_text_white a:active {font-size:11px; color:#FFF;}
.small_text_white a:hover {font-size:11px; color:#FFF; text-decoration:underline;}
/* Large Text */
.large_text {font-size:16px; font-weight: bold;}
.large_text a:link {font-size:16px;}
.large_text a:visited {font-size:16px;}
.large_text a:active {font-size:16px;}
.large_text a:hover {font-size:16px; color:#000; text-decoration:underline;}
/* Information Boxes */
.infobox_header {font-size:15px; color:#010E6A; font-weight: bold; padding-bottom:4px;}
.infobox { background-color:#FFF; border-top:2px #010E6A solid; padding:8px; color:#333;}
.infoboxorg_header {font-size:15px; color:#F60; font-weight: bold; padding-bottom:4px;}
.infoboxorg { background-color:#FFF; border-top:2px #F60 solid; padding:8px; color:#333;}
.bluepod_box {border-top:4px solid #000f6f; color:#333; padding:8px;}
.bluepod_box_header {border-top:4px solid #000f6f; color:#333; padding:8px;}
/* background:url(/assets/template/container_bg.gif) repeat-x*/
/* Search Box */
.searchinput {font-size:15px; font-weight:bold; }
/* Navigation */
#submenu {font-size:17px; background: #0A5EBE; color:#fff; padding:15px 30px 15px 35px; }
#submenu a:link {font-size:12px; color:#fff;}
#submenu a:visited {font-size:12px; color:#fff;}
#submenu a:active {font-size:12px; color:#fff; }
#submenu a:hover {font-size:12px; text-decoration:underline;}
/* Breadcrum and Header */
.breadcrumbheader {}
.breadcrumbheader a:link {}
.breadcrumbheader a:visited {}
.breadcrumbheader a:active {}
.breadcrumbheader a:hover { }
/* Menu Header */
.order_notice {font-size:12px; float:right; background:#0C0; font-weight:bold; color:#FFF;}
.order_notice a:link {font-size:12px; color:#FFF; font-weight:bold; text-decoration:underline; }
.order_notice a:visited {font-size:12px; color:#FFF; font-weight:bold;}
.order_notice a:active {font-size:12px; color:#FFF; font-weight:bold;}
.order_notice a:hover {font-size:12px; color:#FFF; text-decoration:none; font-weight:bold;}
/* Menu Header */
.menu_header {font-size:16px; font-weight:bold; color:#010E6A; padding-top:15px; }
/* Vertical DHTML Menu */
.verticalmenuhead {
padding:4px 4px 4px 4px;
color:#FFF;
background:#7EB827;
}
.verticalmenufoot {
height: 25px;
background:#000051 ;
}
.verticalmenu, .verticalmenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 168px; /*WIDTH OF MAIN MENU ITEMS*/
border: solid 1px #CCC;
}
.verticalmenu li{
position: relative;
}
.verticalmenu li a{
background: #E6E6E6 url(/assets/template/vertical_menubg.gif) repeat-x bottom left;
color: #000;
display: block;
font-weight:bold;
height: 18px;
width: auto;
padding: 4px 0 3px 0;
padding-left: 5px;
text-decoration: none;
}
.verticalmenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 168px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}
.verticalmenu li ul li{
float: left;
}
.verticalmenu li ul a{
width: 163px;
}
.verticalmenu .arrowdiv{
}
.verticalmenu li a:visited, .verticalmenu li a:active{
color: #000;
}
.verticalmenu li a:hover{
background-image: url(/assets/template/vertical_menubg_dn.gif);
text-decoration: none;
color:#7EB827;
}
/* Holly Hack for IE \*/
* html .verticalmenu li { float: left; height: 1%; }
* html .verticalmenu li a { height: 1%; }
/* End */
/* End Vertical Menu */
/* Category List */
DIV.category_list { margin:0; overflow:hidden; background:#EFEFEF;}
DIV.category_list UL { width:100%; margin:0; padding:0; list-style-type:none; list-style-position:outside;}
DIV.category_list LI {margin:0; padding: 5px 0 3px 0px; }
DIV.category_list A, DIV.category_list A:hover, DIV.category_list A:visited, DIV.category_list A:active { color:#390; }
DIV.category_list UL LI.lv1 { padding: 9px 0 9px 7px; background:#E6E6E6; border-bottom:solid 1px #CCC;}
DIV.category_list UL LI.lv1:hover { padding: 9px 0 9px 7px; background:#D4D4D4; border-bottom:solid 1px #CCC;}
DIV.category_list UL LI.lv1 A, DIV.category_list UL LI.lv1 A:active, DIV.category_list UL LI.lv1 A:visited { color:#000; }
DIV.category_list UL LI.lv1-on { padding: 9px 0 9px 7px; color:#ffffff; font-weight:bold; background:repeat-x; background-image:url(/assets/menu/bg_dn.gif);}
DIV.category_list UL LI.lv2 { padding-left:7px; font-weight:normal;}
/* Breadcrumb */
.breadcrumb, .breadcrumb a, .breadcrumb a:active, .breadcrumb a:visited{ color:#999; font-size:11px; text-decoration:none;}
.breadcrumb a:hover {color:#999; font-size:11px; text-decoration:underline;}
/* Pagnation and Sort*/
.pagnation {font-weight: bold; font-size: 14px;}
.pagnationtext {font-size:14px; font-weight:bold; padding:4px;}
.pagnationinput{font-size:14px; font-weight:bold;}
.pagenumber {background:#FFF; padding:4px 10px 4px 10px;}
TR.pagnation A, TR.pagnation A:link, TR.pagnation A:active, TR.pagnation A:visited { font-weight: bold; font-size: 14px;}
TR.pagnation A:hover {font-weight: bold; font-size: 14px;}
.sort {padding: 4px;}
/* Boxes */
.box{
padding: 10px;
border: solid 1px #CCC;
background:#E6E6E6;
}
.box_header{
font-weight: bold;
font-size: 16px;
}
.grey_box{
border: solid 1px #CCC;
padding: 4px;
}
.grey_box_header{
font-weight: bold;
font-size: 16px;
}
/* Message Boxes */
.warnbox {
border: 1px solid #F90;
margin: 4px;
background-color:#FFFFD2;
}
.warnbox ul {
margin-left: 10px;
padding-left: 0;
list-style: none;
margin-top:5px;
margin-bottom: 0px;
}
.warnbox li
{
padding-left: 22px;
padding-bottom: 5px;
background-image: url(/assets/cpanel/icons/error_delete.png);
background-repeat: no-repeat;
}
.errorbox {
border: 1px solid #CC0000;
margin: 4px;
background-color: #FF9999;
}
.errorbox ul {
margin-left: 10px;
padding-left: 0;
list-style: none;
margin-top:5px;
margin-bottom: 0px;
}
.errorbox li
{
padding-left: 22px;
padding-bottom: 5px;
background-image: url(/assets/cpanel/icons/error_delete.png);
background-repeat: no-repeat;
font-weight:bold;
}
.successbox {
border: 1px solid #669900;
margin: 4px;
background-color: #E0FBAE;
}
.successbox ul {
margin-left: 10px;
padding-left: 0;
list-style: none;
margin-top:5px;
margin-bottom: 0px;
}
.successbox li
{
padding-left: 22px;
padding-bottom: 5px;
background-image: url(/assets/cpanel/icons/accept.png);
background-repeat: no-repeat;
font-weight:bold;
}
/* List or Table Headers */
.tableheader {
color: #010E6A;
font-weight: bold;
font-size: 16px;
border-bottom: 2px solid #010E6A;
}
/* Bullet Point Lists */
.listheader {
color: #390;
font-weight: bold;
font-size: 16px;
margin-bottom: 4px;
}
#list
{
margin-left: 0;
padding-left: 10px;
list-style: none;
}
#list li
{
padding-left: 18px;
padding-bottom: 5px;
background-image: url(/assets/bullet.gif);
background-repeat: no-repeat;
}
#ticklist
{
margin-left: 0;
padding-left: 10px;
list-style: none;
}
#ticklist li
{
font-size: 13px;
font-weight:bold;
padding-left: 20px;
padding-bottom: 5px;
background-image: url(/assets/green_tick.gif);
background-repeat: no-repeat;
}
#arrowlist
{
margin-left: 0;
padding-left: 10px;
list-style: none;
}
#arrowlist li
{
padding-left: 18px;
padding-bottom: 5px;
background-image: url(/assets/arrow_right.gif);
background-repeat: no-repeat;
}
#horizontal_list
{
margin-left: 0;
padding-left: 10px;
list-style: none;
}
#horizontal_list li
{
font-weight:bold;
float:left;
width:260px;
padding-left: 18px;
padding-right: 18px;
padding-bottom: 5px;
background-image: url(/assets/green_tick.gif);
background-repeat: no-repeat;
}
/* ------------------------------
Filters
------------------------------ */
/* Vertical DHTML Menu */
.filtermenu, .filtermenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.filtermenu li{
float:left;
}
.filtermenu li a{
background: #EFEFEF;
font-size:12px;
font-weight:bold;
display: block;
width: 140px;
padding: 7px 0 7px 0;
padding-left: 10px;
text-decoration: none;
}
.filtermenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 188px; /*WIDTH OF MENU ITEMS*/
left: 0;
top: 0;
display: none;
}
.filtermenu li ul li{
float: left;
}
.filtermenu li ul a{
border-bottom: dashed 1px #CCC;
display: block;
font-size: 11px;
font-weight: normal;
width: auto;
padding: 7px 0 7px 0;
padding-left: 10px;
text-decoration: none;
width: 178px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}
.filtermenu .filtermenuarrowdiv{
background: transparent url(/assets/template/arrow_dn.gif) no-repeat center right;
}
.filtermenu li a:visited, .filtermenu li a:active{
color: #000;
}
.filtermenu li a:hover{
}
/* Hack for IE \*/
* html .filtermenu li { float: left; height: 1%; }
* html .filtermenu li a { height: 1%; }
/* End Hack For IE */
/* End Vertical Menu */
/* ------------------------------
Display Pages
------------------------------ */
/* Image Box */
UL.image_box {margin:0; padding:0; list-style-type:none;}
UL.image_box LI { margin:0; float:left; padding:4px; margin: 4px; border: solid #CCC 1px;}
/* Page Layout */
#display_left{
width:620px;
padding-right:7px;
float:left;
}
#display_right{
width:300px;
float:right;
}
/* Custom Fields*/
.display_title {
color: #090;
font-size:18px;
font-weight:bold;
padding:4px 0 4px 4px;
border-bottom: dotted 1px #CCC;
margin-bottom: 4px;
}
.displayelement {
float:left;
width: 560px;
padding: 8px;
border-bottom:1px solid #cccccc;
background:#FFF;
}
.displayqtybox {font-size:22px; border: 1px solid #669900;}
.displayprice {font-size:22px; color:#090; font-weight:bold;}
.displaywasprice {text-decoration:line-through; font-size:22px; color:#090; font-weight:bold;}
.displayrrp {text-decoration:line-through;font-size:16px;}
.displaysave {font-size:16px; color:#C00; font-weight:bold;}
.displaypromo{font-size:22px; font-weight:bold; color:#CC0000;}
.displaysoldout { font-size: 11px; color:#C00; font-weight:bold;}
.displayinstock {font-size: 11px; color:#390; font-weight:bold;}
.displaymultilevelqty{font-size: 16px; font-weight:bold;}
.displaymultilevelprice{font-size: 16px; color:#090; font-weight:bold;}
/* Reviews*/
.review-top {
width: 570px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 1px;
text-align: left;
font-size: 12px;
color: #FFF;
background: no-repeat url(/assets/template/display/review_top.gif);
}
.review-top a:link {color: #fff;}
.review-top a:hover {color: #fff;}
.review-top a:focus {color: #fff;}
.review-bottom {
width: 570px;
height: 12px;
padding-bottom: 5px;
text-align: left;
font-size: 12px;
color: #FFF;
background: no-repeat url(/assets/template/display/review_bottom.gif);
}
.reviewer{
top: 0px;
text-align: left;
padding-bottom: 5px;
}
/*blog*/
.blog_title {font-size:16px; font-weight: bold;}
.blog_title a:link {font-size:16px;}
.blog_title a:visited {font-size:16px;}
.blog_title a:active {font-size:16px;}
.blog_title a:hover {font-size:16px; text-decoration:underline;}
/* ------------------------------
Gallery Thumbnails
------------------------------ */
DIV.thumb { padding: 0; margin:0; overflow:hidden;}
DIV.thumb UL { margin:0; padding:0; list-style-type:none; }
DIV.thumb LI { float:left; margin: 2px; padding: 2px 1px 2px 1px; width:140px; height:210px; border: solid 1px #CCC; overflow:hidden;}
DIV.thumb LI:hover { border: solid 1px #7EB827; background-color: #F1FBF0;}
DIV.thumb DIV.title { width:135px; height:45px; overflow:hidden; text-align:center; }
DIV.thumb DIV.title A { width:135px; height:45px; overflow:hidden; text-align:center; font-weight:bold;}
DIV.thumb DIV.price{ font-size: 12px; font-weight:bold; padding-top:2px; height:18px; width:140px
; }
DIV.thumb DIV.rrp{ width:140px; font-size:11px; height:15px; overflow:hidden;}
DIV.thumb DIV.buttonset{ width:140px; height:25px; overflow:hidden;}
/* ------------------------------
List Thumbnails
------------------------------ */
.thumb_name, .thumb_name A, .thumb_name A:visited, .thumb_name A:active { font-size:16px; font-weight:bold; text-align:center; text-decoration:none;}
.thumb_name A:hover { text-decoration:underline;}
.thumb_brand{font-size:11px;}
.thumb_subtitle{ font-size:12px; font-weight:bold; }
.thumb_description{ font-size:12px; }
.thumb_rrp {font-size:12px;}
.thumb_save { font-size:12px; color:#FF0000;}
.thumb_price{ font-size: 12px; font-weight:bold; }
.thumb_qty{ font-size: 20px; font-weight:bold; }
.thumb_qty_input{ font-size: 20px; font-weight:bold; }
.capsule_thumb_name, .capsule_thumb_name A, .capsule_thumb_name A:visited, .capsule_thumb_name A:active { font-size:14px; font-weight:bold; text-align:center; color: #010E6A; text-decoration:none;}
.capsule_thumb_name A:hover { text-decoration:underline;}
.capsule_thumb_brand{font-size:11px;}
.capsule_thumb_subtitle{ font-size:12px; font-weight:bold; font-style:italic; }
.capsule_thumb_description{ font-size:12px; }
.capsule_thumb_rrp {font-size:12px;}
.capsule_thumb_save { font-size:12px; color:#FF0000;}
.capsule_thumb_price{ font-size: 12px; font-weight:bold; }
.capsule_thumb_qty{ font-size: 16px; font-weight:bold; }
.capsule_thumb_capsule_moq{ font-size: 16px; font-weight:bold; color: #F60; }
.capsule_thumb_qty_input{ font-size: 16px; font-weight:bold; }
.capsule_thumb_capsule_prices{ font-size: 12px; font-weight:bold; }
/* ------------------------------
Shopping Cart and Checkout
------------------------------ */
.checkout_box{
border-top:4px solid #90B0BE; background:url(/assets/template/container_bg.gif) repeat-x; color:#333; padding:8px; border-right: 1px solid #90B0BE; border-left: 1px solid #90B0BE; border-bottom: 1px solid #90B0BE;
}
.checkout_box_header{
font-weight:bold;
font-size:16px;
color: #039;
}
TD.splitO { border-bottom: 1px solid #CCCCCC;}
.hdr_small, .hdr_small A, .hdr_small A:hover,
.hdr_small A:link, .hdr_small A:visited, .hdr_small A:active {
font-weight: bold;
font-size : 14px;
padding-top: 4px;
padding-bottom: 4px;
}
TABLE.item_list {font-size:11px;}
TABLE.item_list TD.header {font-size:11px; font-weight:bold;}
TABLE.item_list TD.item0 {font-size:11px;}
TABLE.item_list TD.item1 {font-size:11px;}
TABLE.item_list TD.shitem_d_0 {font-size:11px; border-bottom:1px dotted #CCCCCC; }
TABLE.item_list TD.shitem_d_1 {font-size:11px; border-bottom:1px dotted #CCCCCC; }
TABLE.item_list TD.shitem0 {font-size:11px; border-bottom:1px dotted #CCCCCC; }
TABLE.item_list TD.shitem1 {font-size:11px; border-bottom:1px dotted #CCCCCC; }
TABLE.item_list TD.store_total {font-size:11px; font-weight:bold; border-bottom:2px solid #CCCCCC;}
.ototal { color: #CC0000; font-weight:bold; font-size:14px; }
.gift_t { font-size: 14px; color: #006600; font-weight: bold;}
/********/
TABLE.sh_warning_box {
border: 1px solid #CC0000;
background-color: #FFE8E8;
font-weight: bold;
}
TABLE.sh_warning_box TD { padding: 8px 8px 8px 8px;}
TABLE.cho_header {
height: 30px;
border-top: 1px solid #90B0BE;
border-bottom: 1px solid #90B0BE;
border-right: 1px solid #90B0BE;
}
TABLE.cho_header TD.title {
font-size: 11px;
font-weight:bold;
background-image: url(/assets/header_new/tab_2_bg.gif);
}
TABLE.cho_header TD.title_ni {
border-left: 1px solid #90B0BE;
font-size: 11px;
font-weight:bold;
background-image: url(/assets/header_new/tab_2_bg.gif);
}
TABLE.cho_header TD.index {
font-size: 14px;
font-weight:bold;
color:#FFFFFF;
background-color:#333333;
background-image: url(/assets/header_new/tab_2_dn_bg.gif);
}
TABLE.cho_body TD { font-size: 12px; }
TABLE.cho_body TD.address { font-size: 11px; }
TABLE.cho_body TD.payment { font-size: 13px; }
TABLE.cho_body A.edit { font-weight:normal; font-size:11px; }
TABLE.giftwrap_box {}
TABLE.giftwrap_box TD.header { font-weight:bold; font-size: 11px;}
TABLE.rewardpoints_box { background-color:#E6FFCC; border: 1px solid #CCCCCC; }
TABLE.rewardpoints_box TD.header { font-weight:bold; font-size: 11px; }
TABLE.rewardpoints_box TD { font-size: 11px; }
TABLE.coupon_box { background-color:#E6FFCC; border: 1px solid #CCCCCC; }
TABLE.coupon_box TD.header { font-weight:bold; font-size: 11px; }
TABLE.cho_body TD.subtotal { }
TABLE.cho_body TD.subtotal TABLE TD.header { color: #333333; font-weight:bold; font-size: 10px;}
TABLE.cho_body TD.subtotal TABLE TD { color: #333333; font-weight:bold; font-size: 11px;}
TABLE.cho_body TD.coupon { color: #333333; font-weight:bold;}
TABLE.cho_body TD.coupon TABLE TD.header { color: #333333; font-weight:bold;}
TABLE.cho_body TD.coupon TABLE TD { color: #333333; font-weight:bold; font-size: 11px;}
TABLE.cho_body TD.shiptotal { border-top: 1px dotted #90B0BE;}
TABLE.cho_body TD.shiptotal TABLE TD.header { color: #333333; font-weight:bold; }
TABLE.cho_body TD.shiptotal TABLE TD { color: #333333; font-weight:bold; font-size: 11px;}
TABLE.cho_body TD.ordertotal { border-top: 1px solid #90B0BE; border-bottom: 1px solid #90B0BE;}
TABLE.cho_body TD.ordertotal TABLE TD.header { color: #333333; font-weight:bold; font-size:12px;}
TABLE.cho_body TD.ordertotal TABLE TD { color: #CC0000; font-weight:bold; font-size:14px;}
TABLE.cho_body TD.coupon_wl { color: #333333; font-weight:bold; border-bottom: 1px solid #90B0BE;}
TABLE.cho_body TD.coupon_wl TABLE TD.header { color: #333333; font-weight:bold;}
TABLE.cho_body TD.coupon_wl TABLE TD { color: #333333; font-weight:bold; font-size: 11px;}
TABLE.cho_body TD.ordertotal_nl { font-weight:bold;}
TABLE.cho_body TD.ordertotal_nl TABLE TD.header { color: #333333; font-weight:bold; font-size:12px;}
TABLE.cho_body TD.ordertotal_nl TABLE TD { color: #CC0000; font-weight:bold; font-size:14px;}
TABLE.merchant_tag { border-bottom:1px solid #90B0BE; }
TABLE.merchant_tag TD.header {
padding: 4px 8px 4px 8px;
border-left:1px solid #90B0BE; border-top:1px solid #90B0BE; border-right:1px solid #90B0BE;
background-color: #F6F6F6;
font-weight: bold;
}
TABLE.merchant_tag TD.empty { border-bottom:1px solid #F6F6F6; }
TABLE.merchant_msg {font-size:11px; color: #cc0000;}
TABLE.merchant_comment {font-size:10px;}
TABLE.comment_ctrl TD { background-color:#EEEEEE; border: 1px solid #CCCCCC; }
A.cstep_ct, A.cstep_ct:link, A.cstep_ct:hover, A.cstep_ct:active, A.cstep_ct:visited
{ font-size:14px; color: #006; font-weight:bold; padding-left:7px; padding-right:7px; text-decoration:none;}
A.cstep, A.cstep:link, A.cstep:hover, A.cstep:active, A.cstep:visited
{ font-size:14px; color: #999; font-weight:bold; padding-left:7px; padding-right:7px; text-decoration:none;}
.shopping_cart_border {
background-color:#006;
}
.shopping_cart_inner {padding: 10px; background-color:#FFF;}
/* ------------------------------
Light Box - IMPORTANT DO NOT REMOVE!
------------------------------ */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }
#lbOverlay.red { background-color: #330000; }
#lbOverlay.green { background-color: #003300; }
#lbOverlay.blue { background-color: #011D50; }
#lbOverlay.gold { background-color: #666600; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }
#lbOuterContainer.red { border: 3px solid #DD0000; }
#lbOuterContainer.green { border: 3px solid #00B000; }
#lbOuterContainer.blue { border: 3px solid #5F89D8; }
#lbOuterContainer.gold { border: 3px solid #B0B000; }
#lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/assets/lightbox/loading.gif) center no-repeat;
}
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: url(/assets/lightbox/prev_grey.gif) left 15% no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(/assets/lightbox/prev_grey.gif) left 15% no-repeat; }
#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(/assets/lightbox/prev_red.gif) left 15% no-repeat; }
#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(/assets/lightbox/prev_green.gif) left 15% no-repeat; }
#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(/assets/lightbox/prev_blue.gif) left 15% no-repeat; }
#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(/assets/lightbox/prev_gold.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: url(/assets/lightbox/next_grey.gif) right 15% no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(/assets/lightbox/next_grey.gif) right 15% no-repeat; }
#lbNext.red:hover, #lbNext.red:visited:hover { background: url(/assets/lightbox/next_red.gif) right 15% no-repeat; }
#lbNext.green:hover, #lbNext.green:visited:hover { background: url(/assets/lightbox/next_green.gif) right 15% no-repeat; }
#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(/assets/lightbox/next_blue.gif) right 15% no-repeat; }
#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(/assets/lightbox/next_gold.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }
#lbDetailsData.red { color: #620000; }
#lbDetailsData.green { color: #003300; }
#lbDetailsData.blue { color: #01379E; }
#lbDetailsData.gold { color: #666600; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(/assets/lightbox/close_grey.png) no-repeat; }
#lbClose.red { background: url(/assets/lightbox/close_red.png) no-repeat; }
#lbClose.green { background: url(/assets/lightbox/close_green.png) no-repeat; }
#lbClose.blue { background: url(/assets/lightbox/close_blue.png) no-repeat; }
#lbClose.gold { background: url(/assets/lightbox/close_gold.png) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(/assets/lightbox/play_grey.png) no-repeat; }
#lbPlay.red { background: url(/assets/lightbox/play_red.png) no-repeat; }
#lbPlay.green { background: url(/assets/lightbox/play_green.png) no-repeat; }
#lbPlay.blue { background: url(/assets/lightbox/play_blue.png) no-repeat; }
#lbPlay.gold { background: url(/assets/lightbox/play_gold.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(/assets/lightbox/pause_grey.png) no-repeat; }
#lbPause.red { background: url(/assets/lightbox/pause_red.png) no-repeat; }
#lbPause.green { background: url(/assets/lightbox/pause_green.png) no-repeat; }
#lbPause.blue { background: url(/assets/lightbox/pause_blue.png) no-repeat; }
#lbPause.gold { background: url(/assets/lightbox/pause_gold.png) no-repeat; }
/* ------------------------------
Tab Menu
------------------------------ */
#page_header_menu { width:100%;}
#page_header_menu .top {
height: 34px;
font-size: 12px;
font-weight: bold;
}
.top ul {
list-style: none;
width: 100%;
white-space: nowrap;
margin: 0;
padding: 0;
}
.top ul li {
display: inline;
width:150px;
float: left;
background: url('/assets/template/tabs/blue_tab_bg.gif') right top;
height: 34px;
padding-left: 20px;
padding-right: 20px;
margin: 0;
}
.top ul li.home {
display: inline;
width:80px;
float: left;
background: url('/assets/template/tabs/blue_tab_bg.gif') right top;
height: 34px;
padding-left: 20px;
padding-right: 20px;
margin: 0;
}
.top ul li.homeoffice {
display: inline;
width:160px;
float: left;
background: url('/assets/template/tabs/new_blue_tab_bg.gif') right top;
height: 34px;
padding-left: 20px;
padding-right: 20px;
margin: 0;
}
.top ul li.workplace {
display: inline;
width:150px;
float: left;
background: url('/assets/template/tabs/blue_tab_bg.gif') right top;
height: 34px;
padding-left: 20px;
padding-right: 20px;
margin: 0;
}
.top ul li.blog {
display: inline;
width:95px;
float: left;
background: url('/assets/template/tabs/blue_tab_bg.gif') right top;
height: 34px;
padding-left: 20px;
padding-right: 20px;
margin: 0;
}
.top ul li.support {
display: inline;
width:90px;
float: left;
background: url('/assets/template/tabs/blue_tab_bg.gif') right top;
height: 34px;
padding-left: 20px;
padding-right: 20px;
margin: 0;
}
.top ul li.login {
display: inline;
width:100px;
float: left;
background: none;
height: 34px;
padding-left: 20px;
padding-right: 20px;
margin: 0;
}
* html .top ul li {
}
.top ul li.homeactive {
background: url('/assets/template/tabs/tab_on_blue.gif') no-repeat left top;
width:80px;
background-color: #0A5EBE;
padding-left: 20px;
}
.top ul li.workplaceactive {
background: url('/assets/template/tabs/tab_on_blue.gif') no-repeat left top;
width:150px;
background-color: #0A5EBE;
padding-left: 20px;
}
.top ul li.homeofficeactive {
background: url('/assets/template/tabs/tab_on_blue.gif') no-repeat left top;
width:160px;
background-color: #0A5EBE;
padding-left: 20px;
}
.top ul li.blogactive {
background: url('/assets/template/tabs/tab_on_blue.gif') no-repeat left top;
width:100px;
background-color: #0A5EBE;
padding-left: 20px;
}
.top ul li.supportactive {
background: url('/assets/template/tabs/tab_on_blue.gif') no-repeat left top;
width:90px;
background-color: #0A5EBE;
padding-left: 20px;
}
.top ul li.active a:hover {
color: #CCC;
}
.top ul li a {
display: block;
line-height: 28px;
color: #333;
text-decoration: none;
width: 100%;
text-align: center;
padding-top: 6px;
margin: 0;
}
.top ul li a:hover {
color: #666;
}
.top ul li.login a {
display: block;
line-height: 28px;
color: #FFF;
text-decoration: none;
width: 100%;
text-align: center;
padding-top: 6px;
margin: 0;
}
.top ul li.login a:hover {
color: #CCC;
}
.top ul li.homeactive a {
background: none;
color: #fff;
padding-left: 10px;
}
.top ul li.homeofficeactive a {
background: none;
color: #fff;
padding-left: 10px;
}
.top ul li.workplaceactive a {
background: none;
color: #fff;
padding-left: 10px;
}
.top ul li.supportactive a {
background: none;
color: #fff;
padding-left: 10px;
}
.top ul li.blogactive a {
background: none;
color: #fff;
padding-left: 10px;
}
.top ul li div {
background-image: none;
width: 100%;
}
/* ------------------------------
Breadcrumb2
------------------------------ */
.orangearrow { height:40px; background:#90B0BE url(/assets/template/breadcrumb_arrow_org_rt.gif) right no-repeat; font-weight:bold; color:#FFF; font-size:14px; padding: 0 28px 0 12px;}
.orangearrow a, td.orangearrow a:active, td.orangearrow a:visited{font-weight:bold; color:#FFF; font-size:14px; }
.orangearrow a:hover{ text-decoration:underline; }
.orangearrowback { height:40px; background:#90B0BE url(/assets/template/breadcrumb_arrow_orgblue_rt.gif) right no-repeat; font-weight:bold; color:#FFF; font-size:14px; padding: 0 30px 0 12px;}
.orangearrowback a, td.orangearrowback a:active, td.orangearrowback a:visited{font-weight:bold; color:#FFF; font-size:14px; }
.orangearrowback a:hover{ text-decoration:underline; }
.orange { height:40px; background-color:#90B0BE; font-weight:bold; color:#FFF; font-size:14px; padding: 0 13px 0 12px;}
.orange a, td.orange a:active, td.orange a:visited{font-weight:bold; color:#FFF; font-size:14px; }
.orange a:hover{ text-decoration:underline; }
.blue { height:40px; background-color:#010F6A; font-weight:bold; color:#FFF; font-size:14px; padding: 0 13px 0 12px;}
.blue a, td.blue a:active, td.blue a:visited{font-weight:bold; color:#FFF; font-size:14px; }
.blue a:hover{ text-decoration:underline; }
.bluearrow { height:40px; background: #010F6A url(/assets/template/breadcrumb_arrow_rt.GIF) right no-repeat; font-weight:bold; color:#FFF; font-size:14px; padding: 0 28px 0 12px;}
.bluearrow a, td.bluearrow a:active, td.bluearrow a:visited{font-weight:bold; color:#FFF; font-size:14px; }
.bluearrow a:hover{ text-decoration:underline; }
/* ------------------------------
Facebox
------------------------------ */
#facebox .b {
background:url(/assets/facebox/b.png);
}
#facebox .tl {
background:url(/assets/facebox/tl.png);
}
#facebox .tr {
background:url(/assets/facebox/tr.png);
}
#facebox .bl {
background:url(/assets/facebox/bl.png);
}
#facebox .br {
background:url(/assets/facebox/br.png);
}
#facebox {
position: absolute;
top: 0;
left: 0;
z-index: 100;
text-align: left;
max-height:450px;
overflow:auto;
}
#facebox .popup {
position: relative;
}
#facebox table {
border-collapse: collapse;
}
#facebox td {
border-bottom: 0;
padding: 0;
}
#facebox .body {
padding: 10px;
background: #fff;
width: 600px;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox .footer {
border-top: 1px solid #DDDDDD;
padding-top: 5px;
margin-top: 10px;
text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}
#facebox_overlay {
position: fixed;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.facebox_hide {
z-index:-100;
}
.facebox_overlayBG {
background-color: #000;
z-index: 99;
}
* html #facebox_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/* Flavours */
.flavours_background
{
background-image: url('/assets/images/bp_middle_background_small.jpg');
background-repeat: no-repeat;
}
.flavours_title
{
padding-top:4px;
padding-bottom:4px;
margin-top:4px;
border-top:#003 1px solid;
color: #006;
font-weight:bold;
}