body { margin: 0px; padding: 0px; background-image: url(images/bg_main.gif); background-position: left top; background-repeat: repeat; font-family: Tahoma; }
td { vertical-align: top; font-size: 11px; line-height: 13px; font-family: Tahoma; color: #585858; }
img { border: 0; }
/*--------------------------------------------------   ul, em, i, form	 ---------------------*/
ul { list-style-type: none; margin: 0px; padding: 0px; }
em, i { font-style: normal; }
form { padding: 0px; margin: 0px; }
em { line-height: 14px; }
/*----------------------------------------------------   a	 ---------------------*/
a { color: #B11E1E; font-size: 11px; text-decoration: underline; }
a:hover { color: #B11E1E; font-size: 11px; text-decoration: none; }
span { color: #B11E1E; }
h1 { font-size: 12px; line-height: 12px; color: #383838; padding: 0px 0px 0px 0px; margin: 0px 0px 12px 0px; }
strong { color: #B11E1E; }
b { color: #585858; }
/*----------------------------------------------------   input, textarea	 ---------------------*/
input, textarea { width: 100px; font-family: Tahoma; font-size: 11px; color: #686760; line-height: 13px; padding-left: 2px; padding-right: 2px; }
.select_1 { width: 50px; height: 18px; }
.input_1 { height: 15px; width: 15px; margin: 0px 5px 0px 6px; padding: 0px 0px 0px 0px; }
textarea { height: 71px; width: 184px; margin: 0px 0px 0px 2px; overflow: hidden; }
/*-----------------------------------------------------  	li	 	---------------------*/
li { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 12px; height: 14px; color: #585858; }
li a { color: #585858; font-size: 11px; text-decoration: none; }
li a:hover { color: #585858; font-size: 11px; text-decoration: underline; }
/*------------------------------------------------------- footer	 ---------------------*/
.footer td { color: #A3A3A3; font-size: 11px; }
.footer span { color: #383838; }
.footer a { color: #383838; font-size: 11px; text-decoration: none; }
.footer a:hover { color: #383838; font-size: 11px; text-decoration: underline; }
.footer i a { color: #DBDBDB; font-size: 10px; text-decoration: none; text-transform: uppercase; line-height: 26px; }
.footer i a:hover { color: #DBDBDB; font-size: 10px; text-decoration: underline; text-transform: uppercase; }
/*-----------------------------------------------------    head   ---------------------*/
.head td { color: #ffffff; font-size: 11px; }
.head em { color: #ffffff; font-size: 10px; line-height: 11px; }
.head strong { color: #464646; }
.head strong a { color: #464646; font-size: 11px; text-decoration: underline; }
.head strong a:hover { color: #464646; font-size: 11px; text-decoration: none; }
.head li { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 12px; height: 14px; color: #464646; }
.head li a { color: #464646; font-size: 11px; text-decoration: none; }
.head li a:hover { color: #464646; font-size: 11px; text-decoration: underline; }
/*-----------------------------------------------------    search   ---------------------*/

.head span { color: #4C4C4C; font-size: 10px; line-height: 11px; }
.head span a { color: #A4A4A4; font-size: 10px; text-decoration: none; }
.head span a:hover { color: #A4A4A4; font-size: 10px; text-decoration: underline; }
.head b { color: #CFCFCF; text-transform: uppercase; }
.head input { height: 18px; width: 124px; margin: 0px 2px 0px 12px; }
.head select { width: 50px; font-size: 11px; height: 18px; }
.head .input_2 { height: 18px; width: 184px; margin: 0px 5px 0px 2px; padding: 0px 0px 0px 0px; }
.height td { height: 15px; }
/*-----------------------------------------------------    menu   ---------------------*/
.menu td { border: 1px solid #ffffff; border-right: 0px; text-align: center; vertical-align: middle; background: url(images/menu_bg.gif) left top repeat-x; padding-top: 1px; }
.menu img { margin: 0px 7px 0px 0px; }
.menu a { color: #383838; font-size: 11px; text-decoration: none; font-weight: bold; }
.menu a:hover { color: #383838; font-size: 11px; text-decoration: underline; font-weight: bold; }
/*-----------------------------------------------------    search   ---------------------*/
.search { background: url(images/search_bg.gif) left top repeat-x; }
.search td { color: #4C4C4C; font-size: 10px; line-height: 11px; }
.search a { color: #A4A4A4; font-size: 10px; text-decoration: none; }
.search a:hover { color: #A4A4A4; font-size: 10px; text-decoration: underline; }
.search b { color: #CFCFCF; text-transform: uppercase; }
.search input { height: 18px; width: 124px; margin: 0px 2px 0px 12px; }
.search select { width: 50px; font-size: 11px; height: 18px; }

/*-----------------------------------------------------    addons   ---------------------*/
div.addons { border-left: 9px solid #ffffff; border-right: 10px solid #ffffff; margin-right: auto; margin-left: auto; min-height: 350px; }
div.addons-inner { min-height: 400px; border: 1px solid #AFB1B3; width: 100%; padding-top: 20px; padding-bottom: 70px; background: url(images/included.gif) no-repeat bottom; }

div.box-plans { border: solid 1px #AFB1B3 !important; height: 220px !important; width: 233px !important; float: left; margin: 0 5px 0 5px; }
a.links { color: #B11E1E; font-size: 11px; text-decoration: underline; }





#hdr h1 { background: transparent url(images/citihosts-logo.gif) no-repeat scroll; height: 55px; margin-top: 15px; }
	#hdr h1 a { display: block; width: 196px; height: 47px; text-indent: -9999px; }
h2 { clear: both; padding-top: 20px; }
#nav { list-style: none; margin: 0; overflow: hidden; padding: 0; }
	#nav li { border: solid 1px #afafaf; border-style: solid none; border-width: 1px 0; float: left; height: 27px; width: 160px; margin: 0; padding: 0; text-align: center; }
		#nav li a { background: url(images/bg.gif) repeat -20px 35px; color: #000; display: block; line-height: 25px; height: 25px; font-weight: bold; padding: 0 10px; text-decoration: none; border: 1px solid #FFF; border-right-color: #afafaf; }
			#nav li.active a { background-position: -20px 94px !important; color: #fff; }
			#nav li a:hover, #nav li a:focus, #nav li a:active { background-position: -150px 0; }
			#nav li a:hover { color: #fff; }
		#nav li.first { border-left: solid 1px; }
		#nav li.last { float: none; width: auto; border-right: solid 1px; }
		#nav li.last a { border-right: none 0; }

#subnav { background: #323232 url(images/subnav-bg.gif) repeat-x scroll; clear: both; color: #cfcfcf; line-height: 26px; height: 31px; padding: 0 20px; }
	#subnav small { font-weight: bold; font-size: .6em; }
	#subnav input.domainGo { background: transparent url(images/domain-search-gobtn.gif) scroll no-repeat; border: 0 none; cursor: pointer; margin-left: 10px; text-indent: -9999px; width: 40px; }
		#subnav input.domainGo.hover { background-position: 0 -17px; }
#custnav { float: right; margin: 5px 0; }
	#custnav li { border-left: solid 1px #4c4c4c; float: left; line-height: 16px; list-style-type: none; padding: 2px 10px; }
		#custnav li.first { border: none 0; }
		#custnav li.last { padding-right: 0; }
		#custnav li a { font-size: 10px; color: #cfcfcf; text-decoration: none; }
			#custnav li a:hover { text-decoration: underline; }


#hdr { margin: 0 auto; width: 750px; }

/* ====== lines ====== */
.line, .lastUnit { overflow: hidden; _overflow: visible; _zoom: 1; }
.unit { float: left; _zoom: 1; }
.hLine .unit { line-height: 30px !important; }
.size1of1 { float: none; }
.size1of2 { width: 50%; }
.size1of3 { width: 33.33333%; }
.size2of3 { width: 66.66666%; }
.size1of4 { width: 25%; }
.size2of4 { width: 50%; }
.size3of4 { width: 75%; }
.size1of5 { width: 20%; }
.size2of5 { width: 40%; }
.size3of5 { width: 60%; }
.size4of5 { width: 80%; }
.lastUnit { float: none; _position: relative; _left: -3px; _margin-right: -3px; width: auto; }
/*-----------------------------------------------------  end  ---------------------*/