/* CSS Document */

a {
	padding: 0;
	margin: 0;
	text-decoration:none;
	border: none;
}
:link { color:blue; text-decoration:none; } 
:visited { color:blue; text-decoration:none; } 
:link:hover { color:green; text-decoration:underline; } 
:link:active { color:blue; text-decoration:underline; } 
a img {border:0}

p {
	margin: 2px 5px 2px;
}

html {background:#f8f8f3 url(../img/template/body-bg.png) repeat-x}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #4F4F4F;
}

#wrapper {
	height: auto;
	width: 810px;
	border: none;
	text-align: left;
	padding: 0;	
	margin: 0 auto 0 auto; /*margin-left and right is set to auto to help align the page in center for firefox*/
}

#container {
	width:800px;
	height: auto; /*605px; */
	border: 1px solid #000;
	background-color:#FFF;
	float: left;
	clear: both;
	padding: 5px 10px 5px 10px;
	margin: 0;
	position: relative;	
}

#pageheader {
	float:left;
	width:800px;
	height:130px;
	background-image:url(../img/template/cobbcoclocks_header.gif);
	background-repeat:no-repeat;
}

#clock {
	width:130px;
	height:100px;;
	position:relative;
	top:7px;
	left:-100px;
	float: right;
}

#topnav {
	padding: 5px 0 0 0;
	width:800px;
	float:left;
}

/* ------- navigation bar ------- */

#nav, 
#nav ul {
	padding:0 0 5px 0; 
	margin:0; 
	list-style:none; 
	font: 10px verdana, sans-serif; 
	border:1px solid #000; 
	border-color:#eca #b97 #a86 #edb; 
	border-width:1px 2px 2px 1px; 
	background:#fff; 
	position:relative; 
	z-index:200;
}

#nav {height:25px; padding:0;}
#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 20px 0 10px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {
	display:block; 
	float:left; 
	color:#888; 
	height:25px; 
	padding-right:5px; 
	line-height:25px; 
	text-decoration:none; 
	white-space:nowrap;
}

#nav li li a {
	height:20px; 
	line-height:20px; 
	float:none;
}

#nav li:hover {
	position:relative; 
	z-index:300; 
	background:#fff;
}

#nav a:hover {
	position:relative; 
	z-index:300; 
	text-decoration:underline; 
	color:#b75;
}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#b75;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* -------- end navigation bar --------- */

#content {
	display:block;
	background:#fff;
	width:794px;
	margin:3px;
	height:auto;
	padding:20px 0 10px 0;
	clear:both;
}

#productbox {
	background:#FFFFCC;
	width:390px;
	height:300px;
	margin:2px;
	border-bottom:thin solid #fc3;
}

#productbox2 {
	background:#EDFFCC;
	width:390px;
	height:300px;
	margin:2px;
	border-bottom:thin solid #fc3;
}


#footer {
	width:800px;
	height:80px;
	color:#ccc;
	text-align:center;
	border:1px solid #000;
	background-image:url(../img/template/cobbcoclocks_footer.gif);
	background-repeat:no-repeat;
	clear:both;
}

.txtboldblue {
	color: #2d5596;
	font-weight: bold;	
}

.txtRegularWhite {
	font-style:normal;
	color:#fff;
	font-size:10px;
}

.txtRegularGrey {
	font-style:normal;
	color:#666;
	font-size:13px;
}

.txtBoldGrey {
	font-weight:600;
	color:#666;
	font-size:13px;
}

.txtRegularBlack {
	font-style:normal;
	color:#000;
	font-size:13px;
}

.txtBoldBlack {
	font-weight:600;
	color:#000;
	font-size:13px;
}

.Error {font-weight: bold; color: #900;}
.addBorder {border: 1px solid #000;}
.addBorderGrey {border: 1px solid #999;}
.addPadding {padding:0 15px 0;}
.addSmallPadding {margin:3px;}
.floatLeft {float:left;}
.floatRight {float:right;}
.display {display:block;}
.txtAlignCenter {text-align:center;}
.nodisplay {display:none;}
.clear {clear:both}
.w600 {width:600px;}

/* show and hide */
.hidden
{
	display: none;
	margin: 0;
}