/* wtiirecords css */

/* body */
body {
	background-color: #fff;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6 */
	min-height: 100%; /* real browsers */	
	background-image: url(../images/bkg/bkg.png);
	_background-image: url(../images/bkg/bkg.jpg);/* IE6 */
	background-position: top center;
	background-repeat: repeat-y;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #333;
}

/* a */
a { cursor: pointer; cursor: hand; }
a:link { color: #0066FF; text-decoration: none; }
a:visited { color: #0066FF; text-decoration: none; }
a:hover { color: #999; text-decoration: none; }
a:active { color: #0066FF; text-decoration: none; outline: 0; }

a.g { color: #ccc; text-decoration: none; }
a.g:hover { color: #eee; text-decoration: none; }

a.admin { color: #CCFF00; text-decoration: none; }
a.admin:hover { color: #eee; text-decoration: none; }

/* focus */
:focus { outline: 0; }

/* layout */
#hdr {
	background-image: url(../images/hdr.gif);
	width: 970px;
	height: 100px;
	margin: 0 auto;
}

	#hdr .login {
		float: right;
		width: 550px;
		margin-right: 20px;
		font-size: 12px;
		color: #fff;
		text-align: right;
	}
	
	#hdr .loginlink {
		float: right;
		padding-left: 10px;
	}
	
#nav {
	background-image: url(../images/bkg/nav.gif);
	width: 970px;
	height: 41px;
	margin: 0 auto;
}

	#nav img {
		margin-left: 10px;
	}
	
#main {
	margin-top: 15px;
}

#right .content {
	width: 280px;
	margin-left: 10px;
	font-size: 11px;
	min-height: 750px;
}

#ftr {
	background-image: url(../images/ftr.gif);
	width: 970px;
	height: 75px;
	margin: 0 auto;
}

	#ftr .content {
		position: relative;
		top: 30px;
		left: 10px;
		width: 950px;
		font-size: 11px;
		color: #ccc;
	}
	
	#ftr a { color: #999; text-decoration: none; }
	#ftr a:hover { color: #eee; text-decoration: none; }

/* divs */
.div650 {
	background-image: url(../images/div650.gif);
	width: 650px;
	height: 10px;
	margin: 10px 0px 10px 0px;
}

.div280 {
	background-image: url(../images/div280.gif);
	width: 280px;
	height: 10px;
	margin: 10px 0px 10px 0px;
}

/* bullets */
.bullet {
	background-image: url(../images/icons/bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 13px;
}

.bullet-ftr {
	background-image: url(../images/icons/bullet-ftr.gif);
	background-repeat: no-repeat;
	background-position: center left;	
	padding-left: 13px;
}

/* headlines */
h2 { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
h3 { font-size: 14px; font-weight: bold; margin-bottom: 3px; color: #BED75F; }

/* text */
.small { font-size: 11px; }
.smallg { font-size: 11px; color: #777; }
.regb { font-size: 12px; font-weight: bold; }
.req  { color: #00234c; font-weight: bold; }
.success { color: #33CC00; font-weight: bold; }
.error { color: #CC2200; font-weight: bold; }
.buymsg { background-color: #eee; border: 1px solid #ccc; padding: 5px; margin-top: 5px; font-size: 11px; }
.sale { color: #66A3FF; font-weight: bold; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
.extra { color: #8A9900; font-weight: bold; font-size: 11px; text-transform: uppercase; margin-top: 3px; }
.admbox { background-color: #eee; border: 1px solid #ccc; padding: 5px; margin-top: 10px; margin-bottom: 10px; font-size: 11px; }
.admview { font-weight: bold; color: #990000; }

/* forms */
form { display: inline; }

.input {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 14px;
	font-family: verdana, arial, sans-serif;
	margin: 0px;
	padding: 5px; 
}

.inputerror {
	background-color: #ccc;
	border: 1px solid #666;
	color: #333;
	font-size: 14px;
	font-family: verdana, arial, sans-serif;
	margin: 0px;
	padding: 5px; 
}

.button {
	padding: 5px;
	width: auto;
	background-color: #00234C;
	border: 1px solid #000;
	color: #C8CCD0;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}


/* minicart */
.mcqty {
	float: left;
	width: 30px;	
	margin-right: 5px;
	text-align: center;
}

.mcitem {
	float: left;
	width: 190px;	
	margin-right: 5px;
}

.mcprice {
	float: left;
	width: 45px;	
	text-align: right;
}

.mcsubtotal {	
	width: 275px;
	font-weight: bold;
	text-align: right;
}

.mcviewcart {
	width: 300px;
	text-align: right;
}

/* upload */
.lg { margin-bottom: 10px; }
.sm { float: left; margin-right: 10px; margin-bottom: 10px; }

/* blog */
.blogdate {
	float: left;
	background-image: url(../images/bkg/blogdate.gif);
	border: 1px solid #000;
	width: 38px;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #C8CCD0;
	padding: 5px;
}

/* tables */
#table {
	height: 1%;
}

	#table .leftcell {
		float: left;
		padding: 4px 0px 3px 0px;
		margin-right: 10px;
	}
	
	#table .rightcell {
		float: left;
		padding: 4px 0px 3px 0px;
	}

/* formatting bar */
.ed_button {
	margin: 5px 5px 10px 0px;
	padding: 3px;
	width: auto;
	background-color: #757F8A;
	border: 1px solid #000;
	color: #fff;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

/* hidden stuff */

span.dl1, span.dl2, span.dl3, span.dl4, span.dl5, span.dl6, span.dl7, span.dl8, span.dl9, span.dl10, span.dl11, span.dl12, span.dl13, span.dl14, span.dl15, span.dl16, span.dl17, span.dl18, span.dl19, span.dl20, span.dl21, span.dl22, span.dl23, span.dl24, span.dl25  {
	display: none;
}