BODY 	   {	   
	   background-color:#3D566C;
	   color: black;
	   margin : 1px 0px 5px 0px;
	   padding : 0px;
	   font-family: Helvetica, Geneva, Arial, Tahoma, sans-serif;
	   }

/* HEADER */

#header {
	height:87px; 
	vertical-align:bottom; 
	background-position:156px -4px;
	
	background-repeat:no-repeat; 
/*	background-image: url('/style/ustyle/mounts-winter.jpg');    */
	background-image: url('/image/headings/mount-spring-dog.jpg'); 

	}

#header #logo {
	position:absolute;
	background-repeat:no-repeat;
	text-indent: -5000px;
	left: 0px;
	top: 0px;
	background-image: url('/style/logo.gif'); 
	height:87px;
	width:150px;
	}

#header #clickspot {position:absolute;left:0px;top:0px;}


#header #searchbox {
	right: 30px;
	margin-top:15px;
	position:absolute
	}

.searchbutton {
	width:66px;
	height:21px;
	display: block;
	outline: none;
	background-color:yellow;
	background-image: url('/style/ustyle/btn-search.gif');
	}


#headerline {
background:#3D566C;color:white;font-weight:bold;margin-left:155px;margin-right:35px;
}

#headerline a:hover {color:#FFF; background:#3D566C;}

#nav
	{
	padding-left:25px;
	position: absolute;
	top: 66px;
	right: 2px;
	height:26px;
	border:0px solid red;
	width:460px;
	background-image: url('/style/ustyle/menu-backing.gif');
	background-position: -0px -6px;
	background-repeat: no-repeat;
	}

#nav li
	{
	bottom:0px;
	float: left;
	border-bottom: none;
	text-align: center;
	padding: 0;
	margin: 0;
	list-style:none;
	}

#nav li a
	{
	background-position: 0px 0px;
	display: block;
	height: 22px;
	outline: none;
	background-position: 0px -22px;
	}

#nav li a:hover
	{
	background-position: 0px 0px;
	}

#nav li .nav_current
	{
	background-position: 0px 0px;
	}

#nav li .nav_current:hover
	{
	background-position: 0px 0px;
	}

#nav_1_home {
	background-image: url(/style/ustyle/nav-home.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	width:82px;}

#nav_1_watches {
	background-image: url(/style/ustyle/nav-watches.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	width:127px;
	
	}

#nav_1_about {
	background-image: url(/style/ustyle/nav-about.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	width:100px;
	}

#nav_1_contact {
	background-image: url(/style/ustyle/nav-contact.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	width:125px;
	}


/*--------*--------*--------*/
/* COLUMN SETUP */
#content {
	margin:0px 2px 0px 150px;
	padding: 0px 2px 0px 12px;
	}

#selectbar {
	margin:0px 2px 0px 150px;
	padding: 0px 2px 0px 12px;
	}


#navbar {position:absolute;
border-bottom:5px solid #5A5750;
border-left:1px solid #3D566C;
border-left:1px solid #3D566C;
color:white;
left: 0px;
width:155px;
top:88px;
padding: 0px;
background-color:#594126
}

#navbar a 		{color:#FFFFFF; border:0px; }
#navbar a:visited 	{color:#EBF3A3;}
#navbar a:hover 	{text-decoration: underline; color:#FFF; background:#3D566C;}   

#navbar li
	{
	text-indent:-11px;
	list-style:none;
	}



#contentbox {
margin:0px 355px 0px 160px;
padding: 0px 5px 0px 5px;
}

#contentbar {
	position:absolute;
	float:right;
	margin:1px;
	right:4px;
	width:345px;
	top:130px;
	padding: 2px;
	}

#contentbar li {text-indent:-4px;}

#contentbox.home {  margin-right:280px;  }

#contentbar.home   {width:275px }



/*--------*--------*--------*/
/* LIST STUFF */

ul {list-style-type:none;
	margin:0px;
	padding: 0em 0em 0.5em 0.4em; }

ul li {   padding-left:18px;  padding-top:1px;}

ul.ourdot li {background:url('/style/ustyle/circle.gif') no-repeat 0 0.5em;}

ul.ourdot li.noDotBold {list-style-image:none;list-style-type:none;font-weight:bold;}

ul.menu {
	margin:0;
	padding: 0em 0em 0.5em 0em;
	}	

ul.menu li {background:url('');}

ul.ToC {font-size:105%;	}

ul.ToC li {   
padding-left:18px;
background:url('/style/ustyle/circle.gif') no-repeat 0 0.5em;
padding-top:1px;
}


span.standout {color:#89A5BD; font-weight:bolder;}

td.standout {color:#89A5BD; font-weight:bolder;}


li.noDotBold {list-style-image:none;list-style-type:none;font-weight:bold;}


ul.thumbline {list-style-type:none; 
	margin:5px;
	left:auto;
	margin-left:10%;
	right:auto;
	position:relative;
	min-height:160px;
	height:160px;
	list-style-image: none;
	text-align:center;
  }

ul.thumbline li {float:left;clear:right;margin-right:10px;text-align:center;}

/*--------*--------*--------*/
/* LINK STUFF */
a 		{color:#804329; border:0px;}
a:visited 	{color:#806A29;}
a:hover 	{text-decoration: underline; color:#3D566C;}   

/* ...TODO: mass rename ImgLink to ThumbLink ...*/
a.ImgLink		{display:block; width:98px; border:1px; padding:1px; background-color:#804329;} 
a.ImgLink:visited 	{background-color:#806A29; background:#806A29; color:#806A29; padding:1px;}
a.ImgLink:hover 	{color:#3D566C; background:#3D566C;}

a.imagelink             {display:inline-block;border:2px; padding:1px; background-color:#336633;}
a.imagelink:visited 	{background-color:#804329; background:#804329; color:#804329; padding:1px;}
a.imagelink:hover 	{color:#ffffff; background:#999966}


/* a.cashprice {text-decoration: none; color:#0066cc}
a.cashprice:hover {text-decoration: none; color:#FFFFFF; background:#0066cc} */

a.cashprice {text-decoration: none; }


/*--------*--------*--------*/
/*  HEADINGS
h1: actually, not in use
h2: topics and headings    
h3: information: bold and center - same font size 
h4: smaller font
h5: only used in want list pages - depreciate from there and reuse   */
/* ....to sarif or to sans sarif? ....  font-family:Georgia,Baskerville,Times New Roman,Bodoni;*/ 

h1 {font-size:125%;text-align:center;letter-spacing:.05em; margin-top:0px;margin-bottom:0em}
h2 {font-size:120%;text-align:center; letter-spacing:.05em; margin-top:0px;margin-bottom:0em} 
h3 {    text-align:center; font-weight:bolder;margin:.5em;padding:0px;}
h3.bubble { text-align:center; font-weight:bolder;margin:0 .5em 0 .5em}
h3.alert { color:#EE1111; text-align:center; font-weight:bolder;margin:0 .5em 0 .5em}
h4 {font-size:70%;text-align:center;}
h5 {font-size:115%; margin:1px;padding:0px;margin-top:5px;}

div#footer {margin-left:155px;margin-right:55px;}

/*--------*--------*--------*/
/* FONT/TEXT EFFECTS */
.fontbig {font-size:125%;}
.fontup {font-size:110%;}
.fontdown {font-size:85%;}
.fontdown2 {font-size:75%;}
.fontdown3 {font-size:63%;}
.stylelink {font-size:110%;margin:0px;padding:0px;margin-bottom:0px;}
.boldit {font-weight:bold;}
.SmallCapSmall {font-variant: small-caps; font-size:smaller;}
.attn {font-weight:bold;color:#CC1122;font-size:larger;}
.bwid {font-style:italic;font-weight:bold;color:#5a5750;font-size:larger;}
span.discount {font-style:italic;font-weight:bold;color:#ff3333;font-size:smaller;}

/*--------*--------*--------*/
/*  FIELDSET STUFF currently only used for content (query.cfm) and shopping cart forms */
/* good stuff, should be used more */
div fieldset {
  clear: both;
  border-color: #ccc;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  padding: 3px;
  margin: 0px;
}

div fieldset legend {
  font-size: 115%;
  font-weight: normal;
  color: #000000;
  margin: 10px 0 0 0;
  padding: 0 5px;
	}




/*--------*--------*--------*--------*--------*--------*--------*--------*/
/* SUBMENUS */
table.submenu, div.submenu, div.detailmenu {
		float:left;
		width:50%;
		border-right:0px solid #000;
		border-bottom:0px solid #000;
		margin:0px 10px 0px 10px;
		text-align:center;
		padding:3px;
	
}


/*--------*--------*--------*/
/* SIDE nav MENU */
div.sidebar {width:150px; }
span.left-submenu{border-top-color:#FFF;}

.menutitle{
	cursor:pointer;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color:#3D566C;
	color:#FFF;
	width:auto;
	text-align:center;
	font-weight:bold;
	font-size:larger;
	letter-spacing:.03em;
	/*/*/border:0px solid #000000;/* */
	/*/*/border-top:1px solid #111111;/* */
	}

.menutitle:hover{
	color:#000;
	background-position: 0 -34px;
	}

.menutitle:active{
	background-color:#fff;
	color:#3D566C;
	}

.mselected{
	color:#000;
	border-bottom:5px solid #5A5750;
	}



/*--------*--------*--------*/
/* RANDOM AND PURPOSEFUL THINGS */


div.article{margin-left:5%;margin-right:5%;}
div.Split {padding:.10em; background:#DDDDDD;}
div.info,p.info {margin-left:10px;margin-right:10px;line-height:135%;max-width:900px;margin-left:auto;margin-right:auto;}

p.quote {margin-left:10%;width:70%;font-size:95%;font-style:italic;}
 
/* omenu = options menu for product listings:  sorting - turn blurbs on/off  */
div.omenu {text-align:center; margin:0em;padding:0em;border:0em;font-size:smaller;margin-bottom:3px;}

/* just a subtle line break */
div.spacer {margin:.35em}

div.spacerBig {margin:1.35em}


/* just another subtle line break */
br.spacer {margin:1px}

/* used to move the 3rd column down to align with the select menu */
div.selectspacer {margin-top:2.2em;}

/* highlights a chosen link - */  
.selected {color:#336599;font-weight:bold}   /* FFFF99 yellow only works on dark backgrounds */
.selectedUp {color:#336599; font-weight:bold;font-size:larger;}

/* some simple style to easily split content into halves */
div.lefthalve {
	float:left;
	width:50%;
	border-right:0px solid #000;
	border-bottom:0px solid #000;
	margin:0px 10px 0px 10px;
	}

div.righthalve { 	}

/* some simple style to easily split content into halves */
div #leftselect {
	float:left;
	border-right:0px solid #000;
	border-bottom:0px solid #000;
	margin:0px 10px 0px 10px;
	padding-top:0px;
	height:0em;
	}

div #rightselect {float:right;
	clear:both;
	}



#SelectSize {margin-bottom:0px; }
#SelectSize {margin-right:4px;} 


/*--------*--------*--------*/

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#FFF; border-width:0 5px;}

.xb5 {margin:0 2px; background:#FFF; border-width:0 4px;}
.xb6 {margin:0 2px; background:#FFF; border-width:0 3px;}
.xb7 {margin:0 1px; background:#FFF; border-width:0 3px; height:2px;}

.xboxcontent {display:block; background:#fff; border:3px solid #fff; border-width:0 3px;; color:black;}


#yboxcontent  { display:block; 
		background:#AABECF; 
		border:0px solid #AABECF; 
		border-width:0 0px;
		color:black; 
		min-height:1000px;
		height:auto !important;
  		height:1000px;
		} 
		
		
.spacer2 {height:34px;}

/*--------*--------*--------*/
/*    COLORS IN PLAY:
3D566C: header and main bg  (Background #1)
594126: nav menu   7 65733 
804329 : link 
806A29 : visited link
FFFF99 : yellow
AABECF : (background #2)
*/