/* Because media=all is used in the html, it has to be corrected in the CSS */
@media screen {


/* HTML Tag Classes */
html { margin:0px; padding:0px; }
body { margin:0px; padding:0px; color:#000000; font-size:0.75em; font-family:Arial, Helvetica, Sans-serif, _sans; background:url(../interface/bg.gif); }
img { border-style:none; }
form { margin:0px; padding:0px; }
form input { vertical-align:middle; }

h1 { font-size:1.35em; }
h2 { font-size:1.25em; }
h3 { font-size:1.15em; }
h4 { font-size:1.05em; }
h5 { font-size:0.95em; }
h6 { font-size:0.85em; }
p, h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:10px; }


/* Link Tag Classes */
#content a, #content a:visited, #fullcontent a, #fullcontent a:visited { color:#000; text-decoration:underline; }

/* Custom Classes */
.clear { clear:both; height:0px; overflow:hidden; display:block}
.clear5px { clear:both; height:5px; overflow:hidden; }
.clear10px { clear:both; height:10px; overflow:hidden; }
.hidden { display:none; }
.photoMargins { float:right; margin-left:10px; margin-bottom:5px; }
.photoMarginsAlt { float:left; margin-right:10px; margin-bottom:5px; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.nolink { text-decoration:none!important; }
.nolink:hover { text-decoration:underline!important; }

#back { background:url(../interface/backing.gif) top repeat-y; width:100%; }
#container { background:#fff; width:1001px; margin:0 auto; }

#header { background:url(../interface/motive_right.gif) top right no-repeat; width:100%; }
#header a { display:block; width:142px; height:146px; }
#header a span { display:block; width:142px; height:128px; background:url(../interface/motive_left.gif) top left no-repeat; cursor:pointer; }
#header a span span { display:none; }

.mainmenu { padding:26px 17px; background:url(../interface/break_line.gif) top left repeat-x; }
.mainmenu ul { margin:0; padding:0; list-style:none; zoom:1; }
.mainmenu ul li { float:left; margin:0; padding:0; list-style:none; }
.mainmenu ul li span { display:block; }
.mainmenu ul li span a { display:block; padding:7px 12px; color:#000; text-decoration:none; text-transform:uppercase; }
.mainmenu ul li.active, .mainmenu ul li.over, .mainmenu ul li:hover { background:#e50000; }
.mainmenu ul li.active span, .mainmenu ul li.over span, .mainmenu ul li:hover span { background:url(../interface/li_active_left.gif) bottom left no-repeat; }
.mainmenu ul li.active span a, .mainmenu ul li.over span a, .mainmenu ul li:hover span a { background:url(../interface/li_active_right.gif) bottom right no-repeat; color:#fff; }
.mainmenu ul li.active span a { color:#fff; }
.mainmenu ul li ul { display:none; position:absolute; margin-top:-3px; }
.mainmenu ul li.over ul, .mainmenu ul li:hover ul { display:block; }
.mainmenu ul li ul li { clear:left; background:#e50000!important; width:148px; }
.mainmenu ul li ul.scripted li { width:100%; }
.mainmenu ul li ul li a { color:#fff; padding:3px 12px; background:#e50000!important; text-decoration:none; display:block; }

.product_padding { float:right; width:485px; }
#submenu { float:left; position:relative; margin:0 0; width:194px; }
#submenu ul { margin:0 0 0 0; padding:0; list-style:none; }
#submenu li span a { padding:5px 12px 5px 30px!important; text-decoration:none; display:block; }
#submenu li { float:left; clear:left; width:100%; list-style:none; font-weight:bold; }
#submenu li span a:hover { color:#e50000; }
#submenu ul li.active, #submenu ul li.over, #submenu ul li:hover { background:#f5f5f5 url(../interface/submenu_bg.gif) 2px 50% no-repeat; color:#e50000; }

.sub_care ul li.active, .sub_care ul li.over, .sub_care ul li:hover { background-image:url(../interface/submenu_care_bg.gif)!important; }
.sub_create ul li.active, .sub_create ul li.over, .sub_create ul li:hover { background-image:url(../interface/submenu_create_bg.gif)!important; }
.sub_flow ul li.active, .sub_flow ul li.over, .sub_flow ul li:hover { background-image:url(../interface/submenu_flow_bg.gif)!important; }
.sub_host ul li.active, .sub_host ul li.over, .sub_host ul li:hover { background-image:url(../interface/submenu_host_bg.gif)!important; }
.sub_rooms ul li.active, .sub_rooms ul li.over, .sub_rooms ul li:hover { background-image:url(../interface/submenu_rooms_bg.gif)!important; }
.sub_shop ul li.active, .sub_shop ul li.over, .sub_shop ul li:hover { background-image:url(../interface/submenu_shop_bg.gif)!important; }
.sub_soft ul li.active, .sub_soft ul li.over, .sub_soft ul li:hover { background-image:url(../interface/submenu_soft_bg.gif)!important; }
.sub_web ul li.active, .sub_web ul li.over, .sub_web ul li:hover { background-image:url(../interface/submenu_web_bg.gif)!important; }

#content { float:left; clear:left; width:688px; line-height:1.5em; margin-top:11px; }
#content div.padding { padding:0 54px 11px 72px; }

#slider { width:490px; height:165px; margin:0; padding:0; list-style:none; overflow:auto; }
#slider.active { overflow:hidden; }
#slider li { margin:0; padding:0; list-style:none; background:#e3e3e3 url(../interface/main_prod_bg.gif) top right repeat-x; }
#slider li span { display:block; cursor:pointer; }
#slider li a.container { padding:0 10px 0 27px; display:block; height:165px; text-decoration:none!important; }
#slider li span.left { float:left; margin-top:80px; width:136px; }
#slider li span.right { float:right; margin-top:10px; width:150px; }
#slider li span.shop { background:url(../interface/main_prod_shop.gif) top left no-repeat; width:335px; }
#slider.active li span.soft { background:url(../interface/main_prod_soft.gif) top left no-repeat; width:335px;}
#slider.active li span.web { background:url(../interface/main_prod_web.gif) top left no-repeat; width:335px; }
#slider li span.soft { background:url(../interface/main_prod_soft_inactive.gif) top left no-repeat; width:335px;}
#slider li span.web { background:url(../interface/main_prod_web_inactive.gif) top left no-repeat; width:335px; }
.slider_container { height:165px; width:500px; background:url(../interface/main_prod_right.gif) top right no-repeat; }

#smallslider { width:490px; height:50px; margin:0; padding:0; list-style:none; line-height:1.2em; overflow:auto; }
#smallslider.active { overflow:hidden; }
#smallslider li { margin:0; padding:0; list-style:none; background:#e3e3e3 url(../interface/low_prod_bg.gif) top right repeat-x; }
#smallslider li span { display:block; cursor:pointer; }
#smallslider li a.container { padding:0 10px 0 67px; display:block; height:50px; text-decoration:none!important; }
#smallslider li span.left { float:left; margin-top:10px; width:66px; }
#smallslider li span.right { float:right; margin-top:10px; width:150px; }
#smallslider li span.host { background:url(../interface/low_prod_host.gif) top left no-repeat; width:335px; }
#smallslider li span.host a.container { padding-left:60px; }
#smallslider li span.rooms { background:url(../interface/low_prod_rooms_inactive.gif) top left no-repeat; width:335px;}
#smallslider li span.create { background:url(../interface/low_prod_create_inactive.gif) top left no-repeat; width:335px; }
#smallslider.active li span.rooms { background:url(../interface/low_prod_rooms.gif) top left no-repeat; width:335px;}
#smallslider.active li span.create { background:url(../interface/low_prod_create.gif) top left no-repeat; width:335px; }
.smallslider_container { height:50px; width:500px; background:url(../interface/low_prod_right.gif) top right no-repeat; }

.spinner { background:url(../interface/carousel_bg.gif) left 20px no-repeat; margin:20px -15px 10px -15px; width:532px; zoom:1; min-height:214px; }

.title { background:#ac1335 url(../interface/left_title_bg.gif) top left repeat-x; width:523px; }
.title span { display:block; background:url(../interface/left_title_top.gif) top left no-repeat; }
.title span span { background:url(../interface/left_title_bottom.gif) bottom left no-repeat; padding:7px 15px; color:#fff; font-weight:bold; font-size:1.2em; }

#flash_spinner { text-align:center; padding-right:10px; }

.rightpanel { float:right; margin-top:11px; width:302px; background:url(../interface/right_bg.gif) top left repeat-y; }
.rightpanel div.padding { padding-bottom:24px; background:url(../interface/right_bottom.gif) bottom left no-repeat; zoom:1; }
.rightheader { margin:0; background:url(../interface/right_top_head_bg.gif) bottom left repeat-y; }
.rightheader a { display:block; zoom:1; text-decoration:none; }
.rightheader span { background:url(../interface/right_top.gif) top left no-repeat; display:block; zoom:1; }
.rightheader span span { background:url(../interface/right_header_bottom.gif) bottom left no-repeat; color:#e50000; font-size:1.2em; font-weight:bold; padding:10px 41px 9px 38px; cursor:pointer; }

.contact_button { margin:10px 27px 30px 24px; background:#bdbdbd url(../interface/right_button_bg.gif) top left repeat-x; }
.contact_button a { display:block; width:251px; zoom:1; text-decoration:none; }
.contact_button span { background:url(../interface/right_button_top.gif) top left no-repeat; display:block; zoom:1; }
.contact_button span span { background:url(../interface/right_button_bottom.gif) bottom left no-repeat; font-size:1.1em; padding:10px 15px 9px 15px; cursor:pointer; color:#484848; text-align:center; font-weight:bold; }
.contact_button span span span { color:#e50000; background:transparent; padding:3px 0; }

.subheader { border-top:#fff 1px solid; background:#b2b2b2 url(../interface/right_header_bg.gif) top left repeat-x; margin-right:4px; }
.subheader a { display:block; zoom:1; text-decoration:none; }
.subheader span { background:url(../interface/right_header_bottom.gif) bottom left no-repeat; display:block; zoom:1; color:#000; font-size:1.2em; font-weight:bold; padding:10px 41px 9px 38px; cursor:pointer; }

#news_container { width:293px; margin-left:4px;}

.thumbs { overflow:hidden; width:293px; float:none; }
.thumbscontainer { height:428px; margin-right:-100%; float:none; overflow:hidden; }
.thumbscontainer div { width:293px; float:left; text-align:center; background:url(../interface/news_bg.gif) 45% top no-repeat; margin:0; }
#news_container a { display:block; text-align:center; padding:16px 11px 14px 18px; text-align:left; text-decoration:none; color:#636363; display:block; }
#news_container a img { display:block; margin:16px 0 0 6px; }
#news_container a strong { display:block;  }
#news_container a span { display:block; padding:20px 17px 20px 17px; text-align:left; }
#news_container a span span { padding:10px 0; color:#aa1335; font-weight:bold; }

.rightButton { cursor:pointer; display:block; position:absolute; margin-top:201px; margin-left:247px; }
.leftButton { cursor:pointer; display:block; position:absolute; margin-top:201px; margin-left:-8px; }
.leftButton span { display:block; background:url(../interface/arrow_left.gif) top left no-repeat; width:18px; height:20px; }
.rightButton span { display:block; background:url(../interface/arrow_right.gif) top left no-repeat; width:18px; height:20px; }
.leftButton small, .rightButton small { display:none; }

#footer { background:#a10005 url(../interface/footer_bg.gif) top left repeat-x; color:#fff; zoom:1; }
#footer div.top_left { background:url(../interface/footer_left_bg.gif) top left no-repeat; zoom:1; }
#footer div.top_right { background:url(../interface/footer_right_bg.gif) top right no-repeat; zoom:1; padding:22px 34px 15px 55px; }
.footer_quote { float:left; width:490px; }
.footer_quote a { display:block; margin-top:15px; color:#fff; text-decoration:none; font-weight:bold; }

#footer ul { float:right; margin:57px 0 0 0; padding:17px 0 0 0; width:385px; border-top:1px #ed1b23 solid; }
#footer ul li { float:left; margin-left:10px; list-style:none; }
#footer ul li.first { margin-left:0; font-weight:bold; }
#footer ul li a { text-transform:uppercase; color:#fff; text-decoration:none; font-size:1em; }

#footer div.logos { position:absolute; margin-left:645px; background:#fff; margin-top:7px; z-index:20; }
#footer div.logos div { background:url(../interface/footer_logo_left.gif) top left no-repeat; height:52px; overflow:hidden; zoom:1; _width:322px; }
#footer div.logos div div { background:url(../interface/footer_logo_right.gif) top right no-repeat; display:block; padding:4px 11px; zoom:1; _width:300px; }
#footer div.logos div div a { float:left; margin:0 3px; }

#dynamicQuotes { width:448px; font-size:1.2em; }
#dynamicQuotes div { background:url(../interface/quote_top_left.gif) top left no-repeat; padding:15px 0 15px 24px; }
#dynamicQuotes span { display:block; background:url(../interface/quote_bottom_right.gif) bottom right no-repeat; padding-right:24px; }
#dynamicQuotes span span { display:inline; }
#dynamicQuotes strong { display:block; padding-top:10px; }

.banner_panel { position:absolute; position:absolute; margin-left:583px; margin-top:7px; z-index:20; }
.banner_panel div { width:385px; text-align:center; }

.activeQuotes { float:none!important; clear:none!important; position:absolute; top:46px; color:#898989; }
.activeQuotes a { color:#898989; }
.activeQuotes div { display:none; position:absolute; }
.activeQuotes strong { zoom:1; background:#fff; }
.poweredby { float:right; clear:right; margin-top:10px; font-size:0.85em; padding-top:3px;}
.poweredby img { vertical-align:middle; margin-top:-3px; }
.reflextion { position:relative; z-index:10; margin-top:-185px; }
.fullcontent { float:right; width:760; }
.fullcontent div.padding { padding-right:32px; }

.thumbnail a { text-decoration:none!important; zoom:1; display:block; }
.thumbnail a small { display:none; position:absolute; margin-top:-150px; margin-left:-400px; z-index:1000; background:#fff; zoom:1; border:1px #000 solid; left:50%; }
.thumbnail a:hover small { display:block; }
.thumbnail a small strong.poptitle { display:block; font-size:1.2em; padding-bottom:5px; text-align:center; }
.thumbnail a small big { display:block; width:800px; zoom:1; }
.thumbnail a small big em em { display:inline; padding:0; font-style:italic; }
.thumbnail a small big em { display:block; padding:10px; font-style:normal; }

/* User Form */
#uf_reset, #uf_submit { float:right; margin-left:5px; height:21px; width:75px; background:#e10000 url(../interface/break_line.gif) top left repeat-x; color:#FFFFFF; font-weight:bold; border:solid 1px #FFFFFF }
.uf_form { background-color:#FFFFFF; float:left; padding:10px; width:343px; }
.uf_element { clear:left; display:block; margin:5px 0pt 0pt; padding:1px 3px; width:343px; }
.uf_bottom { float:left; padding-top:10px; width:100%; }
.uf_text, .uf_area { width:200px; font-family:Arial; }
.uf_list { width:205px; font-family:Arial; margin-top:4px; }
.uf_form label { display:block; float:left; margin:0pt 0pt 5px; padding:3px 5px; text-align:right; width:125px; }

/* System Form */
#sf_reset, #sf_submit, .sf_submit { float:right; margin-left:5px; height:21px; width:75px; background:#e10000 url(../interface/break_line.gif) top left repeat-x; color:#FFFFFF; font-weight:bold; border:solid 1px #FFFFFF }
.sf_form { background-color:#FFFFFF; float:left; margin-bottom:20px; padding:10px; width:299px; }
.sf_element { clear:left; display:block; margin:5px 0pt 0pt; padding:1px 3px; width:299px; }
.sf_bottom { float:left; padding-top:10px; width:100%; }
.sf_text, .sf_area { width:200px; font-family:Arial; font-size:12px; }
.sf_form label { display:block; float:left; margin:0pt 0pt 5px; padding:3px 5px; text-align:right; width:80px; }
#ajax_loader { float:right; display:none; height:19px; width:73px; background:#e10000 url(../interface/break_line.gif) top left repeat-x; border:solid 1px #FFFFFF }
#ajax_loader img { padding-left:28px; padding-top:1px }

}