body {margin:0 0 0 0; background: #333333; font-family: "Trebuchet MS", Arial; font-size: 12px;}
img {border-width: 0px;}

* {margin:0; padding:0;}

html {
	font: 90%/1.3 arial,sans-serif;
	color:#666666;
}

.clear
{
	border: medium none;
	clear: both;
	float: none;
	font-size: 0;
	height: 0;
	line-height: 0;
}

#wrapper {width: 980px; background: #FFFFFF; text-align: center;}

.toplink {width: 970px; background: #666666; height: 25px; text-align: right; color: #FFFFFF; padding: 3px 10px 0 0;}
.toplink a {margin: 0 0 0 0; color: #FCFCFC; text-decoration: none; vertical-align:middle;}
.toplink a:hover {text-decoration: underline;}

.logobar {width: 970px; height:85px; padding: 20px 0 0 10px; text-align: left;}
.logobar a {text-align: left; width: 400px; float: left;}
.bookmark { width: 350px; height: 47px; float: right;}

.mainlink {width: 918px; height: 28px; background: url(/images/mainlinkBG.jpg) repeat-x; text-align: left; padding: 10px 20px 0 20px; color: #666666;}
.mainlink a {text-decoration: none; color: #666666;}
.mainlink a:hover {color:#333333; text-decoration: underline;}

.header {width: 958px; height: 224px;}
.headerLeft {float: left; width: 688px; height: 224px;}
.headerRight {float: right; width: 270px; height: 224px;}

.desTable {width: 958px;}
.leftColumn {width: 678px; float:left; padding: 20px 0 0 10px; text-align: left;}
.leftColumn h1 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #0281e9; font-weight: normal; margin: 10px 0 0 0;}
.leftColumn p {font-size: 12px; word-spacing: 1px; color: #666666; margin: 10px 20px 0 0;}
.leftColumn p a {color: #333333; text-decoration: underline;}
.leftColumn p a:hover {text-decoration: none;}
.leftColumn ul {padding: 0 0 0 30px; color:#666666; margin: 20px 20px 0 0;}
.leftColumn ol {padding: 0 0 0 30px; color:#666666; margin: 20px 20px 0 0;}
.leftColumn1 {width: 255px; float: left; margin: 5px 20px 25px 0; border-radius: 10px; border:solid 1px #ccc; padding: 10px 0 20px 15px;}
.leftColumn1 h2 { font-weight: normal; font-size: 20px; margin: 5px 0 0 0; color: #0281e9;}
.leftColumn1 ul {padding: 0 0 0 30px; color:#666666; margin: 20px 20px 0 0;}
.leftColumn1 ol {padding: 0 0 0 30px; color:#666666; margin: 20px 20px 0 0;}
.leftColumn1 a {color: #333333; text-decoration: underline;}
.leftColumn1 a:hover {text-decoration: none;}

.leftColumnL {width: 940px; float:left; padding: 20px 0 100px 10px; text-align: left;}
.leftColumnL h1 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #0281e9; font-weight: normal; margin: 10px 0 0 0;}
.leftColumnL p {font-size: 12px; word-spacing: 1px; color: #666666; margin: 10px 20px 0 0;}
.leftColumnLA {color: #333333; text-decoration: underline;}
.leftColumnLA:hover {text-decoration: none;}
.leftColumnL ul {padding: 0 0 0 30px; color:#666666; margin: 20px 20px 0 0;}
.leftColumnL ol {padding: 0 0 0 30px; color:#666666; margin: 20px 20px 0 0;}

.leftColumnR {width: 948px; float:left; padding: 20px 0 0 10px; text-align: left;}
.leftColumnR h1 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #0281e9; font-weight: normal; margin: 10px 0 0 0;}
.leftColumnR p {font-size: 12px; word-spacing: 1px; color: #666666; margin: 10px 20px 0 0;}
.leftColumnR p a {color: #333333; text-decoration: underline;}
.leftColumnR p a:hover {text-decoration: none;}


.HostingPlan {width: 661px; margin: 15px 0 0 0; vertical-align: top;}

.HostingPlan h1
{
    font-size:18px;
    border-bottom:1px solid #cccccc;
    padding-bottom:5px;
    margin-bottom:10px;
}

.HostingPlan p
{
    font-size:12px;
    font-family:Trebuchet MS;
    padding:3px 0px 10px 0px;
    margin-bottom:10px;
}

.HostingPlanR {width: 945px; margin: 15px 0 0 0; vertical-align: top;}

.bottomTable {width: 625px; height: 394px; margin: 20px 0 0 0; background: url(/images/whyChooseTable.jpg) no-repeat; padding: 6px 10px 0 20px; color: #333333;}
.bottomTable h2 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #0281e9; font-weight: normal;}
.bottomTable ul {padding: 0px 0 0 30px;}

.rightColumn {width: 270px; float: right; padding: 20px 0 0 0;}

.rightTextTable {width: 235px; height: 294px; background:url(/images/whychooseSidebar.jpg) no-repeat; padding: 6px 15px 0 20px; text-align: justify; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px;} 
.rightTextTable h2 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #cb5201; font-weight: normal; text-align: left; margin-bottom: 10px;}

.bottomLink {width: 200px; height: 150px; text-align: left; padding: 0 0 0 25px; color: #cccccc;}
.bottomLink h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #cccccc; margin-bottom: 5px;}
.bottomLink a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #cccccc; text-decoration: none;}
.bottomLink a:hover {color: #ffffff; text-decoration: underline;}

#footer {width: 970px; height: 20px; background: #000000; padding: 5px;}
#footer p {font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 11px; text-align: center; margin: 5px 10px 0px 10px;}
#footer a {color: #FFFFFF; text-decoration: none;}
#footer a:hover { text-decoration: underline;}

#contactForm {width: 441px; height: 300px; background: url(/images/contact-form.jpg) no-repeat; padding: 7px 0 0 20px; margin: 20px 0 10px 0;}
#contactForm h3 {color: #FFFFFF; margin: 0 0 0 0;}

#paymentOptionsForm {width: 441px; height: 420px; background: url(/images/payment-options.jpg) no-repeat; padding: 7px 0 0 20px; margin: 20px 0 10px 0;}
#paymentOptionsForm h3 {color: #FFFFFF; margin: 0 0 0 0;}

.articles {width: 220px; background: url(/rayhosting/images/article-sidebar.jpg) center top no-repeat; text-align: left; padding: 5px 10px 10px 20px;}
.articles h3 {font-size: 22px; font-weight: normal; color: #0390eb; margin: 10px 0 0 0;}
.articles ul {padding: 0 0 0 13px;}
.articles ul li {padding: 0 0 5px 0; list-style-image: url(/images/article-icon.jpg);}
.articles ul li a {color: #333333; text-decoration: none;}
.articles ul li a:hover {color: #666666; text-decoration: underline;}

/**slider****/
.slider{ width:688px; height:224px; overflow:hidden; padding:0px; margin:0px; background:url(../images/slidebg.gif) top center no-repeat;}
.box-top {
		overflow:hidden;
		width:600px;
		background:0;
		float:left;
		position:relative;
		left:0;
		padding:0px;
		margin:0px;
}


#left, #right{ cursor:pointer}	

.box-top ul { list-style:none; padding:0; }
.box-top ul li {  width:600px; padding:0px; display:inline-block; float:left;}	

.box-left { width:44px; padding:95px 0px 0px 0px; text-align:right; font-size:0; float:left; line-height:0;}
.box-right { width:44px; padding:95px 0px 0px 0px; text-align:left; font-size:0; float:left; line-height:0;}	

.box-top ul li .col-1{width:447px; float:left; padding:40px 0 0 0;}
.box-top ul li .product-img{float:right;}
.box-top ul li .col-1 div{padding:17px 15px 0 4px;}
.box-top ul li .col-1 div p{width:286px; float:right; line-height:1.2em;}
.box-top ul li .col-1 div p img{margin-top:3px;}
.box-top ul li .col-1 div button{}
.box-top ul li .col-1 div button span{padding:0; background:0; padding:0 16px; height:40px!important; background:#8EBE1C!important;}
.box-top ul li .col-1 div button span span{font-size:18px; font-weight:normal; padding:8px 0 0; background:0; height:auto!important;}

.slider .product-4 .col-1{width:519px;}
.slider .product-5 .col-1{width:578px; float:right;}

.slider .product-3{background:url(../images/hosting-package.jpg) top no-repeat;}
.slider .product-4{background:url(../images/media/product_4_bg.jpg) left top no-repeat;}
.slider .product-5{background:url(../images/media/product_5_bg.jpg) left top no-repeat;}


.wrapper { 
	width:670px;
	overflow:hidden;
}

.wrapper h1
{
    font-family:Arial;
    font-size:16px;
    font-weight:normal;
    padding:0px 0px 8px 0px;
    text-transform:uppercase;
    border-bottom:1px dotted #999999;
    margin:0px 0px 10px 0px;
    color:#666666;
}

.wrapper-area
{
    width:500px;
    margin:0px;
    padding:0px;
}

.wrapper-area-reseller
{
    width:580px;
    margin:0px;
    padding:0px;
    height:110px;
}

.wrapper-area-reseller h2
{
    font-family:Arial;
    font-size:14px;
    color:#5084d1;
    padding:0px 0px 8px 0px;
    margin:0px;
}

.wrapper-area-reseller .column
{
    width:120px;
    float:left;
    font-size:12px;
    position:relative;
    color:Navy;
    padding:0px;
    line-height:21px;
    margin:15px 20px 0px 0px;
    border-right:dotted 1px #cccccc;
}

.wrapper .col1
{
    width:195px;
    float:left;
    font-size:12px;
    position:relative;
    color:Navy;
    padding:0px 10px 0px 0px;
    line-height:21px;
    margin:15px 0px 0px 0px;
    border-right:dotted 1px #cccccc;
}

.wrapper .col2
{
    width:145px;
    float:left;
    font-size:12px;
    position:relative;
    border-right:dotted 1px #cccccc;
    padding:0px 10px 0px 15px;
    margin:15px 0px 0px 0px;
    line-height:21px;
}

.wrapper .col3
{
    width:100px;
    float:left;
    font-size:12px;
    margin:0px 0px 0px 0px;
    position:relative;
    text-align:center;
    padding:0px 0px 0px 10px;
    line-height:21px;
}

/*--- tabs ---*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 42px; /*--Set height of tabs--*/
	padding:0 0 0 0;
	position:relative;
	float:right;
}
ul.tabs li {
	float: left;
	border-left: none;
	overflow: hidden;
	position: relative;
	background:url(../images/packages/bluetab.jpg) no-repeat 0 0;
	width:133px;
	height:37px;
	line-height:44px;
	font-size:14px;
	color:#fff;
	text-align:center;
	font-family:"Arial", Helvetica, sans-serif;
	margin:4px 0 0 4px;
}
ul.tabs li.first {
	margin-left:0;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
}
	html ul.tabs li.active a {
		color:#000;
	}

ul.tabs li:hover, html ul.tabs li.active  {
	background:url(../images/packages/greytab.jpg) no-repeat 0 0;
	margin-top:0;
	height:42px;
	color:#000;
	line-height:48px;
}
	ul.tabs li:hover a {
		color:#000;
	}

.tab_container {
	overflow: hidden;
	clear: both;
	float: left; width: 670px;
	background: url(../images/packages/package-tabbg.jpg) no-repeat 0 0;
	min-height:253px;
	height:auto !important;
	height:253px;
}
.tab_content {
	padding: 35px 30px 32px 35px;
}
/*--- tabs ---*/

.package-wrap
{
    width:600px;
    border-bottom:solid 1px #f2f2f2;
    height:130px;
}

.package-wrap .col1
{
    width:160px;
    float:left;
    position:relative;
    padding:20px 0px 0px 0px; 
}

.package-wrap .col2
{
    width:400px;
    float:left;
    padding:0px 0px 0px 30px;
    border-left:dotted 1px #cccccc;
    text-align:left;
}

.reseller-package-wrap
{
    width:600px;
    border-bottom:solid 1px #73bbe9;
    height:80px;
}

.reseller-package-wrap ul
{
    padding:0px;
    margin:0px;
}

.reseller-package-wrap ul li
{
    padding:0px 0px 0px 25px;
    list-style-type:none;
    margin:0px;
    background:url(http://www.hostingitrust.com/images/reseller-arrow.jpg) no-repeat left;
}

.reseller-package-wrap .hosting-reseller-col1
{
    width:188px;
    float:left;
    position:relative;
    padding:5px 0px 0px 0px;
    margin:0px 10px 0px 0px; 
}