/* ---------- simpledomainnames.co.uk CSS document - CSS 2.1 valid ---------*/
body
{background: url(images/bg.jpg) top left #660A02;
margin: 0;
padding: 0;
font: 14px Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4em;
color: #000000;}

#container
{background: #DBDBDB;
width: 880px;
margin: 0px auto;
border-left: 2px solid #5B0800;
border-right: 2px solid #5B0800;}

#headerWrap
{background: url(images/headerbg.jpg) repeat-x;
width: 100%;
height: 100px;
margin-bottom: 0px;}

#header
{background: url(images/header_247.jpg) top center no-repeat;
width: 218px;
height: 35px;
margin: 0px auto;
padding: 65px 0px 0px 662px;}

#header_blank
{background: url(images/header_blank.jpg) top center no-repeat;
width: 208px;
height: 45px;
margin: 0px auto;
padding: 65px 0px 0px 662px;}

#contentLeft
{float: left;
padding: 0px 10px 10px 10px;
width: 552px;}

#contentLeft a
{color: #BE0909;
text-decoration:underline}

#contentLeft a:visited
{color: #BE0909;
text-decoration:underline}

#contentLeft a:hover
{color: #FFFFFF;
text-decoration: none;
background: #AF2929;}

#contentLeft_wide
{padding: 0px 10px 10px 10px;
width: 847px;}

#contentLeft_wide p a
{color: #BE0909;}

#contentLeft_wide p a:visited
{color: #BE0909;}

#contentLeft_wide p a:hover
{color: #FFFFFF;
text-decoration: none;
background: #AF2929;}

#contentRight
{float: right;
padding: 0px 10px 10px 0px;
width: 280px;}

#contentRight_wide
{float: right;
padding: 0;
width: 0px;}

#nav
{}

#navshadow
{background: url(images/navshadow.jpg) no-repeat #DBDBDB;
width: 880px;
height: 10px;}

#footerWrap
{background: url(images/footerbg.jpg) repeat-x #262626;
width: 100%;}

#footer
{width: 860px;
padding: 15px 10px 10px 10px;
margin: 0 auto;
color: #DDDDDD;
font: 10px Arial, Helvetica, sans-serif;}

#footer a
{color: #DDDDDD;
text-decoration: none;
font-size: 12px;}

#footer a:visited
{color: #DDDDDD;
text-decoration: none;
font-size: 12px;}

#footer a:hover
{color: #FFFFFF;
text-decoration: underline;
font-size: 12px;}

#footer h1
{font: 14px Arial, Helvetica, sans-serif;
color: #FFA70E;
font-weight: bold;}

#footer li
{list-style-type:none;
text-indent: -40px;}

/* ---------------- FRONT PAGE -------------------- */
#frontLeft
{float: left;
padding: 0px 10px 10px 10px;
width: 280px;}

#frontRight
{float: right;
padding: 0px 10px 10px 0px;
width: 568px;}

.trGreen
{background: url(images/greenbg.jpg) repeat-x #93BB0D;
height: 30px;
padding-bottom: 3px;}

.tdGreen
{background: #F6FCE3;
padding: 5px 10px 3px 10px;
font-size: 12px;
line-height: 1.3em;}

.trBlue
{background: url(images/blue_top.jpg) repeat-x top left #3A8AC1;
height: 30px;
padding-bottom: 3px;}

.tdblue
{background: #D4E8F6;
padding: 5px 10px 3px 10px;
font-size: 12px;
line-height: 1.3em;}

.trOrange
{background: url(images/orangebg.jpg) repeat-x #D2730B;
height: 30px;
padding-bottom: 3px;}

.tdorange
{background: #FDECCD;
padding: 5px 10px 0px 10px;
font-size: 12px;
line-height: 1.3em;}

.trRed
{background: url(images/redbg.jpg) repeat-x #B10102;
height: 30px;
padding-bottom: 3px;}

.tdred
{background: #F4D9D9;
padding: 5px 10px 3px 10px;
font-size: 12px;
line-height: 1.3em;}

.domainForm
{background: url(images/domainbg.jpg) no-repeat top left #000;
width: 546px;
padding: 5px 10px 5px 10px;
color: #FFFFFF;
font: 16px "Century Gothic", Arial, sans-serif;
font-weight: bold;
border-left: 1px solid #940D00;
border-right: 1px solid #940D00;
margin: 0;}

#awardpage h1
{font: 18px "Century Gothic", Arial, sans-serif;
border-bottom: 1px dashed #12517A;
font-weight: bold;
letter-spacing: 0px;
color: #760000;
margin-bottom: 5px;
padding-bottom: 5px;}

.iemarginfix1
{margin-top:0;}

.domainFormInput
{font: 20px Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 2px;
width: 500px;
margin: 0;
color: #3B3F48;}

.domainForm h1
{font: 24px "Century Gothic", Arial, sans-serif;
font-weight: bold;
text-align: center;
margin: 0 0 10px 0;}

.domainForm_smaller
{background: url(images/domainbg.jpg) no-repeat top left #000;
width: 516px;
padding: 5px 10px 0px 10px;
color: #FFFFFF;
font: 16px "Century Gothic", Arial, sans-serif;
font-weight: bold;
border-left: 1px solid #940D00;
border-right: 1px solid #940D00;
margin: 0;
/* _margin: -10px 0 -9px 0; */}

.domainForm_smaller form
{margin: 0;
padding: 0;}

.domainForm_smallerInput
{font: 20px Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 2px;
width: 320px;
margin: 0;
color: #3B3F48;}

.domainForm_smallerInput2
{font: 20px Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 3px;
width: 100px;
margin: 0;
color: #3B3F48;}

.domainForm_smallerInput3
{font: 20px Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 3px;
width: 300px;
margin: 0;
color: #3B3F48;}

.domainForm_smaller h1
{font: 24px "Century Gothic", Arial, sans-serif;
font-weight: bold;
text-align: center;
margin: 0 0 10px 0;}

.cb1
{/*height: 25px; width: 25px;*/} 

.searchbutton
{background: #990000; 
font: 20px Arial, Helvetica, sans-serif; 
font-weight: bold; 
color: #FFFFFF; 
border: 1px solid #CC0000;
width: 280px;
margin: 15px 0 10px 90px; 
padding: 5px 0 5px 0;
cursor: pointer;}

.searchbutton:hover
{background: #BE0909;
border: 1px solid #F10000;}

.searchbutton2
{background: #990000; 
font: 20px Arial, Helvetica, sans-serif; 
font-weight: bold; 
color: #FFFFFF; 
border: 1px solid #CC0000;
width: 280px;
cursor: pointer;}

.searchbutton2:hover
{background: #BE0909;
border: 1px solid #F10000;}

.searchbutton3
{background: #990000; 
font: 20px Arial, Helvetica, sans-serif; 
font-weight: bold; 
color: #FFFFFF; 
border: 1px solid #CC0000;
width: 80px;
cursor: pointer;}

.searchbutton3:hover
{background: #BE0909;
border: 1px solid #F10000;}

#frontbox h2
{color: #FFFFFF;
font: 18px "Century Gothic", Arial, sans-serif;
letter-spacing: 0px;
font-weight: bold;
margin: 0;
padding: 0 0 3px 10px;}

/* -------------EOF FRONTPAGE BITS ----------- */
.blueGradient
{font: 16px "Century Gothic", Arial, sans-serif;
font-weight: bold;
color: #FFFFFF;
background: url(images/blue_gradient.gif) repeat-x #FFFFFF;
height: 28px;
padding: 3px 5px 3px 5px;}

.note
{background: #F8F6E7;
border: 2px solid #E4E1CB;
font-size: 12px;
padding: 10px;
color: #666666;}

/* --------- OFFERS ------------ */
#offer
{background: #F3FBCA;
border: 1px dashed #D2E0B2;
font-weight: bold;
text-align: center;}

#offer a
{display: block;
text-decoration: none;
color: #000000;
padding: 5px 10px 5px 10px;}

#offer a:visited
{display: block;
text-decoration: none;}

#offer a:hover
{display: block;
text-decoration: none;
background: none;
color: #000000;}

/* ----- EOF OFFERS ----- */

.white
{color: #FFFFFF;}

.planbox
{border: 1px solid #E5E5E5;
background: #FFFFFF;
width: 180px;
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none;}

.planbox img
{margin-right: 5px;
border: 0;}

.planbox:hover
{border: 1px solid #AAA;
color: #BE0909;
background: #FFF7F7;}

.planbox a
{display: block;
padding: 10px 10px 20px 10px;}

.planboxgrey
{font-size: 14px;
color: #C0C0C0;}

#nohovers a
{color: #000000;
text-decoration: none;}

#nohovers a:visited
{color: #000000;
text-decoration: none;}

#nohovers a:hover
{color: #BE0909;
text-decoration: none;
background: #FFF7F7;}

#domainlist1
{background: #E1EBF0;
border: 2px solid #B9CCD6;
font-size: 14px;
padding: 10px;}

#domainlist1 a:hover img
{background: #E1EBF0;}

#domainlist1 .bgnone:hover
{background: none;}

#domainlist2
{background: #E4F5E7;
border: 2px solid #B9DCC0;
font-size: 14px;
padding: 10px;}

#domainlist2 a:hover img
{background: #E4F5E7;}

#domainlist2 .bgnone:hover
{background: none;}

#domainlist_new
{background: #FFF8D4;
border: 2px solid #F3E6A2;
font-size: 14px;
padding: 10px;}

#domainlist_new a:hover img
{background: #FFF8D4;}

#domainlist_new .bgnone:hover
{background: none;}


#domainlist3
{background: #F8F6E7;
border: 2px solid #E4E1CB;
font-size: 14px;
padding: 10px;}

#domainlist3 a:hover img
{background: #F8F6E7;}

#domainlist3 .bgnone:hover
{background: none;}

#domainlist3 h2
{font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #C4C1AE;
border-bottom: 1px solid #DFDDCF;
padding-bottom: 2px;}

.planstable
{background: #EEEEEE;
border: 1px solid #AAAAAA;}

.planstable .header
{background: #BE0909;
color: #FFFFFF;
font: 20px "Century Gothic", Arial, sans-serif;
font-weight: bold;
padding: 20px 0 20px 0;}

.planstable h1
{font: 20px Arial, Helvetica, sans-serif;
letter-spacing: -1px;
color: #BE0909;
margin: 0;
padding: 0;}

.planstable tr
{border-bottom: 1px dashed #CCCCCC;}

.spamcheck
{background: #F0FDE6;
border: 1px solid #D3E9C3;}

.spamcheck2
{background: #F8F6E7;
border: 1px solid #E4E1CB;}

.greenbox
{background: #F0FDE6;
border: 2px solid #D3E9C3;
font-size: 12px;
padding: 10px;
color: #000;}

.greenboxinput
{font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 3px;
width: 260px;}

.bluebox
{background: #E6F8FD;
border: 2px solid #C4E4ED;
font-size: 12px;
padding: 10px;
color: #000;}

.bluebox tr:hover
{background: #C4E4ED;}

.redList
{list-style-image: url(images/bullet_red.png);}

/* SEO TEXT BITS */
#seotext
{clear: both;
padding: 2px 20px 10px 20px;
margin-top: -10px;
background: url(images/seotexttop.jpg) top left repeat-x #CCCCCC;
font-size: 12px;
line-height: 1.4em;}

#seotext a
{color: #000000;
font-weight: bold;
text-decoration: none;}

#seotext a:visited
{color: #000000;
font-weight: bold;
text-decoration: none;}

#seotext a:hover
{background: #760000;
text-decoration: none;
color: #FFFFFF;}

#seotext p
{padding: 3px 10px 3px 10px;}

#seotext em
{font-style: italic;}

#seotext .embox
{background: #DDDDDD;
border: 1px solid #BEBEBE;
width: 95%;
margin: 0 auto;
padding: 5px;}

#seotext h1
{font: 16px "Century Gothic", Arial, sans-serif;
font-weight: bold;
color: #FFFFFF;
border-bottom: 1px solid #cccccc;
background: url(images/hbg.jpg) repeat-x bottom left #1E7AAB;
padding: 10px;}

#seotext h2
{font: 16px "Century Gothic", Arial, sans-serif;
font-weight: bold;
color: #FFFFFF;
border-bottom: 1px solid #cccccc;
background: url(images/hbg_hosting.jpg) repeat-x bottom left #1E7AAB;
padding: 10px;}

#seotext h3
{font: 16px "Century Gothic", Arial, sans-serif;
font-weight: bold;
color: #FFFFFF;
border-bottom: 1px solid #cccccc;
background: url(images/hbg_design.jpg) repeat-x bottom left #1E7AAB;
padding: 10px;}

#seotext h4
{font: 16px "Century Gothic", Arial, sans-serif;
font-weight: bold;
color: #FFFFFF;
border-bottom: 1px solid #cccccc;
background: url(images/hbg_domains.gif) repeat-x bottom left #9B390A;
padding: 10px;}

#seotext h5
{font: 16px "Century Gothic", Arial, sans-serif;
font-weight: bold;
padding: 10px 10px 3px 10px;}

#seotext .header5
{font: 16px "Century Gothic", Arial, sans-serif;
font-weight: bold;}

#seotext tr:hover
{background: url(images/trbg3.jpg) repeat-x bottom left #9BE010;
color: #FFFFFF;
cursor: default;}

#seotext img
{border: 5px solid #BBB;}

#seotext img:hover
{border: 5px solid #FFF;}

.seo1
{font-size: 11px;}
/* --------- SIDE NAV ---------- */
.quicknavul
{list-style-type: none;
margin: 0;
padding: 0;}

.quicknavul li
{border-bottom: 1px solid #EEEEEE;
padding: 10px 5px 10px 10px;
margin: 0;
font-size: 14px;}

.quicknavul li a
{display: block;}

.quicknavul li:hover
{border-bottom: 1px solid #EEEEEE;
padding: 10px 5px 10px 10px;
color: #BE0909;
background: #F4F4F4;}

.quicknavul a
{color: #333333;
text-decoration: none;
font-size: 14px;}

.quicknavul a:visited
{color: #333333;
text-decoration: none;
font-size: 14px;}

.quicknavul a:hover
{color: #BE0909;
text-decoration: none;
font-size: 14px;}

.quicknavul li.order
{background: url(images/order_li_bg.jpg) repeat-x bottom left;}

.quicknavul li.order:hover
{background: #FFC230;}

.quicknavul .order a
{font-weight: bold;
color: #FFFFFF;}

.quicknavul .order a:hover
{font-weight: bold;
color: #FFFFFF;}
/* --------- END OF SIDE NAV ---------- */

/* ----------- LOGIN BUTTON ----------- */
.loginButton
{position: relative;
background: url(images/login_over.png);
white-space: nowrap;
display: block;
width: 80px;
height: 25px;
margin: 0;
padding: 0;}

.loginButton a
{display: block;
color: #000000;
font-size: 11px;
width: 80px;
height: 25px;
display: block;
color: black;
text-decoration: none;}

.loginButton img
{width: 80px;
height: 25px;
border: 0}

* html a:hover
{visibility:visible}

.loginButton a:hover img
{visibility:hidden}

.loginButton span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/*.loginButton
{width: 80px;
height: 25px;}

.loginButton:hover
{background: url(images/login_over.png) top left no-repeat;
width: 80px;
height: 25px;
cursor: pointer;}

.loginButton:hover img
{visibility: hidden;}*/

/* ----------- LIVE SUPPORT BUTTON ---------- */

.livesupportButton
{position: relative;
background: url(images/livesupport_over.png);
white-space: nowrap;
display: block;
width: 120px;
height: 25px;
margin: 0;
padding: 0;}

.livesupportButton a
{display: block;
color: #000000;
font-size: 11px;
width: 120px;
height: 25px;
display: block;
color: black;
text-decoration: none;}

.livesupportButton img
{width: 120px;
height: 25px;
border: 0}

* html a:hover
{visibility:visible}

.livesupportButton a:hover img
{visibility:hidden}

.livesupportButton span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/*.livesupportButton
{width: 120px;
height: 25px;}

.livesupportButon:hover
{background: url(images/livesupport_over.png) top left no-repeat;
width: 120px;
height: 25px;
cursor: pointer;}

.livesupportButton:hover img
{visibility: hidden;}*/

/* ------------ */

.copy
{color: #999999;}

.smaller
{font-size: 12px;}

.snippet
{font-size: 14px;
padding: 5px 10px 5px 10px;
line-height: 1.3em;}

.snippet a
{color: #12517A;
text-decoration: none;}

.snippet a:visited
{color: #12517A;
text-decoration: none;}

.snippet a:hover
{color: #12517A;
text-decoration: none;
background: #75CAFF;}

.picLeft
{margin-right: 10px;}

.news
{font-size: 12px;
padding: 5px 10px 5px 10px;
line-height: 1.3em;}

.news a
{color: #12517A;
text-decoration: none;}

.news a:visited
{color: #12517A;
text-decoration: none;}

.news a:hover
{color: #12517A;
text-decoration: none;
background: #75CAFF;}

.newsItem
{border-top: 1px dashed #CCC;
border-bottom: 1px dashed #CCC;}

.newsItemTitle
{font: 20px "Century Gothic", Arial, sans-serif;
font-weight: bold;}

.newsItemText
{
}

.newsDate
{font-size: 13px;
font-weight: bold;
color: #666666;
border-top: 1px dotted #CCC;}

.mainText
{padding: 2px 8px 5px 12px;
font-size: 14px;}

.mainText strong
{color: #BE0909;}

.mainText h1
{font: 16px "Century Gothic", Arial, sans-serif;
font-weight: bold;
letter-spacing: 0px;
color: #BE0909;
margin: 0;
padding: 0;}

.redtext
{color: #CE0000;
font-weight: bold;}

/* ---------TESTIMONIALS ------- */
.testimonialsQuote
{background: url(images/quotebg.jpg) top left no-repeat #FFFFFF;
min-height: 50px;
font-size: 12px;
padding: 10px 20px 0px 50px;
color: #666666;
font: 16px Georgia, "Times New Roman", Times, serif;
font-style: italic;}

.testimonialsQuote2
{font-size: 12px;
padding: 0px 0px 0px 50px;
color: #666666;
font: 16px Georgia, "Times New Roman", Times, serif;
font-style: italic;}

.testimonialsDetails
{font-size: 12px;
font-weight: bold;
margin: 0;
text-align: right;}

.testimonialsSite
{font-size: 10px;
font-weight: bold;
margin: 0;
text-align: right;}

.testimonialsRuler
{color: #F4F4F4;}

/* -------------------------------------- BOXES --------------------------------------------- */
.whiteboxtop
{background: url(images/whitebox_top.jpg) no-repeat #FFFFFF;
width: 280px;
height: 6px;}

.whiteboxbottom
{background: url(images/whitebox_bottom.jpg) no-repeat;
width: 280px;
height: 5px;}

.whiteboxtitle
{background: url(images/whitebox_title.jpg) bottom left repeat-x #FFFFFF;
height: 25px;
padding: 5px 0px 10px 8px;}

.whiteboxtitle h1
{font: 20px "Century Gothic", Arial, sans-serif;
font-weight: bold;
letter-spacing: 0px;
color: #760000;
margin: 0;
padding: 0;}
/* -------------------- NAVIGATION -------------------- */
.navhome
{position: relative;
background: url(images/nav/nav_home_over.jpg);
white-space: nowrap;
display: block;
width: 80px;
height: 40px;
margin: 0;
padding: 0;}

.navhome a
{display: block;
color: #000000;
font-size: 11px;
width: 80px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;}

.navhome img
{width: 80px;
height: 40px;
border: 0}

* html a:hover
{visibility:visible}

.navhome a:hover img
{visibility:hidden}

.navhome span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}
/* ----------------- HOSTING --------------- */
.navhosting
{position: relative;
background: url(images/nav/nav_hosting_over.jpg);
white-space: nowrap;
display: block;
width: 100px;
height: 40px;
margin: 0;
padding: 0;}

.navhosting a
{display: block;
color: #000000;
font-size: 11px;
width: 100px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;}

.navhosting img
{width: 100px;
height: 40px;
border: 0}

* html a:hover
{visibility:visible}

.navhosting a:hover img
{visibility:hidden}

.navhosting span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}
/* -------- DESIGN --------- */
.navdesign
{position: relative;
background: url(images/nav/nav_design_over.jpg);
white-space: nowrap;
display: block;
width: 100px;
height: 40px;
margin: 0;
padding: 0;}

.navdesign a
{display: block;
color: #000000;
font-size: 11px;
width: 100px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;}

.navdesign img
{width: 100px;
height: 40px;
border: 0}

* html a:hover
{visibility:visible}

.navdesign a:hover img
{visibility:hidden}

.navdesign span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/* -------------- DOMAINS --------------- */
.navdomains
{position: relative;
background: url(images/nav/nav_domain_over.jpg);
white-space: nowrap;
display: block;
width: 120px;
height: 40px;
margin: 0;
padding: 0;}

.navdomains a
{display: block;
color: #000000;
font-size: 11px;
width: 120px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;}

.navdomains img
{width: 120px;
height: 40px;
border: 0}

* html a:hover
{visibility:visible}

.navdomains a:hover img
{visibility:hidden}

.navdomains span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/* ---------------- SIMPLE DRIVE ---------------- */
.navemail
{position: relative;
background: url(images/nav/nav_email_over.jpg);
white-space: nowrap;
display: block;
width: 100px;
height: 40px;
margin: 0;
padding: 0;}

.navemail a
{display: block;
color: #000000;
font-size: 11px;
width: 100px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;}

.navemail img
{width: 100px;
height: 40px;
border: 0}

* html a:hover
{visibility:visible}

.navemail a:hover img
{visibility:hidden}

.navemail span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/* ---------------- SIMPLE DRIVE ---------------- */
.navdrive
{position: relative;
background: url(images/nav/nav_drive2_over.jpg);
white-space: nowrap;
display: block;
width: 110px;
height: 40px;
margin: 0;
padding: 0;}

.navdrive a
{display: block;
color: #000000;
font-size: 11px;
width: 110px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;}

.navdrive img
{width: 110px;
height: 40px;
border: 0}

* html a:hover
{visibility:visible}

.navdrive a:hover img
{visibility:hidden}

.navdrive span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/* ----------------- SUPPORT ----------------- */
.navsupport
{position: relative;
background: url(images/nav/nav_support_over.jpg);
white-space: nowrap;
display: block;
width: 90px;
height: 40px;
margin: 0;
padding: 0;}

.navsupport a
{display: block;
color: #000000;
font-size: 11px;
width: 90px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;}

.navsupport img
{width: 90px;
height: 40px;
border: 0}

* html a:hover
{visibility:visible}

.navsupport a:hover img
{visibility:hidden}

.navsupport span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/* -------------------- ABOUT US ------------------- */
.navabout
{position: relative;
background: url(images/nav/nav_about_over.jpg);
white-space: nowrap;
display: block;
width: 90px;
height: 40px;
margin: 0;
padding: 0;}

.navabout a
{display: block;
color: #000000;
font-size: 11px;
width: 90px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;}

.navabout img
{width: 90px;
height: 40px;
border: 0}

* html a:hover
{visibility:visible}

.navabout a:hover img
{visibility:hidden}

.navabout span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/* -------------------- CONTACT US ------------------- */
.navcontact
{position: relative;
background: url(images/nav/nav_contact_over.jpg);
white-space: nowrap;
display: block;
width: 90px;
height: 40px;
margin: 0;
padding: 0;}

.navcontact a
{display: block;
color: #000000;
font-size: 11px;
width: 90px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;}

.navcontact img
{width: 90px;
height: 40px;
border: 0}

* html a:hover
{visibility:visible}

.navcontact a:hover img
{visibility:hidden}

.navcontact span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/* -------------------- ORDER NOW ------------------- */
.navorder
{position: relative;
background: url(images/nav/nav_order_over.jpg);
white-space: nowrap;
display: block;
width: 90px;
height: 40px;
margin: 0;
padding: 0;}

.navorder a
{display: block;
color: #000000;
font-size: 11px;
width: 90px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;}

.navorder img
{width: 90px;
height: 40px;
border: 0}

* html a:hover
{visibility:visible}

.navorder a:hover img
{visibility:hidden}

.navorder span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/* -------------------- ORDER NOW BLANK ------------------- */
.navorder_blank
{position: relative;
background: url(images/nav/nav_order_blank_over.jpg);
white-space: nowrap;
display: block;
width: 90px;
height: 40px;
margin: 0;
padding: 0;}

.navorder_blank a
{display: block;
color: #000000;
font-size: 11px;
width: 90px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;}

.navorder_blank img
{width: 90px;
height: 40px;
border: 0}

* html a:hover
{visibility:visible}

.navorder_blank a:hover img
{visibility:hidden}

.navorder_blank span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/* ORDER BUTTON */
.orderButton
{position: relative;
background: url(includes/snippets/banners/images/order_button_over.png);
white-space: nowrap;
display: block;
width: 125px;
height: 125px;
margin: 0;
padding: 0;}

.orderButton a
{display: block;
color: #000000;
font-size: 11px;
width: 125px;
height: 125px;
display: block;
float: left;
color: black;
text-decoration: none;}

.orderButton img
{width: 125px;
height: 125px;
border: 0}

* html a:hover
{visibility:visible}

.orderButton a:hover img
{visibility:hidden}

.orderButton span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}

/* ~~~~~~~~~~~~~~ SUPPORT PAGE ~~~~~~~~~~~~ */
#supportbox
{font-size: 12px;
line-height: 1.4em;}

#supportbox a
{display: block;
text-decoration: none;
color: #000000;}

#supportbox a:visited
{display: block;
text-decoration: none;
color: #000000;}

#supportbox a:hover
{display: block;
text-decoration: none;
color: #666666;
background: none;}

#supportbox td:hover
{border: 2px solid #760000;}

#supportbox td
{border: 2px dotted #CCCCCC;
padding: 5px 5px 10px 5px;}

.tutorial 				{width: 265px; margin: 0; }
.tutorial dl 			{ border:1px solid #e6e6e6;}
.tutorial dt 			{ background:url(images/tutorial_top_plus.jpg) top left no-repeat #E9D5D3; padding: 7px 10px 10px 10px; cursor:pointer; min-height: 130px; line-height: 1.3em;}
.tutorial dt.selected { background-image:url(images/tutorial_top_minus.jpg);}
.tutorial dt:hover,
.tutorial dt:hover + dd 	{}
.tutorial dl dd 			{ margin:0; padding: 6px 10px 10px 10px; background: #D1ABA8; border-top: 1px solid #C69A96; color: #000000; font-size: 11px;}
.tutorial dl dd p 		{ margin:0; padding:0; }

.tutorialTop
{font: 15px "Century Gothic", Arial, sans-serif;
font-weight: bold;
color: #FFFFFF;}

.tutorialInfo
{font-size: 12px;}

.tutorialList
{text-indent: 0;
margin: 0;
padding: 0;
list-style: none;}

.tutorialList li
{border-bottom: 1px solid #B9D8EB;
padding-bottom: 5px;}

#livesupportexpand 				{width: 100%; margin-bottom: -10px; }
#livesupportexpand dl 			{ border:1px solid #e6e6e6;}
#livesupportexpand dt 			{ background:url(images/livesupport_top_plus.jpg) top right no-repeat; padding: 7px 10px 10px 10px; cursor:pointer; line-height: 1.3em; color: #FFFFFF; font: 16px "Century Gothic", Arial, sans-serif; font-weight: bold;}
#livesupportexpand dt.selected { background-image: url(images/livesupport_top_minus.jpg);}
#livesupportexpand dt:hover,
#livesupportexpand dt:hover + dd 	{}
#livesupportexpand dl dd 			{ margin:0; padding: 6px 10px 10px 10px; background: #FCEEBF; border-top: 1px solid #ECD58A; color: #000000; font-size: 12px;}
#livesupportexpand dl dd p 		{ margin:0; padding:0; }

/* ----------------------------- */

#remoteexpand 				{width: 100%; margin: 0; }
#remoteexpand dl 			{ border:1px solid #e6e6e6;}
#remoteexpand dt			{ background:url(images/remote_top_plus.jpg) top right no-repeat #BCDCF0; padding: 7px 10px 10px 10px; cursor:pointer; line-height: 1.3em; color: #FFFFFF; font: 16px "Century Gothic", Arial, sans-serif; font-weight: bold;}
#remoteexpand dt.selected { background-image:url(images/remote_top_minus.jpg);}
#remotexpand dt:hover,
#remoteexpand dt:hover + dd 	{}
#remoteexpand dl dd 			{ margin:0; padding: 6px 10px 10px 10px; background: #DEEDF7; border-top: 1px solid #ABC8DB; color: #000000; font-size: 12px;}
#remoteexpand dl dd p 		{ margin:0; padding:0; }

#remoteexpand dl dd input
{font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 3px;
width: 250px;}

.blueSubmit
{background: url(images/blue_button_bg.jpg) repeat-x;
height: 40px;
border: 1px solid #0C334D;
color: #FFFFFF;
font: 16px Arial, Helvetica, sans-serif;
letter-spacing: -1px;}

.blueSubmit:hover
{cursor: pointer;
background: url(images/blue_button_bg_over.jpg) repeat-x;}

/* ------------- SCROLLER ------------ */

/* NEWS SCROLLER */

/* outmost wrapper element, containing all elements  */
#scrollable
{	background-color:#FFFFFF;
	padding-top: 5px;
	width:280px;
	height:85px;
/*	-moz-border-radius:0px;*/}

/* container for the scrollable items */
div.items
{	height:75px;	
	margin-left:5px;
	margin-right:5px;
	float:left;
	width:220px !important;}

/* single item */
div.items a
{	display:block;
	float:left;
	width:220px;
	height:70px;
	background: #FFFFFF;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	color:#000000;
	text-decoration:none;
	cursor:pointer;}

div.items a:hover
{	color:#760000;}

div.items a.active
{	background-position:-174px 0;		
	color:#555;
	cursor:default;}


/* next / prev buttons */
a.prev, a.next
{	background:url(images/left.png) no-repeat 0 0;
	display:block;
	width:18px;
	height:18px;
	float:left;	
	margin:3px;
	cursor:pointer;}
	
a.next {	background-image:url(images/right.png)}

a.prev:hover {	background-position:0 -18px;}

a.next:hover {	background-position:0 -18px;}


/* navigator */
div.navi {	position:relative;
	top:78px;
	left:80px;
	width:150px;
	height:0px;
	z-index: auto;}


/* items inside navigator */
div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin-right:3px;
	background:url(images/dots.png) 0 0 no-repeat;     
	cursor:pointer;}

div.navi span:hover {
	background-position:0 -8px;}

div.navi span.active {
	background-position:0 -16px;} 

/* AWARDS SCROLLER */

/* outmost wrapper element, containing all elements  */
#scrollable2
{	background-color:#FFFFFF;
	padding-top: 5px;
	width:280px;
	height:85px;
/*	-moz-border-radius:0px;*/}

/* ======== FAQ ======== */
#faq 				{background: #333333;}
#faq dl 			{ border-bottom:1px solid #444;}
#faq dt 			{ background:url(images/plus.jpg) 0.5em 0.7em no-repeat; padding: 5px 2px 5px 24px; border-top:1px solid #444; cursor:pointer; color: #FFCC00;}
#faq dt.selected { background-image:url(images/minus.jpg);}
#faq dt:hover,
#faq dt:hover + dd 	{ background-color:#222222;}
#faq dl dd 			{ margin:0; padding:5px;}
#faq dl dd p 		{ margin:0; padding: 0 0 10px 0;}

#plansexpand 				{background: #EEEEEE; margin-top: -20px;}
#plansexpand dl 			{ border-bottom:1px solid #DDD;}
#plansexpand dt 			{ background:url(images/plus.jpg) 0.5em 0.7em no-repeat; padding: 5px 2px 5px 24px; border-top:1px solid #DDD; cursor:pointer; color: #333; font-weight: bold;}
#plansexpand dt.selected { background-image:url(images/minus.jpg);}
#plansexpand dt:hover,
#plansexpand dt:hover + dd 	{ background-color:#CCCCCC;}
#plansexpand dl dd 			{ margin:0; padding:0; }
#plansexpand dl dd p 		{ margin:0; padding: 0;}

#plansexpand2 				{background: #EEEEEE; margin-top: -20px;}
#plansexpand2 dl 			{ border-bottom:1px solid #DDD;}
#plansexpand2 dt 			{ background:url(images/plus.jpg) 0.5em 0.7em no-repeat; padding: 5px 2px 5px 24px; border-top:1px solid #DDD; cursor:pointer; color: #333; font-weight: bold;}
#plansexpand2 dt.selected { background-image:url(images/minus.jpg);}
#plansexpand2 dt:hover,
#plansexpand2 dt:hover + dd 	{ background-color:#CCCCCC;}
#plansexpand2 dl dd 			{ margin:0; padding:0; }
#plansexpand2 dl dd p 		{ margin:0; padding: 0;}

/* ======== LOGIN ======== */
#loginexpand 				{background: #FFFFFF;}
#loginexpand dl 			{ border-bottom:1px solid #e6e6e6;}
#loginexpand dt 			{ background:url(images/plus.jpg) 0.5em 1.3em no-repeat; padding: 10px 2px 10px 24px; border-top:1px solid #e6e6e6; cursor:pointer; color:#333;}
#loginexpand dt.selected { background-image:url(images/minus.jpg);}
#loginexpand dt:hover,
#loginexpand dt:hover + dd 	{ background-color:#F4F4F4;}
#loginexpand dl dd 			{ margin:0; padding:0 0 0 24px;}
#loginexpand dl dd p 		{ margin:0; padding: 0 0 15px 0; }

.hide 			{ display:none; }
.show 			{ display:inherit; }

.quicklinksForm
{padding: 10px 5px 10px 5px;
border: 1px dashed #CCCCCC;
background: #F4F4F4;
width: 70%;
margin: 0px auto;}

.quicklinksForm input
{font: 16px Arial, Helvetica, sans-serif;
letter-spacing: -1px;
font-weight: bold;
padding: 3px;
width: 250px;}

.quicklinksForm select
{font: 16px Arial, Helvetica, sans-serif;
letter-spacing: -1px;
font-weight: bold;
padding: 3px;
width: 260px;}

.quicklinksForm a
{font-size: 12px;}

/* --------------- */
.flagcontainer
{background:url(images/flagcontainer.gif) top left no-repeat;
width: 860px;
height: 47px;
margin: 0px 10px 0 10px;
padding: 4px;
font: 18px "Century Gothic", Arial, sans-serif;
letter-spacing: -1px;
font-weight: bold;
clear: both;}

.flagcontainer a,a:visited
{color: #000000;
text-decoration: none;}

.flagcontainer a:hover
{color: #666666;
text-decoration: underline;}

.flagcontainer img
{border: 0;
margin: 0 5px 0 5px;
padding: 0;}

.flagscroll
{width: 850px;
margin: 0 auto;}

.flagscroll div
{width: 100%;}

.clear
{clear: both;
height: 0;}

.flagprice
{font-size: 12px;
font-weight: normal;
color: #666666;}

.style4 {font-size: 16px; font-weight: bold; }

/* ~~~~~~~~~ JTIP ~~~~~~~~~~ */

/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}

.popup a, .popup a:active, popup a:visited{
	text-decoration: none;}

.popup a:hover{
	color:#660000;
	text-decoration: none;}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{	background-image: url(images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-10px;
	height:23px;
	width:10px;
    top:-2px;}

#JT_arrow_right{	background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;}

#JT {	position: absolute;
	z-index:100;
	border: 1px solid #9B0606;
	background-color: #FFF7F7;
	font: 12px Verdana, Arial, Helvetica, sans-serif;}

#JT_copy{	padding:10px 10px 10px 10px;
	color:#666666;}

.JT_loader{	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;}

#JT_close_left{	background: url(images/jt_caption_bg2.gif) repeat-x top left;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;}

#JT_close_right{	background: url(images/jt_caption_bg2.gif) repeat-x top left;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;}

#JT_copy p{margin:3px 0;}

#JT_copy img{	padding: 1px;
	border: 1px solid #CCCCCC;}

.jTip{cursor:help;}

/* --------- HOSTING TABLES ------------ */
.frame
{border: 1px solid #EEE;
padding: 4px 0 1px 0;}

.upgradedspan
{background: #F0960A; 
padding: 2px 8px 2px 8px;
margin: 0 8px 0 0; 
color: #FFFFFF;
font-size: 10px; 
text-transform: uppercase; 
font-weight: bold;}

.exclusivespan
{background: #D60041; 
padding: 2px 8px 2px 8px;
margin: 0 8px 0 0; 
color: #FFFFFF;
font-size: 10px; 
text-transform: uppercase; 
font-weight: bold;}

.newspan
{background: #61C8EF; 
padding: 2px 8px 2px 8px;
margin: 0 8px 0 0; 
color: #FFFFFF;
font-size: 10px; 
text-transform: uppercase; 
font-weight: bold;}

.hostingheader
{background: #760000; 
color: #FFFFFF; 
font: 16px "Century Gothic", Arial, sans-serif;
letter-spacing: 0px; 
font-weight: bold;}

.hostingtable3
{font-size: 12px;
color: #760000;}

.hostingtable3 tr
{background: #F4F4F4;
padding: 10px 5px 10px 0;}

.hostingtable3 tr:hover
{background: #DDD;
cursor: default;}

#hostingtables a
{color: #760000;
text-decoration: none;
border-bottom: 1px dotted #000000;}

#hostingtables a:visited
{color: #760000;
text-decoration: none;
border-bottom: 1px dotted #000000;}

#hostingtables a:hover
{color: #666666;
background: none;
border-bottom: 1px dotted #666666;}

#tooltip
{position:absolute;
border:1px solid #AE5052;
background:#EFBDBE;
padding: 10px;
color:#333;
display:none;
width:300px;
font-size: 12px;
line-height: 14px;}

.smallbannerspace
{margin-bottom: 5px;}

.nolinkhover
{}

.livechat
{background: url(images/livechat_header.jpg) top left no-repeat #FCEEBF;
width: 240px;
float: left;
padding: 53px 10px 0 10px;
font-size: 12px;
line-height: 1.3em;}
.remotesupport
{background: url(images/remotesupport_header.jpg) top left no-repeat #DEEDF7;
width: 240px;
float: right;
padding: 53px 10px 0 10px;
font-size: 12px;
line-height: 1.3em;}

.remotesupport input
{font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 3px;
width: 220px;}