/* GENERAL RULES */

body {
	text-align: center;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
}

br.clear {
	clear: both; 
	display: block; 
	height: 1px; 
	margin: -1px 0 0 0;
}

html{
  background: white url('../img/christmas-bg-pattern.png') repeat-x;
}

body{
  background: transparent url('../img/christmas-bg.png') no-repeat 50% 0;
}

#outer-container{
	width: 100%;
	position: relative;
	background: transparent url('../img/body-background.png') repeat-x;
}

#container{
	width: 944px;
	padding: 56px 10px 0 10px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#order-area #container{
	background: white;
}

p{ margin: 10px 0; }

a{ color: #356f9f; }

#order-area a{ color: #b6232e; }

a:hover{ text-decoration: none; }

h2{
	font-size: 28px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 28px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	margin-bottom: 10px;
}

h3{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 20px;
	margin-bottom: 20px;
	margin-top: 30px;
	color: #333;
}


/* GENERAL LAYOUT */

/* Navigation Top Menu General Rules */

#top-menu{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -390px;
	width: 780px;
	height: 30px;
}

#top-menu a{
	text-decoration: none;
	font-size: 12px;
	float: left;	
}

/* Navigation Top Menu Primary Links */

#top-menu #main-links{
	float: left;
	width: auto;
	background: url('../img/top-separator.png') no-repeat 100% 0;
}

#top-menu #main-links li{
	float: left;
	line-height: 30px;
	padding: 0;
	margin: 0 10px;
	list-style: none;
	position: relative;
}

#top-menu #main-links li a{
	display: block;
	color: #d7dce0;
	padding: 0 8px;
}

#top-menu #main-links li a:hover{
	color: white;
}

#top-menu #main-links li a.active{}

/* Navigation Top Menu Client Login Link */
#top-menu #main-links li.clientlogin, 
#top-menu #main-links li.clientlogout,
#top-menu #main-links li.clientsupport{
	margin: 0;
}

#top-menu #main-links li.clientlogin a, 
#top-menu #main-links li.clientlogout a,
#top-menu #main-links li.clientsupport a{
	height: 29px;
	background: url('../img/button-bg.png') repeat-x;
}

#top-menu #main-links li.clientlogin a:hover, 
#top-menu #main-links li.clientlogout a:hover,
#top-menu #main-links li.clientsupport a:hover{
	background: url('../img/button-bg-hover.png') repeat-x;
}

#top-menu #main-links li.clientlogin a span,
#top-menu #main-links li.clientlogout a span,
#top-menu #main-links li.clientsupport a span{
	color: #333;
	line-height: 30px;
	padding-left: 35px;
	padding-right: 20px;
	display: block;
}

#top-menu #main-links li.clientlogin a, #top-menu #main-links li.clientlogout a{
	margin: 0 1px 0 10px;
	
}

#top-menu #main-links li.clientlogin a span{
	background: transparent url(../img/lock.png) no-repeat scroll 12px 7px;
}

#top-menu #main-links li.clientlogin a:hover span{
	color: #000;
}

#top-menu #main-links li.clientlogout a span{
	background: transparent url(../img/cross.png) no-repeat scroll 12px 7px;
}

#top-menu #main-links li.clientlogout a:hover span{
	color: #000;
}

#top-menu #main-links li.clientsupport a{
	margin: 0;
}

#top-menu #main-links li.clientsupport a span{
	background: transparent url(../img/help.png) no-repeat scroll 12px 6px;
}

#top-menu #main-links li.clientsupport a:hover span{ 
	color: #000;
}

#support-area #top-menu #main-links li.clientsupport a span{}

/* Navigation Top Menu Language Links */

#top-menu #language-links{
	float: left;
	width: auto;
	margin-left: 23px;
}

#top-menu #language-links li{
	padding: 0;
	float: left;
	margin: 0;
}

#top-menu #language-links li a{
	padding: 0 0 0 22px;
	line-height: 30px;
	color: #d7dce0;
}

#top-menu #language-links li a:hover{
	color: white;
}

#top-menu #language-links li.lang-en a{
	background: transparent url('../img/gb.png') no-repeat 0 9px;
}

#top-menu #language-links li.lang-fr a{
	background: transparent url('../img/qb.png') no-repeat 0 9px;
}

/* Header elements */

h1{
	float: left;
	width: auto;
	height: 42px;
	margin-top: 0;
}

#client-area h1, #support-area h1{
	margin-top: 0;
}

p#phone-contact{
	float: right;
	width: 147px;
	height: 16px;
	margin-top: 20px;
	margin-bottom: 0;
}

p#phone-contact a{
	display: block;
	width: 147px;
	height: 16px;
	text-indent: -9999px;
	text-decoration: none;
	background: url('../img/call-us.png');
}

.fr p#phone-contact a{
	background: url('../img/call-us-fr.png');
}

p#chat-online{
	float: right;
	width: 107px;
	height: 16px;
	margin: 0;
	margin-top: 20px;
	margin-right: 20px;
}

p#chat-online a{
	display: block;
	width: 107px;
	height: 16px;
	text-indent: -9999px;
	text-decoration: none;
	background: url('../img/chat-online.png');
}

.fr p#chat-online{
	width: 149px;
}

.fr p#chat-online a{
	width: 149px;
	background: url('../img/chat-online-fr.png');
}

#order-area #badges{
	position: absolute;
	left: -10px;
	top: 150px;
	width: 148px;
	height: 323px;
	background: url('../img/badges.png') no-repeat;
}

/* Products Navigation Menu */

/* Client Area */

#products-menu ul{
	margin-top: 20px;
	height: 37px;
	background: url('../img/menu-background-alt2.png');
	position: relative;
	padding: 2px 2px 0 2px;
	margin-bottom: 1px;
}

#products-menu ul.with-child{
	margin-bottom: 30px;
}

#products-menu li{
	float: left;
	width: auto;
	line-height: 37px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url('../img/menu-separator-1-alt2.png') no-repeat 100% 0;
	padding-right: 1px;
	position: relative;
}

#products-menu li span{
	display: block;
	float: left;
	width: auto;
	background: url('../img/menu-separator-2-alt2.png') no-repeat 100% 0;
}

#container #products-menu li span span{
	background: none;
}

#container #products-menu li.last{
	background: none;
}

#container #products-menu li.last span{
	background: none;
}

#products-menu li a{
	float: left;
	display: block;
	width: auto;
	font-size: 14px;
	color: white;
	text-decoration: none;
	margin-right: 0;
}

#products-menu li a span{
	padding: 0 20px;
}


#products-menu li a:hover{
	background: url('../img/menu-hover-background.png');
}

#products-menu li a.active,
.clientarea #products-menu li#clientarea-dashboard a,
.clientarea-products #products-menu li#clientarea-services a,
.clientarea-productdetails #products-menu li#clientarea-services a,
.clientarea-domains #products-menu li#clientarea-domains a,
.clientarea-domaindetails #products-menu li#clientarea-domains a,
.clientarea-invoices #products-menu li#clientarea-invoices a,
.clientarea-addfunds #products-menu li#clientarea-invoices a,
.clientarea-creditcard #products-menu li#clientarea-invoices a,
.clientarea-details #products-menu li#clientarea-profile a,
.clientarea-emails #products-menu li#clientarea-profile a,
.clientarea-contacts #products-menu li#clientarea-profile a,
.clientarea-addcontact #products-menu li#clientarea-profile a,
.clientarea-changepw #products-menu li#clientarea-profile a,
.clientarea-changesq #products-menu li#clientarea-profile a,
.support #products-menu li#clientarea-support a,
.knowledgebase #products-menu li#clientarea-support a,
.knowledgebase-displaycat #products-menu li#clientarea-support a,
.knowledgebase-displayarticle #products-menu li#clientarea-support a,
.knowledgebase-search #products-menu li#clientarea-support a,
.tutoriels #products-menu li#clientarea-support a,
.supporttickets #products-menu li#clientarea-support a,
.submitticket #products-menu li#clientarea-support a,
.serverstatus #products-menu li#clientarea-support a,
.affiliates #products-menu li#clientarea-affiliates a,
.affiliates-about #products-menu li#clientarea-affiliates a,
.affiliates-terms #products-menu li#clientarea-affiliates a,
.affiliates-questions #products-menu li#clientarea-affiliates a
{
	background: url('../img/menu-active-background.png');
}

#products-menu li a.active,
.clientarea #products-menu li#clientarea-dashboard ul a,
.clientarea-products #products-menu li#clientarea-services ul a,
.clientarea-productdetails #products-menu li#clientarea-services ul a,
.clientarea-domains #products-menu li#clientarea-domains ul a,
.clientarea-domaindetails #products-menu li#clientarea-domains ul a,
.clientarea-invoices #products-menu li#clientarea-invoices ul a,
.clientarea-addfunds #products-menu li#clientarea-invoices ul a,
.clientarea-creditcard #products-menu li#clientarea-invoices ul a,
.clientarea-quotes #products-menu li#clientarea-invoices ul a,
.clientarea-details #products-menu li#clientarea-profile ul a,
.clientarea-emails #products-menu li#clientarea-profile ul a,
.clientarea-contacts #products-menu li#clientarea-profile ul a,
.clientarea-addcontact #products-menu li#clientarea-profile ul a,
.clientarea-changepw #products-menu li#clientarea-profile ul a,
.clientarea-changesq #products-menu li#clientarea-profile ul a,
.support #products-menu li#clientarea-support ul a,
.knowledgebase #products-menu li#clientarea-support ul a,
.knowledgebase-displaycat #products-menu li#clientarea-support ul a,
.knowledgebase-displayarticle #products-menu li#clientarea-support ul a,
.knowledgebase-search #products-menu li#clientarea-support ul a,
.tutoriels #products-menu li#clientarea-support ul a,
.supporttickets #products-menu li#clientarea-support ul a,
.serverstatus #products-menu li#clientarea-support ul a,
.affiliates #products-menu li#clientarea-affiliates ul a,
.affiliates-about #products-menu li#clientarea-affiliates ul a,
.affiliates-questions #products-menu li#clientarea-affiliates ul a,
.affiliates-terms #products-menu li#clientarea-affiliates ul a
{
	background: #1f3d56;
}

#container #products-menu li.first a:hover span, .clientarea #container #products-menu li#clientarea-dashboard a span{
	background: url('../img/menu-active-left-rounded.png') no-repeat;
}

/* Products Sub-Navigation Menu */

#container #products-menu ul ul{
	background: #1f3d56;
	position: absolute;
	top: 10px;
	width: 190px;
	height: auto;
	padding: 0;
	left: -9999px;
	z-index: 100;
}

#container #products-menu ul ul ul{
	top: -28px;
}

#container #products-menu ul li:hover ul, 
#container #products-menu ul li.hover ul{
	left: 0;
}

#container #products-menu ul li:hover ul ul, 
#container #products-menu ul li.hover ul ul{
	left: -9999px;
	z-index: 110;
}

#container #products-menu ul li:hover li:hover ul, 
#container #products-menu ul li.hover li.hover ul{
	left: 190px;
}

#container #products-menu ul ul li{
	display: block;
	float: none;
	line-height: normal;
	background: none;
	padding: 0;
	margin: 0;
	position: relative;
}

#container #products-menu ul ul li span{
	background: none;
}

#container #products-menu ul ul li a{
	display: block;
	float: none;
	font-size: 12px;
	color: white;
	text-decoration: none;
	padding: 10px;
	background: none;
	line-height: 15px;
	margin: 0;
}

#container #products-menu ul ul li a:hover{
	background: #386d9a;
}

.clientarea-invoices #container #products-menu ul ul li#clientarea-invoices-main a,
.clientarea-addfunds #container #products-menu ul ul li#clientarea-invoices-funds a,
.clientarea-creditcard #container #products-menu ul ul li#clientarea-invoices-cc a,
.clientarea-quotes #container #products-menu ul ul li#clientarea-invoices-quotes a,
.clientarea-details #container #products-menu ul ul li#clientarea-profile-main a,
.clientarea-emails #container #products-menu ul ul li#clientarea-profile-emails a,
.clientarea-contacts #container #products-menu ul ul li#clientarea-profile-contacts a,
.clientarea-addcontact #container #products-menu ul ul li#clientarea-profile-contacts a,
.clientarea-changepw #container #products-menu ul ul li#clientarea-profile-pw a,
.clientarea-changesq #container #products-menu ul ul li#clientarea-profile-sq a,
.knowledgebase #container #products-menu ul ul li#clientarea-support-kb a,
.knowledgebase-displaycat #container #products-menu ul ul li#clientarea-support-kb a,
.knowledgebase-displayarticle #container #products-menu ul ul li#clientarea-support-kb a,
.knowledgebase-search #container #products-menu ul ul li#clientarea-support-kb a,
.tutoriels #container #products-menu ul ul li#clientarea-support-guides a,
.supporttickets #container #products-menu ul ul li#clientarea-support-tickets a,
.serverstatus #container #products-menu ul ul li#clientarea-support-network a,
.affiliates #container #products-menu ul ul li#clientarea-affiliates-console a,
.affiliates-about #container #products-menu ul ul li#clientarea-affiliates-about a,
.affiliates-terms #container #products-menu ul ul li#clientarea-affiliates-terms a,
.affiliates-questions #container #products-menu ul ul li#clientarea-affiliates-faq a
{
	background: #192c3c;
}


#container #products-menu li.order, #products-menu li.commander{
	position: absolute;
	top: 6px;
	right: 4px;
	width: 140px;
	height: 35px;
	padding: 0;
	margin: 0;
}

#container #products-menu li.order a{
	display: block;
	width: 140px;
	height: 35px;
	background: url('../img/menu-order.png');
	text-indent: -9999px;
	font-size: 12px;
}

#container #products-menu li.commander a{
	display: block;
	width: 140px;
	height: 35px;
	background: url('../img/menu-order-fr.png');
	text-indent: -9999px;
}

#container #products-menu li li a:hover span, #products-menu li li.first a.active span{
	background: none;
}


/* Top Banner General Rules */

#client-area #content-banner{
	width: 940px;
	background: url('../img/banner-background.png') repeat-y;
	padding: 0 2px;
	height: 100px;
}

#client-area #content-banner span.the-back{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 8;
	background: #ebeef1;
}

#client-area #home-banner{
	width: 940px;
	background: url('../img/banner-background.png') repeat-y;
	padding: 0 2px;
	height: 120px;
}

#client-area #home-banner span.the-back{
	display: block;
	position: absolute;
	top: 152px;
	left: 0;
	width: 100%;
	height: 120px;
	z-index: -1;
	background: #ebeef1;
}

#support-area #content-banner{
	background: url('../img/banner-background.png') repeat-y;
	height: 100px;
	width: 940px;
	padding: 0 2px;
}

#support-area #searchresults #content-banner{
	display: none;
}

#support-area #content-banner .inner-banner{
	background: url('../img/support-banner.jpg');
	height: 100px;
	position: relative;
}

#support-area #content-banner h2{
	font: bold 28px/1 Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	color: white;
	border: 0;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 25px;
	left: 100px;
}

#support-area #content-banner p.slogan{
	font: italic normal 19px/1 Arial, Helvetica, sans-serif;
	color: #91d96f;
	margin: 0;
	position: absolute;
	top: 63px;
	left: 120px;
}

#support-area #content-banner span.the-back{
	background: #ebeef1;
	display: block;
	height: 100px;
	left: 0;
	position: absolute;
	top: 152px;
	width: 100%;
	z-index: -1;
}


/* Support Sub Navigation */

#support-subnav{
	padding: 0 2px;
	float: left;
}

#support-subnav li{
	float: left;
	width: 188px;
	height: 53px;
}

#support-subnav li a{
	display: block;
	width: 188px;
	height: 53px;
	background: url('../img/support-subnav.png') no-repeat 0 -106px;
	text-indent: -9999px;
}

.fr #support-subnav li a{
	background: url('../img/support-subnav-fr.png') no-repeat 0 -106px;
}

#support-subnav li a:hover{
	background-position: 0 -53px;
}

#support-subnav li#support-guides a{
	background-position: -188px -106px;
}

#support-subnav li#support-guides a:hover{
	background-position: -188px -53px;
}

#support-subnav li#support-tickets a{
	background-position: -376px -106px;
}

#support-subnav li#support-tickets a:hover{
	background-position: -376px -53px;
}

#support-subnav li#support-network a{
	background-position: -564px -106px;
}

#support-subnav li#support-network a:hover{
	background-position: -564px -53px;
}

#support-subnav li#support-forum a{
	background-position: -752px -106px;
}

#support-subnav li#support-forum a:hover{
	background-position: -752px -53px;
}

.knowledgebase #support-subnav li#support-kb a,
.knowledgebase-displaycat #support-subnav li#support-kb a,
.knowledgebase-displayarticle #support-subnav li#support-kb a,
.knowledgebase-search #support-subnav li#support-kb a{
	background-position: 0 0;
}

.serverstatus #support-subnav li#support-network a{
	background-position: -564px 0;
}

.tutoriels #support-subnav li#support-guides a{
	background-position: -188px 0;
}

.supporttickets #support-subnav li#support-tickets a,
.submitticket #support-subnav li#support-tickets a{
	background-position: -376px 0;
}

/* Affiliates Sub Navigation */

#affiliates-subnav{
	padding: 0 2px;
	float: left;
}

#affiliates-subnav li{
	float: left;
	width: 188px;
	height: 53px;
}

#affiliates-subnav li a{
	display: block;
	width: 188px;
	height: 53px;
	background: url('../img/affiliates-subnav.png') no-repeat 0 -106px;
	text-indent: -9999px;
}

.fr #affiliates-subnav li a{
	background: url('../img/affiliates-subnav-fr.png') no-repeat 0 -106px;
}

#affiliates-subnav li a:hover{
	background-position: 0 -53px;
}

#affiliates-subnav li#affiliates-console a{
	background-position: -188px -106px;
}

#affiliates-subnav li#affiliates-console a:hover{
	background-position: -188px -53px;
}

#affiliates-subnav li#affiliates-faq a{
	background-position: -376px -106px;
}

#affiliates-subnav li#affiliates-faq a:hover{
	background-position: -376px -53px;
}

#affiliates-subnav li#affiliates-terms a{
	background-position: -564px -106px;
}

#affiliates-subnav li#affiliates-terms a:hover{
	background-position: -564px -53px;
}

#affiliates-subnav li#affiliates-register a{
	background-position: -752px -106px;
}

#affiliates-subnav li#affiliates-register a:hover{
	background-position: -752px -53px;
}

.affiliates #affiliates-subnav li#affiliates-console a{
	background-position: -188px 0;
}

.affiliates-about #affiliates-subnav li#affiliates-about a{
	background-position: 0 0;
}

.affiliates-terms #affiliates-subnav li#affiliates-terms a{
	background-position: -564px 0;
}

.affiliates-questions #affiliates-subnav li#affiliates-faq a{
	background-position: -376px 0;
}



/* General content layout */

#content-inside{
	background: white url('../img/content-background.png') no-repeat;
	padding: 20px;
}


/* Footer */

#footer{
	background: #141111 url('../img/footer-background.png') repeat-x;
	border-top: 6px solid #295273;
	margin-top: 30px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#footer-in{
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#footer .footer-col{
	width: 140px;
	float: left;
	margin-right: 20px;
}

#footer .footer-doublecol{
	width: 300px;
	float: left;
	margin-right: 20px;
}

#footer .footer-doublecol .col-one{
	width: 140px;
	float: left;
	margin-right: 20px;
}

#footer .footer-doublecol .col-two{
	width: 140px;
	float: right;
}

#footer .footer-bigcol{
	width: 300px;
	float: left;
	margin: 0;
	text-align: right;
}

#footer h2, #footer h3{
	font-size: 16px;
	line-height: 1em;
	font-weight: bold;
	color: white;
	margin-bottom: 18px;
}

#footer p{
	color: white;
}

#footer a{
	color: white;
	text-decoration: none;
}

#footer a:hover{
	border-bottom: 1px solid white;
}


#footer ul li a{
	font-size: 12px;
	line-height: 24px;
}

#footer #footer-phone-contact{
	width: 162px;
	height: 35px;
	position: absolute;
	top: 0;
	right: 0;
}

#footer #footer-phone-contact a{
	display: block;
	width: 162px;
	height: 35px;
}

#footer p.lang-en{
	background: url('../img/call-us-footer.png');
}

#footer p.lang-fr{
	background: url('../img/call-us-footer-fr.png');
}

#footer #footer-phone-contact a span{
	display: none;
}

#footer #more-links{
	width: 230px;
	height: 35px;
	position: absolute;
	top: 50px;
	right: 0;
}

#footer #more-links a{ 
	float: right;
	display: inline;
}

#footer #more-links a.twitter{
	background: url('../img/twitter.png') no-repeat;
	width: 35px;
	height: 35px;
	margin-right: 10px;
}

#footer #more-links a.twitter:hover{
	border-bottom: 0;
}

#footer #more-links a.twitter span{
	display: none;
}

#footer #more-links a.facebook{
	background: url('../img/facebook.png') no-repeat;
	width: 35px;
	height: 35px;
	margin-right: 10px;
}

#footer #more-links a.facebook:hover{
	border-bottom: 0;
}

#footer #more-links a.facebook span{
	display: none;
}

#footer #more-links span.googleplus{
	float: right;
	display: inline;
	position: relative;
	top: 5px;
}

#footer #more-links a.bbb{
	background: url('../img/bbb.png') no-repeat;
	width: 92px;
	height: 35px;
	margin-right: 10px;
}

.fr #footer #more-links a.bbb{
	background: url('../img/bbb-fr.png') no-repeat;
	width: 89px;
}

#footer #more-links a.bbb:hover{
	border-bottom: 0;
}

#footer #more-links a.bbb span{
	display: none;
}

#footer #copyright{
	font-size: 11px;
	color: white;
	position: absolute;
	right: 0;
	bottom: 20px;
	margin: 0;
}

#footer #legal-links{
	position: absolute;
	right: 0;
	bottom: 0px;
	margin: 0;
}

#footer #legal-links a{
	font-size: 11px;
}

#footer #page-tags p {
	font-size: 12px;
	line-height: 24px;
}

/* Style Guide Rules */

/* Breadcrumbs */

.breadcrumbs{
	margin-bottom: 20px;
	color: #333;
	font-size: 12px;
}

.breadcrumbs span{
	color: #777;
	font-size: 10px;
	letter-spacing: 1px;
	margin-right: 5px;
	text-transform: uppercase;
}

/* Tables */

table thead th{
	color: black;
	text-align: left;
	padding: 8px 0 2px;
	border-bottom: 1px solid black;
}

table tbody tr td{
	padding: 10px 0;
	vertical-align: middle;
}

table tbody tr td.price{
	vertical-align: top;
}

table tbody tr.odd td{
	padding: 9px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f6f5f5;
}

table thead tr th.first, table tfoot tr td.first, table tbody tr td.first{
	padding-left: 20px;
}

tr.domaincheckerunavailable td.first{
	padding-left: 52px;
}

#domains-table th.first{
	padding-left: 52px;
}

#client-area table td.active-button{
	text-align: right;
	padding-right: 20px;
}

#client-area table td.active-button a{
	background: #356f9f;
	color: white;
	padding: 6px 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 11px;
}

#client-area table td.active-button a:hover{
	background: #333;
}

table tr.active td span.state{
	display: block;
	width: 15px;
	height: 15px;
	background-color: #75cc46;
	float: left;
	margin-right: 10px;
}

table tr.pending td span.state{
	display: block;
	width: 15px;
	height: 15px;
	background-color: #ff9023;
	float: left;
	margin-right: 10px;
}

table tr.suspended td span.state{
	display: block;
	width: 15px;
	height: 15px;
	background-color: #f1e63b;
	float: left;
	margin-right: 10px;
}

table tr.terminated td span.state{
	display: block;
	width: 15px;
	height: 15px;
	background-color: #e01919;
	float: left;
	margin-right: 10px;
}

table tr.cancelled td span.state{
	display: block;
	width: 15px;
	height: 15px;
	background-color: #bbb;
	float: left;
	margin-right: 10px;
}

table tr.pendingtransfer td span.state{
	display: block;
	width: 15px;
	height: 15px;
	background-color: #73c4dc;
	float: left;
	margin-right: 10px;
}

table tr.active td span.data,
table tr.pending td span.data,
table tr.suspended td span.data,
table tr.terminated td span.data,
table tr.cancelled td span.data,
table tr.pendingtransfer td span.data{
	float: left;
	width: 275px;
}

#content-inside .table-extra{
	color: #aaa;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
}

#content-inside .table-extra-top{
	margin: 25px 0 5px;
}

#content-inside .table-extra-bottom{
	margin: 5px 0 25px;
}

#content-inside .table-extra .table-extra-left{
	float: left;
	width: auto;
	margin-left: 20px;
	display: inline;
}

#content-inside .table-extra .table-extra-right{
	float: right;
	width: auto;
	margin-right: 20px;
	display: inline;
}

#content-inside p.table-paginator{
	width: 40%;
	float: left;
	margin-left: 20px;
	display: inline;
}

#content-inside p.prev-next{
	width: 40%;
	float: right;
	text-align: right;
	margin-right: 20px;
	display: inline;
}

/* Table States References */

#content-inside .states{
	margin: 15px 20px 25px 0;
	text-align: right;
}

#content-inside .states li{
	display: inline;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.5px;
	border-left: 8px solid #75cc46;
	margin-left: 15px;
	padding-left: 4px;
	color: #777;
	background: none;
}

#content-inside .states li.pending{
	border-left: 8px solid #ff9023;
}

#content-inside .states li.pendingtransfer{
	border-left: 8px solid #73c4dc;
}

#content-inside .states li.suspended{
	border-left: 8px solid #f1e63b;
}

#content-inside .states li.terminated{
	border-left: 8px solid #e01919;
}

#content-inside .states li.cancelled{
	border-left: 8px solid #bbb;
}


/* Cart Table */

table.cart thead th{
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #dcdcdc;
	color: #666;
	padding: 8px 0 2px;
	text-align: left;
	background: #f6f6f6;
}

table.cart tfoot tr td{
	background: #f6f6f6;
}

table.cart tfoot tr.total td{
	font-weight: bold;
	border-bottom: 1px solid #dcdcdc;
}

table.cart tfoot td{
	padding: 8px 0 2px;
	text-align: left;
}

table.cart tbody tr.cartproduct{
	
}

table.cart tbody tr.cartproduct td{
	padding-top: 20px;
	padding-bottom: 0;
}

table.cart tbody tr.cartproductconfig{
	
}

table.cart tbody tr.cartproductconfig td{
	padding: 0 0 0 20px;
}

table.cart tbody tr.cartdomain{
	
}

table.cart tbody tr.cartdomain td{
	padding-top: 20px;
	padding-bottom: 0;
}

table.cart tbody tr.cartinvoice td{
	padding-top: 20px;
	padding-bottom: 0;
}

table.cart tbody tr.cartaddon td {
    padding-bottom: 0;
    padding-top: 20px;
}

table.cart tbody tr.cartinvoicedetail td{
	padding-top: 0;
	padding-bottom: 0;
}

table.cart tbody tr.emptyrow td {
	padding: 0;
}

/* Messages */

.message-positive{
	border: 1px solid #a3cf58;
	background: #dff7b6;
	padding: 20px;
	margin: 10px 0 25px;
}

.message-positive span{
	display: block;
	padding-left: 35px;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	background: url('../img/icons/positive.png') no-repeat;
	color: #6b8d33;
}

.message-negative{
	border: 1px solid #ef9d7d;
	background: #fbdace;
	padding: 20px;
	margin: 10px 0 25px;
}

.last-col .message-negative{
	margin-top: 0;
}

.message-negative span{
	display: block;
	padding-left: 35px;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	background: url('../img/icons/negative.png') no-repeat;
	color: #d45226;
}

.message-negative div{
	padding-left: 35px;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
	background: url('../img/icons/negative.png') no-repeat 0 0;
	color: #d45226;
}

#content-inside .message-negative ul{
	margin-left: 35px;
	list-style: disc;
	list-style-position: inside;
	margin-bottom: 0;
}

#content-inside .message-negative ul li{
	background: none;
	padding-left: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #d45226;
}

.message-warning{
	border: 1px solid #f0d875;
	background: #fdf2c5;
	padding: 20px;
	margin: 10px 0 25px;
}

.message-warning span{
	display: block;
	padding-left: 35px;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	background: url('../img/icons/alert.png') no-repeat;
	color: #8a7000;
}

.message-info{
	border: 1px solid #ddd;
	background: #eee;
	padding: 20px;
	margin: 10px 0 25px;
}

.message-info span{
	display: block;
	padding-left: 35px;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	background: url('../img/icons/info.png') no-repeat 0 50%;
	color: #999;
}

/* Lists */

#content-inside ul{
	margin: 10px 0 25px; 
}

#content-inside ul li{
	padding-left: 20px;
	background: url('../img/icons/bullet_blue.png') no-repeat 0 50%;
	margin-bottom: 8px;
}

dl{
	margin: 10px;
}

dl dt{
	color: #356F9F;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 11px;
	margin-bottom: 1px;
}

dl dd{
	clear: both;
	margin-bottom: 12px;
}


/* Forms */

form{
	margin: 10px 0 25px;
}

form fieldset{
	background: #f5f5f5;
	border: 1px solid #eee;
	padding: 15px;
	float: left;
	width: auto;
	position: relative;
	margin: 10px 0;
}

form.simple fieldset{
	margin: 0;
}

form fieldset.submit{
	border: 0;
	background: none;
	clear: both;
	float: none;
	margin-top: 10px;
	border-top: 1px solid #eee;
	padding: 10px;
	width: auto;
}

form fieldset legend{
	padding: 0;
}

form fieldset legend span{
	font-size: 18px;
	color: #3e78a4;
	font-weight: bold;
	position: absolute;
	padding-left: 20px;
	padding-top: 20px;
}

.opera form fieldset legend span{
	padding-left: 0;
}

.webkit form fieldset legend span{
	padding-left: 0;
}

form fieldset div.form-header{
	color: #888;
	font-weight: bold;
	float: left;
	clear: left;
	margin-top: 20px;
	margin-bottom: 5px;
}

form fieldset p.fieldset-description{
	color: #444;
}

form fieldset p.with-legend{
	margin-top: 35px;
}

form fieldset div.with-legend{
	margin-top: 35px;
}

.opera form fieldset p.with-legend,
.opera form fieldset div.with-legend{
	margin-top: 45px;
}

form fieldset p.security-question{
	clear: both;
	color: #666;
	padding-top: 25px;
	font-size: 13px;
	font-weight: bold;
}

#content-inside form ul{
	margin: 0;
}

#content-inside form ul.with-legend{
	padding-top: 30px;
}

#content-inside form ul li{
	padding: 0;
	background: none;
	float: left;
	clear: both;
	margin: 10px 0;
	width: auto;
}

form fieldset li label{
	float: left;
	width: 150px;
	text-align: right;
	clear: left;
	color: #444;
	margin-right: 10px;
	font-size: 12px;
	letter-spacing: 0.1px;
	line-height: 18px;
	margin-top: 4px;
}

.chrome form fieldset li label,
.safari form fieldset li label{
	margin-top: 9px;
}

form fieldset li input, form fieldset li select, form fieldset li textarea{
	float: left;
	width: 250px !important;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #aaa;
	padding: 4px;
	color: #333;
}

form fieldset li input:focus, form fieldset li select:focus, form fieldset li textarea:focus{
	border: 1px solid #222;
}

form fieldset li input.invalid
{
	border: 2px solid #ed1a1a;
}

form fieldset li .errorMessage{
	color: #ed1a1a;
	margin-left: 15px;
	line-height: 28px;
}

.chrome form fieldset li .errorMessage,
.safari form fieldset li .errorMessage{
	position: relative;
	top: 4px;
}


form fieldset li .positiveMessage{
	margin-left: 15px;
	line-height: 28px;
}

.chrome form fieldset li .positiveMessage,
.safari form fieldset li .positiveMessage{
	position: relative;
	top: 7px;
}


form fieldset li span.optional{
	font-style: italic;
	margin-left: 15px;
	line-height: 28px;
	color: #999;
}

form fieldset li textarea{
	width: 500px !important;
	height: 200px;
}

form fieldset li.checkbox{
	float: none;
}

form fieldset li.checkbox label{
	float: none;
	width: auto;
	text-align: left;
	margin-right: 0;
	line-height: 20px;
	font-weight: normal;
	position: relative;
	top: -1px;
}

form fieldset li.checkbox label span{
	font-weight: bold;
}

form fieldset li.checkbox input{
	float: none;
	width: auto !important;
	padding: 0;
	margin-right: 10px;
}

form fieldset li.date span{
	float: left;
	width: 250px;
}

form fieldset li.date input{
	border: 1px solid #aaa;
	padding: 4px;
	font-size: 14px;
	line-height: 20px;
	width: 20px !important;
	float: none;
}

form fieldset li.date select{
	width: 60px !important;
	float: none;
	margin-right: 5px;
}

form fieldset li.date select#ccexpiryyear{
	width: 80px !important;
}

form fieldset li.date input.input-month{
	margin-right: 7px;
}

form fieldset li.date input.input-year{
	margin-left: 7px;
	margin-right: 12px;
}

form fieldset li select{
	width: 260px !important;
}

form fieldset li.captcha img{
	float: left;
	width: 100px;
	margin-left: 50px;
	display: inline;
	clear: left;
	margin-right: 10px;
	height: 24px;
	margin-top: 2px;	
}

form fieldset li.captcha input{
	width: 100px !important;
}

#content-inside form fieldset li.radio-full{
	float: none;
}

form fieldset li.radio-full input{
	width: auto !important;
	float: none;
}

form fieldset li.radio-full label{
	float: none;
	text-align: left;
	width: auto;
	top: 0;
}

form fieldset button{
	background: #356f9f;
	color: white;
	padding: 6px 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 11px;
	border: 0;
	cursor: pointer;
	margin-left: 6px;
}

form fieldset button.disabled{
	cursor: text;
}

form fieldset button:hover{
	background: #333;
}

form fieldset button.image{
	width: 110px;
	height: 30px;
	padding: 0;
	background: url('../img/action-buttons.png') no-repeat;
}

.fr form fieldset button.image{
	background-image: url('../img/action-buttons-fr.png');
}

form fieldset button.image span{
	display: none;
}

form fieldset button#login{
	background-position: 0 -110px;
	margin-left: 125px;
}

form fieldset button#loginred{
	background-position: 0 -230px;
}

form fieldset button#completeorder{
	background-position: -110px -230px;
}

form fieldset button#checkout{
	background-position: -110px -230px;
}

form fieldset button#update-button{
	background-position: -330px -110px;
}

form fieldset button#reboot-button{
	background-position: -550px -230px;
}

.fr form fieldset button#reboot-button{
	width: 150px;
}

form fieldset button#continueblue-button,
form fieldset button.continueblue-button{
	background-position: -110px -140px;
}

form fieldset button#savechanges-button,
form fieldset button.savechanges-button{
	background-position: -220px -140px;
}

form fieldset button#renewdomain-button{
	background-position: -330px -140px;
}

form fieldset button#addfunds-button{
	background-position: 0 -170px;
}

form fieldset button#deletecontact-button{
	background-position: -110px -170px;
}

form fieldset button#searchblue-button{
	background-position: -220px -170px;
}

form fieldset button#submit-button{
	background-position: -440px -170px;
}

form fieldset button#continuered-button,
form fieldset button.continuered-button{
	background-position: -110px -200px;
}

form fieldset button#payselected-button{
	background-position: -550px -110px;
}

form fieldset button.continuered-button{
	background-position: -110px -200px;
}

form fieldset button.verifydomain{
	background-position: -440px -80px;
	position: relative;
	top: -4px; 
}

.chrome form fieldset button.verifydomain,
.safari form fieldset button.verifydomain{
	top: -8px; 
}

.opera form fieldset button.verifydomain{
	top: 10px; 
}

form fieldset button.ordernow-button{
	background-position: -110px -80px;
}

form fieldset button.continuered-button{
	background-position: -110px -200px;
}

form button#vote-button{
	width: 110px;
	height: 30px;
	padding: 0;
	background: url('../img/action-buttons.png') no-repeat;
	background-position: 0 -200px;
	border: 0;
	position: relative;
	top: -3px;
	cursor: pointer;
}

.chrome form button#vote-button,
.safari form button#vote-button{
	top: -8px;
}

.opera form button#vote-button{
	top: 10px;
}

form button#vote-button span{
	display: none;
}

form fieldset .password-strength{
	position: absolute;
	left: 440px;
	top: 54px;
	font-size: 11px;
	color: #555;
}

.gecko .clientarea-contacts form fieldset .password-strength,
.gecko .clientarea-addcontact form fieldset .password-strength{
	top: 35px;
}

.opera .clientarea-contacts form fieldset .password-strength,
.opera .clientarea-addcontact form fieldset .password-strength{
	top: 50px;
}

.chrome .clientarea-changepw form fieldset .password-strength,
.safari .clientarea-changepw form fieldset .password-strength{
	top: 75px;
}

.opera .clientarea-changepw form fieldset .password-strength{
	top: 65px;
}

.gecko .register form fieldset .password-strength{
	top: 67px;
}

.chrome .register form fieldset .password-strength,
.safari .register form fieldset .password-strength{
	top: 85px;
}

.opera .register form fieldset .password-strength{
	top: 75px;
}

form fieldset .password-strength-bottom{
	position: absolute;
	left: 600px;
	bottom: 52px;
	font-size: 11px;
	color: #555;
}

form fieldset .password-strength #pwstrength{
	margin-left: 8px;
}

#content-inside dl select{
	font-size: 12px;
	margin-top: 3px;
}


form fieldset li.static .like-label{
	float: left;
	width: 150px;
	text-align: right;
	clear: left;
	color: #333;
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 30px;
	
}

form fieldset li.static .like-input{
	float: left;
	width: auto;
	font-size: 13px;
	line-height: 30px;
	color: #333;
}

form fieldset li.file input{
	width: auto !important;
}

#content-inside form fieldset li.file-nolabel{
	margin: 5px 0;
}

form fieldset li.file-nolabel input{
	width: auto !important;
}

#content-inside form fieldset li.file-addmore{
	background: url('../img/icons/more.png') no-repeat 0 50%;
	padding-left: 18px;
	margin: 5px 0 10px 160px;
}

form fieldset p.text-inform{
	float: left;
	color: #888;
	margin: 20px 20px 10px;
	clear: left;
}

form fieldset h4.radio-next{
	float: left;
	clear: left;
	width: 150px;
	font-weight: normal;
	text-align: right;
	color: #444;
	margin-right: 10px;
	font-size: 12px;
	letter-spacing: 0.1px;
	line-height: 18px;
	margin-top: 4px;
	
}

form fieldset ul.radio-next{
	float: left;
	width: 600px;
}

#content-inside form fieldset #cccvv,
#content-inside form fieldset #cccvvnew,
#content-inside form fieldset #cccvvexisting{
	width: 60px !important;
}

#content-inside form fieldset div.product-description ul li{
	padding-left: 20px;
	background: url('../img/icons/bullet_blue.png') no-repeat 0 50%;
	margin-bottom: 8px;
}

#content-inside form fieldset div.product-description p{
	font-weight: bold;
}

form fieldset li select#domaincontact {
    width: 360px !important;
}


/* Columns */
.two-cols{
	margin: 5px 0;
}

.two-cols .col{
	float: left;
	width: 440px;
	margin-right: 20px;
}

.two-cols .big-col{
	margin-right: 40px;
}

.two-cols .last-col{
	margin-right: 0;
}

#content-inside .page-actions{
	float: left;
	margin-bottom: 20px;
}

#content-inside .page-actions li{
	width: 104px;
	margin-right: 10px;
	padding-left: 0;
	background: none;
	float: left;
	height: 44px;
}

#content-inside .page-actions li a{
	display: block;
	width: 88px;
	text-align: center;
	background: #829b41;
	color: white;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 5px 8px;
	text-decoration: none;
	height: 44px;
}

#content-inside .page-actions li a:hover{
	background: #333;
}

/* Styles for Login Page */

.login form fieldset legend span{
	font-size: 20px;
	letter-spacing: -1px;
}

.login form fieldset li label{
	width: 100px;
	
}

#content-inside .login form fieldset li.checkbox{
	margin-left: 110px;
}

form fieldset li.checkbox input{
	margin-right: 7px;
}

.login form fieldset.submit{
	border: 0;
	margin-top: 0;
}

#content-inside .login .last-col ul li{
	background: url('../img/icons/bullet_green.png') no-repeat 0 50%;
}


/* Styles for Product Details Page */

.ui-tabs .ui-tabs-hide {
     display: none;
}

.producttitle-for{
	font: italic normal 20px/20px Georgia, "Times New Roman", Times, serif;
	color: #555;
	padding: 0 5px; 
	
}

#content-inside #tabs-index{
	border-bottom: 1px solid #666;
	width: 880px;
	float: left;
	padding: 0 10px;
}

#content-inside #tabs-index li{
	float: left;
	background: none;
	padding: 0;
	margin: 0;
}

#content-inside #tabs-index li a{
	display: block;
	width: auto;
	background: #eee;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	color: #666;
	text-decoration: none;
	padding: 5px 8px;
	margin-right: 8px;
}

#content-inside #tabs-index li a:hover{
	background: #ddd;
	color: #333;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#content-inside #tabs-index li.ui-state-active a{
	background: #666;
	color: white;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

.ui-tabs-panel{
	padding: 0 10px;
}

#content-inside #quick-links, #content-inside #premium-links{
	float: left;
}

#content-inside #quick-links li, #content-inside #premium-links li{
	float: left;
	width: 390px;
	margin-right: 20px;
	padding-left: 40px;
	margin-bottom: 30px;
}

#content-inside #quick-links li a, #content-inside #premium-links li a{
	font-size: 14px;
}

#content-inside #quick-links li#site-preview{
	background: url('../img/icons/canvas_holder.png') no-repeat 0 50%;
}

#content-inside #quick-links li#firewall{
	background: url('../img/icons/shieldblock.png') no-repeat 0 50%;
}

#content-inside #quick-links li#cpanel{
	background: url('../img/icons/cpanel.png') no-repeat 0 50%;
}

#content-inside #quick-links li#webmail{
	background: url('../img/icons/mail.png') no-repeat 0 50%;
}

#content-inside #quick-links li#shop-admin{
	background: url('../img/icons/cart.png') no-repeat 0 50%;
}

#content-inside #quick-links li#whm{
	background: url('../img/icons/whm.png') no-repeat 0 50%;
}

#content-inside #quick-links li#guides-tutorials{
	background: url('../img/icons/office_folders.png') no-repeat 0 50%;
}

#content-inside #premium-links li#security-lock{
	background: url('../img/icons/lock_32.png') no-repeat 0 50%;
}

#content-inside #premium-links li#backups{
	background: url('../img/icons/copy.png') no-repeat 0 50%;
}

#content-inside #premium-links li#addon-site{
	background: url('../img/icons/addon.png') no-repeat 0 50%;
}

#content-inside #premium-links li#anti-spam{
	background: url('../img/icons/security.png') no-repeat 0 50%;
}

#content-inside #premium-links li#support{
	background: url('../img/icons/onebit_17.png') no-repeat 0 50%;
}

#content-inside span.showpw{
	margin-left: 10px;
	color: #356F9F;
	text-decoration: underline;
	cursor: pointer;
	line-height: 30px;
}

#content-inside span.showpw:hover{
	text-decoration: none;
}


/* Action Buttons */

#content-inside a.action-button{
	display: block;
	width: 110px;
	height: 30px;
	padding: 0;
	background: url('../img/action-buttons.png') no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

.fr #content-inside a.action-button{
	background-image: url('../img/action-buttons-fr.png');
}

#content-inside a#joinnow-button{
	background-position: -110px -110px;
}

#content-inside a#viewdetails-button,
#content-inside a.viewdetails-button{
	background-position: -220px -110px;
}

#content-inside a#buyaddons-button{
	background-position: -440px -110px;
}

#content-inside a#cancelaccount-button{
	background-position: 0 -140px;
}

#content-inside a#enableautorenew-button{
	background-position: -220px -200px;
}

#content-inside a#disableautorenew-button{
	background-position: -330px -200px;
}

#content-inside a#submitticket-button{
	background-position: -330px -170px;
}

#content-inside a#closeticket-button{
	background-position: -440px -200px;
}

#content-inside a#ordernow-button{
	background-position: -110px -80px;
}

#content-inside a#completeorder-button{
	background-position: -220px -230px;
}

#content-inside a#viewinvoice-button,
#content-inside a.viewinvoice-button{
	background-position: -440px -140px;
}

#content-inside a#s-request-withdrawal{
 	background-position: -330px -300px;
	width:165px;
	height: 40px;
	margin-top: 20px;
}

#content-inside a#payall-button{
 	background-position: -550px -80px;
}

#content-inside a.download-button{
 	background-position: -550px -200px;
}


/* Support Home Styles */

#supporthome-colsthree .col{
	width: 290px;
	margin-right: 15px;
	float: left;
}

#supporthome-colstwo .col{
	width: 440px;
	margin-right: 20px;
	float: left;
}

#supporthome-colsthree .last-col, #supporthome-colstwo .last-col{
	margin-right: 0;
}

form#kbsearch-box label{
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #666;
}

form#kbsearch-box input{
	width: 400px;
	border: 1px solid #bbb;
	padding: 6px 5px;
	margin-left: 10px;
	margin-right: 20px;
	color: #444;
}

#network-issues #issue-startdate span,
#network-issues #issue-enddate span{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	color: #444;
}

#content-inside ul.kb-categories{
	float: left;
	width: 900px;
}


#support-area #content-inside ul.kb-categories li{
	width: 270px;
	margin-right: 15px;
	float: left;
	background: url('../img/icons/folder.png') no-repeat 0 3px;
	padding-left: 20px;
	line-height: 22px;
}

#support-area #content-inside ul.kb-categories li a{
	font-size: 14px;
}

#support-area #content-inside ul.kb-categories li span{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	color: #666;
	padding-left: 5px;
}

#support-area #content-inside ul.kb-categories li.lasty{
	margin-right: 0;
}

.articles h4{
	margin-top: 25px;
	padding-left: 20px;
	background: url('../img/icons/page_16.png') no-repeat 0 50%;
	font-weight: normal;
	line-height: 18px;
	font-size: 14px;
}

.articles h4 span{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	color: #666;
	padding-left: 5px;
}

.articles p{
	margin-left: 20px;
}

#support-area #content-inside .article-shorcuts li{
	display: inline;
	padding-left: 20px;
}

#support-area #content-inside .article-shorcuts li.favourites{
	background: url('../img/icons/star_16.png') no-repeat 0 50%;
	margin-right: 15px;
}

#support-area #content-inside .article-shorcuts li.print{
	background: url('../img/icons/print.png') no-repeat 0 50%;
}

#support-area #content-inside #kbarticle-text ol{
	list-style-type: decimal;
	list-style-position: outside;
	margin: 12px 0 12px 20px;
}

#support-area #content-inside #kbarticle-text ol ol,
#support-area #content-inside #kbarticle-text ul ol{
	margin-left: 18px;
}

#support-area #content-inside #kbarticle-text ol li{
	margin: 7px 0;
}

#kbarticle-vote{
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 20px;
	background: #F8F7F7;
	margin-top: 30px;
}

#kbarticle-vote form{
	margin: 0;
}

#kbarticle-vote form label, 
#kbarticle-vote p span{
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #666;
}

#kbarticle-vote form select{
	border: 1px solid #bbb;
	padding: 3px;
	margin-left: 10px;
	margin-right: 20px;
	color: #444;
}

/* Guides Page Styles */

.guides #support-area #content-inside #tabs{
	float: left;
}

#support-area #content-inside #tabs #toc{
	float: left;
	width: 200px;
	margin: 0;
	background: #356f9f;
}

#support-area #content-inside #tabs #toc li{
	margin: 0;
	padding: 0;
	background: none;
}

#support-area #content-inside #tabs #toc li a{
	display: block;
	background: #eee;
	padding: 10px;
	text-align: right;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	color: #777;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#support-area #content-inside #tabs #toc li a:hover{
	background: #ddd;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #555;
}

#support-area #content-inside #tabs #toc li.first a{
	 border-top: 1px solid #ddd;
}

#support-area #content-inside #tabs #toc li.ui-tabs-selected a{
	background: #356f9f;
	color: white;
	position: relative;
	right: -10px;
	border-bottom: 1px solid #356f9f;
	border-right: 1px solid #356f9f;
	border-left: 1px solid #356f9f;
	border-top: 0;
}

#support-area #content-inside #tabs .tut-cat{
	float: right;
	width: 640px;
	padding: 20px 0 20px 40px;
}

#support-area h3#title-kb{
	background: url('../img/kb-big.png') no-repeat 0 50%;
	padding-left: 40px;
	line-height: 32px;
	margin-bottom: 10px;
}

#support-area h3#title-tutorials{
	background: url('../img/tutorials-big.png') no-repeat 0 50%;
	padding-left: 40px;
	line-height: 32px;
	margin-bottom: 10px;
}

#support-area h3#title-forums{
	background: url('../img/forum-big.png') no-repeat 0 50%;
	padding-left: 40px;
	line-height: 32px;
	margin-bottom: 10px;
}

#support-area h3#title-tickets{
	background: url('../img/tickets-big.png') no-repeat 0 50%;
	padding-left: 40px;
	line-height: 32px;
	margin-bottom: 10px;
}

/* Widget Styles */

.widget{
	margin: 20px 0;
	background: #ccddec;
	border: 1px solid #356F9F;
}

.widget h3{
	padding: 5px 0 5px 10px;
	background: #356F9F;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
	font-size: 14px;
}

#content-inside .widget li{
	margin-left: 5px;
	background: url('../img/icons/bullet_blue.png') no-repeat 0 1px;
}

.widget #service-links li{
	margin-left: 10px;
}

.widget #service-links li a{
	text-decoration: none;
}

.widget #service-links li a:hover{
	text-decoration: underline;
}

.widget p{
	margin: 10px;
}

#ni-widget{
	margin: 20px 0;
	background: #f0d6d5;
	border: 1px solid #ad3932;
}

#ni-widget h3{
	background: #ad3932;
}

#ni-widget dl dt{
	color: #ad3932;
}

#ni-widget h4{
	font-size: 14px;
	margin: 20px 0 -5px 10px;
}

/* Verbal Actions Styles */

.tab h3{
	margin-top: 10px;
}

span#get-back{
	color: #356f9f;
	text-decoration: underline;
	cursor: pointer;
}

#content-inside .verbal-actions li{
	padding-left: 24px;
	margin: 15px 0;
}

.verbal-actions li#upgrade-account-link{
	background: url('../img/icons/arrow_up.png') no-repeat 0 2px;
}

.verbal-actions li#buy-addons-link{
	background: url('../img/icons/basket_add.png') no-repeat 0 2px;
}

.verbal-actions li#change-password-link,
.verbal-actions li#login-details-link{
	background: url('../img/icons/key.png') no-repeat 0 2px;
}

.verbal-actions li#cancel-account-link{
	background: url('../img/icons/cancel.png') no-repeat 0 2px;
}

.verbal-actions li#manage-services{
	background: url('../img/icons/server.png') no-repeat 0 2px;
}

.verbal-actions li#manage-domains{
	background: url('../img/icons/link.png') no-repeat 0 2px;
}

.verbal-actions li#view-invoices{
	background: url('../img/icons/coins.png') no-repeat 0 2px;
}

.verbal-actions li#update-creditcard{
	background: url('../img/icons/creditcards.png') no-repeat 0 2px;
}

.verbal-actions li#view-articles{
	background: url('../img/icons/help.png') no-repeat 0 2px;
}

.verbal-actions li#view-tickets{
	background: url('../img/icons/bug.png') no-repeat 0 2px;
}

.verbal-actions li#submit-ticket{
	background: url('../img/icons/bug_edit.png') no-repeat 0 2px;
}

.verbal-actions li#update-profile{
	background: url('../img/icons/user.png') no-repeat 0 2px;
}

.verbal-actions li#manage-contacts{
	background: url('../img/icons/book_addresses.png') no-repeat 0 2px;
}

.verbal-actions li#view-affiliatedetails{
	background: url('../img/icons/group.png') no-repeat 0 2px;
}

.verbal-actions li#update-dns-link{
	background: url('../img/icons/application_home.png') no-repeat 0 2px;
}

.verbal-actions li#renew-domain{
	background: url('../img/icons/arrow_rotate_clockwise.png') no-repeat 0 2px;
}

.verbal-actions li#update-whois{
	background: url('../img/icons/user_go.png') no-repeat 0 2px;
}

.verbal-actions li#modify-autorenew-link{
	background: url('../img/icons/control_repeat.png') no-repeat 0 2px;
}

.verbal-actions li#registrar-lock{
	background: url('../img/icons/lock.png') no-repeat 0 2px;
}

.verbal-actions li#get-epp{
	background: url('../img/icons/script_code.png') no-repeat 0 2px;
}

.verbal-actions li#register-nameservers{
	background: url('../img/icons/server_lightning.png') no-repeat 0 2px;
}

.verbal-actions li#site-preview{
	background: url('../img/icons/application_home.png') no-repeat 0 2px;
}

.verbal-actions li#cpanel{
	background: url('../img/icons/cpanel-mini.png') no-repeat 0 2px;
}

.verbal-actions li#webmail{
	background: url('../img/icons/email.png') no-repeat 0 2px;
}

.verbal-actions li#shop-admin{
	background: url('../img/icons/cart-mini.png') no-repeat 0 2px;
}

.verbal-actions li#whm{
	background: url('../img/icons/whm-mini.png') no-repeat 0 2px;
}

.verbal-actions li#guides-tutorials{
	background: url('../img/icons/help.png') no-repeat 0 2px;
}

.verbal-actions li#firewall{
	background: url('../img/icons/shieldblock.png') no-repeat 0 2px;
}

.verbal-actions li#certificate-keys-link{
	background: url('../img/icons/lock.png') no-repeat 0 2px;
}

.verbal-actions li#security-seals-link{
	background: url('../img/icons/shield.png') no-repeat 0 2px;
}

.verbal-actions li#powerpanel{
	background: url('../img/icons/control.png') no-repeat 0 2px;
}

.verbal-actions li#plesk{
	background: url('../img/icons/wheel.png') no-repeat 0 2px;
}

.verbal-actions li#reboot-server-link{
	background: url('../img/icons/arrow_rotate_clockwise.png') no-repeat 0 2px;
}

.verbal-actions li#gomobi-wizard{
	background: url('../img/icons/wizard.png') no-repeat 0 2px;
}

.verbal-actions li#redirection-code-link{
	background: url('../img/icons/code.png') no-repeat 0 2px;
}

.verbal-actions li#gomobi-help{
	background: url('../img/icons/help.png') no-repeat 0 2px;
}

.verbal-actions a{
	font-size: 14px;
}

/* View ticket styles */

h3.clientheader{
	margin-bottom: 0;
	background: #333;
	color: white;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 5px 0 5px 10px;
	text-transform: uppercase;
}

h3.adminheader{
	margin-bottom: 0;
	background: #ac1522;
	color: white;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 5px 0 5px 10px;
	text-transform: uppercase;
}

.client-ticket{
	border: 1px solid #ddd;
	border-top: 0;
	background: #f9f9f9;
}

.admin-ticket{
	border: 1px solid #f4e4e5;
	border-top: 0;
	background: #fdf7f7;
}

p.ticketdate{
	font-style: italic;
	margin: 0 0 15px;
}

.ticket{
	margin-bottom: 40px;
	padding: 10px;
}

/* Styles for ticket rating system */

p.rate-it{
	float: left;

}

p.rate-it span{
	display: block;
	float: left;
	width: auto;
}

p.rate-it span.star{
	width: 14px;
	height: 14px;
	background: url('../img/star-empty.png');
	text-indent: -9999px;
}

div.rated{
	width: 70px;
	height: 14px;
	background: url('../img/star-empty.png') repeat-x;
}

div.rated p{
	margin: 0;
	padding: 0;
	line-height: 14px;
	height: 14px;
	text-indent: -9999px;
	background: url('../img/star.png') repeat-x;
}

div.rated .rated-with-1{
	width: 14px;
}

div.rated .rated-with-2{
	width: 28px;
}

div.rated .rated-with-3{
	width: 42px;
}

div.rated .rated-with-4{
	width: 56px;
}

div.rated .rated-with-5{
	width: 70px;
}


/* Hosting Guide styles */

#content-inside .hosting-guide ol{
	list-style: decimal outside none;
	margin: 20px 0;
}

#content-inside .hosting-guide ol li{
	margin: 10px 0 10px 20px;
	padding-left: 0;
	background: none;
}

#content-inside .hosting-guide ul li{
	background: url("../img/icons/bullet_blue.png") no-repeat 0 1px;
}

#content-inside .hosting-guide ol ul li{
	list-style: disc outside none;
	background: none;
}

#content-inside .hosting-guide ol#hosting-toc{
	background: #e9e8e8;
	border: 1px solid #dddcdc;
	padding: 10px;
}

#content-inside .hosting-guide ol#hosting-toc ul{
	margin: 10px 0;
}

#content-inside .hosting-guide h3{
	margin: 20px 0 10px;
}

#content-inside .hosting-guide h4{
	margin: 20px 0 10px;
	font-style: italic;
	font-size: 14px;
}

#content-inside .hosting-guide .tut-cat{
	border-top: 1px solid #ddd;
	margin: 15px 0;
}

#content-inside .hosting-guide .top{
	background: url("../img/go_top.gif") no-repeat scroll 0 50%;
	padding-left: 12px;
}

.knowledgebase-displayarticle #content-inside #kbarticle-text ol#toc{
	background: #e9e8e8;
	border: 1px solid #dddcdc;
	padding: 10px;
	list-style-position: inside;
	margin: 0;
}

.knowledgebase-displayarticle #content-inside #kbarticle-text ol#toc ul{
	margin: 10px 0;
}

.knowledgebase-displayarticle #content-inside #kbarticle-text .top{
	background: url("../img/go_top.gif") no-repeat scroll 0 50%;
	padding-left: 12px;
}

/* No Script Message */

.noscript {
	background: #FFFF90;
	border-color: #ddd;
	border-style: solid;
	border-width: 0 0 1px;
	color: #2f2f2f;
	font-size: 12px;
	line-height: 1.25;
	text-align: center;
}

.noscript .noscript-inner {
	background: url("../img/warning_48.png") no-repeat 0px 50%;
	margin: 0 auto;
	padding: 12px 0;
	width: 944px;
}

.noscript p {
	margin: 0;
}

/* Affiliates Screen */

p.referal-link{
	background: #eee;
	border: 1px solid #ddd;
	margin: 20px 0;
	padding: 20px;
}

p.referal-link label{
	font-weight: bold;
}

#content-inside ul#affiliates-details{
	margin: 10px 0;
}

#content-inside ul#affiliates-details li span{
	color: #356F9F;
	font-weight: bold;
}

#square-banners .banner{
	float: left;
	width: 300px; 
	margin-right: 128px;
	margin-bottom: 30px;
}

#square-banners .banner img{
	display: block;
	margin-bottom: 5px;
}

#square-banners .banner span{
	display: block;
	border: 1px solid #ccc;
	background: #eee;
	padding: 4px;
	cursor: text;
}

#square-banners .banner span:hover{
	background: white;
	border: 1px solid #666;
}

#horizontal-banners{
	clear: both;
}

#horizontal-banners .banner{
	margin-bottom: 30px;
}

#horizontal-banners .banner img{
	display: block;
	margin-bottom: 10px;	
}

#horizontal-banners .banner span{
	display: block;
	border: 1px solid #ccc;
	background: #eee;
	padding: 4px;
	cursor: text;
	width: 718px;
}

#horizontal-banners span:hover{
	background: white;
	border: 1px solid #666;
}

#vertical-banners .banner{
	float: left;
	width: 195px;
	margin-right: 30px;
}

#vertical-banners .banner img{
	display: block;
	margin-bottom: 5px;	
}

#vertical-banners .banner span{
	display: block;
	border: 1px solid #ccc;
	background: #eee;
	padding: 4px;
	cursor: text;
	-webkit-word-wrap: break-word;
	word-wrap: break-word;
}

#vertical-banners span:hover{
	background: white;
	border: 1px solid #666;
}

.keys{
	width: 550px;
	height: 200px;
	overflow: auto;
	background-color: #eee;
	border: 1px solid #ccc;
	overflow: auto;
	padding: 4px;
	cursor: text;
	margin-bottom: 20px;
}

.keys:hover{
	border: 1px solid #666;
	background-color: white;
}

#seals-images img{
	margin: 5px;
}

#holidays{
	position: absolute;
	display: block;
	width: 92px;
	height: 78px;
	top: 28px;
	left: 475px;
	z-index: 10;
	background: url('../img/holidays.png') no-repeat;
}


#content-inside ul.network-issues{
    padding: 5px 0 7px;
		list-style: none;
		margin: 20px 0;
}

#content-inside ul.network-issues li{
    background: none;
    display: inline;
    padding-left: 0;
}

#content-inside ul.network-issues li.server-status{
	padding-left: 20px;
}

#promocode-space{
	margin: 20px 0;
	padding-left: 20px;
	float: left;
	width: auto;
}

#promocode-space p, #promocode-space form, #promocode-space div{
	margin: 6px 0;
}

#promocode-space label{
	font-weight: bold;
}

#promocode-space input#promocode{
	border: 1px solid #999; 
	color: #333; 
	padding: 2px 4px;
}

#promocode-space input#promocode:focus{
	border: 1px solid #aaa;
}

#order-area table a.remove-promocode{
	text-transform: capitalize;
	margin-left: 10px;
}

form#reboot fieldset.submit{
	border: 0;
	padding: 0;
	margin: 0;
}

form#reboot fieldset.submit button{
	margin-left: 0;
}

#livechat{
	display: none;
}

.secondary{
	visibility: hidden;
}

p.activate-affiliate{
	padding-left: 21px;
	background: url('../img/activate-affiliate.png') no-repeat 0 50%;4
}