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

/* reset */
* { margin: 0px; padding: 0px }

body {
	margin: 0px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 13px;
	line-height: 120%;
	min-height: 100%;
	text-align: center;
	padding-top: 5px;
	/* background-color: #003870;  #c3e1fe*/	
	/*background: #336699 url(../page_graphics/body_bg.jpg) top left repeat-x;*/
	background-color: #336699;
	color: #000070;
	-moz-outline: none !important;		/* firefox focusing box */
}


a img { border: none; }
a:link { color: #0033FF; text-decoration: none  }
a:hover { color: blue; text-decoration: none; /*background-color: #ccf*/  }
a:visited { color: #2A5FFF; text-decoration: none  }
a:active { color: blue; text-decoration: none  }
p { margin: 10px 0; }
.block, .attention_block { margin: 15px 0 25px 0; }
.heading_block *, .block *, .attention_block * { margin: 8px 0 0 0; }
.attention_block { text-align: center;  color: red; font-weight: bold; }
.attention_block a { color: red; text-decoration: underline; }
.heading_block { margin: 15px 0 25px 0; text-align: center;  color: #0033FF;  }
.heading_block h1, .heading_block h2, .heading_block h3 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
.heading_block .sub_head { font-size: 110%; }			/* title above the main title, e.g. Pocketwatch 101 */
.heading_block h2 { font-size: 115%; }			
.heading_block h3 { font-size: 110%; }


h1  { margin: 20px 0; color: #0033FF; font-family: Arial, Helvetica, sans-serif;  font-weight: normal; font-size: 135%; line-height: 120%;  text-align: center; }
/*.heading p { margin: 3px 0 0 0; }*/

.call_out { text-align: center; margin: 20px 0;  font-weight: bold; }
.call_out p { margin: 3px 0 0 0; }
.call_out p, .call_out a { color: #0033FF; }

.attention_catching { width: 80%; margin: 15px auto; padding: 5px; text-align: center; color: #333; background-color: #eaeaea; border: 1px solid #a9a9a9; }
.center { text-align: center; }

.table_title_block { margin: 25px 0 15px 0; text-align: center; }
.table_title_block * { margin: 5px 0 0 0; }

h2 { font-size: 115%; margin: 10px 0; }
h3 { font-size: 108%; margin: 10px 0;  }
h4 { font-size: 102%;  margin: 10px 0; }
h5 { font-size: 100%;  margin: 10px 0; }


/* layouts */
div#container {
	position: relative;
	width: 790px; 
	margin: 0 auto;
	text-align: left;
	/*background: #fff url(../page_graphics/gear-train-light.jpg) top center repeat-y;*/
	background-color: #fff;
	border: 4px double #333;
}

#content_wrapper { position: relative; /*width: 769px; left: 10px;*/ overflow: hidden; }

#header { padding-top: 10px; position: relative; width: 790px; /*height: 100px;*/ z-index: 2000; }

#header #header_image { display: block; margin:  0px auto 0px auto; }
#header #bookmark { position: absolute; top: 14px; left: 27px; }
#header #payment { position: absolute; top: 10px; left: 659px; }

#menu { position: relative; top: 3px; height: 26px;  background: #e9e9e9 url(../page_graphics/menu_bg.jpg) top left repeat-x;;  font-size: 13px;  border-top: 1px solid gray; border-bottom: 1px solid gray; padding: 2px 0 2px 60px; font-family: Verdana, Arial, Helvetica, sans-serif; z-index: 2000; }
	
.sub_nav { text-align: center; /*font-family: "Times New Roman", Garamond, Georgia, Times;  font-style: italic; font-weight: bold; *//*line-height: 120%;*/   }
.sub_nav p { font-size: 95%; font-weight: normal; }
.sub_nav ul { margin: 5px 0 0 0; }
.sub_nav ul li { display: inline;  }
.sub_nav li a { font-size: 90%; color: #003399; padding: 0 10px; border-right: 1px solid #666666; }
.sub_nav li.current a { color: #900; }
.sub_nav li.first a { padding-left: 0px; }
.sub_nav li.last a { border: none; padding-right: 0; }

#content_wrapper { background: #fff; }

#mainContent {  position: relative;  padding-top: 20px; /*width: 618px;*/ min-height: 700px; } 
#mainContent p { line-height: 125%; }

.oneColFixCtrHdr #mainContent { min-height: 500px; width: 93%; margin: auto; border: none; }
.twoColFixLtHdr #mainContent { margin: 0 0 0 150px; border-left: 1px solid #CCC;  } 
.twoColFixRtHdr #mainContent { margin: 0 150px 0 0px; border-right: 1px solid #CCC;  } 
.twoColFixLtHdr #mainContent, twoColFixRtHdr #mainContent { width: 600px; padding-left: 15px; padding-right: 15px; }

.twoColFixLtHdr #mainContent .divider { clear: right; }
.twoColFixLtHdr #mainContent .clearboth { clear: both; }
.twoColFixLtHdr #mainContent .centerimg { clear: right; }

#back_to_top { position: relative; top: -12px;  text-align: right; clear: both; padding: 0 20px 0px 0;  font-size: 90%; }
.twoColFixRtHdr #back_to_top { left: -155px; }
#back_to_top a { color: #666; }

#sidebar { width: 150px; /*background: url(/watch_resources/page_graphics/sidebar_bg.jpg) repeat-x;*/ }
.twoColFixLtHdr #sidebar { float: left;  }
.twoColFixRtHdr #sidebar { float: right; }

#sidebar ul { font-size: 95%; padding: 15px 0 10px 0; list-style-type: none; }

.twoColFixLtHdr #sidebar ul li { text-align: right; }

#sidebar .nav_item { padding: 5px 30px 2px 0; font-weight: bold; color: #233590; }
#sidebar ul li a { display: block; padding: 5px 20px 5px 0; font-weight: bold; text-decoration: none;  color: #233590; }
#sidebar ul ul { padding: 2px 20px 0px 0; }
#sidebar ul ul li a { padding: 2px 0; color: #526bb4; font-size: 95%; }
#sidebar ul li a:active { color: #8f4625; }
#sidebar ul li a:hover { color: #8f4625; }
#sidebar ul li p { color: #999; font-size: 85%; font-style: italic; margin: 0; }

#sidebar #thumb_group { margin-top: 20px; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
#sidebar #thumb_group h4 { text-align: center; }
#sidebar .img_thumb { padding-top: 12px; }
#sidebar .img_thumb p a { background-color: #fff; padding: 0 3px; }
#sidebar .img_thumb p { text-align: center; }

#sidebar .quote { text-indent: -0.5em; font-style: italic; margin: 15px 15px; }
#sidebar .quote .author { padding-top: 5px; padding-right: 5px; text-align: right; }

#footer { position: relative;  width: 790px; text-align: center;  padding-top: 8px; background-color: #336699; font-size: 85%; color: #fff; margin: auto; }
#footer ul { padding: 3px 0; }
#footer li { display: inline; }
#footer li a { color: #fff; padding: 0 10px; border-right: 1px solid #fff; }
#footer li.last a { border: none; }
#footer p { margin: 0; }
#footer p a { color: #fff; }
#copyright { padding: 5px 0 0 0; font-size: 95%; /*color: #fff;*/ }
#copyright p { padding-top: 0px; }

#tags { font-size: 80%; text-align: center; }
.quote, .quote_1st_para,  .quote_rest { text-indent: -0.5em; font-style: italic; margin: 0px 30px; }
.quote_rest { text-indent: 0; }
.author, #mainContent .author_rest{ padding-top: 5px; margin-right: 30px; text-align: right; }
.author_rest { padding: 0; }

.simple_quote { font-style: italic; margin-left: 15px; margin-right: 15px; }
.pullquote { border-top: 1px solid #999; border-bottom: 1px solid #999; text-indent: -0.5em; font-style: italic; margin: 15px 30px; padding: 8px 0; }

ul.indent_list, ol.indent_list, div.indent_list ul, div.indent_list ol { margin-left: 30px; }
.multiline_list li, .multiline_list li a { margin: 12px 0; }
.extra_space_list li { margin: 4px 0; }

.keyline { border: 1px solid #000; }
.keyline_light { border: 1px solid #CCC; }
.fltrt { float: right; margin-left: 8px;  margin-top: 8px; }
.fltlft { float: left; margin-right: 8px;  margin-top: 8px; }
.centerimg { display: block; clear: both; margin: 10px auto; }
.center_multiple_images { text-align: center;  margin: 8px 0; }
.center_multiple_images img { padding: 0 5px;  }
.no_top_margin { margin-top: 0; }

.image_with_caption  { text-align: center;  padding: 10px 5px;  }
.image_with_caption img { padding: 0; }
.image_with_caption p {  margin-top: 3px; margin-bottom: 1px; color: #333; font-size: 95%;  }
.image_with_caption p+p {  margin: 0; }

.page_nav { float: right; margin: 0px 10px 8px 0; }

.clear { clear: both; }
.clear_right { clear: right; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.divider { clear: both; background: url(../page_graphics/colophon_rule.jpg) no-repeat center center; height: 50px; }
.divider1 { clear: both; background: url(../page_graphics/colophon_rule_long.jpg) no-repeat center center; height: 50px; }
.divider2 { clear: both; background: url(../page_graphics/thin_rule.jpg) no-repeat center center; height: 30px; }

.indent, .indent p, .indent h4, .indent h3 {  margin: 0 12px; }
.inset { margin: 15px 12px; padding: 6px 12px 14px 12px; border: 1px solid #999999; }
.inset2 { width: 92%; margin: 15px auto; padding: 10px 15px; background-color: #e8e8e8; border: 1px solid #999999; font-style: italic; }
.center_block { margin: auto; }
.center_text, .align_center { text-align: center; }
.align_right { text-align: right; }
.align_left { text-align: left; }

.extra_top_margin { margin-top: 20px; }
.extra_bottom_margin { margin-bottom: 20px; }
.no_top_margin { margin-top: 0; }

.attention { color: #FF0000; }
.attention1 { color: #FF0000; font-style: italic; }
.attention2 { font-weight: bold; }
.attention3 { font-weight: bold; text-align: center; }
.attention4 { font-weight: bold; font-style: italic; }
.attention5 { font-weight: bold; margin-left: 24px; }

.italic { font-style: italic; }
.gray_border_top { border-top: 1px solid #CCC; }
.gray_border_bottom { border-bottom: 1px solid #CCC; }
.gray_borders { border: 1px solid #CCC; }

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

#disclaimer { font-weight: bold; font-size: 95%; background-color: #F2F2F2;  padding: 5px 10px; border: 1px solid #999; }

.datatable  { width: 100%; border-collapse: collapse; border-spacing: 0px; border: solid 1px gray; text-align: center;  margin: 10px auto;  }
.datatable td { border: 1px solid #666;  padding: 5px 5px; vertical-align: top; }
.datatable caption { font-weight: bold; font-size: 120%; padding: 5px 0; background: #dceaf4;  border: 1px solid #D3D3D3; border-bottom: none; }
.datatable .odd_row { background-color: #f2f2f2; }

.datatable thead tr { background: #e8e8e8; }
.datatable thead th  { border: 1px solid #666; padding: 2px 0; }

.datatable td p { margin: 0;  }

.multi_tables { float: left; width: 30%; margin: 0px 5px 8px 5px; }
.two_tables  .multi_tables { width: 40%;  margin-bottom: 15px;  }
.multi_tables.first { margin-left: 20px; }
.two_tables .multi_tables.first { margin-left: 50px; }
.multi_tables+div, .multi_tables+p, .multi_tables+h1, .two_tables+div, .two_tables+p, .two_tables+h1 { padding-top: 10px; }

.width_40 { width: 40%; }
.width_50 { width: 50%; }
.width_60 { width: 60%; }
.width_70 { width: 70% }

#item_list p { margin: 0; }
#item_list .item { clear: both; padding: 20px 10px;  margin-top: 20px;  border-top: 1px solid gray; }
#item_list .last { border-bottom: 1px solid gray; }
#item_list .item .thumb { float: left; width: 200px; }
#item_list .item .thumb img { display: block; margin: auto; }
#item_list .item .about { margin-left: 210px; }
#item_list .item .about h3 { margin: 0;  font-size: 105%;  }
#item_list .item .about p { padding-top: 4px; }
#item_list .soldout { /*font-size: 104%;*/ font-weight: bold; color: #CC0000; }
#item_list .in_stock { /*font-size: 104%;*/ font-weight: bold; color: #006600 }

#top_ad, #middle_ad { padding-top: 7px; padding-bottom: 8px; border-bottom: 1px solid #CCC;  text-align: center; color: #999; font-size: 75%; background-color:  #eaeaea;}
#middle_ad { background-color: #fff; border-bottom: none; }
#top_ad p { margin-top: 3px; margin-bottom: 2px;  letter-spacing: 8px; }
#middle_ad p { margin-top: 3px; margin-bottom: 8px;  letter-spacing: 6px; }
#top_ad #note { margin-top: 5px; font-size: 120%; letter-spacing: normal; color: #666; }

#bottom_ad { margin: 20px; /*margin: 20px, auto, 20px, auto;*/  padding: 10px; padding-left: 15px; background-color: #fff; border: 1px solid #CCC;  text-align: center; font-size: 75%; color: #999; }
#bottom_ad p { margin-top: 3px; margin-bottom: 2px;  letter-spacing: 6px; }

.howto_middle_ad { clear: both; padding-top: 10px; padding-bottom: 10px; text-align: center; color: #999; font-size: 70%; /*border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;*/ }
.howto_middle_ad p { margin-top: 3px; margin-bottom: 8px;  letter-spacing: 6px; }
#bottom_right_side_ad, #howto_bottom_ad { float: right; margin: 0px 20px; padding-bottom: 20px; text-align: center; font-size: 70%; color: #999;}
#bottom_right_side_ad p , #howto_bottom_ad p { margin-top: 3px; margin-bottom: 2px;  letter-spacing: 6px; }

.ad p { margin-bottom: 2px; text-align: center; letter-spacing: 5px; font-size: 70%; color: #999; }

#suggestions_and_ad { width: 93%; margin: auto; padding-bottom: 10px; }

#vacation_note { padding: 8px 5px; margin-left: 30px; margin-right: 30px; color: #AA0000; border: 1px solid gray; }

.serial_table_notes {  width: 92%; clear: both; margin: 5px auto 0 auto; padding: 15px 0px; /*text-align: center;*/ background-color:#E8E8E8; border: 1px solid #ddd; }
.serial_table_notes .left { float: left; width: 40px; padding-left: 8px; padding-top: 10px; color: #F00; }
.serial_table_notes .right { padding-left: 100px; padding-right: 10px; }
.serial_table_notes * { /*margin: 2px 0 0 0;*/ }
.notes { clear: both; padding-top: 10px; text-align: center; }
.asterisk_note { font-style: italic; }

.underline { padding-bottom: 2px; border-bottom: 5px solid #CCC; }

.register { font-size: 90%; } 

.visitor_counter {margin-top: 12px; color: #0033FF; font-family: "Times New Roman", Garamond, Georgia, Times; font-weight: bold; text-align: center; font-size: 122%;}