/* CSS Document */

body {text-align: center; margin: 0 0 0 0; font-size: 11.5px; line-height:17px;
	font-style: normal; font-family: Verdana,Arial,Helvetica,sans-serif; color: #aaaaaa; 
	background-color:#3e3e3e; background-image:url(images/main_bg.gif); background-repeat:repeat;}

a:link, a:visited, a:active, a:hover { 
    color: #F6BE3B;
    /* color: #EDA905; old yellow color */
    /* color: #6699ff; /* blue color */
    font-weight: bold; 
    text-decoration:none;
    }
        
a.nav:link, a.nav:visited, a.nav:active, a.nav:hover {
    font-size: 10px;
    color: #888888;
    font-weight: normal;
    text-decoration:none;
    }
    
a img {border: none;}

table {
	padding:0px;
    border:0px;
    border-collapse: collapse;
    display:table;
	}
table td { vertical-align: top; }
table tr td, table tr th { padding: 0px;}
    
table.gallerygrid {
    /* background-image:url(images/gallery_grid.png);*/
    background-repeat:no-repeat;
    border:0px;
    }
table.gallerygrid td {
    padding:0px 20px 10px 20px;
    }
table.gallerygrid img {
    max-width:150px;
    max-height:150px;
    }
        
td.ctrimg {
    text-align:center;
    vertical-align:middle;
    border:0px;
    }
    
.wrapper {
    text-align: left;
    width:995px;
    padding-left:10px;
    padding-right:10px;
    margin-left: auto;
    margin-right: auto;
    min-height: 1000px;
    }

.top_bg {
    background-image:url(images/top_bg.png); background-repeat:repeat-x;
    min-width:1015px;
}

.page_header {position:relative;}
.page_header_top_spacer {height:15px;}
.page_header_button {
	margin-top:10px;
	height:36px;
	width:190px;
    vertical-align: middle;
	}
.page_header_button_wlabel {
	margin-top:10px;
	height:61px;
	width:217px;
    vertical-align: middle;
	}
.page_header_button_positioner {
	position:absolute; bottom:55px; left:28px;
	}
.page_header_video_positioner {
	position:absolute; bottom:0px; right:0px;
	}
.page_header_text_box {
    position:absolute;
    top:30px; right:35px;
}

.page_leaf_header {
    position:relative;
    height:72px;
    width:995px;
    }
.page_lheader {
    height:72px;
    width:845px;
    }

.nav_positioner {
    display: block;
    }

.section_tab {
    position:relative;
    bottom:-9px;
    margin-right: 2px;
}
.section_leaftab {
    position:relative;
    bottom:0px;
    margin-right: 2px;
}

.section_separator_top {
	height:42px;
	width:100%;
    padding:0px;
	}
.section_separator_leaftop {
	height:33px;
	width:100%;
    padding:0px;
	}

.section_separator {
	height:4px;
	width:100%;
	}
        
.sub_section_separator {
    height:1px;
    width:100%;
    background-color:#373737;
    margin-top:10px;
    margin-bottom:10px;
    }

.section_topper {
    width:845px; height:5px; display:block; 
    background-image:url(images/section_topper.png);
    background-repeat:no-repeat;
    }
.section_ltopper {
    width:845px; height:5px; display:block; 
    background-image:url(images/section_ltopper.png);
    background-repeat:no-repeat;
    }
.section_leaf_topper {
    width:995px; height:5px; display:block; 
    background-image:url(images/section_leaf_topper.png);
    background-repeat:no-repeat;
    }
.section_leaf_bottom {
    width:995px; height:5px; display:block; 
    background-image:url(images/section_leaf_bottom.png);
    background-repeat:no-repeat;
    }
.section_bottom {
    width:845px; height:5px; display:block; 
    background-image:url(images/section_bottom.png);
    background-repeat:no-repeat;
    }
.section_title {
    background-color:#282828;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	padding:35px 20px 0px 20px;
    color: #dddddd;
	}
.section_leaftitle {
    background-color:#282828;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	padding:35px 20px 0px 20px;
    color: #dddddd;
	}
.sub_section_title {
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
    color: #dddddd;
    font-size: 13px;
	}
.section_body {
    background-color:#282828;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:38px;
    p {margin-right:100px;}
	}
.section_body a:link, a:visited, a:active, a:hover {
    color: #F6BE3B;
    font-weight: bold; 
    text-decoration:none;
    }
    
.section_topper_bk {
    width:845px; height:5px; display:block; 
    background-image:url(images/section_topper_bk.png);
    background-repeat:no-repeat;
    }
.section_ltopper_bk {
    width:845px; height:5px; display:block; 
    background-image:url(images/section_ltopper_bk.png);
    background-repeat:no-repeat;
    }
.section_leaf_topper_bk {
    width:995px; height:5px; display:block; 
    background-image:url(images/section_leaf_topper_bk.png);
    background-repeat:no-repeat;
    }
.section_leaf_bottom_bk {
    width:995px; height:5px; display:block; 
    background-image:url(images/section_leaf_bottom_bk.png);
    background-repeat:no-repeat;
    }
.section_bottom_bk {
    width:845px; height:5px; display:block; 
    background-image:url(images/section_bottom_bk.png);
    background-repeat:no-repeat;
    }
.section_title_bk {
    background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	padding:35px 20px 0px 20px;
    color: #dddddd;
	}
.section_leaftitle_bk {
    background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	padding:35px 20px 0px 20px;
    color: #dddddd;
	}
.section_body_bk .sub_section_title {
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
    color: #449ECB;
    font-size: 13px;
	}
.section_body_bk {
    background-color:#000000;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:38px;
    p {margin-right:100px;}
	}

.section_topper_banner_front {
    width:845px; height:5px; display:block; 
    background-image:url(images/section_topper_banner_front.png);
    background-repeat:no-repeat;
    }
.section_topper_banner {
    position:relative;
    height:5px; width:845px;
    background-color:#d4d4d4;
    }
.section_topper_banner_img {
    position:absolute; top:-5px;
    background-image:url(images/section_topper_banner.png);
    background-repeat:no-repeat;
    height:5px; width:845px;
    }
.section_ltopper_banner {
    width:845px; height:5px; display:block; 
    background-image:url(images/section_ltopper_banner.png);
    background-repeat:no-repeat;
    }
.section_leaf_topper_banner {
    width:995px; height:5px; display:block; 
    background-image:url(images/section_leaf_topper_banner.png);
    background-repeat:no-repeat;
    }
.section_leaf_bottom_banner {
    width:995px; height:5px; display:block; 
    background-image:url(images/section_leaf_bottom_banner.png);
    background-repeat:no-repeat;
    }
.section_bottom_banner {
    width:845px; height:5px; display:block; 
    background-image:url(images/section_bottom_banner.png);
    background-repeat:no-repeat;
    }
.section_title_banner {
    background-color:#d4d4d4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	padding:32px 35px 0px 35px;
    color: #000000;
	}
.section_body_banner {
    width:775px;
    background-color:#d4d4d4;
	padding-left:35px;
	padding-right:35px;
	padding-top:20px;
	padding-bottom:32px;
    color: #000000;
    font-size: 11px;
	}
    
.section_table_spacer {
	height:4px;
	width:4px;
	}
.bodytext {
    padding-right:150px;;
    }
    
.sub_section_hidden {
    display: none;
    margin-left: 10px;
}

.fulltable_topper {
    width:806px; height:2px; display:block; 
    background-image:url(images/fulltable_topper.png);
    background-repeat:no-repeat;
    }

.fulltable_bottom {
    width:806px; height:4px; display:block; 
    background-image:url(images/fulltable_bottom.png);
    background-repeat:no-repeat;
    }

.error {font-weight: bold;color: #CC0000;}

.gallerytable img {height:124px; padding:3px;}
.gallerytable {text-align:center}
.frontgallery img {height:128px; padding:3px;}
.frontgallery {text-align:center}
.gallerytable_silo img {height:100px; padding:4px;}
.gallerytable_silo {text-align:center;}
.frontgallery_silo img {height:93px; padding:3px;}
.frontgallery_silo {text-align:center;}

.popoverimg {
  max-width: 700px;
  max-height: 500px;
  width: expression(this.width > 700 ? "700px" : true);
  height: expression(this.height > 500 ? "500px" : true);
}

.storetable {width:800px; background-color:none; padding:0px; border-collapse:separate; border:1px;}
.storetable td {padding-left:0px; padding-right:0px; vertical-align:top;}
.storetable hr {border:0px; height:1px;width:100%;background-color:#555555;}
.storetable_header {font-weight:bold;}

.billingtable td {padding:1px;}

.footer {text-align:right; font-size:10px; line-height:15px; padding-right:5px;}

/* new popover class settings */
.popover {
    /* must be initially hidden */
	/* display:none;
    /* place overlay on top of other elements */
	z-index:1000;
	
	/* styling */
    background-color:#333;
    min-width:100px;	
	min-height:100px;
	border:1px solid #666;
    position:absolute;
    display:none;
    padding:10px;
    
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
    }
.popover .close {
	background-image:url(images/close_grey.png);
	position:absolute;
	left:-20px;
	top:-20px;
	cursor:pointer;
	height:35px;
	width:35px;
    }
.popover .texttable {
    width:600px;
    margin:10px;
	}
.popover .texttable .title {
	font-family:Arial, Helvetica, sans-serif;
    padding-top:12px;
    padding-bottom:12px;
	font-size:17px;
	font-weight:bold;
    color: #dddddd;
}
.transBG {
	left: 0px;
	top: 0px;
	position: absolute;
	display: none;
	background-color: #000;
	z-index: 1;
	opacity: 0.7;
	filter: alpha(opacity=60);
}

/* end new popover class */


/* the simple overlay settings */
.simple_overlay {
    /* must be initially hidden */
	/* display:none;
    /* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
    background-color:#333;
    min-width:100px;	
	min-height:100px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
    }
.simple_overlay .close {
	background-image:url(img/overlay/close_grey.png);
	position:absolute;
	left:-20px;
	top:-20px;
	cursor:pointer;
	height:35px;
	width:35px;
    }
.simple_overlay .details {
    position:absolute;
    top:15px;
    right:10px;
    color:#fff;
    display:block;
    width:180px;
	}
.simple_overlay .details overlay_title {
    color:#fff;
    font-size:15px;
    font-weight:bold;
	}
.simple_overlay .details overlay_sub_title {
    color:#fff;
    font-weight:bold;
	}
div.contentWrap {
    min-height:200px;
    width:500px;
    max-height:441px;
    overflow-y:auto;
    padding:10px 15px;
    }
        
/* scrollable image gallery setup*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
    float:left;	/* this makes it possible to add next button beside scrollable */
	width: 600px; /* grow for wider image gallery centered */
	height:90px;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	width:20000em; /* this cannot be too large */
	position:absolute;
    }
/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
    padding: 3px 2px;
    }
/* style of each img in scrollable div */
.items div img {
    padding: 3px 2px;
    height: 60px;
    cursor: pointer;
    }
/* styling for the image wrapper  */
.image_wrap {
    /* dimensions */
    margin:15px 30px 5px 30px;
    padding:15px 0px 0px 0px;
    /* height: 400px;

    /* centered */
    text-align:center;
    }
.image_wrap img {
    max-height: 400px;
    max-width: 700px;
    }
.imgcaption {
    margin: 15px 0px 10px 0px;
    }

/* prev, next, prevPage and nextPage buttons */
a.browse {
	/* background:url(img/scrollable/arrow.png) no-repeat; */
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:20px 10px;
	cursor:pointer;
	font-size:1px;
    }

/* right - grow margin to keep centered with fewer thumbnails */
a.right 		{ background-position: 0 0px; clear:right; margin-right: 40px; background:url(img/scrollable/arrow_right.jpg) no-repeat;}
a.right:hover 	{ background-position: 0px 0px; }
a.right:active 	{ background-position: 0px 0px; } 

/* left - grow margin to keep centered with fewer thumbnails */
a.left			{ margin-left: 40px; background:url(img/scrollable/arrow_left.jpg) no-repeat;} 
a.left:hover  	{ background-position: 0px 0; }
a.left:active  	{ background-positiobn: 0px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(img/scrollable/arrow.png) no-repeat; 
	float: none;
	margin: 10px 50px;
    }

/* up */
a.up:hover  	{ background-position:-30px 0; }
a.up:active  	{ background-position:-60px 0; }

/* down */
a.down 			{ background-position: 0 -30px; }
a.down:hover  	{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
    
/* root element for single scroll */
.scroller {
    position:relative;
    overflow:hidden;
    width: 700px;
    height: 600px;
    float:left;
    }
/* root element for the scroll pics */
.scroller .pics {
    width:20000em;
    position:absolute;
    clear:both;
    }
/* single scroll item */
.pics div {
    float:left;
    cursor:pointer;
    width:700px !important;
    height:600px;
    margin:0px;
    }
.pics div img {
    max-height:600px;
    max-width:700px;
    }
/* possible settings for the active scroll */
	.scroller.active {}

.main_content {
	/* background-image:url(body_bg_top.png); */
	background-position:top;
	background-repeat:no-repeat;
    width:845px;
	}
.main_content_bottom {
	/* background-image:url(body_bg_bottom.png); */
	background-position:bottom;
	background-repeat:no-repeat;
    width:845px;
	}

.hb_home {width:42px; height:57px; display:block; background-image:url(images/hb_home.png); background-repeat:no-repeat;}
.current_tab_home .hb_home {background-image:url(images/hb_home_on.png); background-repeat:no-repeat;}
.current_tab_home .hb_home:hover {background-image:url(images/hb_home_on.png); background-repeat:no-repeat;}
.hb_home:hover {background-image:url(images/hb_home_hover.png); background-repeat:no-repeat;}

.hb_products {width:58px; height:57px; display:block; background-image:url(images/hb_products.png); background-repeat:no-repeat;}
.current_tab_products .hb_products {background-image:url(images/hb_products_on.png); background-repeat:no-repeat;}
.current_tab_products .hb_products:hover {background-image:url(images/hb_products_on.png); background-repeat:no-repeat;}
.hb_products:hover {background-image:url(images/hb_products_hover.png); background-repeat:no-repeat;}

.hb_store {width:39px; height:57px; display:block; background-image:url(images/hb_store.png); background-repeat:no-repeat;}
.current_tab_store .hb_store {background-image:url(images/hb_store_on.png); background-repeat:no-repeat;}
.current_tab_store .hb_store:hover {background-image:url(images/hb_store_on.png); background-repeat:no-repeat;}
.hb_store:hover {background-image:url(images/hb_store_hover.png); background-repeat:no-repeat;}

.hb_press {width:40px; height:57px; display:block; background-image:url(images/hb_press.png); background-repeat:no-repeat;}
.current_tab_press .hb_press {background-image:url(images/hb_press_on.png); background-repeat:no-repeat;}
.current_tab_press .hb_press:hover {background-image:url(images/hb_press_on.png); background-repeat:no-repeat;}
.hb_press:hover {background-image:url(images/hb_press_hover.png); background-repeat:no-repeat;}

.hb_support {width:53px; height:57px; display:block; background-image:url(images/hb_support.png); background-repeat:no-repeat;}
.current_tab_support .hb_support {background-image:url(images/hb_support_on.png); background-repeat:no-repeat;}
.current_tab_support .hb_support:hover {background-image:url(images/hb_support_on.png); background-repeat:no-repeat;}
.hb_support:hover {background-image:url(images/hb_support_hover.png); background-repeat:no-repeat;}


.tab_home {width:150px; height:62px; display:block; background-image:url(images/tab_home_dark.png); background-repeat:no-repeat;}
.current_tab_home .tab_home {background-image:url(images/tab_home_light.png); background-repeat:no-repeat;}
.current_tab_home .tab_home:hover {background-image:url(images/tab_home_light.png); background-repeat:no-repeat;}
.tab_home:hover {background-image:url(images/tab_home_hover.png); background-repeat:no-repeat;}

.tab_cb_desktop {width:150px; height:62px; display:block; background-image:url(images/tab_cbd_dark.png); background-repeat:no-repeat;}
.current_tab_cb_desktop .tab_cb_desktop {background-image:url(images/tab_cbd_light.png); background-repeat:no-repeat;}
.current_tab_cb_desktop .tab_cb_desktop:hover {background-image:url(images/tab_cbd_light.png); background-repeat:no-repeat;}
.tab_cb_desktop:hover {background-image:url(images/tab_cbd_hover.png); background-repeat:no-repeat;}

.tab_cb_mobile {width:150px; height:62px; display:block; background-image:url(images/tab_cbm_dark.png); background-repeat:no-repeat;}
.current_tab_cb_mobile .tab_cb_mobile {background-image:url(images/tab_cbm_light.png); background-repeat:no-repeat;}
.current_tab_cb_mobile .tab_cb_mobile:hover {background-image:url(images/tab_cbm_light.png); background-repeat:no-repeat;}
.tab_cb_mobile:hover {background-image:url(images/tab_cbm_hover.png);}

.tab_cbd2 {width:150px; height:45px; display:block; background-image:url(images/tab_cbd2_dark.png); background-repeat:no-repeat;}
.current_tab_cbd2 .tab_cbd2 {background-image:url(images/tab_cbd2_light.png); background-repeat:no-repeat;}
.current_tab_cbd2 .tab_cbd2:hover {background-image:url(images/tab_cbd2_light.png); background-repeat:no-repeat;}
.tab_cbd2:hover {background-image:url(images/tab_cbd2_hover.png);}

.tab_silo {width:150px; height:62px; display:block; background-image:url(images/tab_silo_dark.png); background-repeat:no-repeat;}
.current_tab_silo .tab_silo {background-image:url(images/tab_silo_light.png); background-repeat:no-repeat;}
.current_tab_silo .tab_silo:hover {background-image:url(images/tab_silo_light.png); background-repeat:no-repeat;}
.tab_silo:hover {background-image:url(images/tab_silo_hover.png); background-repeat:no-repeat;}

.tab_shibuya {width:150px; height:62px; display:block; background-image:url(images/tab_sb_dark.png); background-repeat:no-repeat;}
.current_tab_shibuya .tab_shibuya {background-image:url(images/tab_sb_light.png); background-repeat:no-repeat;}
.current_tab_shibuya .tab_shibuya:hover {background-image:url(images/tab_sb_light.png); background-repeat:no-repeat;}
.tab_shibuya:hover {background-image:url(images/tab_sb_hover.png); background-repeat:no-repeat;}

.tab_ic {width:150px; height:62px; display:block; background-image:url(images/tab_ic_dark.png); background-repeat:no-repeat;}
.current_tab_ic .tab_ic {background-image:url(images/tab_ic_light.png); background-repeat:no-repeat;}
.current_tab_ic .tab_ic:hover {background-image:url(images/tab_ic_light.png); background-repeat:no-repeat;}
.tab_ic:hover {background-image:url(images/tab_ic_hover.png);}

.tab_ion {width:150px; height:62px; display:block; background-image:url(images/tab_ion_dark.png); background-repeat:no-repeat;}
.current_tab_ion .tab_ion {background-image:url(images/tab_ion_light.png); background-repeat:no-repeat;}
.current_tab_ion .tab_ion:hover {background-image:url(images/tab_ion_light.png); background-repeat:no-repeat;}
.tab_ion:hover {background-image:url(images/tab_ion_hover.png); background-repeat:no-repeat;}

.tab_labs {width:150px; height:67px; display:block; background-image:url(images/tab_labs_dark.png); background-repeat:no-repeat;}
.current_tab_labs .tab_labs {background-image:url(images/tab_labs_light.png); background-repeat:no-repeat;}
.current_tab_labs .tab_labs:hover {background-image:url(images/tab_labs_light.png); background-repeat:no-repeat;}
.tab_labs:hover {background-image:url(images/tab_labs_hover.png); background-repeat:no-repeat;}