html, body { margin: 0; padding: 0; }
body { background:#106293 url("../img/bgPattern.gif") repeat 0 0; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; color: #4d4d4d; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.hidden { display: none; }
a, a:visited, a:active { color: #1f97eb; text-decoration: none; outline: none; }
a img { border: 0; }
a.small-link { font-size: 11px; }
div.pagecontainer { width:961px; margin: 0 auto; position: relative; }
div.errorbox { border: 3px solid #ff0000; font-weight: bold; }
div.errorbox p { margin: 10px; }
.order_confirmed { border: 3px solid #00ff00; font-weight: bold; padding: 10px; }
#cboxContent .order_confirmed { border: 0; padding: 0; }
/* Header */
div.headercontainer { padding-top: 15px; }
div.headercontainer h1 { display: none; margin: 0; padding: 0; }
div.headercontainer .logo { float: left; }
div.headercontainer .headerBanner { float: right; width: 782px; color: #4d4d4d; margin: 53px 0 15px; }
div.headercontainer .headerBanner ul { margin: 0; padding: 0; }
div.headercontainer .headerBanner li { float: left; width: 391px; list-style: none; }
div.headercontainer .headerBanner strong { font-size: 19px; }
div.headercontainer .headerBanner p.phone_no { margin: 0; }
div.headercontainer .headerBanner p.phone_no strong { font-size: 60px; color: #37b1ff; letter-spacing: -0.05em; }
div.headercontainer .headerBanner span.phone_details { font-size: 18px; }
.headerBanner .bannerTitle, .headerBanner .bannerTitle span { float: left; height: 31px; }
.headerBanner .bannerTitle { margin: 0 10px 0 35px; font-size: 18px; background: transparent url("../img/bannerTitle_left.png") no-repeat 0 0; }
.headerBanner .bannerTitle img { vertical-align: middle; margin-right: 5px; }
.headerBanner .bannerTitle span { margin: 0 -10px 0 10px; padding: 3px 10px 0 0; background: transparent url("../img/bannerTitle_right.png") no-repeat top right; line-height: 28px; }
.headerBanner a { color: #1f9ff1; font-size: 20px; margin-left: 3px; text-decoration: underline; }
.headerBanner div { clear: both; height: 143px; }
.headerBanner div div { background-color: #fff; height: 113px; padding: 10px 0 20px; }
.headerBanner div.bannerLeft { background: transparent url("../img/headerBanner_left.png") no-repeat 0 0; text-align: center; }
.headerBanner div.bannerLeft div { margin: 0 0 0 10px; }
.headerBanner div.bannerLeft a { text-decoration: none; color: #4d4d4d; }
.headerBanner div.bannerRight { background: transparent url("../img/headerBanner_right.png") no-repeat top right; }
.headerBanner div.bannerRight div { margin: 0 10px 0 0; padding-left: 35px; padding-right: 10px; background: #fff url("../img/headerBanner_divider.png") no-repeat 0 0; }
.headerBanner div.bannerRight p { margin: 0; }
.headerBanner div.bannerRight strong { color: #1f9ff1; }
.headerBanner div.bannerRight span { font-size: 17px; }
#engguidelink{ width: 175px; margin: 0; position: absolute; right: 0; top: 75px; z-index: 1000; }
#engguidelink a { color: #fff; text-decoration: none; font-size: 14px; outline: none; }
#engguidelink img { vertical-align: middle; }
/* Main navigation */
#mainnavi { height: 38px; width: 961px; list-style: none; padding: 0; margin: 0; }
#mainnavi li { float: left; }
#mainnavi li a { float: left; background: transparent url("../img/mainnavi_tabs2.png") no-repeat 0 -152px; height: 26px; padding: 6px 0; font-size: 17px; font-weight: bold; color: #fff; text-decoration: none; text-align: center; outline: none; }
#mainnavi li.active a { background-position: 0 -190px; color: #0288ed; }
#mainnavi li#tab_home a { width: 132px; background-position: 0 0; text-align: left; text-indent: 50px; }
#mainnavi li#tab_home.active a { background-position: 0 -38px; }
#mainnavi li#tab_computers a { width: 141px; }
#mainnavi li#tab_internet a { width: 116px; }
#mainnavi li#tab_mobile a { width: 156px; }
#mainnavi li#tab_electronics a { width: 197px; }
#mainnavi li#tab_about a { width: 219px; background-position: right -76px; }
#mainnavi li#tab_about.active a { background-position: right -114px; }
/* Main content */
div.maincontainer:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
div.maincontainer { background-color: #fff; padding-top: 20px; display: inline-block; }
html[xmlns] div.maincontainer { display: block; }
* html div.maincontainer { height: 1%; }
div.left-column { width: 186px; padding:0 15px; float: left; }
div.center-column { width: 511px; float: left; }
div.right-column { width: 218px; float: left; padding-left: 16px; }
div.wide-column { width: 640px; padding: 0 80px 0 25px; font-size: 14px; }
div.center-column h2 { font-weight: normal; font-size: 26px; margin-top: 5px; }
div.center-column h2.serviceTitle { font-size: 26px; }
div.center-column h3 { font-weight: normal; font-size: 16px; color: #1f97eb; margin: 30px 0 0; }
div.center-column h3 { margin: 25px 0 0; }
div.wide-column h2 { margin-top: 30px; }
div.wide-column h2.no-margin { margin-top: 5px; }
div.wide-column h2 a.discountlink { font-size: 17px; }
div.wide-column p { margin-right: 100px; }
div.wide-column p.order_confirmed { margin-right: 150px; }
div.wide-column span.image-right img { float: right; margin: 30px 0 30px 30px; }
.return-link { padding: 4px 10px; color: #7f7f7f; border-top: 1px solid #cdebff; border-bottom: 1px solid #cdebff; }
ul.productListIncluded, ul.productListExcluded { padding-left: 10px; list-style: none; margin-left: 0; }
ul.productListIncluded li, ul.productListExcluded li { padding: 2px 25px; line-height: 20px; }
ul.productListIncluded li { background: transparent url("../img/icon_yes.png") no-repeat 0 2px; }
ul.productListExcluded li { background: transparent url("../img/icon_no.png") no-repeat 0 2px; }
/* left column */
div.searchcontainer { margin: 4px 0 8px; width: 161px; height: 48px; padding: 8px 13px 11px 12px; background: transparent url("../img/searchcontainer.png") no-repeat 0 0; }
#searchtitle { font-size: 13px; font-weight: bold; margin: 0; }
div.searchcontainer .searchfield { width: 112px; height: 25px; line-height: 25px; border: 0; background: transparent url("../img/searchField.gif") no-repeat 0 0; padding: 0 10px; }
div.searchBox { margin-top: 6px; }
a.dl_remoteSW { display: block; }
div.newsContainer h3 { font-size: 24px; margin-bottom: 15px; }
div.newsContainer ul { list-style: none; padding: 0; margin: 0; }
div.newsContainer li { border-bottom: 1px solid #cbebff; margin-bottom: 15px; }
div.newsContainer li.last-item { border-bottom: 0; }
div.newsContainer .date { font-size: 11px; color: #999; }
div.newsContainer p { margin: 5px 0 15px; }
a.newspagelink { font-size: 11px; }
ul.side-navigation { list-style: none; padding: 0; margin: 0 0 30px; }
ul.side-navigation li { border-top: 1px solid #cdebff; padding: 10px; font-size: 14px; }
ul.side-navigation li.active { background: #f8fcff url("../img/sidenavi_active_bg.png") repeat-x bottom left; font-weight: bold; }
ul.side-navigation li:first-child { border: 0; }
ul.side-navigation li ul { list-style: none; padding: 0; margin: 10px 0 0; }
ul.side-navigation li.active ul li { font-weight: normal; border: 0; padding: 2px 0; }
ul.side-navigation li ul li.active { font-weight: bold; background: none; }
/* Banner */
div.bannerContainer { width: 185px; background-color: #fff; margin: 30px 0; }
.bannerlist { padding: 0; margin: 0; list-style: none; }
.bannerlist li { display: none; }
.bannerlist li.active { display: block; }
/* Talent view */
.talents { font-size: 13px; float: left; width: 220px; height: 99px; padding: 12px; margin: 0 7px 4px 4px; background: transparent url("../img/talent-bg.png") repeat-x 0 0; }
.talents .column1 { float: left; width: 92px; }
.talents .column1 img { border: 1px solid #d0d0d0; margin: 2px; }
.talents .column2 { float: left; width: 118px; margin: 3px 0 0 10px; }
.talents .column2 .expertName { font-size: 18px; margin-right: 7px; font-weight: bold; white-space: nowrap; }
.talents .column2 .expertRating { line-height: 18px; white-space: nowrap; display: none; }
.talents .column2 a.poplink { font-size: 12px; font-weight: bold; line-height: 18px; display: block; }
.talents .column2 a.onlineStatus { float: left; margin-top: 5px; outline; none; }
.talents .column3 { display: none; float: left; width: 246px; margin: 7px 0 0 10px; color: #888; }
.talents .column4 { float: left; width: 118px; margin: 22px 0 0 10px; }
.talents .column4 a.callguide { display: none; outline: none; font-weight: bold; }
.category-page .talents { width: 476px; }
.category-page .talents .column2 { width: 374px; margin-top: 0; }
.category-page .talents .column2 a.poplink { font-size: 13px; }
.category-page .talents .column3 { display: block; }
.category-page .talents .column4 { margin-top: 5px; }
.category-page .talents .column4 a.callguide { display: block; padding: 0 0 0 10px; margin: 2px 0 0; }
ul.talent-categories { list-style: none; padding: 0; margin: 0; }
ul.talent-categories li { float: left; margin-right: 5px; }
/* Talent popup */
.talentLayerHeader { position: absolute; top: 20px; width: 550px; }
.talentLayerContent { margin-top: 15px; }
.pop-col-left { float: left; width: 330px; clear: both; }
.pop-col-left { font-size: 14px; }
.pop-col-right { float: left; width: 150px; margin-left: 20px; padding-left: 20px; border-left: 1px solid #e5e5e5; }
.poppic { float: left; margin: 0 20px 20px 0; box-shadow: 0 0 5px #0067E7; -moz-box-shadow: 0 0 5px #0067E7; -webkit-box-shadow: 0 0 5px #0067E7; }
.popname { font-size: 28px; color: #fff; font-weight: bold; margin: 5px 0 0; }
.poprating { font-size: 17px; color: #fff; }
.popStatus { vertical-align: bottom; position: relative; bottom: 3px; margin-left: 15px; }
.talentLayerContent h3 { clear: both; font-size: 18px; font-weight: normal; color: #1f97eb; }
.talentLayerContent .pop-col-right h3 { color: #1f97eb; }
.talentLayerContent .hilight { color: #1f97eb; font-size: 18px; font-weight: bold; line-height: 30px; }
.pop-col-right ol { list-style: none; padding: 0; margin-left: 0; }
.pop-col-right ol li { padding: 1px 0 0 30px; margin-bottom: 5px; font-size: 13px; }
.pop-col-right ol li.one { background: transparent url("../img/ol1.png") no-repeat 0 0; }
.pop-col-right ol li.two { background: transparent url("../img/ol2.png") no-repeat 0 0; }
.pop-col-right ol li.three { background: transparent url("../img/ol3.png") no-repeat 0 0; }
.right-col-controls { margin-top: 20px; text-align: center; }
/* info popup (english help) */
.layerWrapper { font-size: 14px; margin-top: 10px; }
.layerWrapper h2 { font-size: 20px; margin: 10px 0; color: #fff; }
.layerContent ul { margin-top: 10px; margin-bottom: 10px; }
/* services layout */
div.services { width: 695px; padding: 0 20px 0 25px; }
div.services .service-row { clear: both; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; }
div.services .service-row h4 { font-weight: bold; text-align: center; }
div.services .service-row p { margin: 5px 0; }
div.services .service-row a { text-align: center; font-size: 11px; }
div.services .service-block { float: left; width: 140px; margin: 0 30px 0 0; }
.service-title { padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
div.service-block h4 { margin: 0; min-height: 38px; }
div.service-block p { text-align: center; margin-right: 0; }
div.service-block p.price { font-size: 14px; }
form.bluebox_form fieldset { width: 295px; height: 25px; padding: 10px 13px 10px 12px; background: #fff url("../img/availability_form.png") no-repeat 0 0; margin: 0; border: 0; }
form.bluebox_form .availability_input { width: 247px; height: 15px; background: transparent url("../img/availability_input.png") no-repeat 0 0; float: left; padding: 5px; border: 0; }
form.bluebox_form .availability_submit { width: 28px; height: 25px; background: transparent url("../img/availability_submit.png") no-repeat 0 0; padding: 0; border: 0; cursor: pointer; text-indent: -9999px; font-size: 0; }
form.availability_form .input_error { color: #ff0000; }
form.availability_form .availability_error { display: none; color: #ff0000; }
div.product_availability, div.product_order_form { padding: 10px; background: #f1f1f1; }
div.product_availability { width: 410px; }
div.product_availability fieldset, div.product_order_form fieldset { padding: 0; border: 0; }
div.product_availability p, div.product_order_form p { margin-right: 0; }
div.product_order_form label { clear: both; float: left; width: 225px; margin: 2px 0; line-height: 18px; }
div.product_order_form input.textfield { width: 200px; padding: 1px 2px; }
div.product_order_form textarea { width: 300px; }
p.extraInfo { color: #c0c0c0; }
#orderbtn, #deliveryOptions { display: none; }
#genError { color: #ff0000; border: 2px solid #ff0000; padding: 3px 10px; display: none; width: 560px; }
/* News archive */
ul.newsList { list-style: none; padding: 0; }
/* right column */
div.right-column div.quote { padding: 6px 12px 6px 8px; margin: 10px; line-height: 16px; background: #fff url("../img/quote-end.gif") no-repeat 2px 2px; }
div.right-column div.quote .comment { padding-left: 24px; font-weight: bold; font-size: 14px; }
div.right-column div.quote img { vertical-align: bottom; position: relative; top: 4px; left: 2px; }
div.right-column div.other-comments { margin: 0 20px; }
/* Footer */
div.footer { width: 961px; height: 100px; margin: 0 auto; padding: 10px 0 0; background: transparent url("../img/footer-bg.png") no-repeat 0 0; }
#footerlogo { float: right; height: 36px; margin: 22px 14px 0 0; color: #fff; font-size: 16px; font-weight: bold; }
ul.footer-links { list-style: none; margin: 22px 0 0 10px; padding: 0; float: left; }
ul.footer-links li { float: left; margin-right: 20px; }
ul.footer-links a { color: #fff; font-size: 16px; font-weight: bold; }
#hiddenlayer { display: none; }
/* Cufon style changes */
html.cufon-ready div.headercontainer .headerBanner strong { font-size: 23px; }
html.cufon-ready div.headercontainer .headerBanner p.phone_no strong { font-size: 60px; }
html.cufon-ready .headerBanner .bannerTitle { font-size: 20px; }
html.cufon-ready .headerBanner div.bannerRight span { font-size: 19px; }
html.cufon-ready .headerBanner div.bannerRight p cufon { margin: 2px 0; }
html.cufon-ready #engguidelink { width: 165px; }
html.cufon-ready #engguidelink a { font-size: 16px; }
html.cufon-ready #searchtitle { font-size: 16px; }
html.cufon-ready #mainnavi li a { font-size: 21px; }
#dhtmltooltip{
position: absolute;
border: 0px solid red;
width: 150px;
padding: 4px;
background-color: #AFDEF7;
visibility: hidden;
z-index: 30;
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=115); */
font: 11px Arial;
color: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.login
{
float: right;
margin-top: 65px;
}
#feedback
{
font: bold 12px Arial;
color: red;
width: 100px;
margin-right: 6px;
}
#username
{
font: 12px Arial;
color: #808080;
width: 100px;
margin-right: 6px;
}
#password
{
font: 12px Arial;
color: #808080;
width: 80px;
}
#loginbutton
{
font: bold 14px Arial;
margin-left: 13px;
margin-right: 13px;
}
div.wicket-aa {
font-family: Arial;
font-size: 14px;
background-color: white;
border-color: #cccccc;
border-width: 1px;
border-style: solid;
padding: 2px;
margin: 1px 0 0 0;
text-align:left;
}
div.wicket-aa ul {
list-style:none;
padding: 2px;
margin:0;
}
div.wicket-aa ul li.selected {
background-color: #C0C0C0;
/* padding: 2px; */
margin:0;
}
.formbutton {
position: absolute;
cursor:pointer;
color:#FFF;
/*background:url(../img/searchButton.gif) no-repeat;*/
border: 0px solid #9EDDFF;
/*height:23px;
width:37px;*/
}
.clearbutton {
position: absolute;
left: 0;
margin: 54px 0 0 20px;
cursor:pointer;
color:#FFF;
border: 0px rgb(79, 79, 79) solid;
background:url(../img/allTalentsButton.png) no-repeat;
height:27px;
width:161px;
font: 17px Arial;
}
#fullname
{
font: bold 14px Arial;
color: #9EDDFF;
}
#create-user
{
font: 12px Arial;
color: #9EDDFF;
text-decoration: none;
}
#adminview
{
font: 12px Arial;
color: #9EDDFF;
text-decoration: none;
}
div.spotcontainer
{
height:215px;
margin: 25px 0 3px 0;
background-image:url('../img/mainBanner.png');
background-repeat:no-repeat;
}
#targetbox
{
height:150px;
width: 240px;
position:absolute;
left: 50%;
margin-left: 150px;
margin-top: -225px;
z-index: 1;
}
#label {
width:280px;
text-align: right;
}
#footerLink {
color: #FFF;
font: 12px Arial;
text-decoration: none;
}
#preinfo {
position:absolute;
outline: none!important;
color:#fff;
border:0px;
margin-left: 700px;
margin-top: 170px;
z-index:9;
}
.notification {
margin-left: 5px;
margin-bottom: 15px;
}
#searchCrumb {
margin-bottom: 25px!important;
}