/* Main CSS for Xenworks site - 19/12/2009, AW */

*       { margin:0; padding:0; font-size:100%; }
body    { background:#131516 url(images/body-tail.jpg) top repeat-x; padding-bottom:45px; }
img     { vertical-align:top; }
a img   { border:0; outline:none; }
ul      { list-style:none; }

div.left   { float:left; }
div.right  { float:right; }
div.clear  { clear:both; }
.blue      { color:#4364b9; }
.center    { text-align:center; }

html, input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.417em;
	color:#4e4949;
}
select        { font-size:11px; }
input, select { vertical-align:middle; font-weight:normal; }

a           { color:#4363b8; text-decoration:none; font-weight:bold; }
a:hover     { text-decoration:underline; }
a.footer    { color:#4d4d4d; font-weight:normal; }
a.more      { font-weight:normal; font-size:10px; }
h2.see_also, h2.subheading2 { background:url(images/divider.gif) bottom left no-repeat; padding-bottom:8px; margin-bottom:5px; }
h2.cheading   { text-align:center; padding:20px 0 0 0; }
h2.subheading { padding:5px 0 0 0; font-size:15px; }

.quote        { padding:10px 0 10px 0 }
.quote_author { padding-left:32px; }
.quote_inner  { background:url(images/quote_begin.gif) top left no-repeat; padding:9px 28px 10px 32px; font-style:italic; }
.quote_outer  { background:url(images/quote_end.gif) right bottom no-repeat; }

p           { padding-top:15px; }
p.content   { padding:8px 0 5px 0; }
li.arrow    { background:url(images/bullet.gif) 0 5px no-repeat; padding:0 0 2px 13px; }

ul.indent   { padding:5px 0 0 5px; }
li 		    { background:url(images/list-bg.gif) no-repeat 0 6px; padding:0 0 5px 14px; }

#secondary_menu         { position:absolute; z-index:2; color:#cccccc; text-align:right; top:5px; left:500px; width:420px; height:20px; font-size:9px; text-transform:uppercase; }
#secondary_menu a       { color:#f0f0f0; font-weight:normal; }
#secondary_menu a:hover { color:#fff; }
#see_also               { margin:15px 5px 0 5px; clear:both; }

/* Layout */
#site          { width:980px; margin:0 auto 0 auto; position:relative; }
#page          { padding:5px 17px 25px 17px; }
#customer_page { padding:3px 15px 25px 15px; }
#banner        { }
#content_top   { width:877px; height:13px; margin:2px 0 0 55px; background:url(images/body_top.png) no-repeat; }
#content       { width:877px; margin-left:55px; background:url(images/body_mid.png) repeat-y; }
#content_btm   { width:877px; height:13px; margin-left:55px; background:url(images/body_btm.png) no-repeat; }
#footer_top    { width:847px; height:9px; margin:0 0 0 15px; background:url(images/footer_top.gif) no-repeat; }
#footer        { width:847px; margin-left:15px; background:url(images/footer_mid.gif) repeat-y; color:#7a7b7f; text-align:left; }
#footer_left   { padding:20px 5px 20px 10px; text-transform:uppercase; font-size:10px; }
#footer_right  { float:right; font-size:11px; text-transform:none; padding:13px 10px 0 0; text-align:right; }
#footer_btm    { width:847px; height:11px; margin-left:15px; background:url(images/footer_btm.gif) top no-repeat; }

#globe         { padding:0 3px 15px 23px; }
#globe2        { float:left; padding:25px 12px 12px 0; }
#domains_placeholder { float:right; padding-top:130px; width:478px; text-align:center; }

.cdivider      { background:url(images/center_divider.gif) center repeat-y; }
.content_left  { float:left; width:400px; margin-left:1px; }
.content_left p { padding-right:20px; }
.content_right { float:right; width:400px; }
.page_content  { padding:6px 16px 0 30px; margin-left:2px; font-size:13px; text-align:justify; margin-bottom:18px; }

/* HTML Header */
.html_banner      { position:relative; height:122px; }
.html_logo        { position:absolute; top:32px; left:65px; width:263px; height:62px; background:red; }
.menu             { margin:0 0 8px 59px;  }
.menu_home        { float:left; width:110px; height:58px; background:url(images/menu-home.jpg) top left no-repeat; }
.menu_design      { float:left; width:118px; height:58px; background:url(images/menu-design.jpg) top left no-repeat; }
.menu_development { float:left; width:151px; height:58px; background:url(images/menu-development.jpg) top left no-repeat; }
.menu_domains     { float:left; width:127px; height:58px; background:url(images/menu-domains.jpg) top left no-repeat; }
.menu_hosting     { float:left; width:123px; height:58px; background:url(images/menu-hosting.jpg) top left no-repeat; }
.menu_support     { float:left; width:119px; height:58px; background:url(images/menu-support.jpg) top left no-repeat; }
.menu_contact     { float:left; width:121px; height:58px; background:url(images/menu-contact.jpg) top left no-repeat; }

.menu_home:hover, .menu_design:hover, .menu_development:hover, .menu_domains:hover, .menu_hosting:hover, 
.menu_support:hover, .menu_contact:hover { background-position:0 -58px; }

/* Box */
.box           { padding:20px 0 18px 0; margin-left:-2px; }
.box_top       { width:382px; height:13px; background:url(images/box_top.gif) no-repeat; }
.box_mid       { width:362px; background:url(images/box_mid.gif) repeat-y; padding:0 10px 0 10px; }
.box_mid li    { background:url(images/list-bg.gif) no-repeat 0 9px; padding-left:20px; line-height:20px; color:#111; text-decoration:underline; font-size:13px;}
.box_mid li a  { color:#111; }
.box_mid ul    { padding-left:4px; }
.box_btm       { width:382px; height:13px; background:url(images/box_btm.gif) no-repeat; }

.box2           { margin:0 auto 0 auto; }
.box2_top       { height:4px; background:url(images/box_outline.gif) top repeat-x; }
.box2_top_left  { width:4px; height:4px; float:left; background:url(images/box_top_left.gif) no-repeat; }
.box2_top_right { width:4px; height:4px; float:right; background:url(images/box_top_right.gif) no-repeat; }
.box2_mid       { border-left:1px solid #ccc; border-right:1px solid #ccc; padding:7px 0 7px 0; }
.box2_btm       { height:4px; background:url(images/box_outline.gif) bottom repeat-x; }
.box2_btm_left  { width:4px; height:4px; float:left; background:url(images/box_btm_left.gif) no-repeat; }
.box2_btm_right { width:4px; height:4px; float:right; background:url(images/box_btm_right.gif) no-repeat; }

/* Widebox */
#widebox       { margin:0 5px 10px 15px; }
#widebox_top   { width:847px; background:url(images/widebox_top.gif) bottom repeat-x; padding-top:8px; }
#widebox_btm   { width:847px; height:25px; background:url(images/widebox_btm.gif) top no-repeat; }
table.widebox  { }
td.widebox     { width:212px; background:url(images/box_divider.gif) repeat-y; padding-top:10px; vertical-align:top; }
div.widebox    { width:169px; background-position:22px 6px; background-repeat:no-repeat; padding:80px 20px 0 23px; }
div.widebox2   { width:169px; background-positioN:22px 0; background-repeat:no-repeat; padding:69px 20px 0 23px; }
div.wbsubtitle { font-weight:bold; padding-bottom:10px; }

.btn_more_info        { float:left; width:101px; height:28px; overflow:hidden; margin:20px 0 14px 19px; background:url(images/btn_more_info.png) no-repeat; background-position:top left; }
.btn_more_info:hover  { background-position:0 -28px; }
.btn_read_more        { float:left; width:84px; height:19px; overflow:hidden; background:url(images/btn_read_more.gif) no-repeat; background-position:top left; }
.btn_read_more:hover  { background-position:0 -19px; }
.btn_read_more2       { float:left; width:92px; height:25px; overflow:hidden; background:url(images/btn_read_more2.png) no-repeat; background-position:top left; margin-bottom:5px; }
.btn_read_more2:hover { background-position:0 -25px; }
.btn_order            { float:left; width:92px; height:25px; overflow:hidden; background:url(images/btn_order.png) no-repeat; background-position:top left; }
.btn_order:hover      { background-position:0 -25px; }
input.btn_continue    { width:101px; height:28px; background:url(images/btn_continue.png) no-repeat; background-position:top left; border:none; }
input.btn_continue:hover { background-position:0 -28px; }
input.btn_purchase    { width:101px; height:28px; background:url(images/btn_purchase.png) no-repeat; background-position:top left; border:none; }
input.btn_purchase:hover { background-position:0 -28px; }
input.btn_continue3        { width:85px; height:25px; background:url(images/btn_continue3.png) no-repeat; background-position:top left; border:none; text-indent:-800px; }
input.btn_continue3:hover  { background-position:0 -25px; }

/* Homepage */
#design_services      { background-image:url(images/services_design.png); }
#development_services { background-image:url(images/services_development.png); }
#domain_services      { background-image:url(images/services_domains.png); }
#hosting_services     { background-image:url(images/services_hosting.png); }

.hp_recent       { padding:20px 0 0 0; }
.hp_recent_thumb { float:left; width:120px; height:95px; margin-left:3px; }
.hp_recent_desc  { float:right; width:247px; line-height:16px; padding-right:15px; text-align:left; } 
.hp_recent_title { padding:1px 0 5px 0; }
.li_details      { font-weight:normal; }     

.html_landing     { background:url(/images/landing.jpg) no-repeat; width:870px; height:249px; margin:5px 0 8px 59px; position:relative; }
#btn_whatweoffer  { background:url(/images/btn_what-we-offer.png) top left no-repeat; width:231px; height:60px; 
					position:absolute; top:157px; left:607px; padding:10px 0 0 10px; }
#btn_whatweoffer:hover { background-position:0 -69px; }

/* Design */
#pic_design           { float:left; width:250px; height:188px; padding:0 15px 15px 0; background:url(images/pic_design.jpg) no-repeat; }
#pic_design2          { float:right; padding:30px 15px 0 28px; }

/* Development */
#joomla_services      { background-image:url(images/icon_joomla.png); }
#drupal_services      { background-image:url(images/icon_drupal.png); }
#wordpress_services   { background-image:url(images/icon_wordpress.png); }
#oscommerce_services  { background-image:url(images/icon_oscommerce.png); }
#magento_services     { background-image:url(images/icon_magento.png); }

#pic_development      { float:right; padding:5px 10px 0 0; }
#development_copy p, #software_text p, #hosting_copy p   { text-align:justify; padding:8px 0 5px 0; }
#software_logo        { float:left; width:213px; height:313px; margin:15px 25px 0 0; }
#software_text        { text-align:justify; margin:2px 5px 0 5px; }
#software_text h2     { padding-top:5px; }

/* Domains */
#ds_container         { background:url(/images/domainsearch-bg.jpg) top left no-repeat; width:869px; height:301px; margin:5px 0 8px 59px; position:relative; }
#ds_title             { position:absolute; left:39px; top:24px; }
#ds_title h1          { margin:0; padding:0; }
#ds_search            { background:url(/images/domainsearch-searchbg.png) top left no-repeat; position:absolute; left:37px; top:120px; width:502px; height:149px; }
#ds_searchtitle       { position:absolute; top:15px; left:15px; width:300px; height:26px; }
#ds_searchsubheading  { position:absolute; top:49px; left:15px; width:460px; height:16px; }
#ds_searchbox         { position:absolute; top:79px; left:15px; width:472px; height:40px; background:url(/images/domainsearch-searchbox.png) top left no-repeat; }
#ds_searchinput       { float:left; padding:5px 0 0 9px; }
#ds_searchbutton      { float:right; }
#ds_co                { position:absolute; top:32px; left:582px; }
#ds_waitingmode       { display:none; }
#ds_waitingmessage    { position:absolute; top:40px; left:200px; width:110px; height:24px; }
#ds_waitingicon       { position:absolute; top:80px; left:230px; width:43px; height:11px; }

.ds_searchbutton      { background:url(/images/domainsearch-button.png) top left no-repeat; width:84px; height:40px; border:none; text-indent:-800px; }
.ds_searchbutton:hover { background-position:0 -40px; }
input.ds_searchinput  { width:365px; height:30px; font-size:25px; padding:0; border:none; }

#domains_colright     { float:right; width:187px; border-left:1px solid #ccc; }
#domains_colmain      { float:left; width:635px; }

#domains_freeservices { clear:left; }
.domains_freeservice  { padding:10px 0 10px 0; border-top:1px solid #e5e5e5; }
.domains_freeservice h4 { margin:0; padding:3px 4px 5px 4px; }
.freeservice_icon     { float:left; margin-right:15px; }
.freeservice_details  { }

#idprotect            { padding-left:9px; }
#idprotect #idprotect_image { margin:-2px 0 0 0; width:183px; height:158px; background:url(images/pic_id-protect.jpg) top left no-repeat; } 
#idprotect h2         { margin:10px 0 0 17px; }
#idprotect p          { margin:0; padding:12px 0 0 10px; }

.dshosting            { background:url(images/divider.gif) bottom left no-repeat; position:relative; }
.dshosting_left       { float:left; width:120px; padding:17px 0 17px 14px; }
.dshosting_right      { position:absolute; width:67px; left:124px; top:8px; }
.dshosting h4         { margin:0; padding:0 0 11px 0; }
.dshosting_features   { }
.dshosting_price      { }
.dshosting_btn        { padding:12px 0 0 0; }
.btn_details          { background:url(images/btn_details.png) top left no-repeat; width:63px; height:21px; }
.btn_details:hover    { background-position:0 -21px; }

.dshosting_features ul    { padding:0; margin:0; }
.dshosting_features ul li { font-size:11px; line-height:15px; list-style-type:none; background:url(images/tinybullet.gif) 0 5px no-repeat; padding:0 0 0 8px; margin:0; }

#domains_payment      { padding:10px 0 50px 12px; }

.dompricing           { margin-top:20px; }
.dompricing_top       { background:url(images/dompricing_top.png) top left no-repeat; width:635px; height:19px; }
.dompricing_mid       { background:url(images/dompricing_mid.png) bottom left no-repeat; width:635px; height:315px; }
.dompricing_mid h2    { padding:0 0 0 15px; margin:-4px 0 0 0; }
.dompricing_btm       { background:url(images/dompricing_btm.png) top left no-repeat; width:635px; height:19px; }

#tbl_domain_pricing   { width:635px; margin-top:5px; }
td.dom_ext   		  { font-weight:bold; font-size:13px; padding:3px 3px 3px 15px; }
td.dom_price 		  { padding:3px; }
td.dom_min  		  { padding:3px; text-align:center; }
td.dom_leftdiv        { border-right:1px solid #cacaca; } 
td.dom_rightdiv       { border-left: 1px solid #fff; }

.transferbox          { margin:18px auto 0 auto; background:url(images/transferbox-bg.png) no-repeat; width:316px; height:104px; overflow:hidden; }
.transferbox h5       { padding:10px 0 0 10px;  }
.transferbox .inputbox { background:url(images/transferbox-input.png) no-repeat; width:295px; height:29px; margin:8px 0 8px 10px; }
.transferbox .inputbox input.transfer { width:285px; height:19px; border:none; background:none; font-size:16px; color:#666; padding:5px; }
.transferbox_submit   { text-align:center; }
.transfer_waiting     { padding:25px 0 0 135px; }
#transferinput        { height:150px; }

h2.underline          { background:url(images/divider.gif) bottom left no-repeat; padding-bottom:6px; margin-bottom:5px; }
h3.underline          { background:url(images/divider.gif) bottom left no-repeat; padding-bottom:6px; margin-bottom:0; }

/* Hosting */
#hosting_starter      { background-image:url(images/hosting_starter.png); }
#hosting_basic        { background-image:url(images/hosting_basic.png); }
#hosting_professional { background-image:url(images/hosting_professional.png); }
#hosting_enterprise   { background-image:url(images/hosting_enterprise.png); }
#hosting_reseller     { background-image:url(images/hosting_reseller.png); }

.hosting_btm          { position:relative; padding:13px 0 15px 95px; margin-top:1px; }
.hosting_price        { position:absolute; width:78px; height:79px; left:9px; top:2px; }
ul.hosting li         { padding:0 0 1px 14px; color:#333; }

#customer_page fieldset { margin-right:10px; }
tr.color3 td  { padding:4px 0 0 0; }
label span.text { padding-left:3px; }
p span.text img, label span.text_green img, td.padding_border img { margin-top:5px; }

form.no_padding div.wrapper img { margin-top:5px; margin-left:5px; }
table.checkout_form { margin-top:5px; }

#hosting_colright { float:right; }
#hosting_colmain  { float:left; width:645px; }

#pic_hosting      { float:left; padding:15px 10px 0 10px; }
#pic_hosting2     { float:right; padding:5px 10px 0 0; }
#pic_hosting3     { float:right; padding:5px 10px 0 0; }

#icons_hosting    { padding:0; }
#hosting_intro    { }
#hosting_intro p  { text-align:justify; padding-top:0; padding-bottom:10px; }
#hosting_intro h2 { padding-bottom:6px; margin-bottom:5px; }

#any_questions    { width:175px; height:276px; background:url(images/any-questions.jpg) 0 0 no-repeat; }
#any_questions:hover { background-position:0 -276px; }
.divider_colright { width:175px; height:1px; background:url(images/divider_colright.png) no-repeat; margin:17px 0 5px 0; }

/* Hosting Comparison */
table.compare     { width:100%; border-spacing:0 0; }
tr.compare_row    { height:25px; background:#e5e5e5; }
tr.compare_space  { height:5px; }
tr.compare_top td, tr.compare_price td { border-left:1px solid #f9f9f9; border-right:1px solid #f9f9f9; }
td.compare_top    { background:url(images/compare_top.gif) top left no-repeat #e5e5e5; width:113px; height:68px; 
					text-align:center; }
					
td.price_starter      { width:113px; height:41px; background:url(/images/compare_starterbg.gif) top repeat-x; text-align:center; color:white; }
td.price_basic        { width:113px; height:41px; background:url(/images/compare_basicbg.gif) top repeat-x; text-align:center; color:white; }
td.price_professional { width:113px; height:41px; background:url(/images/compare_professionalbg.gif) top repeat-x; text-align:center; color:white; }
td.price_enterprise   { width:113px; height:41px; background:url(/images/compare_enterprisebg.gif) top repeat-x; text-align:center; color:white; }

td.compare_label      { font-weight:bold; padding-left:10px; border-bottom:1px solid #ccc; }
td.compare_item       { text-align:center; background:white; border:1px solid #e5e5e5; border-top:none; }
td.compare_right      { border-right:2px solid #e5e5e5; }
td.compare_space      { border-left:none; border-right:none; }
td.compare_btns       { padding:4px 0 4px 16px; border:1px solid #e5e5e5; border-top:none; background:#f0f0f0; }

td.tltop  { background:url(images/thl.png) top left no-repeat; }
td.tlbtm  { background:url(images/tlb.png) bottom left no-repeat; border-bottom:none; }

span.price_pounds { font:20px "Palatino Linotype", "Book Antiqua", Palatino, serif; line-height:14px; }
span.price_pence  { font:14px "Palatino Linotype", "Book Antiqua", Palatino, serif; line-height:14px; }
span.price_suffix { font:12px "Palatino Linotype", "Book Antiqua", Palatino, serif; line-height:12px; }

div.btn_ordernow { background:url(images/btn_order-now.png) top left no-repeat; width:80px; height:21px; border:none; }
div.btn_ordernow:hover { background-position:0 -21px; }
img.btn_ordernow { width:80px; height:21px; }

/* Privacy, T&Cs */
div.terms    { text-align:justify; }
div.terms p  { padding-top:0; padding-bottom:15px; }
div.terms h2 { background:url(images/divider.gif) bottom left no-repeat; padding-bottom:6px; margin-bottom:5px; }
div.notice   { text-align:center; font-weight:bold; }
p.top        { padding-top:5px; }
ul.terms     { padding:0 0 15px 20px; }
ul.terms li  { background:url(images/list-bg.gif) no-repeat 0 6px; padding:0 0 5px 14px; }
.terms_pic   { float:right; margin:0 0 10px 10px; }

/* About */
#about_colright { float:right; width:233px; }
#about_colmain  { float:left; width:590px; border-right:1px solid #ccc; padding-right:10px; }
#about_colmain p { text-align:justify; padding:8px 0 5px 0; }
#about_pic       { float:left; margin:20px 16px 4px 0; }
#about_pic2      { float:right; margin:-5px 0 4px 16px; }
#about_pic3      { float:left; margin:16px 16px 0 0; }

.team_member     { padding:8px 0 8px 0; border-bottom:1px solid #e5e5e5; }
.team_pic        { float:left; border:1px solid #666; margin:3px 7px 0 0; }
.team_name       { font-weight:bold; }
.team_desc       { font-size:11px; line-height:14px; color:#666; }

/* Featured Sites */
#featured_colright  { float:right; width:233px; }
#featured_colmain   { float:left; width:590px; border-right:1px solid #ccc; padding-right:10px; }
.featured_item      { background:url(images/divider_colmain.gif) center bottom no-repeat; padding:10px 0 10px 0; text-align:justify; }
.featured_item h4   { padding-bottom:5px; padding-top:3px; }
.featured_item h4 a { font-size:20px; }
.featured_pic       { float:left; margin-right:10px; }

/* Contact */

#contact_text { padding:15px 0 15px 0; text-align:justify; }
#contact_pic  { float:left; margin:-5px 15px 0 -10px; /*float:right; margin:-10px 0 0 0;*/ }

/* Cart / Tables */
.domain_icon       { width:96px; height:95px; background:url(images/domainglobe.jpg) no-repeat; position:absolute; left:652px; }
.cart_icon         { width:118px; height:89px; background:url(images/icon_cart.jpg) no-repeat; position:absolute; left:637px; }
.cart_desc         { padding:0 10px 10px 10px; text-align:center; }
.carttotal_label   { text-align:right; height:20px; padding:2px 8px 2px 2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666;}
.carttotal_total   { text-align:center; padding:2px; height:20px; }
.cart_productdesc  { }
table.tcartbox      { height:90px; }
td.cart_producticon  { vertical-align:top; padding:24px 0 0 15px; width:170px; }
td.pricing         { font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#999; }
ul.product li      { padding:0 0 0 14px; }

div.options_left { padding-left:8px; text-align:center; }
div.options_right { padding-left:10px; text-align:center; }
.table_title     { padding:5px 2px 5px 2px; }
.table_footer    { padding:15px 0 15px 0; }
table.data       { border-bottom:1px solid #e0e0e0; }
table.key        { width:350px; margin:0 auto 0 auto; }
table.key2       { width:280px; margin:0 auto 0 auto; }
td.box_divider      { background:url(images/box_divider.gif) repeat-y; padding-left:22px; }
td.key           { padding:0 10px 0 10px; }
td.empty         { border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:15px; font-size:11px; color:#666; text-align:center; }
td.item          { border-left:1px solid #e0e0e0; padding:3px 10px 3px 10px; }
td.right         { border-right:1px solid #e0e0e0; }
td.bottom        { border-bottom:1px solid #e0e0e0; }
.thead 			 { height:20px; background:#e5e5e5; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666; border-right:1px solid #fff; }
.thl             { background:url(images/thl.png) top left no-repeat #e5e5e5; }
.thr             { background:url(images/thr.png) top right no-repeat #e5e5e5; border-right:none; width:85px; }

/* Errors */

.nserr      { margin:2px 0 4px 59px; }
.nserr_top  { background:url(images/nserr_top.png) no-repeat; width:869px; height:8px; }
.nserr_mid  { background:url(images/nserr_mid.png); width:849px; padding:0 10px 0 10px; font-weight:bold; color:#111; text-align:center; }
.nserr_mid a { color:#036; }
.nserr_btm  { background:url(images/nserr_btm.png) no-repeat; width:869px; height:8px; }

.warning    { float:left; padding:10px 10px 0 0; }
.error_page { padding:0 30px 0 215px; text-align:justify; }