/*	
Artician.net | CSS Style Control
Copyright 2008 Artician Web Development Studios. All rights reserved.
*/

/*Page & Body Elements*/
body {cursor:default; background-color:#fff; margin:0; padding:0; margin:0 auto; text-align:center; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; color:#666; line-height:14px; word-spacing:.03em; }
html, body {height:100%;}
#a1 {min-height:100%; position:relative;}	
#a2 {padding-bottom:121px;}
	
a {outline:none;} 
a:link {color:#319bcc; text-decoration:none; }
a:visited {color:#319bcc; text-decoration:none;}
a:active {color:#319bcc;text-decoration:none;}
a:hover {color:#666; text-decoration:none;}
a img  {border:0}

.nodisp {display:none;}
.clear{clear:both; height:0; overflow:hidden; font-size:0; line-height:0; background:none; border:none; display:block;}
table {margin:0; padding:0; border-collapse:collapse; border:0; font-size:12px;}
th{text-align:left;}
p.desc {font-size:10px; border:1px dotted #ddd; padding:7px;}
img {border:0}
.helpNote {font-size:12px;}
.helpNote img.info {float:left; margin:0 5px 0 0;}
/*X-map*/ h3.grey, h3.green, h3.orange, h3.blue, div.prime, div.footer, div.footer_end, div.header, span.hs {background-image:url(/img/layout/xmap.gif); background-repeat:repeat-x;}


#home div.column ul li, #home div.column p, #order .visual p {font-family:"lucida grande",tahoma,verdana;}

body h1 {font-size:1.5em; font-weight:400; line-height:2.8em; color:#999; padding:10px 0 3px 0; margin:0; text-align:left;}
.page h1 {font-size:1.2em; padding:10px 0 10px 29px; margin:0;  background:url(/img/icons/arrow.gif) no-repeat 2px 11px; line-height:2.8em; width:600px;}
h2, .page h2 {font-size:14px; color:#5a5a5a; margin-top:0; line-height:12px; margin-bottom:3px;}
h3 {color:#5A5A5A; display:block; font-size:14px; font-weight:bold; height:38px; line-height:2.7em; margin:0 auto 20px; padding:0 0 0 10px; text-align:center;} 
h3 em {display:block; width:800px; margin:0 auto 0 auto; font-style:normal; text-align:left;} 
h3.grey {background-position:0 0;}
h3.green {background-position:0 -43px;}
h3.orange {background-position:0 -86px;}
h3.blue {background-position:0 -129px;}
h4 {font-size:1.5em; color:#999; padding:0; margin:2px 0 20px 0; font-weight:normal;}	 
p {text-align:left; line-height:1.5em; margin:10px 0 18px 0}	
.split {height:10px; background:url(/img/layout/break_shadow.gif) no-repeat center top; margin:10px 0; padding:0; border:0; color:transparent;}
	
/*Forms*/

form {padding:0; margin:0;}
input {font-family:Arial, Helvetica, sans-serif;}
input.field {background:#fafafa url(/img/layout/field-bg.gif) repeat-x top; border:1px solid #ddd; margin:0 5px 7px 0; border-width:2px 1px 1px 1px; color:#319bde; font-size:13px; padding:0.4em;}
input.field:focus {background-color:#fff;}

select {background:#fff url(/img/layout/field-bg.gif) repeat-x top; padding:0.3em 0.4em 0.3em 0.1em; margin:0 5px 7px 0; font-size:13px; border:1px solid #ddd; color:#319bde;}
select:focus {background-color:#fff;}
select.thin {padding:0em 0.4em 0em 0.1em;}	

textarea, .textarea {font-family:Arial, Helvetica, sans-serif; background:#fafafa; border:1px solid #ddd; margin:0 5px 7px 0; border-width:2px 1px 1px 1px; color:#319bde; font-size:13px; padding:0.4em; width:99%;}
textarea:focus, .textarea:focus {background-color:#fff;}

/*Button Shared*/ .button_okay, .button_alert, .button, input.submit, .button_default, .button_neutral, .button_action {background:#f9f8f8 url(/img/shine_bg.gif) repeat-x; font-size:12px; font-weight:bold; cursor:pointer; border:1px solid #ddd; padding:0.5em 0.4em 0.4em 0.4em; overflow:visible; margin:0;}
/*Button Active Shared*/ .button:active, input.submit:active, .button_alert:active, .button_okay:active, .button_default:active, .button_neutral:active, .button_action:active {border-top-color:#999; border-left-color:#999; outline:none;}
/*Button Hover Shared*/ .button:hover, input.submit:hover, .button_alert:hover, .button_okay:hover, .button_default:hover, .button_neutral:hover, .button_action:hover {border-top-color:#999; border-left-color:#999;}

input.button.lrg {font-size:14px}
input.button, input.submit {color:#319bde;}
input.button_okay, input.button.okay {color:#89c800;}
input.button_alert, input.button.alert {color:#ff0066;}
input.button_neutral input.button.neutral {color:#666;}
input.button_default {color:#666; font-size:11px; padding:0.1em 4px 0.1em 3px;}

legend {font-size:14px; color:#f69c2b; line-height:12px; font-weight:bold;}
fieldset {border:1px solid #c0c0c0; margin-bottom:15px; padding:10px;}
abbr {font-size:9px;}
  
  
/*Layout*/
div.page, div.contain {width:820px; margin:0 auto; padding-bottom:15px; display:block; text-align:left; position:relative;}	
div.page {margin-top:20px; position:relative; min-width:0; height:1%;}
div.page ul li {line-height:1.7em;}
div.header {background-color:#f8f8f8; background-position:0 -551px; height:110px;}
div.header a.logo {background:url(/img/a_network.png) no-repeat; height:47px; width:222px; position:absolute; top:33px; left:10px; cursor:pointer; display:block; z-index:999;}
div.prime {background-position:0 -341px; height:60px; border-bottom:5px solid #666; overflow:hidden;}

span.hs {background-color:#474a4b; background-position:0 -458px; height:30px; display:block;}
.hs_menu {width:800px; margin:0 auto; height:30px;}
.hs_menu ul {padding:7px 0 0 410px; margin:0;}
.hs_menu ul li {display:inline;}
.hs_menu ul li a:link, .hs_menu ul li a:active, .hs_menu ul li a:visited {line-height:1.6em; font-size:11px; color:#bbb; float:left; display:block; padding:0 10px; border-right:1px solid #666;}
.hs_menu ul li a:hover {color:#f0f0f0;}
div.footer {width:100%; background-position:0 -215px; height:121px; position:absolute; bottom:0; left:0;}
div.footer span {display:block; font-size:11px; padding:85px 0 0 20px; color:#999; text-align:left;}


/*Containers*/
.inner_tl, .inner_tr, .inner_bl, .inner_br,
.itl, .itr, .ibl, .ibr, .dtl, .dtr {font-size:0; background-image:url(/img/container/corners.gif); background-color:#f3f3f3; background-repeat:no-repeat; height:8px;  margin:0; padding:0;}
.inner_tl, .itl {background-position:0 0; font-size:0;}
.inner_tr, .itr {margin:0 0 0 8px; background-position:right -9px; font-size:0;}
.inner_bl, .ibl {background-position:0 -18px;}
.inner_br, .ibr {margin-left:8px; background-position:right -27px;}
.inner_con {padding:15px; background-color:#f3f3f3; margin:0;}
.inner_con_thin {padding:6px; background-color:#f3f3f3;}

.dt.top {background-color:#e6e6e6; height:30px;}
.dt.top h2 { font-size:14px; font-weight:bold; line-height:normal; padding-left:10px;}
.dtl {background-color:#e6e6e6; background-position:0 -36px; font-size:0;}
.dtr {background-color:#e6e6e6; margin:0 0 0 8px; background-position:right -45px; font-size:0;}

/*Large Navigation Tabs*/
a#bn_webhosting, a#bn_design, a#bn_development  {background:url(/img/layout/coreTabs_b.gif) no-repeat; width:261px; height:43px; margin-right:8px; float:left;}
a#bn_webhosting {background-position:0 0;}
a#bn_webhosting:hover {background-position:0 -43px;}
a#bn_design {background-position:0 -86px;}
a#bn_design:hover {background-position:0 -129px;}
a#bn_development {background-position:0 -172px;}
a#bn_development:hover {background-position:0 -215px;}	
	
/*Quick Overs*/
#quickover_des {text-align:left; color:#97c300; padding:18px 0 0 45px; height:40px; background:url(/img/design_icon.gif) no-repeat center left; }
#quickover_dev {text-align:left; color:#c0c0c0; padding:18px 0 0 55px; height:42px; background:url(/img/dev_icon.gif) no-repeat center left;}
#quickover_hosting {text-align:left; color:#f69c2b; padding:12px 0 0 55px; height:40px; background:url(/img/hosting_icon.gif) no-repeat center left;}

/*Containers*/
.list_con_begin {float:left;  margin:10px 10px 0 0; padding:10px; border-top:1px dotted #c0c0c0;}
.list_con {float:left; margin:10px 10px 0 0; border-top:1px dotted #c0c0c0; border-left:1px dotted #c0c0c0; padding:10px;}
	
/*- Lists-*/
ul.plan_list {margin-left:0; list-style:none; padding-left:0; border-bottom:1px solid #ddd;}	
ul.plan_list li {padding-left:20px; text-align:left; line-height:1.8em; background:url(/img/bullet.png) no-repeat center left;}

/*- Lined-*/
ul.lined {margin-left:0; list-style:none; padding-left:0;}	
ul.lined li {padding-left:20px; text-align:left; line-height:2.4em; border-bottom:1px solid #ddd; border-top:1px solid #fff; background:url(/img/bullet.png) no-repeat center left;}


ul.square{list-style-type:square; margin:0 0 0 20px; padding:0;}
ul.square li{padding:4px;}	 

ul.errors {margin:0 0 20px 0; list-style:none; list-style-type:none; padding:7px; background-color:#FFF3B7; border:1px solid #EFDC86;}
ul.errors li {background:url(/img/exclaim.gif) no-repeat center left; font-size:12px; color:#666; padding:3px 3px 3px 22px; text-align:left;}	
.error {color:#9F1313;}
 
/*Column Structure*/
div.outer_col_single {width:800px; margin:25px auto 25px auto; text-align:left;}
div.outer_col_right {margin-left:15px; margin-bottom:15px; width:265px;}
div.outer_col_left {margin-right:15px; margin-bottom:15px;}

/*SM Tabs*/
#sm_nav {font-size:12px; font-weight:bold; line-height:normal; position:absolute; top:0px; right:20px;}
#sm_nav ul {margin:0;padding:77px 10px 0 0; list-style:none;}
#sm_nav ul li {display:inline; margin:0; padding:0;} 
#sm_nav ul li a {cursor:pointer; float:right; background:url(/img/tab_left.gif) no-repeat; background-position:0% -42px; color:#666; margin:0; padding:0 0 0 4px; text-decoration:none;}
#sm_nav ul li a span {cursor:pointer; float:left; display:block; background:url(/img/tab_right.gif) no-repeat; background-position:100% -42px; color:#666; padding:10px 20px 8px 14px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sm_nav a span {float:none;}
/* End IE5-Mac hack */
#sm_nav ul li a:hover {background-position:0% -85px;}
#sm_nav ul li a:hover span {background-position:100% -85px;}
#sm_nav ul li.current a {background-position:left top;}
#sm_nav ul li.current a span {background-position:right top; color:#fff;}

/*--Square Buttons--*/
.sb {cursor:default; display:block;}
.sbL a span {font-size:14px !important;}
.sb a {display:block; float:left; margin-left:7px; background:url(http://www.artician.com/images/buttons/left.gif) no-repeat top left; padding:0 0 0 7px;}
.sb a span {font-size:11px; float:left; display:block; background:url(http://www.artician.com/images/buttons/right.gif) no-repeat top right; padding:7px 7px 0 0; cursor:pointer; height:21px;}
.sb a span.alert {color:#ff0066;}
.sb a span.okay {color:#89c800;}
.sb a span.neutral {color:#666;}
.sb a:hover span {color:#666; background-position:100% -28px;}
.sb a.active {background-position:0% -28px;}
.sb a.active span {color:#666; background-position:100% -28px;}
.sb a:hover {background-position:0% -28px;}
.sb a img.ind_drop_button {margin:5px 0 0 0;}
.sb a img {float:left; margin-right:4px;}
.sb a img.s {float:left; margin:0 4px 0 0;}
.sb a img.sm {margin:8px 4px 0 0;}
.sb a span img.dropInd {margin-top:5px;}
.sb a span em.dropText {float:left; margin-right:4px; font-weight:normal;}

/*Sub Tabs*/
.sub_nav {height:35px; background:url(/img/layout/subnav_bg.gif) repeat-x; display:block; text-align:left;}
.sub_nav .inner {background:url(/img/layout/subnav.gif) no-repeat center; height:35px;}
.sub_nav ul {margin:0; padding:3px 0 0 0; list-style:none; font-size:12px; width:850px; margin-left:auto; margin-right:auto;}
.sub_nav li {display:inline; margin:0; padding:0;}
.sub_nav a {float:left; display:block; color:#666; margin:0; padding:0 20px; line-height:2.5em; text-decoration:none; background:url(/img/layout/sub_menu_item.gif) no-repeat right top;}
.sub_nav a:hover {}
.sub_nav .current a {color:#319bcc; font-weight:bold;}
.sub_nav .current a span {background-position:100% -42px; color:#319bcc;}

/*
.sub_nav a {float:left; background:url(/img/layout/sub_tabs_left.gif) no-repeat left top; margin:0; padding:0 0 0 2px; text-decoration:none;}
.sub_nav a span {display:block; background:url(/img/layout/sub_tabs_right.gif) no-repeat right top; padding:10px 20px 8px 14px;color:#666; float:right;}
.sub_nav a:hover {background-position:0% -42px;}
.sub_nav a:hover span {background-position:100% -42px; color:#319bcc;}
.sub_nav .current a {background-position:0% -42px; color:#319bcc;}
.sub_nav .current a span {background-position:100% -42px; color:#319bcc;}
*/
/*Drop Down*/
.dropmenu {position:absolute; visibility:hidden; margin:-1px 0 0 2px; width:180px; z-index:100; line-height:18px; }
.dropmenu a {text-align:left; display:block; border-bottom:1px solid #ddd; padding:3px 2px 3px 16px; font-size:12px; color:#888; background:#f3f3f4 url(/img/arrow.gif) no-repeat center left;}
.dropmenu a:visited,
.dropmenu a:active {color:#888;} 
.dropmenu a:hover {background-color:#f0f0f0; color:#333;}
	

/*Sections-----------------------------------*/

/*Home*/
#home {height:1%; padding:15px 0; position:relative;}
#home div.column {background:url(/img/layout/homeCol.jpg) no-repeat 0 33px; width:261px; height:440px; float:left; position:relative; margin-right:8px;}
#home div.column a.head {background-image:url(/img/layout/homeBody.gif); background-repeat:no-repeat; background-position:left top;}
#home div.column a.head {display:block; width:261px; height:38px;}
#home div.column ul {padding:6px 6px 6px 15px; margin:0; text-align:left;}
#home div.column ul li { list-style:none; line-height:1.5em; padding:0 0 0 20px; text-align:left; background:url(/img/icons/bullet.gif) no-repeat center left; font-size:12px;}
#home div.column p {line-height:1.4em; padding:5px 10px; margin:5px 0}
#home div.column h4 {line-height:1.3em; font-size:1.0em; font-weight:bold; padding-left:8px; margin:10px 0}
#home div.column span.end {}
#home div.column a.action {display:block; position:absolute; bottom:37px; left:17px; text-indent:-10000px; background-image:url(/img/layout/introButtons.gif); background-repeat:no-repeat; background-position:left top; width:227px; height:39px;}
#home div.column a.action:hover {background-position:left -39px;}

/*Hosting Column*/
#clm_hosting {}
#clm_hosting ul {color:#f69c2b;}
#home #clm_hosting a.action {background-position:left -79px;}
#home #clm_hosting a.action:hover {background-position:left -119px;}

/*Dev Column*/
#clm_dev {}
#clm_dev ul {color:#898989;}
#home div#clm_dev a.head {background-position:0 -38px;}

/*Design Column*/
#clm_design {}
#clm_design ul{color:#97c300;}
#home div#clm_design a.head {background-position:0 -76px;}


/*Hosting*/
div#hostingFacility h2 {padding:10px 0 0 0;}

/*Facility*/
#hostingFacility {background:url(/img/layout/corner_dots.gif) no-repeat top right;}
.facilityPhotos {}
.facilityPhotos a {border:2px solid #ddd; float:left; padding:2px; display:block; margin:0 10px 10px 0;}
.facilityPhotos a:hover {border:2px solid #bbb;}
.facilityPhotos a img {}

/*Hosting Plans*/
#hosting{margin-top:20px;}
#hosting .hostingIntro {margin:0 auto 100px auto; margin-top:10px; text-align:center; width:580px;}
#hosting .hostingType {float:left; margin:0 50px 0 0; width:232px;}
#hosting .hostingBrief {margin:20px 25px 0 0; }
.plan_price {font-size:16px; color:#a5e200; font-weight:bold; text-align:left;}
table.hostgrid tr.order {font-size:14px; font-weight:bold; color:#5a5a5a; padding-top:11px; text-align:left;}
table.hostgrid tr.title {font-size:14px; font-weight:bold; color:#f69c2b; padding-top:11px; text-align:left;}
table.hostgrid tr.details {text-align:left; border-bottom:1px solid #c0c0c0;padding:5px;}
.pop_stats {text-align:left; font-size:11px; color:#f69c2b; padding:3px; border-bottom:1px solid #c0c0c0; border-left:1px solid #c0c0c0;}
.pop_details {text-align:left; font-size:11px; font-weight:bold; padding:3px; border-bottom:1px solid #f1f1f1;}
.pop_no {color:#c60909;}
.pop_yes {color:#97c300;}
.per {font-size:11px; color:#999; padding-left:5px;}

.planBox {width:171px; float:left; margin:0 20px 0 0;}
.planType {height:184px; width:171px; background:url(/img/plans/personal_plan_map.jpg); display:block; float:left; margin-bottom:-25px;}
.planType.starter {background-position: 0 0;}
.planType.starter:hover {background-position: 0 -184px;}
.planType.smart {background-position: -189px 0;}
.planType.smart:hover {background-position: -189px -184px;}
.planType.power {background-position: -379px 0;}
.planType.power:hover {background-position: -379px -184px;}


/*Clients*/	
div#clients {}
div#clients .client_con {padding:12px 6px 0 12px; background-color:#F3F3F3; margin-bottom:25px; border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px;}
div#clients .client_con p {font-size:11px; margin-top:0; margin-left:248px; color:#666;}
div#clients .client_con p span {border-top:1px solid #ddd; margin-top:8px; padding-top:8px; display:block; color:#888;}
div#clients .client_con img.clientPreview {float:left;}
div#clients ul.clientList {margin:0; padding:0; list-style:none;}
div#clients ul.clientList li {border-bottom:1px solid #ddd; padding:0 0 6px 0;}
div#clients ul.clientList li span.head {background:#f0f0f0; display:block; font-size:11px; color:#999; line-height:1.6em;}
div#clients a.webShot {float:right; border:1px solid #ddd; padding:2px; display:block; background-color:#fff; margin:10px;}

/*Legal*/
#legal {}
#legal h4 {background:#f1f1f1; border-top:1px solid #ddd; font-weight:400; font-size:150%; font-variant:normal; color:#319bcc; padding:0 0 0 10px; margin:30px 0 0 0; line-height:1.8em;}
#legal p {padding:0 10px; line-height:1.6em;}


/*Login Page*/
#loginPage {}
.formSect label {display:block; float:left; padding:7px 0 0 0; width:120px;}
.formSect label .field {clear:right;}

/*Order Process*/
/*
.order_instep {background:#fbfbfb url(/img/plans/instep.gif) no-repeat; font-size:12px; border:1px dotted #ddd; padding:5px; padding-left:25px; margin:1px; text-align:left;}
.order_donestep {background:#fbfbfb url(/img/plans/donestep.gif) no-repeat; font-size:12px; border:1px dotted #ddd; padding:5px; padding-left:25px; margin:1px; text-align:left;}
table.confirm {}
table.confirm td {height:20px;}


Sign up / Login
#new_user {display:block; width:151px; height:75px; background:url(/img/new_user.png) no-repeat; margin:0; cursor:pointer;}
#new_user:hover {background-position:0 -89px;}	
#existing_login {display:block; width:277px; height:75px; background:url(/img/existing_login.png) no-repeat; margin:0; cursor:pointer;}
#existing_login:hover {background-position:0 -89px;}	
*/


/*Ap Con*/
div.apCon.static {background:url(/img/layout/cont/ap/bg-static.gif) repeat-x top; height:630px;}
div.apCon.static .left {background:url(/img/layout/cont/ap/left-static.gif) no-repeat left top; height:630px;}
div.apCon.static .right {background:url(/img/layout/cont/ap/right-static.gif) no-repeat right top; padding:15px 10px 10px 20px; position:relative; height:630px;}

/*Create Invoice*/

#invoiceCreate {width:915px; margin:0 auto; padding:20px 0 0 100px;}
#invoiceCreate .invoiceRecipient {float:left;}
#invoiceCreate .invoiceInfo {float:left; margin-left:20px}
#invoiceCreate .addItem {float:right; margin-top:18px;}
#invoiceCreate ul {padding:0; margin:0;}
#invoiceCreate ul li {list-style-type:none; margin-right:10px; margin:0 60px 20px 0; padding-bottom:20px; border-bottom:2px solid #ddd;}
.createInvoiceButton {padding:50px 0; text-align:center; clear:both;}
#invoiceCreate span.error {margin-bottom:10px; padding-bottom:10px; display:block; border-bottom:2px solid #ddd;}

/*Order*/
#order {}
#order h2 {margin-bottom:8px; color:#319BDE;}
#order {position:relative;}
#order .apCon {margin-bottom:122px;}
#order .decals {margin:0; position:absolute; right:0; top:-6px; height:50px;}
#order .decals img {margin-top:0px;}
#order .decals ul {float:left; margin:0; padding:6px 0 0 0;}
#order .orderCon {float:left; width:600px; margin-right:15px;}
#order .visual {width:200px; float:left;}
#order .visual .visCon {padding:8px; margin-bottom:10px; border:1px solid #ddd; border-top:0;}
#order .visual h2 {line-height:normal; border:1px solid #ddd; color:#777; border-bottom:2px solid #ddd; background-color:#f5f5f5; font-size:14px; font-weight:bold; padding:4px; margin:0;}
#order .visual p {padding:5px 0 6px 0; margin:6px 0 0 0; font-size:11px; border-top:2px solid #ddd;}
#order .visual .billMe {margin-top:8px; padding-top:8px;}
#order .visual .billMe select {font-size:11px; margin:0;}
#order .visual .total {background-color:#f0f0f0; border:1px solid #ddd; padding:5px 8px; margin-top:8px;}
#order .visual .total h3 {color:#666; font-size:12px; text-align:left; padding:0; margin:0 0 4px 0; height:auto; line-height:normal;}
#order .visual .plan_price {}
#order .visual .plan_price.simp {border-bottom:1px solid #ddd; margin-bottom:5px; padding-bottom:5px; display:block;}
#order .visual strong.simp {display:block; margin-bottom:5px;}
#order .visual .per {font-weight:normal; padding:0;}
#order .visual .plan_saved {text-decoration:line-through; color:#999;}
#order .visual .totalRecurring {display:block; border:1px solid #ddd; background-color:#f0f0f0; padding:8px; margin-top:10px;}
#order hr {background-color:#ddd; color:#ddd; padding:0; height:2px; margin:16px 0; border:0;}

#order table {width:100%;}
#order table.billing td {vertical-align:middle; font-size:13px;}
#order table.billing td .field {margin:2px 5px 7px 0;}

#order .placeOrder {float:right; font-size:18px; margin:14px 8px 0 0}
#order label.agreement {padding:14px 10px 0 0; display:block; font-weight:bold; cursor:pointer;}
#order label.agreement:hover {color:#444;}
#order label.agreement input {float:left; margin:0 7px 0 0;}

ul.paymentSelection {height:30px; margin-left:8px;}
ul.paymentSelection li {cursor:pointer; height:21px; width:38px; display:block; float:left; background:url(/img/icons/cc.gif) no-repeat 0 0;}
ul.paymentSelection li#cc_visa {background-position:0 0;}
ul.paymentSelection li#cc_mc {background-position:-38px 0;}
ul.paymentSelection li#cc_amex {background-position:-76px 0;}
ul.paymentSelection li#cc_amex2 {background-position:-114px 0;}
ul.paymentSelection li#cc_disc {background-position:-152px 0;}
ul.paymentSelection li#cc_paypal {background-position:-190px 0;}
ul.paymentSelection li.selected {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;} 
ul.paymentSelection li.disabled {filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
.sslCert {float:left; background:url(http://s.artician.com/images/section/cart/lock.gif) no-repeat 0 0; height:40px; line-height:2.9em; font-size:13px; padding-left:39px;}

/*Contact*/
.sent img {float:left; margin:-12px 15px 0 0}
.sent h1 {padding:0;}

/*Mootips*/
.tool-tip {color:#fff; width:300px; z-index:13000; text-align:left !important;}		 
.tool-tip table td {font-size:11px}
.tool-tip img {margin:0 auto 0 auto; border:1px solid #ddd;}
.tool-title {font-weight:bold; font-size:11px; margin:0; color:#9FD4FF; padding:8px 8px 4px; background:url(/img/layout/bubble.png) top left;}
.tool-text {font-size:11px; padding:4px 8px 8px; background:url(/img/layout/bubble.png) bottom right;}
.tool-text A {color:#069;}
.tool-loading {background:url(images/img/layout/ajax_load.gif) center center no-repeat; width:30px; height:30px;margin:0 auto;}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility:visible !important; margin:0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
/* Hide Adblock Object tab:the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display:none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {visibility:hidden;}
.sIFR-hasFlash h5#pullquote {letter-spacing:-4px; visibility:hidden; font-size:24px;}