/*
        Avanti Computers CSS
*/

body{
	margin: 0;
	padding: 0;
	color: #3F304F;
	background-color: #ebebeb;
	font: 13pt normal Verdana, Arial, Helvetica, sans-serif;
}
h1{
	font: 14pt normal Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	text-align:center;
	color:#FFFF00;
	letter-spacing: 2pt;
	position:relative;
	
	left:-34px;
	background:url(img/purplebar.jpg) no-repeat;
	height:40px;
	padding:5px 32px 5px 64px;
	margin:.5em 0;

}
h2{
	font: 20pt normal Verdana, Arial, Helvetica, sans-serif;
	font-weight:900;
	margin:0;
	padding:.2em;
	letter-spacing:1px;
	text-decoration:underline;
}
#contact{
	margin:auto;
	padding:1em;
}
#contact td{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: .1em .3em;
}
#contact th{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: .4em;
	background: #CAE8EA url(img/bg_header1.jpg) repeat-x;
}
li{margin:.5em;font-size:12pt;}
select{width:150px;}
#contact input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus{background-color:#CCFFFF;}
#banner{
	background: url(img/banner-vert.jpg) top repeat-x;
	text-align:center;
}
#menu{
	margin:auto;
	width:700px;
	height:28px;
	text-align:center;
	background: url(img/menu.jpg) top no-repeat;
	padding-top:12px;
	padding-bottom:10px;
}
.tmi{
	font: 12pt normal Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: .5em;
	color: #fff;
}
.tmi:hover{
	text-decoration:underline;
	background: url(img/menu.jpg) bottom no-repeat;
	padding-top:12px;
	padding-bottom:17px;
}
.std{
	padding: .3em 1em;
	line-height:1.3em;
	text-indent: 2em;
	margin:1em 0;
}
#content{
	margin: 8px auto 0 auto;
	width:720px;
	padding:32px 10px;
	background-color: #fff;
	background:url(img/content-top.jpg) top no-repeat #fff;
	min-height:400px;
}
#footer-container{
	background:url(img/foot1bg.jpg) repeat-x;
	z-index:80;
	clear:both;
}
#footer{
	margin:auto;
	background:url(img/footer.jpg) no-repeat;
	height:70px;
	width:720px;
	padding: 20px 20px;
	z-index:100;
	text-align:center;
	font-size:11px;
}
.note{
	position: relative;
	left:-60px;
	background:url(img/orangebox.jpg);
	overflow:hidden;
	width:630px;
	height:160px;
	padding:20px 20px 10px 70px;
	margin: 1em 0;
}
.col1{
	background: #fff;
	padding: .1em;
	color: #374a4f;
}
.col2{
	background: #F5FAFA;
	padding: .1em;
	color: #57514b;
}
.col1:hover{
	background: #65AAAA url(img/bg_header2.jpg) repeat-x;
	color: #fff;
}
.col2:hover{
	background: #65AAAA url(img/bg_header2.jpg) repeat-x;
	color: #fff;
}
#img_right{
	float:right;
	border:16px solid #fff;
}
#img_left{
	float:left;
	border:16px solid #fff;
}
#map{
	width:720px;
	height:500px;
	border: 1px solid #222;
	margin: 2em 0;
}
.partners{
	text-align:center;
	padding: 1em;
}
#contact td{
	background:#ebebeb;
}
.blogdate{
	float:right;
	color:#777;
}
.bloghead{
	position:relative;
	left:-34px;
	background:url(img/greenbar.jpg) no-repeat;
	height:24px;
	padding: 12px 32px 12px 64px;
}
#search{
	background:url(img/searchbg.jpg) repeat-x;
	height:26px;
	padding: 3px;
	width:420px;
	margin:auto;
	color:#000;
	border: solid #bbc;
	border-width: 0 1px;
}
#remote-support{margin:0 auto;height:120px;width:360px;background:url(img/Remote-Support-Service.jpg) top;overflow:hidden;}
#remote-support:hover{background-position:bottom;}
#support-rules{}
#support-rules li{
	margin:.4em 0;
	font-size:10pt;
}
em{
	font-size:14pt;
	color:#f00;
}
.instructions{margin-bottom:2em;padding-bottom:2em;border-bottom:1px solid #000;}
.instructions span{color:#393;}
#dictionary{
	margin:0 auto;
	width:80%;
}
#dictionary dd{
	font-size:12pt;
	margin-bottom:1em;
	background:url(img/bg_greyblue.jpg);
	border:1px solid #e6e6e6;
	padding:.5em;
}
#profile-block{
	float:left;
	margin:8px 16px 16px 8px;
	padding:8px;
	background:url(img/bg_purple.jpg);
	border: 1px solid #cbc;
}
#cc-menu{
	float:left;
	background:url(img/csc-menu-bg.png) repeat-y;
	width:128px;
	padding:16px 16px;
	border-bottom:1px solid #444;
	min-height:300px;
}
#cc-menu a{display:block;font-size:10pt;color:#eee;padding:3px 0;text-decoration:none;}
#cc-menu a:hover{text-decoration:underline;}
#cc-content{
	margin: 8px auto 0 auto;
	width:730px;
	padding:75px 10px 32px 0;
	background-color: #fff;
	background:url(img/csc-header.png) top no-repeat #fff;
	min-height:400px;
}
#cc-login-reminder{
	font-size:9pt;
	text-align:right;
}
.phone-ac{width:2em;}
.phone-pre{width:2em;}
.phone-num{width:2.6em;}
#csc{
	margin:32px auto;
	padding:0;
	border:1px solid #88A;
	border-spacing:0px;
	width:320px;
	max-height:640px;
	background:url(img/csc-table-bg.png);
}
#csc td{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding:4px;
	color:#000;
}
#csc th{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #111;
	letter-spacing: 1px;
	text-align: left;
	padding:4px;
}
#csc input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus{background-color:#FFFF88;}
#cc-woo{
	margin:32px auto;
	padding:0;
	border:1px solid #88A;
	border-spacing:0px;
	width:440px;
	background:url(img/csc-table-bg.png);
}
#cc-woo td{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding:4px;
	color:#FFFFFF;
	border-top:1px solid #666666;
}
#cc-woo th{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #111;
	letter-spacing: 1px;
	text-align: left;
	padding:4px;
}
#cc-woo a{
	color:#ffffff;
	text-decoration:none;
}
#cc-woo a:hover{
	text-decoration:underline;
}
#news li{
	border-bottom:1px solid #eee;
	padding:8px 0 8px 0;
	margin:0 64px 0 0;
}