/* ---------- simplewebhosting.co.uk CSS document - CSS 2.1 valid ---------*/

/* ~~~~~~~~~~~~~ MAIN DIVS ~~~~~~~~~~~~~ */
body
{/* background: url(images/worldcup/bg_worldcup.jpg) top left #679A0E; */
background: url(images/bg.jpg) top left #0F4061;
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 #236C9D;
border-right: 2px solid #236C9D;}

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

#header
{/* background: url(images/worldcup/header_worldcup2.jpg) top center no-repeat;*/
/*background: url(images/header_247.jpg) top center no-repeat;*/
/*(background: url(images/header.jpg) top center no-repeat;*/
background: url(images/header_blank.jpg) top center no-repeat;
width: 218px;
height: 45px;
margin: 0px auto;
padding: 65px 0px 0px 702px;}

#header h1
{display: none;}

#header h2
{display: none;}

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

#header_shop
{background: url(images/header_blank.jpg) top center no-repeat;
width: 880px;
height: 110px;
margin: 0px auto;
padding: 0;}

.shopframe
{border: 2px solid #74C7FF;
width: 95%;}

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

#contentLeft a
{color: #12517A;}

#contentLeft a:visited
{color: #12517A;}

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

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

.hrgrey
{color: #DDDDDD;}

.learnmore
{font-size: 10px; 
text-decoration:none; 
font-weight: bold;
border-bottom: none; 
color: #12517A;
text-transform:uppercase;}

.learnmore:hover
{background: #75CAFF;
color: #12517A;}

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

#contentLeft_wide a
{color: #12517A;}

#contentLeft_wide a:visited
{color: #12517A;}

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

#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;}

.delllogo
{width: 78px;height: 50px;background: url(images/footer/logo_dell_over.jpg);}
.delllogo:hover img
{visibility: hidden;}

.sqlserverlogo
{width: 94px;height: 50px;background: url(images/footer/logo_sqlserver_over.jpg);}
.sqlserverlogo:hover img
{visibility: hidden;}

.centoslogo
{width: 100px;height: 50px;background: url(images/footer/logo_centos_over.jpg);}
.centoslogo:hover img
{visibility: hidden;}

.mysqllogo
{width: 80px;height: 50px;background: url(images/footer/logo_mysql_over.jpg);}
.mysqllogo:hover img
{visibility: hidden;}

.cpanellogo
{width: 80px;height: 50px;background: url(images/footer/logo_cpanel_over.jpg);}
.cpanellogo:hover img
{visibility: hidden;}

.nominetlogo
{width: 100px;height: 50px;background: url(images/footer/logo_nominet_over.jpg);}
.nominetlogo:hover img
{visibility: hidden;}

.phplogo
{width: 60px;height: 50px;background: url(images/footer/logo_php_over.jpg);}
.phplogo:hover img
{visibility: hidden;}

.zendlogo
{width: 40px;height: 50px;background: url(images/footer/logo_zend_over.jpg);}
.zendlogo:hover img
{visibility: hidden;}

.verisignlogo
{width: 90px;height: 50px;background: url(images/footer/logo_verisign_over.jpg);}
.verisignlogo:hover img
{visibility: hidden;}

.apachelogo
{width: 100px;height: 50px;background: url(images/footer/logo_apache_over.jpg);}
.apachelogo:hover img
{visibility: hidden;}

.windowslogo
{width: 40px;height: 50px;background: url(images/footer/logo_windows_over.jpg);}
.windowslogo:hover img
{visibility: hidden;}

.linuxlogo
{width: 40px;height: 50px;background: url(images/footer/logo_linux_over.jpg);}
.linuxlogo:hover img
{visibility: hidden;}
/* ~~~~~~~~~~~~~ END OF MAIN DIVS ~~~~~~~~~~~ */
.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;}

.note2
{background: #F8F6E7;
border: 2px solid #E4E1CB;
padding: 10px;
color: #000;}

.note3
{background: #F4F4F4;
border: 1px dashed #CCC;
font-size: 12px;
padding: 5px 10px;
margin: 0 0 5px 0;}

.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;}

.xmasbox
{background: #F9F0F0;
border: 2px solid #F1D9D9;
font-size: 16px;
font-weight: bold;
padding: 10px;
color: #9E0001;}

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

.orderboxdrive
{background: #FFF4DF;
border: 2px solid #F2E1C3;
padding: 10px;
color: #000;
margin-top: 10px;
min-height: 80px;}

.orderboxdrive img
{padding: 5px 10px 5px 10px;}

.orderboxdesign
{background: #E1F7D2;
border: 2px solid #CEE7BD;
padding: 10px;
color: #000;
margin-top: 10px;
min-height: 80px;}

.orderboxdesign img
{padding: 5px 10px 5px 10px;}

.orderboxdomain
{background: #F9E5E5;
border: 2px solid #F3CCCC;
padding: 10px;
color: #000;
margin-top: 10px;
min-height: 80px;}

.orderboxdomain img
{padding: 5px 10px 5px 10px;}

.orderbox
{background: #E6F8FD;
border: 2px solid #C4E4ED;
padding: 10px;
color: #000;
margin-top: 10px;
min-height: 100px;}

.orderbox h1
{font: 16px "Century Gothic", Arial, sans-serif;
font-weight: bold;
margin: 0;
padding: 0;}

.orderbox img
{padding: 5px 10px 5px 15px;
z-index: 1;
position: relative;}

.orderboxoffer
{background: url(images/star.png) 0.4em 0.6em no-repeat #F4F4F4;
font: 14px "Century Gothic", Arial, sans-serif;
width: 93%;
height: 20px;
margin-top: 10px;
padding: 8px 5px 5px 30px;
border: 1px dashed #CCCCCC;
z-index: -1;}

.seorotate
{background: url(images/information.png) 0.4em 0.6em no-repeat #F8F6E7;
padding: 8px 10px 8px 30px;
height: 20px;
border: 2px solid #E4E1CB;
color: #666666;}

/* ---------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;}

/* --------- 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;}

/* --------- HOSTING TABLES ------------ */

#hostingtable
{background: #F4F4F4;
font-size: 12px;
border: 1px dashed #CCCCCC;}

#hostingtable .smaller
{font-size: smaller;}

#hostingtable .tr-image:hover
{background: #F4F4F4;}

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

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

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

#hostingtable tr:hover
{background: url(images/hosting_tr_hover.jpg) repeat-x bottom left #3E7DA8;
color: #FFFFFF;
cursor: default;}

#hostingtable tr:hover a
{color: #FFFFFF;
border-bottom: 1px dotted #FFFFFF;}

#hostingtable tr:hover a:visited
{color: #FFFFFF;
border-bottom: 1px dotted #FFFFFF;}

#hostingtable tr:hover a:hover
{color: #F4F4F4;
border-bottom: 1px dotted #F4F4F4;}

#hostingtable #trbottom
{background: #DDDDDD;
text-transform: uppercase;
cursor: pointer;}

#hostingtable #trbottom:hover
{background: #AAAAAA;}

#hostingtable #trbottom a
{font-weight: bold;
display: block;
font-size: smaller;
border: none;
cursor: pointer;}

#hostingtable #trbottom a:visited
{font-weight: bold;
display: block;
font-size: smaller;
border: none;
cursor: pointer;}

#hostingtable #trbottom a:hover
{font-weight: bold;
display: block;
font-size: smaller;
border: none;
cursor: pointer;}

#hostingtable2
{background: #F4F4F4;
font-size: 12px;
border: 1px dashed #CCCCCC;}

#hostingtable2 .smaller
{font-size: smaller;}

#hostingtable2 .tr-image:hover
{background: #F4F4F4;}

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

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

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

#hostingtable2 tr:hover
{background: url(images/hosting_tr_hover.jpg) repeat-x bottom left #3E7DA8;
color: #FFFFFF;
cursor: default;}

#hostingtable2 tr:hover a
{color: #FFFFFF;
border-bottom: 1px dotted #FFFFFF;}

#hostingtable2 tr:hover a:visited
{color: #FFFFFF;
border-bottom: 1px dotted #FFFFFF;}

#hostingtable2 tr:hover a:hover
{color: #F4F4F4;
border-bottom: 1px dotted #F4F4F4;}

#hostingtable2 #trbottom
{background: #DDDDDD;
text-transform: uppercase;
cursor: pointer;}

#hostingtable2 #trbottom:hover
{background: #AAAAAA;}

#hostingtable2 #trbottom a
{font-weight: bold;
display: block;
font-size: smaller;
border: none;
cursor: pointer;}

#hostingtable2 #trbottom a:visited
{font-weight: bold;
display: block;
font-size: smaller;
border: none;
cursor: pointer;}

#hostingtable2 #trbottom a:hover
{font-weight: bold;
display: block;
font-size: smaller;
border: none;
cursor: pointer;}

/* --------- 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;}

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

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

.grassspan
{background: url(images/worldcup/grassbg.jpg) top left repeat-y; 
padding: 5px 10px;
margin: 5px 0 0 0;
color: #FFFFFF;
font-size: 10px; 
text-transform: uppercase; 
font-weight: bold;}

.christmassale
{background: #9E0001; 
padding: 5px 10px;
margin: 5px 0 0 0;
color: #FFFFFF;
font-size: 10px; 
text-transform: uppercase; 
font-weight: bold;}

.lightblue
{color: #61C8EF;}

.green
{color: #7CC100;}

.orange
{color: #D58302;}

.darkred
{color: #9E0001;}

.brightgreen
{background: #96C300;
color: #FFF;
padding: 0 10px 0 10px;}

.strike
{text-decoration: line-through;
color: #AAA;}

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

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

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

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

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

.ssltable
{font-size: 11px;
color: #12517A;}

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

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

.sslsale
{background: #65B6EE;
color: #FFF;
font-weight: bold;
padding: 3px 5px;}

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

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

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

.hostingpricetd
{background: #F4F4F4; 
border: 1px dashed #CCC; 
padding: 3px; 
font: 16px 'Century Gothic', Arial, sans-serif; 
font-weight: bold; 
letter-spacing: -1px;}

.hostingpricerotate
{width: 130px;
height:  20px;  
padding: 0; 
margin:  0 auto;} 

.hostingpricerotate img
{width: 130px;
height:  20px;  
padding: 0; 
margin:  0 auto;} 

.hostingpricerotate span
{} 

.hostingpricerotate a
{display: none;} 

.ordertextrotate
{width: 360px;
height:  20px;  
padding: 0; 
margin:  0;} 

.ordertextrotate img
{width: 360px;
height:  20px;  
padding: 0; 
margin:  0 auto;} 

.ordertextrotate a
{display: none;} 

.ordertextrotate span
{display: none;} 

/* 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: #1E79AA;
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_yellow.jpg) repeat-x bottom left #1E7AAB;
padding: 10px;}

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

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

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


/* --------- 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: #12517A;
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: #12517A;
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;}

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

.quicknavul li.red:hover
{background: #D50001;}

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

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

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

.quicknavul li.green:hover
{background: #C8EE4B;}

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

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

/* --------- END OF SIDE NAV ---------- */

/* ----------- LOGIN BUTTON ----------- */

.loginButton
{background: url(images/login_over.png);
width: 80px;
height: 25px;
margin: 0;
padding: 0;}

.loginButton a
{width: 80px;
height: 25px;}

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

* html a:hover
{visibility:visible}

.loginButton a:hover img
{visibility:hidden}

.loginButton span
{margin: 0px;
padding: 0px;
cursor: pointer;}

/* ----------- OFFERS BUTTON ----------- */

.offersButton
{background: url(images/offers_over.png);
width: 80px;
height: 25px;
margin: 0;
padding: 0;}

.offersButton a
{width: 80px;
height: 25px;}

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

* html a:hover
{visibility:visible}

.offersButton a:hover img
{visibility:hidden}

.offersButton span
{margin: 0px;
padding: 0px;
cursor: pointer;}

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

.livesupportButton
{background: url(images/livesupport_over.png);
width: 120px;
height: 25px;
margin: 0;
padding: 0;}

.livesupportButton a
{width: 120px;
height: 25px;}

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

* html a:hover
{visibility:visible}

.livesupportButton a:hover img
{visibility:hidden}

.livesupportButton span
{margin: 0px;
padding: 0px;
cursor: pointer;}


.copy
{color: #999999;}

/* -=-=-=-=-=-=-=-=-=-=-=- FRONT PAGE -=-=-=-=-=-=-=-=-=-=-=-=-=- */

#frontLeft
{float: left;
padding: 0px 10px 10px 10px;
width: 280px;}

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

/* #seotext
{
clear: both;
padding: 2px 20px 10px 20px;
margin-top: -10px;
background: url(images/seotexttop.jpg) top left repeat-x #CCCCCC;
} */

.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;}

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

.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: #12517A;}

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

.mainText blockquote
{margin: 0;
padding-left: 30px;}

.webHostingTable
{font-size: small;}

.webHostingTable .blue
{background: #12517A;
color: #FFFFFF;}

.webHostingTable .blue strong
{color: #FFFFFF;}

.webHostingTable .grey
{background: #F4F4F4;}

#resellerList
{padding: 10px;
margin: 10px auto;}

#resellerList .resellertd
{padding-bottom: 10px;
border-left: 1px dashed #CCCCCC;}

#resellerList ul
{font-size: 11px;
list-style-image: none;
margin: 0;
text-indent: 0;
line-height: 1.3em;
padding: 0 5px 5px 20px;}

#resellerList ul li
{list-style-image: url(images/bullet_blue.png);}

.blueList
{list-style-image: url(images/bullet_blue.png);}

.blueList_smaller
{list-style-image: url(images/bullet_blue.png);
font-size: 12px;
margin: 5px 0 0 20px;
padding: 0;}

.tdgrey
{background: #F4F4F4;
border: 1px solid #DDDDDD;}

.downloads
{font-size: 12px;
border-bottom: 1px dashed #CCCCCC;
line-height: 1.2em;}

.downloads a
{text-decoration: none;}

.downloads a:visited
{text-decoration: none;}

.downloads a:hover
{text-decoration: none;}

.downloads img:hover
{background: none;}

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

.whitetext
{color: #FFFFFF;
font-weight: bold;}

#form1
{border: 1px dashed #CE0000;
background: #FBE8E8;}

#form1 input
{font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 3px;
width: 260px;}

#form1 textarea
{font: 14px Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 3px;
width: 260px;}

#form1 .submitbtn
{background: url(images/red_button_bg.jpg) repeat-x;
height: 30px;
width: 250px;
border: 0px solid #CE0000;
color: #FFFFFF;}

#form1 .submitbtn:hover
{background: url(images/red_button_bg.jpg) repeat-x;
height: 30px;
width: 250px;
border: 1px solid #FF0000;
color: #FFFFFF;
cursor: pointer;}

#form1 strong
{color: #000000;}

#form1 h1
{color: #CE0000;
font-size: 24px;
margin-top: 5px;}

.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 .buttonGo
{background: url(images/red_button_bg.jpg) repeat-x;
height: 30px;
width: 250px;
border: 0px solid #CE0000;
color: #FFFFFF;}

.loginwrapper
{padding: 10px;
background: url(images/blue_gradient.gif) repeat-x bottom left #0D3E5F;
height: 26px;
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFF;
text-align: center;}

#billing
{background: #E6F8FD;
border: 2px solid #C4E4ED;
padding: 10px;
color: #000;}

#cpanel
{background: #E6F8FD;
border: 2px solid #C4E4ED;
padding: 10px;
color: #000;}

#wsb
{background: #E6F8FD;
border: 2px solid #C4E4ED;
padding: 10px;
color: #000;}

#simpledrive
{background: #E6F8FD;
border: 2px solid #C4E4ED;
padding: 10px;
color: #000;}

#domains
{background: #E6F8FD;
border: 2px solid #C4E4ED;
padding: 10px;
color: #000;}

.domainchecker
{padding: 0 5px 10px 5px;
border: 1px solid #CCCCCC;
background: #F4F4F4;
margin: 0px auto;
text-align: center;}

.tablegrey
{border: 1px dashed #CCC;
background: #EEE;}

/* .domainchecker input
{font: 16px Arial, Helvetica, sans-serif;
letter-spacing: -1px;
font-weight: bold;
padding: 1px;
width: 300px;} */

.textinput
{font: 20px Arial, Helvetica, sans-serif;
padding: 3px;
width: 300px;}

.domainchecker select
{font: 20px Arial, Helvetica, sans-serif;
padding: 3px;
width: 80px;} 

h1.domainavailable
{color: #003366;
font-size: 24px;
margin: 10px 0 10px 0;}

h1.domainunavailable
{color: #FF0000;
font-size: 36px;
margin: 10px 0 2px 0;}

.domainresults td
{border-bottom: 1px solid #EEE;
font-size: 14px;}

.domainresults tr.available
{background: #EDFFE1;
height: 35px;}

.domainresults tr.unavailable
{background: #FFE1E1;}

.quoteform
{padding: 5px;
border: 1px dashed #CCCCCC;
background: #F4F4F4;
width: 520px;
margin: 0px auto;
text-align: center;
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;}

.quoteform .input1
{font: 16px Arial, Helvetica, sans-serif;
letter-spacing: -1px;
font-weight: bold;
padding: 1px;
width: 300px;}

.quoteform .postcode
{font: 16px Arial, Helvetica, sans-serif;
letter-spacing: -1px;
font-weight: bold;
padding: 1px;
width: 196px;
text-transform: uppercase;}

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

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

.available
{color: 				#006600;
font-family: 		"Verdana, Arial, Helvetica";
font-size: 			12px;}

.notavailable
{color: 				#FF0000;
font-family: 		"Verdana, Arial, Helvetica";
font-size: 			12px;}

.separator
{background-color: #DDDDDD;
font-size: 12px;}

.windowborder
{border: 1px solid #AAAAAA;
font-size: 12px;}

.windowinside
{background-color:	#F4F4F4;
width: 500px;}

.errors
{color: #FF0000;
font-family: "Verdana, Arial, Helvetica";
font-size: 12px;}

.errorbox
{border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
	width: 95%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto;
	margin-right: auto;}

/* ------------------------ HOSTING PAGE ----------------------------- */

#packages_hosting
{color: #000;
margin-top: -10px;
padding: 0;
line-height: 1.2em;}

#packages_hosting a
{color: #000000;
text-decoration: none;
background: none;
border-bottom: 0px dotted #FFF;
display: block;}

#packages_hosting a:visited
{color: #000;
text-decoration: none;
background: none;}

#packages_hosting a:hover
{color: #000;
text-decoration: none;
background: none;}


#packages_hosting h1
{font: 18px "Century Gothic", Arial, sans-serif;
letter-spacing: -1px;
font-weight: bold;
margin: 0;
padding: 0;}

#packages_hosting p
{padding: 0;
margin: 5px auto;}

.hostinggrey
{background: #EEEEEE;
width: 253px;
min-height: 300px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
font-size: 12px;
line-height: 1.3em;
padding: 5px;
vertical-align: top;
text-align: center;}

.hosting_learnmore
{text-transform: uppercase;
font-size: 10px;
font-weight: bold;
text-align: center;
background: #EEEEEE;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;}

#hosting_packages a
{text-decoration: underline;
color: #000000;}

#hosting_packages a:visited
{text-decoration: underline;
color: #000000;}

#hosting_packages a:hover
{text-decoration: none;
background: #000000;
color: #EEEEEE;}

/* ~~~~~~~~~~~~~~~~~~~~~~ DESIGN PAGE ~~~~~~~~~~~~~~~~~~~~~~ */

#packages
{color: #000;
margin-top: -10px;
padding: 0;
line-height: 1.2em;}

#packages a
{color: #000000;
text-decoration: none;
background: none;
border-bottom: 0px dotted #FFF;
display: block;}

#packages a:visited
{color: #000;
text-decoration: none;
background: none;}

#packages a:hover
{color: #000;
text-decoration: none;
background: none;}


#packages h1
{font: 18px "Century Gothic", Arial, sans-serif;
font-weight: bold;
margin: 0;
padding: 0;}

#packages p
{padding: 0;
margin: 5px auto;}

#option1_top
{background: url(images/option1_top.jpg) no-repeat;
width: 175px;
height: 5px;}

#option1_bottom
{background: url(images/option1_bottom.jpg) no-repeat;
width: 175px;
height: 5px;}

#option1_bg
{/* background: url(images/option1_bg.jpg) top left no-repeat #FFC500; */
background: url(images/1.png) bottom right no-repeat #F4F4F4;
width: 143px;
min-height: 180px;
padding: 5px 15px 10px 15px;
cursor: pointer;
border: 1px solid #DDD;}

#option1_bg:hover
{background: #FFF;
border: 1px solid #E57600;}

#option2_top
{background: url(images/option2_top.jpg) no-repeat;
width: 175px;
height: 5px;}

#option2_bottom
{background: url(images/option2_bottom.jpg) no-repeat;
width: 175px;
height: 5px;}

#option2_bg
{/* background: url(images/option2_bg.jpg) top left no-repeat #D74C21; */
background: url(images/2.png) bottom right no-repeat #F4F4F4;
width: 143px;
min-height: 180px;
padding: 5px 15px 10px 15px;
cursor: pointer;
border: 1px solid #DDD;}

#option2_bg:hover
{background: #FFF;
border: 1px solid #86361F;}

#option3_top
{background: url(images/option3_top.jpg) no-repeat;
width: 175px;
height: 5px;}

#option3_bottom
{background: url(images/option3_bottom.jpg) no-repeat;
width: 175px;
height: 5px;}

#option3_bg
{/* background: url(images/option3_bg.jpg) top left no-repeat #56A6C4; */
background: url(images/3.png) bottom right no-repeat #F4F4F4;
width: 143px;
min-height: 180px;
padding: 5px 15px 10px 15px;
display: block;
cursor: pointer;
border: 1px solid #DDD;}

#option3_bg:hover
{background: #FFF;
border: 1px solid #086A8F;}

/* COLOURED boxes without numbers */

#commerce_top
{background: url(images/option3_top.jpg) no-repeat;
width: 175px;
height: 5px;}

#commerce_bottom
{background: url(images/option3_bottom.jpg) no-repeat;
width: 175px;
height: 5px;}

#commerce_bg
{/* background: url(images/option3_bg.jpg) top left no-repeat #56A6C4; */
background:  url(images/2.png) bottom right no-repeat #F4F4F4;
width: 143px;
min-height: 180px;
padding: 5px 15px 10px 15px;
display: block;
cursor: pointer;
border: 1px solid #DDD;}

#commerce_bg:hover
{background: #FFF;
border: 1px solid #086A8F;}

#starter_top
{background: url(images/webadvert_top.jpg) no-repeat;
width: 175px;
height: 5px;}

#starter_bg
{/* background: url(images/webadvert_bg.jpg) top left no-repeat #7ED241; */
background:  url(images/1.png) bottom right no-repeat #F4F4F4;
width: 143px;
min-height: 180px;
padding: 5px 15px 10px 15px;
display: block;
cursor: pointer;
border: 1px solid #DDD;}

#starter_bg:hover
{background: #FFF;
border: 1px solid #457B1D;}


#advanced_top
{background: url(images/option1_top.jpg) no-repeat;
width: 175px;
height: 5px;}

#advanced_bg
{background: url(images/3.png) bottom right no-repeat #F4F4F4;
width: 143px;
min-height: 180px;
padding: 5px 15px 10px 15px;
cursor: pointer;
border: 1px solid #DDD;}

#advanced_bg:hover
{background: #FFF;
border: 1px solid #E57600;}

#windows_top
{background: url(images/yellow_top.jpg) no-repeat;
width: 175px;
height: 5px;}

#windows_bg
{/* background: url(images/webadvert_bg.jpg) top left no-repeat #7ED241; */
background:  url(images/4.png) bottom right no-repeat #F4F4F4;
width: 143px;
min-height: 180px;
padding: 5px 15px 10px 15px;
display: block;
cursor: pointer;
border: 1px solid #DDD;}

#windows_bg:hover
{background: #FFF;
border: 1px solid #E5C500;}

/* EOF Coloured without numbers */

#webadvert_top
{background: url(images/webadvert_top.jpg) no-repeat;
width: 175px;
height: 5px;}

#webadvert_bg
{/* background: url(images/webadvert_bg.jpg) top left no-repeat #7ED241; */
background: url(images/4.png) bottom right no-repeat #F4F4F4;
width: 143px;
min-height: 180px;
padding: 5px 15px 10px 15px;
display: block;
cursor: pointer;
border: 1px solid #DDD;}

#webadvert_bg:hover
{background: #FFF;
border: 1px solid #457B1D;}

#webshop_top
{background: url(images/webshop_top.jpg) no-repeat;
width: 175px;
height: 5px;}

#webshop_bottom
{background: url(images/webshop_bottom.jpg) no-repeat;
width: 175px;
height: 5px;}

#webshop_bg
{/* background: url(images/webshop_bg.jpg) top left no-repeat #6661C9; */
background: url(images/5.png) bottom right no-repeat #F4F4F4;
width: 143px;
min-height: 180px;
padding: 5px 15px 10px 15px;
display: block;
cursor: pointer;
border: 1px solid #DDD;}

#webshop_bg:hover
{background: #FFF;
border: 1px solid #201C7B;}

#speciality_top
{background: url(images/custom_top.jpg) no-repeat;
width: 175px;
height: 5px;}

#speciality_bottom
{background: url(images/custom_bottom.jpg) no-repeat;
width: 175px;
height: 5px;}

#speciality_bg
{/* background: url(images/custom_bg.jpg) top left no-repeat #58A291; */
background: url(images/6.png) bottom right no-repeat #F4F4F4;
width: 143px;
min-height: 180px;
padding: 5px 15px 10px 15px;
display: block;
cursor: pointer;
border: 1px solid #DDD;}

#speciality_bg:hover
{background: #FFF;
border: 1px solid #066E57;}

.customdesign_top
{background: url(images/customdesign_bg.gif) no-repeat;
height: 5px;}

.customdesign
{/* background: url(images/customdesign_bg.gif) no-repeat; */
background: #F4F4F4;
width: 508px;
padding: 5px 15px 10px 15px;
border: 1px solid #DDD;}

.customdesign:hover
{background: #FFF;
border: 1px solid #2473B6;}

.contentmanagement_top
{background: url(images/customdesign_bg.gif) no-repeat;
height: 5px;}

.contentmanagement
{background: url(images/wrench.png) bottom right no-repeat #F4F4F4;
background: #F4F4F4;
width: 508px;
padding: 5px 15px 10px 15px;
border: 1px solid #DDD;}

.contentmanagement:hover
{background: #FFF;
border: 1px solid #2473B6;}

.maintmanagement_top
{background: url(images/maintmanage_bg.gif) no-repeat;
height: 5px;}

.maintmanagement
{background: url(images/wrench.png) bottom right no-repeat #F4F4F4;
background: #F4F4F4;
width: 508px;
padding: 5px 15px 10px 15px;
border: 1px solid #DDD;}

.maintmanagement:hover
{background: #FFF;
border: 1px solid #2473B6;}

.emailplans_top
{background: url(images/customdesign_bg.gif) no-repeat;
height: 5px;}

.emailplans
{/* background: url(images/customdesign_bg.gif) no-repeat; */
background: url(images/1-email.png) bottom right no-repeat #F4F4F4;
width: 508px;
padding: 5px 15px 10px 15px;
border: 1px solid #DDD;}

.emailplans:hover
{background: #FFF;
border: 1px solid #2473B6;}

.compareplans
{/* background: url(images/customdesign_bg.gif) no-repeat; */
background: url(images/1-compare.png) top right no-repeat #F4F4F4;
width: 508px;
padding: 5px 15px 10px 15px;
border: 1px solid #DDD;}

.compareplans:hover
{background: #FFF;
border: 1px solid #2473B6;}

.hypersubmit_top
{background: url(images/green_top.jpg) no-repeat;
height: 5px;}

.hypersubmit
{/* background: url(images/customdesign_bg.gif) no-repeat; */
background: url(images/1-search.png) bottom right no-repeat #F4F4F4;
width: 270px;
padding: 5px 15px 10px 15px;
border: 1px solid #DDD;}

.hypersubmit:hover
{background: #FFF;
border: 1px solid #3FA237;}

.websitebuilder_top
{background: url(images/yellow_top_wide.jpg) no-repeat;
height: 5px;}

.websitebuilder
{/* background: url(images/customdesign_bg.gif) no-repeat; */
background: url(images/1-builder.png) bottom right no-repeat #F4F4F4;
width: 270px;
padding: 5px 15px 10px 15px;
border: 1px solid #DDD;}

.websitebuilder:hover
{background: #FFF;
border: 1px solid #E6CD42;}

.custom_top
{background: url(images/custom_top.jpg) no-repeat;
width: 175px;
height: 5px;}

.custom_bottom
{background: url(images/custom_bottom.jpg) no-repeat;
width: 175px;
height: 5px;}

.custom_bg
{/* background: url(images/custom_bg.jpg) top left no-repeat #58A291; */
background: url(images/wrench.png) bottom right no-repeat #F4F4F4;
width: 143px;
min-height: 180px;
padding: 5px 15px 10px 15px;
display: block;
cursor: pointer;
border: 1px solid #DDD;}

.custom_bg:hover
{background: #FFF;
border: 1px solid #066E57;}

.option3_top
{background: url(images/option3_top.jpg) no-repeat;
width: 175px;
height: 2px;}

.option3_bottom
{background: url(images/option3_bottom.jpg) no-repeat;
width: 175px;
height: 5px;}

.option3_bg
{/* background: url(images/option3_bg.jpg) top left no-repeat #56A6C4; */
background: url(images/wrench.png) bottom right no-repeat #F4F4F4;
width: 143px;
min-height: 180px;
padding: 5px 15px 10px 15px;
display: block;
cursor: pointer;
border: 1px solid #DDD;}

.option3_bg:hover
{background: #FFF;
border: 1px solid #56A6C4;}

#maintenance
{color: #000;
margin-top: -10px;
padding: 0;
line-height: 1.2em;
width: 365px;}

#maintenance a
{color: #000;
text-decoration: none;
background: none;
border-bottom: 0px dotted #FFF;
display: block;}

#maintenance a:visited
{color: #000;
text-decoration: none;
background: none;}

#maintenance a:hover
{color: #000;
text-decoration: none;
background: none;}

#maintenance h1
{color: #000;
font: 18px "Century Gothic", Arial, sans-serif;
font-weight: bold;
margin: 0;
padding: 0;}

#maintenance p
{padding: 0;
margin: 5px auto;}

#featured
{background: url(images/featured_bg.jpg) repeat-x bottom left #666666;
color: #FFFFFF;
padding: 10px 0px 15px 0px;
margin: 0;
border: 2px solid #3C9DDD;}

#featured p
{line-height: 1.2em;}

#featured .littlelink
{font-size: 10px;
font-weight: bold;}

#featured a
{color: #FFFFFF;
text-decoration: underline;}

#featured a:visited
{color: #FFFFFF;
text-decoration: underline;}

#featured a:hover
{color: #71C7FF;
text-decoration: underline;
background: none;}

/* ~~~~~~~~~~~~~~~~~~~~~~ DOMAINS PAGE ~~~~~~~~~~~~~~~~~~~~~~ */

#domaincheckerbox
{background: url(images/domaincheckerbg.png) no-repeat;
height: 120px;
padding: 20px 0px 10px 0px;
width: 540px;
color: #FFFFFF;
text-align: center;}

#domaincheckerbox h1
{font: 22px "Century Gothic", Arial, sans-serif;
font-weight: bold;
color: #FFFFFF;}

/* MAINTENANCE PAGE */

.contentmanagementtd
{background: url(images/contentmanagement_bg.jpg) no-repeat #FFF;
width: 240px;
min-height: 300px;
padding: 50px 10px 50px 10px;
font-size: 12px;
line-height: 1.2em;
text-align: center;}

.maintenancemanagementtd
{background: url(images/maintenance_bg.jpg) no-repeat #FFF;
width: 240px;
min-height: 300px;
padding: 50px 10px 50px 10px;
font-size: 12px;
line-height: 1.2em;
text-align: center;}

/* ~~~~~~~~~~~~~~ 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 #7BAAC9;}

#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 #BCDCF0; 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: #A7C9DD; border-top: 1px solid #88ADC2; 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;}*/

input.blueSubmit
{ margin:0 7px 0 0;
/*    background-color:#338BCA; */
background: url(images/button1bg.jpg) repeat-x;
    border:2px solid #2574AD;
    border-top:1px solid #55A5DE;
    border-left:1px solid #55A5DE;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:8px 20px 6px 20px;}
	
input.blueSubmit:hover
{  background-color:#5CADE7;
	background-image: none;
    border:2px solid #479FDE;
	border-top:1px solid #6DBCF5;
    border-left:1px solid #6DBCF5;
}

input.blueSubmit:focus
{
    background: url(images/button1bg_focus.jpg) repeat-x;
    border:2px solid #94BC41;
	border-top:1px solid #BFEB64;
    border-left:1px solid #BFEB64;
}

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

.blueSubmit2:hover
{cursor: pointer;
background: url(images/blue_button_bg_over.jpg) repeat-x;}
/* -------------------------------------- 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: #12517A;
margin: 0;
padding: 0;}
/* -------------------- NAVIGATION -------------------- */
.navhome
{position: relative;
background: url(images/nav/nav_home_over.jpg);
white-space: nowrap;
display: block;
width: 70px;
height: 40px;
margin: 0;
padding: 0;}

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

.navhome img
{width: 70px;
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: 90px;
height: 40px;
margin: 0;
padding: 0;}

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

.navhosting img
{width: 90px;
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: 90px;
height: 40px;
margin: 0;
padding: 0;}

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

.navdesign img
{width: 90px;
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;}

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

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

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

* html a:hover
{visibility:visible}

.navecommerce a:hover img
{visibility:hidden}

.navecommerce 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: 110px;
height: 40px;
margin: 0;
padding: 0;}

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

.navdomains img
{width: 110px;
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 ---------------- */
.navdrive
{position: relative;
background: url(images/nav/nav_gomobi_over.jpg);
white-space: nowrap;
display: block;
width: 90px;
height: 40px;
margin: 0;
padding: 0;}

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

.navdrive img
{width: 90px;
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: 80px;
height: 40px;
margin: 0;
padding: 0;}

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

.navsupport img
{width: 80px;
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: 80px;
height: 40px;
margin: 0;
padding: 0;}

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

.navabout img
{width: 80px;
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: 85px;
height: 40px;
margin: 0;
padding: 0;}

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

.navcontact img
{width: 85px;
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: 85px;
height: 40px;
margin: 0;
padding: 0;}

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

.navorder img
{width: 85px;
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;}
/* CLICKBANNER */

#clickbannerwrapper {width: 540px; height: 215px; margin: 5px 0px -10px 0px;}
#clickbannerwrapper  a:hover {background: none; color: #65E4FF;}
#clickbannernav {float: right; background: url(/images/hosting_banner/banner_subbg.jpg) top left no-repeat; width: 100px; font: 16px Arial, sans-serif; font-weight: bold; letter-spacing: -1px; text-align: center;}
#clickbannernav a {display: block; color: #FFF; text-decoration: none; margin: 0; padding: 14px 5px 0px 5px; height: 58px; border-bottom: 1px solid #666;}
#clickbannernav a.bottom {display: block; color: #FFF; text-decoration: none; margin: 0; padding: 15px 5px 0px 5px; height: 57px; border-bottom: 0px solid #666;}
#clickbannernav a.activeSlide {color: #65E4FF; background: url(/images/hosting_banner/arrow.png) center left no-repeat;}
#clickbannernav a:focus {outline: none;}
#clickbanner {float: left;}
#clickbanner img {margin: 0; padding: 0;}

/* ----------------------------- BANNER LINKS ------------------------ */
#banner a {
	color: #FF7E04;
	text-decoration: none;}

#banner a:hover {
	text-decoration: underline;}

#banner a.noformat {
	color: #5A5A5A;}

#banner  a.noformat:hover {text-decoration:none;}

/* ======== FAQ ======== */
#faq 				{background: #FFFFFF;}
#faq dl 			{ border-bottom:1px solid #e6e6e6;}
#faq 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;}
#faq dt.selected { background-image:url(images/minus.jpg);}
#faq dt:hover,
#faq dt:hover + dd 	{ background-color:#F4F4F4;}
#faq dl dd 			{ margin:0; padding:0 0 0 24px;}
#faq dl dd p 		{ margin:0; padding: 0 0 15px 0; }


#hostingExpand 				{width: 447px; margin: 0px auto;}
#hostingExpand dl 			{ border:1px solid #e6e6e6;}
#hostingExpand dt 			{ background:url(images/more.png) #DDDDDD; padding:5px;cursor:pointer; color:#FFFFFF; text-align: center; font-size: 12px; text-transform:uppercase;}
#hostingExpand dt.selected { background-image:url(images/less.png);}
#hostingExpand dt:hover,
#hostingExpand dt:hover + dd 	{ background-color:#EEEEEE;}
#hostingExpand dl dd 			{ margin:0; padding:0;}
#hostingExpand dl dd p 		{ margin:0; padding:0; }

#hostingCompareExpand 				{width: 545px; margin: 0px auto;}
#hostingCompareExpand dl 			{ border:1px solid #e6e6e6;}
#hostingCompareExpand dt 			{ background:url(images/more.png) #DDDDDD top center no-repeat; padding:5px;cursor:pointer; color:#FFFFFF; text-align: center; font-size: 12px; text-transform:uppercase;}
#hostingCompareExpand dt.selected { background-image:url(images/less.png);}
#hostingCompareExpand dt:hover,
#hostingCompareExpand dt:hover + dd 	{ background-color:#EEEEEE;}
#hostingCompareExpand dl dd 			{ margin:0; padding:0;}
#hostingCompareExpand dl dd p 		{ margin:0; padding:0; }

#resellerExpand 				{width: 520px; margin: 0px auto; }
#resellerExpand dl 			{ border:1px solid #e6e6e6;}
#resellerExpand dt 			{ background:url(images/more.png) top center no-repeat #F4F4F4; padding:5px;cursor:pointer; color:#000000; text-align: center; font-size: 12px; text-transform:uppercase;}
#resellerExpand dt.selected { background-image:url(images/less.png);}
#resellerExpand dt:hover,
#resellerExpand dt:hover + dd 	{ background-color:#EEEEEE;}
#resellerExpand dl dd 			{ margin:0; padding:0;}
#resellerExpand dl dd p 		{ margin:0; padding:0; }

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

/* 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:#12517A;}

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;}

a.prev2, a.next2
{	background:url(images/left2.png) no-repeat 0 0;
	display:block;
	width:21px;
	height:23px;
	float:left;	
	margin:3px;
	cursor:pointer;}
	
a.next2 {	background-image:url(images/right2.png)}

a.prev2:hover {	background-position:-21px 0;}

a.next2:hover {	background-position:-21px 0;}


/* navigator */
div.navi {	position:relative;
	top:78px;
	left:55px;
	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;*/}


/* ~~~~~~~~~ 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 #FFC130;
	background-color: #FFF3D8;
	font: 12px Verdana, Arial, Helvetica, sans-serif;}

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

.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_bg.gif) repeat-x top left;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;}

#JT_close_right{	background-color: #FF0000;
	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;}

/* -------------- IMAGE FADE - jQuery Cycle ---------------- */
.pics 
{width:   570px; 
height:  329px;  
padding: 0;  
margin:  0;} 
 
.pics img
{width:  570px; 
height: 329px; 
padding: 0;
margin: 0;
border: 0;} 

.pics2
{width:   278px; 
height:  160px;  
padding: 0;  
margin:  0;} 
 
.pics2 img
{width:  278px; 
height: 160px; 
padding: 0;
margin: 0;} 

.pics2 a
{display: none;}

.pics3
{width:   440px; 
height:  215px;  
padding: 0;  
margin:  0;} 
 
.pics3 img
{width:  440px; 
height: 215px; 
padding: 0;
margin: 0;
border: 0;} 

.pics3 a
{display: none;}

.portfoliocontainer
{border: 1px solid #CCCCCC;
background: #EEEEEE;
margin-top: 10px;
padding: 10px;
width: 150px;
text-align: center;}

.portfoliocontainer a
{font-size: 10px;
font-weight: bold;}

.portfoliocontainer span
{font-size: 10px;
font-weight: bold;
color: #12517A;
text-decoration: none;}

.portfoliopics
{width:   150px; 
height:  112px;  
padding: 0;  
margin:  0; } 
 
.portfoliopics img
{width:  150px; 
height: 112px; 
padding: 0;
margin: 0;
border: 1px solid #000000;} 

pre
{width: 0;
height: 0;
visibility: hidden;
z-index: -101;
margin: 0;
padding: 0;}

.bigred
{font: 26px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #C90000;}

#twitter_div
{margin: 0px auto; width: 85%;border: 1px solid #CCCCCC; padding: 10px 20px 10px 20px; background: #F4F4F4;font: 20px Arial, Helvetica, sans-serif; }

#twitter_update_list ul
{list-style: none;
margin: 0;
padding: 0;}

#twitter_update_list li
{list-style-image: url(../images/twitter-bird.png);
text-indent: 0;
margin: 0;
padding-bottom: 30px;
border-bottom: 1px dashed #AAAAAA;}

.freeQuoteBox
{background: #FCF4E8;
border: 1px dashed #EFC98C;
color: #DB8800;
padding: 10px;
margin: 15px 0 0 15px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1.2em;
text-align: center;}

#tooltip{
	position:absolute;
	border:1px solid #96BCC9;
	background:#D8F3FC;
	padding: 10px;
	color:#333;
	display:none;
	width:300px;
	font-size: 12px;
	line-height: 14px;
	}	
.style1 {font-weight: bold}

.postmetadata
{border: 1px solid #CCC;
background: #F4F4F4;
font-size: 11px;
padding: 10px;}

#respond
{background: #F4F4F4;
border: 1px solid #CCC;
padding: 10px;
margin: 0 0 10px 0;}

.commentlist
{border-bottom: 1px dashed #DDD;
border-top: 1px dashed #DDD;}

.comment-meta
{font-size: 10px;}

.navigation
{font-size: 12px;}

.alignright
{float: right;}

h3
{font: 16px "Century Gothic", Arial, sans-serif;
font-weight: bold;
letter-spacing: 0px;
color: #12517A;}

.verdana
{font: 12px Verdana, Arial, Helvetica, sans-serif;}

.smallbannerspace
{margin-bottom: 5px;}

.strikethrough
{text-decoration: line-through;
color: #B30000;
font-size: 10px;}

.socialbuttons a:link, .socialbuttons a:visited
{border: none;
text-decoration: none;}

.socialbuttons img
{margin-right: 8px;}

.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;}

/* Accordion */

.accordion {
	width: 100%;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

/* Accordion Domains */

#accordion_domain {
	width: 100%;
	border-bottom: solid 1px #c4c4c4;
}
#accordion_domain h3 {
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
#accordion_domain h3:hover {
	background-color: #e3e2e2;
}
#accordion_domain h3.active {
	background-position: right 5px;
}
#accordion_domain div {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	text-align: center;
}

/* ACCORDION STANDARD */

#accordion {
	width: 100%;
	border-bottom: solid 1px #c4c4c4;
}
#accordion h3 {
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
#accordion h3:hover {
	background-color: #e3e2e2;
}
#accordion h3.active {
	background-position: right 5px;
}
#accordion div {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

.red
{color: #cc0000;}

.directory
{border: 1px dashed #CCCCCC;
background: #F4F4F4;
padding: 10px;
font-size: 13px;}

.smalllabel
{font-size: 10px;
color: #AAA;}

input.button1,input.buttonwarn 
{ margin:0 7px 0 0;
/*    background-color:#338BCA; */
background: url(images/button1bg.jpg) repeat-x;
    border:2px solid #2574AD;
    border-top:1px solid #55A5DE;
    border-left:1px solid #55A5DE;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:8px 20px 6px 20px;}

input.button1:hover{
    background-color:#5CADE7;
	background-image: none;
    border:2px solid #479FDE;
	border-top:1px solid #6DBCF5;
    border-left:1px solid #6DBCF5;
}

 input.button1:focus{
    background: url(images/button1bg_focus.jpg) repeat-x;
    border:2px solid #94BC41;
	border-top:1px solid #BFEB64;
    border-left:1px solid #BFEB64;
}

input.buttonwait 
{ margin:0 7px 0 0;
/*    background-color:#338BCA; */
background: url(images/button1bg.jpg) repeat-x;
    border:2px solid #2574AD;
    border-top:1px solid #55A5DE;
    border-left:1px solid #55A5DE;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:8px 20px 6px 20px;}

input.buttonwait:hover{
    background-color:#5CADE7;
	background-image: none;
    border:2px solid #479FDE;
	border-top:1px solid #6DBCF5;
    border-left:1px solid #6DBCF5;
}

input.buttonwait:focus
{background: none;
border: none;
color: #333;}

input.buttonwarn:hover{
    background-color:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;}
	
.bold
{font-weight: bold;}

.orderpricebutton
{float: right; 
width: 170px; 
padding-top: 10px;}

.orderprice_textleft
{float: left; width: 355px;}

.orderpricebox
{border-left: 1px solid #CCC; 
border-right: 1px solid #CCC; 
border-bottom: 1px solid #CCC; 
background: #F4F4F4; 
font-size: 11px; 
float: right; 
width: 165px; 
text-align: right; 
padding: 5px 3px 5px 0; 
line-height: 1.3em;}

/* SLIDEOUT TAB */

.slide-out-div
{padding: 5px 20px 0 20px;
width: 250px;
background: #FFFFFF;
border: 2px solid #DBDBDB;
z-index: 1000;}

.slide-out-div h3
{color: #0C5580;
font-size: 18px;}

.slide-out-div p
{line-height: 1.4em;
font-size: 12px;}

.slide-out-div .slide
{/* background: #6ABDFF; */
width: 208px;
padding: 0 20px;}

.slide-out-div ul
{list-style: none;
padding: 0;
margin: 0;
text-indent: 0;}

.slide-out-div ul li
{padding: 10px 0;
border-bottom: 1px solid #DDD;}

.slide-out-div ul li a
{color: #333;
text-decoration: none;}

.slidenumber
{font-size: 22px;
color: #74C7FF;
float: left;
margin-top: -5px;
padding: 0 10px 0 0;}

.slidenumber2
{font-size: 26px;
float: left;
margin-top: -5px;
color: #FFFFFF;
background: url(images/circle_35.png) top left no-repeat;
width: 35px;
height: 35px;
padding: 3px 0 0 10px;}

.slidenumber3
{font-size: 22px;
color: #74C7FF;
float: left;
padding: 0 10px 0 0;}