/* Reset Stylesheet v1.6.1 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
/* Global
---------------------------------*/
h1, h2, h3, h4 {
margin-bottom: 15px;
}
p {
margin-bottom: 15px;
}
small {
font-size: 70%;
}
blockquote {
padding-left: 50px;
}
ul {
margin-bottom: 15px;
}
.donotdisplay {
display: none;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.clear-float {
clear: both;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.blue,
#content .blue {
color: #2465BE;
}
a.standardlink, #content a.standardlink {
color: #2465BE;
font-weight: normal;
text-decoration: none;
}
a.standardlink:hover, #content a.standardlink:hover {
text-decoration: underline;
}
a.graylink, #content a.graylink {
color: #787878;
font-weight: normal;
text-decoration: underline;
}
a.symboliclink, #contenta.symboliclink {
background: transparent url('images/arr.gif') no-repeat 0 center scroll;
color: #2465BE;
font-size: 11px;
padding-left: 10px;
text-decoration: underline;
}
a.symboliclink:hover, #contenta.symboliclink:hover {
text-decoration: none;
}
a.graylink:hover, #content a.graylink:hover {
text-decoration: none;
}
span.separator {
padding: 0 5px;
}
.halfwidth-box {
display: block;
width: 50%;
}
textarea {
width: 90%;
}
/* Structure
---------------------------------*/
.wrap {
margin: 0 auto;
width: 760px;
}
#primary {
float: right;
width: 480px;
position: relative;
}
.onecolumn #primary {
float: right;
width: 100%;
}
.onecolumn #primary #content {
padding: 0 30px;
}
#secondary {
float: left;
margin: 12px 44px 30px 33px;
width: 203px;
}
footer {
clear: both;
}
/* Forms */
input.txt {
border: 1px inset #CCC;
width: 50%;
}
form div {
clear: left;
margin: 0;
padding: 5px 0 0 0;
}
form div label {
font-size: 11px;
float: left;
width: 40%;
}
/* Desktop version */
.desktop {
display:block;
}
.mobile {
display:none;
}
/* Fonts
---------------------------------*/
body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
/* Header
---------------------------------*/
header {
background: transparent url('images/left.jpg') repeat-x 0 0 scroll;
}
header .wrap {
background: transparent url('images/header.png') no-repeat center 16px scroll;
height: 285px;
position: relative;
z-index: 2;
}
header #rght-stripe {
background: #fff url('images/right.jpg') repeat-x 0 0 scroll;
position: absolute;
right: 0;
top: 0;
height: 282px;
width: 50%;
z-index: 1;
}
/*Header Flash version*/
#flash1 {
position:absolute;
top:0;
left:8px;
height: 282px;
width: 710px;
z-index: 3;
}
/* Menu
---------------------------------*/
a#home {
color: #414141;
float: right;
font-size: 65%;
margin: 28px 46px 0 0;
text-decoration: none;
}
a#home:hover {
color: #fff;
}
#top-menu {
clear: both;
float: right;
margin: 9px 61px 0 0;
}
#top-menu a {
color: #7b6019;
font-size: 55%;
font-weight: bold;
margin-left: 25px;
text-decoration: none;
text-transform: uppercase;
}
#top-menu li.casestudies {
margin: 0 30px 0 0;
}
#main-menu {
display: block;
float: left;
margin: 185px 0 0 270px;
overflow: hidden;
height: 34px;
width: 428px;
}
#top-menu li, #main-menu li {
float: left;
}
#main-menu li {
position: relative;
}
#main-menu li div {
position: absolute;
height: 34px;
width: 100%;
}
#main-menu li a {
color: #646464;
display: block;
font-size: 70%;
font-weight: bold;
position: relative;
text-decoration: none;
}
#main-menu a:hover {
color: #fff;
text-shadow: 1px 1px 1px #000;
}
/* Default Menu Item State */
#main-menu li, #main-menu .js li div, #main-menu .nojs li a {
background: transparent url('images/menu-items.png') no-repeat 0 0 scroll;
}
#main-menu li.home, #main-menu .js li.home div.def {
background-position: 0 0;
}
#main-menu li.aboutus, #main-menu li.aboutus {
background-position: -107px 0;
}
#main-menu li.services, #main-menu .js li.services div.def {
background-position: -214px 0;
}
#main-menu li.contactus, #main-menu .js li.contactus div.def {
background-position: -320px 0;
}
#main-menu li.home, #main-menu li.aboutus, #main-menu li.contactus {
width: 107px;
}
#main-menu li.services {
width: 106px;
}
#main-menu li.home a {
background: transparent url('images/menu-arrow.png') no-repeat 27px 16px scroll;
padding: 12px 37px 12px 37px;
z-index: 12;
}
#main-menu li.aboutus a {
background: transparent url('images/menu-arrow.png') no-repeat 18px 16px scroll;
padding: 12px 27px 12px 28px;
z-index: 11;
}
#main-menu li.services a {
background: transparent url('images/menu-arrow.png') no-repeat 20px 16px scroll;
padding: 12px 30px 12px 30px;
z-index: 10;
}
#main-menu li.contactus a {
background: transparent url('images/menu-arrow.png') no-repeat 14px 16px scroll;
padding: 12px 23px 12px 23px;
z-index: 9;
}
#main-menu li.home a:hover,
#main-menu li.aboutus a:hover,
#main-menu li.services a:hover,
#main-menu li.contactus a:hover {
background-image: url('images/menu-arrow-hover.png');
}
/* Non JS Hover State */
#main-menu .nojs div {
display: none;
}
#main-menu .nojs li.home:hover {
background-position: -428px 0px;
}
#main-menu .nojs li.aboutus:hover {
background-position: -534px 0px;
}
#main-menu .nojs li.services:hover {
background-position: -641px 0px;
}
#main-menu .nojs li.contactus:hover {
background-position: -748px 0px;
}
#main-menu .nojs li.home a {
background-position: -428px -34px;
}
#main-menu .nojs li.aboutus a {
background-position: -534px -34px;
}
#main-menu .nojs li.services a {
background-position: -642px -34px;
}
#main-menu .nojs li.contactus a {
background-position: -749px -34px;
}
#main-menu .js li.home div.hov, #main-menu .nojs li.home a:hover {
background-position: -428px 0;
}
#main-menu .js li.aboutus div.hov, #main-menu .nojs li.aboutus a:hover {
background-position: -534px 0;
}
#main-menu .js li.services div.hov, #main-menu .nojs li.services a:hover {
background-position: -642px 0;
}
#main-menu .js li.contactus div.hov, #main-menu .nojs li.contactus a:hover {
background-position: -749px 0;
}
#main-menu .nojs li a:hover {
-webkit-box-shadow: 2px -3px 2px 0px #777;
-moz-box-shadow: 2px -3px 2px 0px #777;
box-shadow: 2px -3px 2px 0px #777;
-webkit-border-radius: 0 0 13px 13px;
-moz-border-radius: 0 0 13px 13px;
border-radius: 0 0 13px 13px;
}
#main-menu .nojs li.contactus a:hover {
-webkit-box-shadow: 0 0 0 0 transparent;
-moz-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
/* JS support */
#main-menu .js li {
background-image: none;
}
#main-menu .js li div.hov {
top: -34px;
left: 0;
}
#main-menu .js li div.def {
top: 0;
left: 0;
}
#main-menu li.home div.hov {
z-index: 8;
}
#main-menu li.aboutus div.hov {
z-index: 7;
}
#main-menu li.services div.hov {
z-index: 6;
}
#main-menu li.contactus div.hov {
z-index: 5;
}
#main-menu li.home div.def {
z-index: 4;
}
#main-menu li.aboutus div.def {
z-index: 3;
}
#main-menu li.services div.def {
z-index: 2;
}
#main-menu li.contactus div.def {
z-index: 1;
}
/* Content
---------------------------------*/
#content h1, #content h2, #content p, #content ul, #content ol, #content div {
color: #787878;
}
#content h2 {
color: #2465BE;
font-size: 11px;
font-weight: bold;
}
#content .entry-title-line h1,
#content .sidebar-line h1 /* Do not use in content pages. */ {
margin: 0;
}
#content .entry-title-line,
#content .sidebar-line /* Do not use in content pages. */ {
background: transparent url('images/2colline.jpg') no-repeat -281px bottom scroll;
margin: 16px 0 10px 0;
padding: 0 0 7px 0;
}
.onecolumn #content .entry-title-line,
.onecolumn #content .sidebar-line {
background: transparent url('images/1colline.jpg') no-repeat -43px bottom scroll;
}
#content a {
color: #2465BE;
font-weight: bold;
text-decoration: underline;
}
#content a:hover {
text-decoration: none;
}
#content p {
line-height: 15px;
font-size: 11px;
}
#content ol, #content ul {
font-size: 11px;
line-height: 14px;
padding-left: 30px;
}
#content img.leftimg {
margin: 0 10px 10px 0;
}
#content .callnow {
color: #C60;
font-size: 22px;
font-weight: bold;
line-height: 26px;
text-align: right;
position: absolute;
top: 0;
right: 65px;
}
#content .blue-big-phone {
color: #2465BE;
font-size: 18px;
}
/* Common in some pages. */
/* Our Services */
.services h1,
.e2e h1,
.antivirus h1,
.c-n-d h1,
.connect h1,
.consult h1,
.d-n-h h1,
.data-dest h1,
.data-reco h1,
.desktop h1,
.lcd h1,
.network h1,
.purchasing h1,
.rate-sheet h1,
.recycle h1,
.reloc h1,
.server h1,
.telco h1 {
background: transparent url('images/2text2a.jpg') no-repeat 0 0 scroll;
text-indent: -99999px;
height: 30px;
}
.partners h1 {
background: transparent url('images/text2b.jpg') no-repeat center 0 scroll;
text-indent: -99999px;
height: 30px;
}
.aboutus #primary .entry-title-line,
.b-rate-book #primary .entry-title-line {
margin-top: 30px;
}
/* Home page */
.home h1 {
background: transparent url('images/text2.jpg') no-repeat 0 0 scroll;
display: block;
text-indent: -99999px;
height: 30px;
width: 417px;
}
.home h2 {
margin: 0;
}
.home #content .callnow {
color: #C60;
float: right;
font-size: 24px;
font-weight: bold;
line-height: 28px;
text-align: right;
margin: 0 51px 0 0;
position: relative;
left: auto;
right: auto;
}
.home #content .appointment {
color: #C60;
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 0 0 15px 0;
}
.home #content .crmobile {
margin: 25px 0 0 0;
}
.home .servicesoverview-box {
float: left;
width: 195px;
}
.home .servicesoverview-box img {
margin: 0 0 15px;0;
}
.home #content .servicesoverview-box ol {
padding-left: 15px;
margin-bottom: 10px;
}
.home .advisory-box {
float: left;
width: 285px;
}
.home #content .advisory {
background-color: #2A3086;
font-family: Tahoma;
font-size: 18px;
color: white;
text-align: left;
padding-top: 0px;
padding-bottom: 2px;
padding-left: 7px;
border-bottom: solid 2px #F30;
}
.home .refferfriend, .newestad {
margin: 20px 0;
}
.home .cr-text {
width: 386px;
}
.home .borderbox {
border: 2px ridge gray;
}
/* About Us Page */
/* Services Page */
.services h2 {
margin: 0;
}
.services .img-cr-car {
margin: 0 15px 5px 0;
}
.services .ratesoverview {
margin-bottom: 15px;
}
/* Contact Us Page */
.contactus h1 {
background: transparent url('images/3text2a.jpg') no-repeat 0 0 scroll;
text-indent: -99999px;
height: 30px;
}
/* Account Page */
.account #primary {
padding-top: 30px;
}
.account form {
width: 60%;
}
.account form label {
width: 30%;
}
/* Downloads Page */
.downloads #content h2 {
color: #787878;
font-size: 1em;
}
/* Business rates */
/* Antivirus */
.antivirus #content .callcr {
font-size: 18px;
line-height: 22px;
margin: 0;
}
.antivirus #content .callcr span {
color: #006;
}
.antivirus #content .callcr strong {
color: #333;
}
.antivirus #content .crdate small {
font-size: 10px;
line-height: 12px;
}
.antivirus #content .clickhere a {
color: #090;
font-size: 18px;
font-weight: normal;
}
.antivirus #content .clickhere a:hover {
color: #787878;
}
/* Articles */
.articles h1 {
font-weight: bold;
font-size: 12px;
}
.articles a.symboliclink:hover, #contenta.symboliclink:hover #content a:hover {
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.articles #content a {
color: #787878;
}
.articles .entry-title-line {
height: 30px;
}
/* b_rate_book */
.b-rate-book #content .entry-title-line {
margin: 30px 0 10px 0;
}
.b-rate-book #content h3 {
color: blue;
text-align: center;
text-decoration: underline;
font-size: 11px;
margin: 80px 0 35px 0;
}
/* c_n_d */
/* case_study */
.case-study #content h1 {
font-size: 12px;
color: #060;
font-weight: bold;
}
/* connect */
.connect #content h2 {
margin: 30px 0 10px 0;
}
/*consult*/
.consult #content h2 {
margin: 30px 0 10px 0;
}
/* contactus */
/* d-n-h */
table, td {
border: solid 1px black;
border-collapse: separate;
border-spacing: 2px;
}
/* data_dest */
.data-dest #content h1 {
margin-top: 12px;
}
/* data_reco */
.data-reco #content small {
font-size: 85%;
}
.data-reco #content .callcr {
font-size: 18px;
line-height: 22px;
margin: 0;
}
.data-reco #content .callcr span {
color: #006;
}
.data-reco #content .callcr strong {
color: #333;
}
.data-reco #content .crdate small{
font-size: 10px;
line-height: 12px;
}
/* desktop */
/* downloads */
/* h_rate_book */
.h-rate-book #content .entry-title-line {
margin: 45px 0 10px 0;
}
.h-rate-book h3 {
color: blue;
text-align: center;
text-decoration: underline;
font-size: 11px;
margin: 80px 0 35px 0;
}
/* lcd */
.lcd #content .callcr {
font-size: 18px;
line-height: 22px;
margin: 0;
}
.lcd #content .callcr span {
color: #006;
}
.lcd #content .callcr strong {
color: #333;
}
.lcd #content .crdate small {
font-size: 10px;
line-height: 12px;
}
.lcd #content .clickhere a {
color: #090;
font-size: 18px;
font-weight: normal;
}
.lcd #content .clickhere a:hover {
color: #787878;
}
/* local_hero */
/* network */
/* newsletter */
.newsletter #content .entry-title-line {
margin: 45px 0 10px 0;
}
/* p_policy */
.p-policy #content .entry-title-line {
margin: 45px 0 10px 0;
}
.partners .align-center .callcr {
}
.partners #content .partnerslist {
list-style: none;
padding: 0;
}
.partners .partnerslist li {
float: left;
text-align: center;
height: 186px;
width: 189px;
margin-right: 40px;
}
/* purchasing */
/* rate_sheet */
.rate-sheet #content .entry-title-line {
margin: 45px 0 10px 0;
}
.rate-sheet strong {
color: #00f;
}
.rate-sheet #content .howfast {
font-size: 14px;
font-weight: bold;
color: black;
}
/* recycle */
/* reloc */
/* server */
/* telco */
/* terms */
.terms #content .entry-title-line {
margin: 45px 0 10px 0;
}
.terms .align-center {
margin-bottom: 50px;
}
/* Sidebar / Home
---------------------------------*/
#secondary #partners {
position: relative;
left: -25px;
}
#sidebar-home-menu nav {
background: transparent url('images/bgr-home-title.jpg') no-repeat 0 0 scroll;
margin: 0 0 10px 0;
padding: 22px 0 0 0;
}
#sidebar-home-menu nav .title {
margin: 0 0 0 14px;
}
#sidebar-home-menu nav .title a {
display: block;
text-indent: -99999px;
height: 14px;
width: 136px;
}
#sidebar-home-menu nav ul {
height: 60px;
margin: 20px 0 0 0;
padding: 0 0 0 30px;
}
#sidebar-home-menu nav ul a {
background: transparent url('images/arr2.gif') no-repeat 0 center scroll;
color: #787878;
display: block;
font-size: 11px;
font-weight: bold;
padding: 0 0 0 11px;
text-decoration: underline;
}
#sidebar-home-menu nav ul a:hover {
text-decoration: none;
}
#sidebar-home-menu nav#onside .title {
background: transparent url('images/text3.jpg') no-repeat 0 0 scroll;
width: 129px;
}
#sidebar-home-menu nav .info-service {
height: 24px;
}
#sidebar-home-menu nav .info-service a {
background: transparent url('images/arr4.gif') no-repeat 0 center scroll;
color: #fff;
display: block;
float: left;
margin-top: 5px;
padding: 0 0 0 8px;
text-decoration: none;
}
#sidebar-home-menu nav .info-service a.details {
font-weight: bold;
text-decoration: underline;
margin-left: 17px;
margin-right: 15px;
}
#sidebar-home-menu nav .info-service a.details:hover {
text-decoration: none;
}
#sidebar-home-menu nav#onside ul {
background: transparent url('images/t1.jpg') no-repeat 0 0 scroll;
}
#sidebar-home-menu nav#onside .info-service {
background: transparent url('images/t2.jpg') no-repeat 0 0 scroll;
}
#sidebar-home-menu nav#instore {
margin-bottom: 40px;
}
#sidebar-home-menu nav#instore .title {
background: transparent url('images/text4.jpg') no-repeat 0 0 scroll;
}
#sidebar-home-menu nav#instore ul {
background: transparent url('images/t4.jpg') no-repeat 0 0 scroll;
}
#sidebar-home-menu nav#instore .info-service {
background: transparent url('images/t5.jpg') no-repeat 0 0 scroll;
}
#sidebar-home-menu nav#datarecovery .title {
background: transparent url('images/text3a.jpg') no-repeat 0 0 scroll;
}
#sidebar-home-menu nav#datarecovery ul {
background: transparent url('images/t6.jpg') no-repeat 0 0 scroll;
}
#sidebar-home-menu nav#datarecovery .info-service {
background: transparent url('images/t7.jpg') no-repeat 0 0 scroll;
}
#sidebar-home-menu nav#recylcing {
margin-bottom: 50px;
}
#sidebar-home-menu nav#recylcing .title {
background: transparent url('images/text4a.jpg') no-repeat 0 0 scroll;
}
#sidebar-home-menu nav#recylcing ul {
background: transparent url('images/t8.jpg') no-repeat 0 0 scroll;
}
#sidebar-home-menu nav#recylcing .info-service {
background: transparent url('images/t9.jpg') no-repeat 0 0 scroll;
}
/* Sidebar Contact Us Page */
#secondary h2.cotactustitle {
background: transparent url('images/3text1.jpg') no-repeat 0 0 scroll;
text-indent: -99999px;
height: 30px;
margin-bottom: 3px;
width: 204px;
}
/* Sidebar / All Pages
---------------------------------*/
#secondary h2.whatweoffer {
background: transparent url('images/text1.jpg') no-repeat 0 0 scroll;
text-indent: -99999px;
height: 30px;
margin-bottom: 3px;
width: 204px;
}
.sidebar-line {
background: transparent url('images/2colline.jpg') no-repeat -43px bottom scroll;
margin-bottom: 12px;
padding: 4px 0;
}
#secondary {
color: #787878;
font-size: 12px;
line-height: 14px;
}
#side-menu li {
background: transparent url('images/2bak1.gif') repeat-y 0 0 scroll;
display: block;
margin-bottom: 2px;
padding: 2px 0 3px 10px;
}
#side-menu li a {
color: #787878;
font-size: 12px;
text-decoration: underline;
}
#side-menu li a:hover {
text-decoration: none;
}
/* Footer
---------------------------------*/
footer .siteinfo, footer #colophon {
text-align: center;
}
footer, footer p {
line-height: 14px;
font-size: 11px;
color: #787878;
}
footer a {
color: #2465BE;
}
footer a:hover {
text-decoration: none;
}
/* Smart Phone Devices
---------------------------------*/
/* iPhone - Landscape, BlackBerry Touch max-device-width */
@media screen and (max-width: 480px) {
/* Structure */
body {
position:relative;
overflow-x: hidden;
width:480px;
}
.wrap {
margin: 0 auto;
width: 100%;
}
#primary {
float: none;
width: 100%;
}
.onecolumn #primary {
float: none;
width: 100%;
}
.onecolumn #primary #content {
padding: 0;
}
#primary #content {
/*text-align:justify;*/
}
#primary #content,
footer .siteinfo,
footer #colophon {
padding: 0 8px;
}
#secondary {
float: none;
margin: 12px auto 30px auto;
width: 97%;
}
#flash1 {
display:none;
}
/* Mobile version */
.desktop {
display:none;
}
.mobile {
display:block;
}
/* Font Size */
a.symboliclink, #contenta.symboliclink,
form div label,
#content h2,
#content p,
#content ol,
#content ul,
.b-rate-book #content h3,
#sidebar-home-menu nav ul a,
#secondary #side-menu li a,
#secondary,
footer,
footer p {
font-size: 14px;
line-height: 16px;
}
/* Header */
header {
background-image: none;
}
header .wrap {
background: transparent url('images/smartphone-logo.png') no-repeat center 0px scroll;
height:85px;
}
a#home {
display: none;
}
#top-menu {
display:none;
}
#main-menu {
float: none;
margin: 0 auto;
padding:33px 0 0 0;
height: 55px;
width: 320px;
}
header #rght-stripe {
background: transparent url('images/smartphone-header-stripe.png') repeat-x 0 0 scroll;
position: absolute;
right: 0;
top: 0;
height: 33px;
width: 100%;
z-index: 1;
}
/* Menu */
#main-menu li.home,
#main-menu li.aboutus,
#main-menu li.services,
#main-menu li.contactus {
margin-left:5px;
height:50px;
width:73px;
}
#main-menu li div.def,
#main-menu li div.hov {
display:none;
}
#main-menu li.home a,
#main-menu li.aboutus a,
#main-menu li.services a,
#main-menu li.contactus a,
#main-menu li.home a:hover,
#main-menu li.aboutus a:hover,
#main-menu li.services a:hover,
#main-menu li.contactus a:hover {
background-color: transparent;
background-image: url('images/mob-menu.jpg');
display:block;
padding:0;
text-indent:-99999px;
height:50px;
width:73px;
}
#main-menu li.home a,
#main-menu .nojs li.home a,
#main-menu li.home a:hover,
#main-menu .nojs li.home a:hover {
background-position:-5px 0;
}
#main-menu li.aboutus a,
#main-menu .nojs li.aboutus a,
#main-menu li.aboutus a:hover,
#main-menu .nojs li.aboutus a:hover {
background-position:-85px 0;
}
#main-menu li.services a,
#main-menu .nojs li.services a,
#main-menu li.services a:hover,
#main-menu .nojs li.services a:hover {
background-position:-164px 0;
}
#main-menu li.contactus a,
#main-menu .nojs li.contactus a,
#main-menu li.contactus a:hover,
#main-menu .nojs li.contactus a:hover {
background-position:-243px 0;
}
#main-menu .nojs li a:hover {
-webkit-box-shadow:0 0 0 0 transparent;
-moz-box-shadow:0 0 0 0 transparent;
box-shadow:0 0 0 0 transparent;
}
/* Sidebar */
#secondary .sidebar-line {
background-position: -281px bottom;
}
#primary .mobile ul#side-menu {
padding-left: 0;
}
#primary .mobile #side-menu li,
#secondary #side-menu li {
background-color: #F2F2F2;
}
#primary .mobile #side-menu li a,
#secondary #side-menu li a {
display:block;
padding: 5px 0;
width:100%;
}
/* Home Sidebar */
#sidebar-home-menu nav {
float:left;
margin-right: 5px;
width: 201px;
}
#sidebar-home-menu nav#instore {
margin-bottom: 10px;
}
#sidebar-home-menu nav#recylcing {
margin-bottom: 20px;
}
/* Content */
#content .callnow {
font-size: 18px;
line-height: 22px;
top: -10px;
right: 40px;
}
.home #content .servicesoverview-box ol {
padding-left: 20px;
}
/* Home Page */
.home .cr-text {
width: 355px;
}
/* mobile.jQuery UI */
#sidebar-home-menu .ui-link {
text-shadow: 0 0 0 transparent;
}
}
/* iPhone - Portrait */
@media screen and (max-width: 320px) {
/* Structure */
body {
position:relative;
overflow-x: hidden;
width:320px;
}
.wrap {
margin: 0 auto;
width: 100%;
}
#primary {
float: none;
width: 100%;
}
.onecolumn #primary {
float: none;
width: 100%;
}
.onecolumn #primary #content {
padding: 0;
}
#primary #content,
footer .siteinfo,
footer #colophon {
padding: 0 8px;
}
#secondary {
float: none;
margin: 12px auto 30px auto;
width: 97%;
}
#flash1 {
display:none;
}
/* Mobile version */
.desktop {
display:none;
}
.mobile {
display:block;
}
/* Font Size */
a.symboliclink, #contenta.symboliclink,
form div label,
#content h2,
#content p,
#content ol,
#content ul,
.b-rate-book #content h3,
#secondary,
#sidebar-home-menu nav ul a,
footer,
footer p {
font-size: 14px;
line-height: 16px;
}
/* Header */
header {
background-image: none;
}
header .wrap {
background: transparent url('images/smartphone-logo.png') no-repeat center 0px scroll;
height:85px;
}
a#home {
display: none;
}
header #rght-stripe {
background: transparent url('images/smartphone-header-stripe.png') repeat-x 0 0 scroll;
position: absolute;
right: 0;
top: 0;
height: 33px;
width: 100%;
z-index: 1;
}
/* Navigation Menus */
#main-menu {
float: none;
margin: 0 auto 0 auto;
padding:33px 0 0 0;
height: 55px;
}
#top-menu {
display:none;
}
/* Menu */
#main-menu li.home,
#main-menu li.aboutus,
#main-menu li.services,
#main-menu li.contactus {
margin-left:5px;
height:50px;
width:73px;
}
#main-menu li div.def,
#main-menu li div.hov {
display:none;
}
#main-menu li.home a,
#main-menu li.aboutus a,
#main-menu li.services a,
#main-menu li.contactus a,
#main-menu li.home a:hover,
#main-menu li.aboutus a:hover,
#main-menu li.services a:hover,
#main-menu li.contactus a:hover {
background-color: transparent;
background-image: url('images/mob-menu.jpg');
display:block;
padding:0;
text-indent:-99999px;
height:50px;
width:73px;
}
#main-menu li.home a,
#main-menu li.home a:hover {
background-position:-5px 0;
}
#main-menu li.aboutus a,
#main-menu li.aboutus a:hover {
background-position:-85px 0;
}
#main-menu li.services a,
#main-menu li.services a:hover {
background-position:-164px 0;
}
#main-menu li.contactus a,
#main-menu li.contactus a:hover {
background-position:-243px 0;
}
#main-menu .nojs li a:hover {
-webkit-box-shadow:0 0 0 0 transparent;
-moz-box-shadow:0 0 0 0 transparent;
box-shadow:0 0 0 0 transparent;
}
/* Sidebar */
#primary .mobile ul#side-menu {
padding-left: 0;
}
#primary .mobile #side-menu li,
#secondary #side-menu li {
background-color: #F2F2F2;
}
#primary .mobile #side-menu li a,
#secondary #side-menu li a {
display:block;
padding: 5px 0;
width:100%;
}
/* Home Sidebar */
#sidebar-home-menu nav {
float:left;
margin-right: 5px;
width: 201px;
}
#sidebar-home-menu nav#instore {
margin-bottom: 10px;
}
#sidebar-home-menu nav#recylcing {
margin-bottom: 20px;
}
/* Content */
#content .callnow {
font-size: 18px;
line-height: 22px;
top: -10px;
right: 8px;
}
.home #content .servicesoverview-box ol {
padding-left: 20px;
}
/* Common content style. */
.aboutus #primary .entry-title-line, .b-rate-book #primary .entry-title-line {
margin-top: 10px;
}
/* Home Page */
.home .cr-text {
width: 200px;
}
.home .advisory-box {
margin-top: 10px;
}
.home #content .callnow {
margin: 0;
}
/* Account Page */
.account form label {
width: 40%;
}
/* mobile.jQuery UI */
#sidebar-home-menu .ui-link {
text-shadow: 0 0 0 transparent;
}
}