@charset "utf-8";
/* CSS Document */


body {
	background-image:url("/images/fgc_bgd.jpg");
	background-repeat:no-repeat;
	background-position: top;
	margin:0px;
	padding:0px;
	text-align:center;
}

#page-background {
	float:left;
	background-image:url("/images/large_window_background.jpg");
	background-repeat:no-repeat;
	width:706px;
	height:440px;
	text-align:left;
	padding:20px 20px 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#page-background a:link { text-decoration:underline; color:#0000ff; }
#page-background a:visited { text-decoration:underline; color:#0000ff; }
#page-background a:active { text-decoration:underline; color:#0000ff; }
#page-background a:hover { text-decoration:underline; font-weight:bold ; color:#000000; }

#container {
	position: relative;
	margin: 0px auto;
	width:974px;
	padding:0;
}

#main {
	float:left;
	background-image:url("/images/fgc_webbgd.png");
	width:974px;
	height:622px;
    
	background-repeat:no-repeat;
	maring:0;
	padding:0;
}

/* quad layout */
.landing {
	float: left;
	width:744px;
	height:458px;
	margin-right:17px;
	text-align:right;
	padding-top:2px;
}
.landing #tl, .landing #tr, .landing #bl, .landing #br {
	float:left;
	width:372px;
	height:232px;
	padding:0px;
	background-image:url("/images/content_gray.jpg");
	background-repeat:no-repeat;
}
.landing #tl .image, .landing #tr .image, .landing #bl .image, .landing #br .image {
	float:left;
	width:200px;
	padding:8px 0 0 8px;
}
.landing #tl .desc, .landing #tr .desc, .landing #bl .desc, .landing #br .desc {
	float:left;
	width:150px;
	height:200px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:12px;
	padding: 16px 0 0 0;
}

.landing #tl-highlight {
 	float:left;
	width:372px;
	height:232px;
	padding:0px;
	background-image:url("/images/content_yellow.jpg");
	background-repeat:no-repeat;
}
.landing #tl-highlight .image {
    float:left;
	width:200px;
	padding:8px 0 0 8px;
}
.landing #tl-highlight .desc {
	float:left;
	width:150px;
	height:200px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:12px;
	padding: 16px 0 0 0;
}



/* dual layout */
.landing-dual {
	float: left;
	width:744px;
	height:458px;
	margin-right:17px;
	text-align:right;
	padding-top:2px;
}
.landing-dual #tl, .landing-dual #tr {
	float:left;
	width:372px;
	height:461px;
	padding:0px;
	background-image:url("/images/two_window_background.jpg");
	background-repeat:no-repeat;
}
.landing-dual #tl .image, .landing-dual #tr .image {
	float:left;
	width:336px;
	padding:12px 16px 12px 16px;
	text-align:center;
}
.landing-dual #tl .desc, #tr .desc {
	float:left;
	width:310px;
	height:96px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:12px;
	padding: 16px 29px 16px 29px;
}

.landing-dual #tl-highlight {
	float:left;
	width:372px;
	height:461px;
	padding:0px;
	background-image:url("/images/two_window_background_highlight.jpg");
	background-repeat:no-repeat;
}
.landing-dual #tl-highlight .image {
	float:left;
	width:336px;
	padding:12px 16px 12px 16px;
	text-align:center;
}
.landing-dual #tl-highlight .desc {
	float:left;
	width:310px;
	height:96px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:12px;
	padding: 16px 29px 16px 29px;
}


.nav {
	float:left;
	width:190px;
	padding-left:16px;
	padding-top:45px;
}
.nav_scroll_line { float:left;width:1px;height:411px;padding:47px 6px 0 0px;}

#logo {
	top:0px;
	left:0px;
	position:absolute;
	padding-left:12px;
	text-align: left;
}
#banner {
	float:left;
	padding: 0 0 0 145px;
	margin:0;
}
#menu {
	float:right;
	padding: 0px 12px 2px 0;
}
#footer {
	float:left;
	width:944px;
	padding-left:20px;
	line-height:1.5em;
	margin-top:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:11px;
	text-align:left;
}
#footer #privacy {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:11px;
	padding:2px 10px 0 0;
}
#footer #privacy  a:link {text-decoration: none ; color:#555}
#footer #privacy  a:visited {text-decoration: none ; color:#555}
#footer #privacy  a:active {text-decoration: none ; color:#555}
#footer #privacy  a:hover {text-decoration: underline; color:#555;}

.clearfix {clear:both;}
.spacer {padding-bottom:4px;}

.footer_text {
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:11px;
}

.footer_text a:link {text-decoration: none; color:#555; }
.footer_text a:visited {text-decoration: none; color:#555; }
.footer_text a:active {text-decoration: none; color:#555; }
.footer_text a:hover {text-decoration: underline; color:#555; }

.siteby {text-decoration: none; color:#888;}
.siteby a:link, a:visited, a:active, a:hover {text-decoration: none; color:#888;}

.instrument_name_text {
	font-family:Arial, Helvetica, sans-serif;
	color:#888;
	font-size:12px;
}

.horizontal_line {
    border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#dfdcd8;
	padding-bottom:6px;
	width:240px;
}

.godeeper_text a:link {text-decoration: none; color:#000; font-style:italic; }
.godeeper_text a:visited {text-decoration: none; color:#000; font-style:italic;}
.godeeper_text a:active {text-decoration: none; color:#000; font-style:italic;}
.godeeper_text a:hover {text-decoration: none; font-weight:bold ; color:#000; font-style:italic; }

.gobigger_text {
    font-style:italic;
	font-size:12px;
	text-align:center;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#dfdcd8;
	padding-bottom:6px;
	width:262px;
}
.gobigger_text a:link {text-decoration: none; color:#000; font-style:italic; }
.gobigger_text a:visited {text-decoration: none; color:#000; font-style:italic;}
.gobigger_text a:active {text-decoration: none; color:#000; font-style:italic;}
.gobigger_text a:hover {text-decoration: none; font-weight:bold ; color:#000; font-style:italic;}

#menuwrapper{
	float:left;
}
#menusearch{
	float:left;
	background-image:url("/images/search_bar.jpg");
	width:174px;
	height:30px;
	/*padding:0 3px 0 3px;*/
}
#menusearch .bar_field {
	float:left;
	width:124px;
	padding:3px 0 0 10px;
	color:#ccc;
}
#menusearch .bar {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	border:0px;
	width:120px;
	font-size:12px;
	color:#ccc;
}
#menusearch .bar_submit {
	float:left;
	width:30px;
	height:22px;
	cursor:pointer;
}

.scroll-pane {
	width: 200px;
	overflow: auto;
	background: #fff;
	float: left;
}
.scroll-pane2 {
	width: 424px;
	overflow: auto;
	background: #fff;
	float: left;
}
.scroll-pane3 {
	width: 710px;
	overflow: auto;
	background: #fff;
	float: left;
}
.scroll-pane-page {
	width: 710px;
	overflow: auto;
	background: #fff;
	float: left;
}
.scroll-pane-search {
	width: 714px;
	overflow: auto;
	background: #fff;
	float:left;
}
#navscroll {
	height: 411px;
	position:aboslute;
	top:0;
	left:0;
}
#navscroll img {float:left;clear:both;}

#navscroll2 {
	height:365px;
	position:aboslute;
	top:0;
	left:0;
}
#navscroll3 {
	height:378px;
	position:aboslute;
	top:0;
	left:0;
}
#navscroll_page {
	height:420px;
	position:aboslute;
	top:0;
	left:0;
}
#navscroll_search {
	height:350px;
	width:700px;
}
#navscroll_search .img {
	float:left;
	width:176px;
}
#navscroll_search .teaser {
	float:left;
	width:486px;
	padding-top:12px;
}
 
.main_window {
	background-image:url("/images/content_yellow.jpg");
	background-repeat:no-repeat;
	height:233px;
	width:372px; 
}
.others_window {
	background-image:url("/images/content_gray.jpg");
	background-repeat:no-repeat;
	height:233px;
	width:372px; 
}

.productinfo_window {
	background-image:url("/images/info_content.jpg");
	background-repeat:no-repeat;
	width:420px; 
	height:440px;
	padding:10px 16px 10px 20px;
	
}
 
.tab_window {
	background-image:url("/images/tab_window.jpg");
	background-repeat:no-repeat;
	height:465px;
}
 
#tabmenu {
	float:left;
	background-image:url('/images/tab_back.jpg');
    background-repeat:no-repeat;
    height:43px;
    padding:0;
    margin:0;
}

.tab { 
	float:left;
	text-align:left;
	font-family: verdana,sans-serif; 
	font-size: 12px;
	white-space: nowrap;
	text-align: center;
	padding:6px 0 6px 0;
	margin:0;
	cursor: pointer;
}

.tabhold { 
	color: #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	width:91px;
	height:38px;
}

.tabfocus { 
	color: #333;
	background-image:url("/images/active_tab.jpg");
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	width:93px;
	height:38px;
}

.tabcontent { 
	float:left;
	font-family: sans-serif; 
	font-size: 14px;
	width:279px;
	height: 415px; /*430px;*/
	padding:0;
	margin:0;
	background-image:url("/images/tab_window.jpg");
	background-repeat:no-repeat;
	text-align:left;

}
	
.tab_text {
	font-family:Arial, Helvetica, sans-serif;
	color:#b50501;
	font-size:12px;
	font-weight:bold;
	padding-left:16px;
}
.tab_text a:link {text-decoration: none ; color:#b50501; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.tab_text a:visited {text-decoration: none ; color:#b50501; font-size:12px; font-weight:bold; }
.tab_text a:active {text-decoration: none ; color:#b50501; font-size:12px; font-weight:bold; }
.tab_text a:hover {text-decoration: none; font-weight:bold ; color:#000000; }



.tab_text2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#e5ab24;
	font-size:12px;
	font-weight:bold;
}

.tab_text2 a:link {text-decoration: none ; color:#e5ab24; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.tab_text2 a:visited {text-decoration: none ; color:#e5ab24; font-size:12px; font-weight:bold; }
.tab_text2 a:active {text-decoration: none ; color:#e5ab24; font-size:12px; font-weight:bold; }
.tab_text2 a:hover {text-decoration: none; font-weight:bold ; color:#000000; }
 
 
.instrument_name {
	font-family:Arial, Helvetica, sans-serif;
	color:#e5ab24;
	font-size:16px;
	font-weight:bold;
	padding-bottom:4px;
	text-align:left;
}

.instrument_sub_tittle {
	font-family:Arial, Helvetica, sans-serif;
	color:#b50501;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #dfdcd8;
	padding-bottom:12px;
	text-align:left;
}
#search_results {
	font-size:12px;
	color:#333;
	padding-left:4px;
	width:706px;
}
#search_results .border {
	border-bottom:1px solid #dfdcd8;
	padding-bottom:12px;
}
#search_results .match {
	font-size:12px;
	font-weight:bold;
}
#search_results .query {
	color:#b50501;
	font-size:12px;
	font-weight:bold;
}

.product_text {
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	font-size:12px;
	vertical-align:top;
	padding-right:10px;
	padding-top:10px;
	text-align:left;
	z-index:1;
}


.gallery_thumbnail{
	border:solid;
	border-width:1px;
	border-color:#e4aa23;
}

.gallery_image{
	border-bottom:solid;
	border-bottom-color:#CCCCCC;
	border-bottom-width:1px;
	width:242px;
	padding-bottom:15px;
}

/* Product Show */
#product_container {
  float:left; 
  width:744px;
  height:458px;
  margin-right:17px; 
  margin-top:2px;
}
#product_container #details {
  float:left;
  width:460px;
  height:200px;
}
.accessories {
  float:left;
  width:279px;
  padding-left:4px;
}
.image_padding {
    float:left;
    width:260px;
	height:325px;
    padding:15px 0 16px 3px;
    text-align:center;
}
.gallery_container {
	float:left;
	padding:0 0 6px 6px;
}
.gallery_border {
  float:left;
  width:78px;
	height:54px;
	border:solid;
	border-width:1px;
	border-color:#ccc;
	text-align:center;
	padding-top:4px;
	cursor:pointer;
}
.gallery_border_highlight {
  float:left;
  width:78px;
	height:54px;
	border:solid;
	border-width:1px;
	border-color:#e4aa23;
	text-align:center;
	padding-top:4px;
	cursor:pointer;
}
.gallery-select {
  float:left;
  padding:6px 0 4px 2px;
  width:270px;
  height:260px;
  text-align:center;
}
.gallery-select .img {
	width:270px;
	height:230px;
	text-align:center;
	vertical-align:middle;
}
#galleries {
  float:left;
  width:260px;
  padding:6px 0 0 6px;
}

#divider {
  float:left;
  width:250px;
  height:2px;
  padding:10px 0 10px 18px;
}
.medialist {
  float:left;
  width:230px;
  font-family:Arial, Helvetica, sans-serif;
  padding:20px 0 0 30px;

}

.media_highlight {
	color:#e5ab24;
	font-size:12px;
	padding-bottom:6px;
}
.media_title { color:#333; font-size:12px; }
.media_title a:link, a:visited, a:hover { color:#333; }
.media_details { color:#999; font-size:12px;}
.audio_element {float:left;padding-bottom:6px;}

