body {
  background:#A6A6A6;
  margin:0 auto;
  padding:20px 10px;
  font:90%/1.25 Helvetica, Arial, Verdana, sans-serif;
  color:#000000; 

    /* This sets IE5,5.5/Win to the correct size 
    font: x-small helvetica, tahoma, arial, verdana, sans-serif;
    voice-family: "\"}\"";
    voice-family: inherit;*/
    /* This size is for all other browsers, including IE6+ 
    font: small Helvetica, tahoma, arial, verdana, sans-serif;*/

 

 /*font:normal 100%/1.5em Arial,"Trebuchet MS",Verdana,Sans-serif;  8C8C8C */
  }



.watchnavtab{font:0.90em Verdana,Sans-Serif;   /* Georgia, serif;  */}
.watchnavtab a:link{color:#666666; text-decoration:none; }
.watchnavtab a:visited{color:#666666; text-decoration:none; }
.watchnavtab a:active{color:#666666; text-decoration:none; }
.watchnavtab a:hover {COLOR: #666666; BACKGROUND: WHITE; TEXT-DECORATION: none}
/* 684  737373 7F7F7F 595959 */

.watchnavtop {FONT: 1em Verdana,Sans-Serif; background-color:#7F7F7F ;}
.watchnavtop A:link {COLOR: white; TEXT-DECORATION: none}
.watchnavtop A:visited {COLOR: white; TEXT-DECORATION: none}
.watchnavtop A:active {COLOR: red; TEXT-DECORATION: none}
.watchnavtop A:hover {COLOR: #666666; BACKGROUND: WHITE; TEXT-DECORATION: none}

.preferences{font-size: 12px;padding-right: 5px;}
 
a:link {
 /*  color:#485C5A;    color:#684; color:#336600; 2E5480 003399 */ 
   color:#003399;
  text-decoration:none;
  }

 a:visited {
  /*  color:#993300;  color:#996; #996666; #070571  595959*/
color:#595959;
  text-decoration:none;  
  } 
  
a:hover {
  color:#c60;
  text-decoration:underline;
  } 

a:active {
 /*  color:#485C5A;    color:#684; color:#336600; */ 
   color:#003399;
  text-decoration:none;
  }



a img {
  border-width:0;
  border: none;
  }


/* Content
----------------------------------------------- */
#logon {
	width: 98%;
	margin-bottom: 8px;
	padding: 3px;
	font: 10px Verdana;
	border: 1px solid #808040;
	background-color: #fff;
}

#top {
	/*width: 99%; */ 
        margin-top:5px;
	padding: 3PX;
	font: 10px/12px Verdana;
	border: 1px solid #808040;
	background-color: #7F7F7F ; 
}
#maintop {
        width: 100%;
	text-align: center;
	margin: 0;
	padding: 6px;
	font: 10px/12px Verdana;
	color: #000000;
	background-color: #E0E0E0;
	border-bottom: 2px solid #333333;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
}

#page {
  width:99%;
  border:2px;
  padding: 6px;
  margin:0 auto;
  background-color: #fff ; /*fff f8f8f8*/
  border: 1px solid #333333;  
  clear:both;
  float:left;
  min-width:950px;
  min-height:1000px;
  height:auto !important;
  height:1000px;
 
}


#content {
  width:100%;
  border:2px;
  padding: 6px;
  margin:0 auto;
  float:left;



  }

#main {
  padding: 2px;
  width:73%;
 float:left;
text-align:left;



  }
#sidebar {
  /*position: absolute; top: 180px; left: 73%;*/
  padding-left: 10px;
  width:25%;
  float:left;
  min-height:1000px;!important;
  height:auto !important;
  height:1000px;

  }

#footer {
font:Arial, Verdana, sans-serif;
font-size:90%;
  width:95%;
  text-align:center;
  clear:both;
   /*   margin:0 auto; */
  }

/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 0.5em;
  padding:0 0 0.5em;
  list-style:none;
  }
#sidebar li {
  font:85%/1.45 Arial, Verdana, sans-serif;
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-10px;
  line-height:1.5em;
  }
#sidebar p {
  color:#999;
  line-height:1.5em;
  }

/* Header
-----------------------------------------------  */

#mast-title {
  margin:0;
   padding:1px;
  font-size:2.00em;
font-family: Copperplate Gothic bold, Times New Roman, Georgia, serif;
   text-align:center;
  color:#fff;
  background:#2E5480; 
  }
#mast-subtitle {
  margin:0;
  padding:1px;
  font-size:1.00em;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  text-align:center;
  color:#fff;
  background:#2E5480; 
  }

#blog-title {
  margin:0;
  /* padding:10px 10px .25em; */
   padding:10px 0px 10px 0px;
  font-size:130%;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  text-align:center;
  color:#fff;
  background:#2E5480; 
/*#8AB1B5;  004A8C  005FB3*/
  }
#blog-title a {
  color:#ccc;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#7F7F7F ; /*ad9*/
  }
#description {
  margin:0 5px 5px;
  padding:0 10px 10px;
  font:100%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color:#808040;
  text-transform:uppercase;
  letter-spacing:.2em;
  border-bottom:solid 2px #dddddd;
  text-align:center;
background:#E9EDD8;

  }

h1{font-size:150%;}
h2{margin:0px 0px 4px 0px;
padding:2px 0px 2px 2px;
background:##ddd;
border-bottom: 1px solid #999999;
font:bold 75% Verdana,Sans-Serif;}

/* Posts
----------------------------------------------- */

.ps {clear:both; padding-top: 1.00em;}
.postSpacer {clear:both; padding-top: 1.00em;}


.date-header {
  margin:1.5em 0 .5em;
  }
.post {
  margin:.5em 0 1.5em;
  border:1px solid #444;
  padding:1.5em;
  }
.post-title {
  margin:.25em;
 border-bottom:1px solid #444; 
  padding:0;
  font-size:140%;
  line-height:1.4em;
  text-decoration:none;
  }
.post-reply{
  margin:.5em 0 1.5em;
  border:0px solid #444;
  padding:1.5em;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#333;
  float:left;
  }
.image {
  width:300px;
  float:left;
  padding:4px;
  border:1px solid #222;
  margin:0 8px 3px 0;
  }

.forumpost{font: "Trebuchet MS", Arial, sans-serif 12px;line-height: 1.4;}
.forumpost-date{font-size: 75%;color:#003399;}
.postSpacer {clear:both; padding-top: 1.00em;}


.forumpost img{max-width:1024px; }
.collection img{max-width:1024px; }

/* .forumpost img:hover {max-width:1024px;  } 
.forumpost img{max-width:1024px; }
*/



/*
.forumpost img{-webkit-transform: scale(0.75); }
.forumpost img:hover {-webkit-transform: scale(1); }
.forumpost img{-webkit-transform:rotate(5deg);webkit-box-shadow:10px 10px 5px #888;}
 */


/* Visual Nav */
ul.visual-nav {list-style-type:none;margin:0;padding:0;}
ul.visual-nav li {display:inline;margin:0;padding:0;}
/*  Comments */

.comment-container{}

.comment-datablock{
  font:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
}
.comment-title{
   font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
}
.comment-name{ 
  float:left;
  padding-right:5px;
}
.comment-text{}
.comment-date{
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
}

.comment-form{}

.forum-title {
  margin:0px;
  border-bottom:1px dotted #444;
  padding:0px;
  font-size:140%;
  line-height:1.4em;
  color:black;
  text-decoration:none;
  }
.forum-response {
  margin:0px;
  border-bottom:1px dotted #444;
  padding-bottom:5px;
  text-align:right;
  text-decoration:none;
  }
.forum-responsetop {
  margin:0px;
  border-top:1px dotted #444;
  padding-bottom:5px;
  text-align:right;
  text-decoration:none;
  }
.forum-right {
  margin:0px;
  padding-bottom:5px;
  text-align:right;
  text-decoration:none;
  }
.forum-mast{
  margin:2px;
  padding:2px;
  border-bottom: 1px solid #999999;
  font-size:100%;
  text-align:left;
  text-decoration:none;
  }
.forum-newmessage {
  margin:0px;
  padding:0px;
  text-align:right;
  text-decoration:none;
  }

.forum-nextpost {
  margin:0px;
  padding:0px;
  text-align:left;
  text-decoration:none;
  }



/* Tabs */


	#tabmenu {
	   /*	color: #000;           */
		border-bottom: 1px solid black;
		margin: 5px 0px 0px 0px;
		padding: 0px;
	        z-index: 1;
		padding-left: 5px }

	#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; }

	#tabmenu a, a.active {
		font: "Trebuchet MS", Arial, sans-serif;
		border-top: 1px solid black;
                border-left: 1px solid black;
                border-right: 1px solid black;
		padding: 0px 2px 0px 1px;
		margin: 0;
		text-decoration: none; }

	#tabmenu a.active {
	   	background: #595959; /* ABAD85 */
                color: #fff;
                border-bottom:solid 2px #ffffff;
}

	#tabmenu a:hover {
		color: #fff; 
                background: #7F7F7F ; }

	#tabmenu a:visited {}

	#tabmenu a.active:hover {
		background: #7F7F7F ;
		color: #fff; }

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('http://market.watchprosite.com/img/watchprosite/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('http://market.watchprosite.com/img/watchprosite/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 



/* watch.photo.css */
#photo  {width:400px;text-align:center;border:1px solid white;}
.photofull {width:400px;border:1px solid black;}
#thumb  {text-align:left;border:1px solid white;}
#thumbcomment  {height:75px;width:75px;overflow:hidden;text-align:right;border:1px solid white;}
.thumb {padding:4px;border:1px solid black;}
.thumbcomment {padding:4px;border:1px solid black;}
.thumbSquare {padding:4px;border:1px solid black;height:75px;width:75px;overflow:hidden;}

/*album post*/

.postImage {
  padding:4px;
  margin:6px;
  float:left;


}
.albumFirstImage {
  float:left;
  width:200px;

}
.albumFirstImage img {
  width:200px;
}
.albumThumbGroup {
  float:right;
  width:250px;
}

.albumThumbs {
 /*padding:4px;*/
 margin:2px;
 /*black;*/
 height:66px;
 width:66px;
 overflow:hidden;
 float:left;
}
label
{
width: 4em;
float: left;
text-align: right;
margin: 0 1em 10px 0;
clear: both
}


/* PhotoZoom */

/*  last good

#photozoom img {max-width:100%;height:auto; background:gray;}
#photozoom a img {margin:0 0 5px 5px; }

end last good */

/* #photozoom a:hover img {width:100%;height:100%; }border:1px solid #000;*/
/* #photozoom a:hover img { height:auto; width:auto;border:3px solid #000; } */
/*#photozoom a:hover {padding:0; }*/
/* End PhotoZoom */

.modEdit {
  clear:all;
  float:left;
  padding-top:2.00em;
  text-align:right;
  text-decoration:none;
  font-family: Arial, Helvetica, Tahoma, Verdana;
  font-style: italic; 
  font-size: 0.80em;
  }



/* MSO Style Definitions */
.MsoNormalTable{
    margin-left: auto;
    margin-right: auto;
    width: 6em;
  text-align:left;

}
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;margin-bottom:.0001pt;}
p.MsoBodyText, li.MsoBodyText, div.MsoBodyText
{margin-top:0in;margin-right:0in;}
span.MsoHyperlink
{color:blue;text-decoration:underline;}
span.MsoHyperlinkFollowed
{color:purple;text-decoration:underline;}
/* END MSO Style Definitions */

 #navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0 0 .2em 0; }

#navcontainer a
{
display: block;
color: #FFF;
background-color: #036;
font-size:0.85em;
width: 9em;
padding: .2em .8em;
text-decoration: none;
/*border-top: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #036;
border-bottom: 2px solid #036;*/
}

#navcontainer a:hover
{
background-color: #369;
color: #FFF;
/*border-top: 1px solid #036;
border-left: 1px solid #036;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;*/
}

#navcontaineractive a
{
display: block;
color: #FFF;
background-color: #600;
width: 9em;
padding: .2em .8em;
text-decoration: none;
}

 ul#navigation
{
list-style-type: none;
margin: 0;
padding: .5em 0;
border-top: 1px solid #666;
}

ul#navigation li a
{
display: block;
width: 5em;
color: #FFF;
background-color: #036;
padding: .2em 0;
text-align: center;
text-decoration: none;
}

ul#navigation li a:hover
{
color: #FFF;
background-color: #69C;
}

ul#navigation .left { float: left; }
ul#navigation .right { float: right; }




/* Comments*/

.comment-container{padding-bottom:3em;border-bottom:1px solid #444;}
.comment-container a {display: block;color: #FFF;background-color: #036;text-decoration: none;}
.comment-containerOdd{padding: 10px; border-bottom:1px solid #444; background-color:#E5E5E5;}
.comment-containerOdd a:hover {background-color: #369;color: #FFF;}
.comment-containerEven{padding: 10px; border-bottom:1px solid #444; background-color:#cfcfcf;}
.comment-containerEven a:hover {background-color: #369;color: #FFF;}
/* watchphoto.css */
#photo  {width:400px;text-align:center;border:1px solid white;}
.photofull {width:400px;border:1px solid black;}
#thumb  {text-align:left;border:1px solid white;}
#thumbcomment  {height:75px;width:75px;overflow:hidden;text-align:right;border:1px solid white;}
.thumb {padding:4px;border:1px solid black;}
.thumbcomment {padding:4px;border:1px solid black;}
.thumbSquare {padding:4px;border:1px solid black;height:75px;width:75px;overflow:hidden;}

/*album post*/


.photozoom img {max-width:100%;height:auto;width:100%;}
.photozoom a img {margin:0 0 5px 5px; }

.postImage {
  padding:4px;
  margin:6px;
  float:left;


}
.albumFirstImage {
  float:left;
  width:200px;

}
.albumFirstImage img {
  width:200px;
}
.albumThumbGroup {
  float:right;
  width:250px;
}

.albumThumbs {
 /*padding:4px;*/
 margin:2px;
/*Form layout*/
/*watchform.css*/
label
{
width: 4em;
float: left;
text-align: right;
margin: 0 1em 10px 0;
clear: both
}

.input-box
{
float: left;
margin-bottom: 10px;
color: #26a;
background: #feb;
border: #26a solid 1px
}

.submit-button
{
margin-left: 0em;
clear: both;
color: #000;
background: #fb0;
border: 2px #9cf outset
}

fieldset
{
border:  solid 1px;

}

legend
{
/*background: #fb0;*/
border: #26a solid 1px;
padding: 1px 10px
}
/* End Form layout*/

/* Visual Nav */
ul.visual-nav {list-style-type:none;margin:0;padding:0;}
ul.visual-nav li {display:inline;margin:0;padding:0;}


 textarea

{ font-size: 11px;
  text-align: left;
  color: black;
  font-family: arial, helvetica, sans-serif;
  width: 400px;} 

 /*black;*/
 height:66px;
 width:66px;
 overflow:hidden;
 float:left;
}
.albumThumbsLarge{
 /*padding:4px;*/
 margin:2px;
 /*black;*/
 height:200px;
 width:250px;
 overflow:hidden;
 float:left;
}
.albumThumbsLargeImage{
 width:240px;
}


/*photo display page*/
.photoContainer { 
  height:504px; 
  width:604px; 
 /*text-align:left;*/
}
.photoLarge {
  height:500px; 
 width:500px;
 
 /*border:1px solid black;*/ 
 margin:0 auto;
 margin-top:10px;
 text-align:center; 
 float:left;
 display: table-cell;
    vertical-align: middle;
}
.photoVerticalThumb {
  height:500px;
  width:100px;
 /* border:1px solid black;*/
  float:left;
}

/*thumbs used in radio select*/
.templateRadio {height:100px; width:100px;float:left;}
.templateRadioImage {height:50px; width:70px;}

.themeRadio {height:200px; width:150px;float:left;}
.themeRadioImage {height:200px; width:150px;float:left;}
.radioSelected {background-color:grey;}


.imagescaled {
/*  float:center; */
  padding:4px;
  border:1px solid #222;
  margin:0 8px 3px 0;
  }

.thumb2 {float:right;padding:4px;border:1px solid black;}

div.float {
 /* float: center; */
  width: 190px;
  padding: 0px;
  border:1px dotted #444;
  }

div.float p {
   text-align: center;
   margin:0px;
   }

div.picturecontainer {
  width:130px;
  }

div.spacer {
  clear: both;
   }


.box {
  border-style: dashed;
  border-width: 1px;
  border-color: #C0C0C0;
  /*background-color: #FFFFCC;*/
  padding: 5px;


}

/*Form layout*/
/*watchform.css*/
label
{
width: 4em;
float: left;
text-align: right;
margin: 0 1em 10px 0;
clear: both
}

.input-box
{
float: left;
margin-bottom: 10px;
color: #26a;
background: #feb;
border: #26a solid 1px
}

.submit-button
{
margin-left: 0em;
clear: both;
color: #000;
background: #fb0;
border: 2px #9cf outset
}

fieldset
{
border:  solid 1px;

}

legend
{
/*background: #fb0;*/
border: #26a solid 1px;
padding: 1px 10px
}
/* End Form layout*/

/* Visual Nav */
ul.visual-nav {list-style-type:none;margin:0;padding:0;}
ul.visual-nav li {display:inline;margin:0;padding:0;}


 textarea

{ font-size: 11px;
  text-align: left;
  color: black;
  font-family: arial, helvetica, sans-serif;
  width: 400px;} 

/************************************************

                     PHOTOS

************************************************/
img.photo
{
  padding: 10px; 
  border: 2px darkgray solid;
}
div.caption
{
  border:solid 1px grey;
  color: darkgray;
  font-size: 95%;
}
div.caption-marker
{
  float: left; 
  margin-right: 0.2em;
  text-align: left;
}
div.caption-text
{
width:200px;
 /* float: left;
  clear: right;
  text-align: left;*/
}
div.copyright
{
  text-align: right;
  float: right;
  color: darkgray;
  font-family: "Franklin Gothic Book", Verdana;
}
.captionthumb
{  width:75px;}
.captionpost
{  width:200px;}
.captionscaled
{  width:450px;}
.captionraw
{  }




.tableRowHeader{background-color:#646400;}
.tableRowOdd{background-color:white;}
.tableRowEven{background-color:lightgrey;}


/* MSO Style Definitions */
.MsoNormalTable{
    margin-left: auto;
    margin-right: auto;
    width: 6em;}
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;margin-bottom:.0001pt;}
p.MsoBodyText, li.MsoBodyText, div.MsoBodyText
{margin-top:0in;margin-right:0in;}
span.MsoHyperlink
{color:blue;text-decoration:underline;}
span.MsoHyperlinkFollowed
{color:purple;text-decoration:underline;}
/* END MSO Style Definitions */

/* CSS container shadow */
#shadow-container {
position: relative;
left: 3px;
top: 3px;
margin-right: 3px;
margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
position: relative;
left: -1px;
top: -1px;
}

#shadow-container .shadow1 {
background: #F1F0F1;
}

#shadow-container .shadow2 {
background: #DBDADB;
}

#shadow-container .shadow3 {
background: #B8B6B8;
}

#shadow-container .container {
background: #ffffff;
border: 1px solid #848284;
padding: 10px;
}
/* CSS container shadow */
.forumRecent table {
	font:  Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px; 
	border-collapse: collapse;
	width: 100%;
	}

.forumRecent th {
	padding: 0 0.5em;
	text-align: left;
	}

.forumRecent tr.yellow tr {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	} 

.forumRecent tr.blue td {
        font-size:0.90em; 
        background:#006699; 
        color:white;
        text-align:center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.forumRecent tr.yellow td {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #FFC;
	}

.forumRecent td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}

.forumRecent td.width {
	width: 190px;
	}

.forumRecent td.adjacent {
	border-left: 1px solid #CCC;
	text-align: center;
	}



#nav {width:100%; 
font-size:0.85em;
position:relative;
z-index:100;
background:#7F7F7F;
display:block;
margin-top: 1px;
height:30px;}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav ul ul {
width:150px;
} 

#nav a , #nav a:visited {
	/*display: block;
	width: 10em;*/

display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:139px; 
height:30px; 
border:1px solid #fff; 
border-width:0 1px 1px 0; 
background:#7F7F7F; 
padding-left:10px; 
line-height:29px;
}
* html #nav a, * html #nav a:visited {
width:150px;
w\idth:139px;
}

#nav li {
	/*float: left;
	width: 10em;*/
float:left;
width:150px;
position:relative;
}

#nav ul ul a, #nav ul ul a:visited {
background:#cccccc; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
}
/* yet another hack for IE5.5 */
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}



#nav a:hover, #nav ul ul a:hover{
color:#fff; 
background:#7F7F7F;
}
#nav :hover > a, #nav ul ul :hover > a {
color:#fff;
background:#595959;
}

.nav li:hover ul, .nav li.sfhover ul {
	left: auto;

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
color:#fff; 
background:#7F7F7F;
}