﻿/* Copyright 2008, SeriousSites, Tom Lilley */
/* ==CSS Reset ================================================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;} /* remember to define focus styles! */
ins {text-decoration: none;} /* remember to highlight inserts somehow! */
del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* ==End======================================================================================= */

/* Height settings for litebox */
html, body {min-height: 100%;height: auto !important;height: 100%;} /* height settings for litebox */
body{font:normal 75% arial, sans-serif;background:#d9d9d9 url(/images/background.jpg) repeat-x;color:white;text-align:center;}

/* Links */
a, a:link, a:visited{color:#bbbbbb;}
a:hover{text-decoration:none;}

/* Div link - make a div clickable*/
a.divlink,  a.divlink:link {display:block;line-height:0;font-size:0;width:100%;height:100%;}

/* Standard elements */
p{padding:0px;margin-top:10px;margin-bottom:10px;font-size:1.1em;line-height:1.2em;word-spacing:0.1em;color:#999999;}
img{border:none;}

h1,h2,h3{font-family:arial,sans-serif;font-weight:normal;margin-bottom:10px;color:#c2c2c2;}
	h1{font-size:1.3em;color:white;}
	h2{font-size:1.3em;color:white;}
	h3{font-size:1.1em;color:#dddddd;}

ul{margin-left:0px;color:#bbbbbb;font-size:1.1em;}
	li{line-height:19px;padding-left:14px;background:url(/images/bullet.gif) 0px 6px no-repeat;}
	
.required, .warning, .errortext{color:red;}
.left{float:left;}
.right{float:right;}
.strong{font-weight:bold;}
.inputmask{margin-left:5px;vertical-align:top;font-size:.8em;color:#999999;}
.promotiontext{color:red;font-size:2em;}
.pricereduction{text-decoration:line-through;}

/* tables */
table{font-size:1em;margin-top:5px;margin-bottom:5px;}
	td{vertical-align:top;}
	td.label{width:120px;}
	td.data{}

/* Div clearing */
div.clear{clear:both;font-size:.1em;}

/* Wrapper */
#canvas{position:relative;margin: 0px auto 0px auto;text-align:left;width:702px;}
	
/* Banner */
#banner_top{position:relative;width:702px;height:76px;background:url(/images/banner_top.jpg) top left no-repeat;}

#banner_bottom{position:relative;width:702px;height:139px;text-align:left;background:url(/images/banner_bottom.jpg) top left no-repeat;}
	#banner_bottom h1{position:absolute;padding:0px; margin:0px;top:25px;left:30px;text-indent:-9999px;font-size:.1em;width:370px;height:50px;background:url(/images/h1.png) top left no-repeat;}
	#banner_bottom h2{position:absolute;padding:0px;margin:0px;top:73px;left:30px;width:350px;margin:0px;color:#dddddd;font-size:1.4em;}
	#banner_bottom h3{position:absolute;padding:0px;margin:0px;top:25px;left:465px;width:200px;text-align:right;color:#dddddd;font-size:1.2em;}
	
/* Navigation */
#navigation{position:relative;width:702px;height:34px;text-align:left;background:url(/images/navigation.jpg) top left no-repeat;}
		#navigation ul{margin:0px;padding:0px;list-style-type:none;}
		#navigation ul li{margin:0px;padding:0px;display:inline;}
			#navigation ul li a{margin:0px;padding:0px;float:left;width:115px;border-right:1px solid #330000;height:34px;line-height:34px;text-align:center;font-size:12px;text-decoration:none;color:#cccccc;}
			#navigation ul li a:hover{background-color:black;color:white;}
			#navigation ul li a.focus{background-color:#330000;color:white;}
			#navigation ul li a.focus:hover{background-color:#330000;color:white;}
			#navigation ul li a.last{width:119px;border:none;}
			
/* Content */
#content{position:relative;width:702px;text-align:left;background:black url(/images/content.jpg) top left no-repeat;}
	#content #left{width:350px;float:left;padding:25px;padding-top:20px;padding-bottom:10px;}
	#content #admin{width:600px;float:left;padding:25px;padding-top:20px;padding-bottom:10px;}
	#content #right{width:300px;float:right;padding:13px;}
	#content_image{float:right;height:0px;width:300px;height:200px;margin-left:10px;margin-bottom:10px;}	
	#content_image p{margin:5px;margin-top:140px;padding:10px;color:white;text-align:center;background:url(/images/content_image_red.png);}
	
	#prices p{color:#dddddd;}
	
/* Pricing */
div.pricingitems{width:702px;background:url(/images/pricing_background.png) repeat-y;border-top:1px solid #220000;}
		div.pricingitems ul{margin:0px;padding:0px;list-style-type:none;}
		div.pricingitems ul li{margin:0px;padding:0px;display:inline;}
			div.pricingitems ul li a{margin:0px;padding:0px;float:left;width:115px;border-right:1px solid #220000;height:34px;line-height:34px;text-align:center;font-size:11px;text-decoration:none;color:#cccccc;}
			div.pricingitems ul li a:hover{background-color:black;color:white;text-decoration:none;}
			div.pricingitems ul li a.last{width:119px;border:none;}
			div.pricingitems ul li a.focus{background-color:#330000;color:white;}
			div.pricingitems ul li a.focus:hover{background-color:#330000;color:white;}

/* footer */
#footer{position:relative;text-align:left;width:702px;height:16px;background:url(/images/footer.jpg) top left no-repeat;padding-top:22px;}
	#footer p{color:#666666;margin:0px;padding:0px;margin-left:10px;margin-right:10px;}
	#footer p.footer{text-align:right;white-space:nowrap;}
	#footer p.footer span{float:left;text-align:left;}
	#footer a, #footer a:link, #footer a:visited{color:#666666;}
	#footer a:hover{text-decoration:none;}
	
/* Inputs */
form{}

input{padding:2px;margin:1px;font-size:1em;font-family: arial, sans-serif;border:1px solid #555555;background:#2c2c2c;color:#cccccc;}
textarea{padding:2px;margin:1px;font-size:1em;font-family: arial, sans-serif;border:1px solid #555555;background:#2c2c2c;color:#cccccc;scrollbar-3d-light-color:#999999;scrollbar-arrow-color:#000077;scrollbar-base-color:#aaaaaa;scrollbar-dark-shadow-color:#333333;scrollbar-face-color:#555555;scrollbar-highlight-color:#777777;scrollbar-shadow-color:black}
input.button{margin-top:10px;margin-right:10px;}