body{background:#fff; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; margin: 0; padding:0;}
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0; border: none;}
ul{list-style-type:none;}
.information_check {display: none;}
.alignright {float: right;}
.alignleft {float: left;}
img.alignright {padding: 10px;}
img.alignleft {padding: 10px;}
.central {text-align: center;}
h2 {color: #216ebd; padding: 10px 0px; font-size:15px;}
/*Header*/
#headerPanel {position:fixed; top:0; left:0; display:block; width: 100%; height: 200px; z-index:1; background-color: #fff; -moz-border-radius: 0 0 50%50% / 0 0 20px 20px; -webkit-border-radius: 0 0 50% 50% / 0 0 20px 20px; border-radius: 0 0 50% 50% / 0 0 20px 20px; behavior: url(includes/border-radius.htc);}
#topMenuPanel{width:762px; position:relative; margin:0 auto; padding:0;}
#topPanel{width:762px; height:230px; position:relative; margin:0 auto; padding:0; margin-top: 200px;}
#topPanel img{float: left;}
#topPanel h1 {background: url(/images/trans.png); color: #fff; padding: 20px; position: absolute; top: 100px; left: 40px;}
#topMenuPanel ul{float:right;text-align:right;display:block; width:732px; height:36px; position:absolute; top:0; right:0; margin:11px 0 0; padding:0 29px 0 0;}
#topMenuPanel ul li{display:inline-block; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#topMenuPanel ul li a{width:78px; height:36px; display:block; padding:0; color:#B3B3B3; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topMenuPanel ul li a:hover{width:78px; height:36px; color: #555;}
#topMenuPanel ul li:hover a{width:78px; display:block; height:36px; text-align:center; margin:0 1px 0 0;} 
#topMenuPanel ul li a:hover{border-bottom: 3px solid #EB9F22;}
#topMenuPanel li ul {display: none;}
#topMenuPanel li:hover ul {text-align:center;display:block; width:78px; padding: 0px; border:none; position: relative; z-index: 597;margin: 0px;}
#topMenuPanel li:active ul {text-align:center;display:block; width:78px; padding: 0px; border:none; position: relative; z-index: 597;margin: 0px;}
#topMenuPanel li:hover ul li { font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; float:none;}
#topMenuPanel li:hover ul li a {width:78px; height:auto; display:block; color:#fff; text-decoration:none; text-align:center;background: #AEAEAE; border: none;}
#topMenuPanel li:active ul li a {width:78px; height:auto; display:block; color:#fff; text-decoration:none; text-align:center;background: #AEAEAE; border:none;}
#topMenuPanel li:hover ul li a:hover {background: #333333;}
#topMenuPanel li:hover ul li:last-child a {-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(includes/border-radius.htc);}
#topMenuPanel li:hover ul li.contact a {width: 200px;}
.logo {margin-left: 140px;}
.remotesupport {position: fixed; top:20px; right:20px;}
/*main body*/
#bodyPanel{width:762px; height:auto; position:relative; margin:0 auto; padding:0;}
#bodyPanel h1{ background:#fff; display:block; height:50px; margin:0; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:4px 0 0 202px; color:#216ebd;}
#bodyPanel h2{ background:#fff; display:block; height:auto; margin:0; font:20px/20px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:4px 0 10px 0px; color:#216ebd;}
#bodyPanel h2.box {background: none; color: #fff; width: 230px;}
#bodyPanel h3 {font: "Open Sans"; color: #666666; font-size: 14px;}
#bodyPanel p {font: "Open Sans"; color: #666666; background: none; margin: 25px auto; padding: 0px;}
#bodyPanel span {color: #216EBD; background: none; margin: 5px auto; padding: 0px;}
#bodyPanel p.pricelist span {width: 25%;float: right;display: block; margin: 0 auto;}
#bodyPanel p.capstext{background: #fff; font:18px/24px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#555555; padding:2px 10px 0 25px ; text-align: center; margin:0 35px 10px 0;  }
#bodyPanel p.capstext span{color:#FF0000; }
#bodyPanel p.capstext a{color:#3E84DA;text-decoration: none;}
#bodyPanel p.capstext a:hover{text-decoration: underline;}
#bodyPanel p.small {font-size:12px; background: #fff; text-align: justify; width: 500px; margin: 0 auto; padding: 10px;}
#bodyPanel p.more{height:26px; padding:0; background:none; margin:0; }
#bodyPanel p.more a{width:76px; height:26px; display:block; margin:314px 20px 19px 618px; background:url(/images/more.gif) 0 0 no-repeat #fff; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px; text-transform:uppercase; position:absolute; top:0px; right:0px; }
#bodyPanel a.more_web {width:76px; height:26px; display:block; float: right; position: relative; bottom: -3px;  background:url(/images/more.gif) 0 0 no-repeat #fff; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px; text-transform:uppercase; text-align: left; }
#bodyPanel p.more a:hover{background:url(/images/more.gif) 0 0 no-repeat #fff; color:#216EBD; text-decoration:none;}
#bodyPanel .tab-content p {font: "Open Sans"; color: #666666; background: none; margin: 5px auto; padding: 0px;}
.tab-content p {font: "Open Sans"; color: #666666; background: none; margin: 5px auto; padding: 0px;}
#bodyPanel a {font: "Open Sans"; color: #666666; text-decoration:none;}
#bodyPanel a:hover {text-decoration: underline;}
#bodyPanel h3{display:block; font-weight:bold; padding:5px; color:#222222;}
#bodyPanel ul{display:block; margin: 5px;}
#bodyPanel ul li{font: "Open Sans"; color: #555555 ;background:url(/images/symbol2.gif) 0 8px no-repeat; padding:0 0 0 30px;}
.col {background: none; width: 30%; float: left; margin: 0 auto; padding: 5px; text-align: center;}
#bodyPanel p.justify  {text-align: left; background:none; margin: 0 auto; width: 90%; padding: 0; font-size: 12px;}
.contact_form {margin: 5px;font-size: 10px; margin: 0 auto; width: 700px;}
.contact_form span {position: relative; bottom: 15px; padding: 5px;}
.contact_form input {} 
.contact_form textarea {width: 95%; height: 40px;}
textarea.quick_contact  {width: 700px; height: 40px;border-radius: 0;}
.right_panel {width: 200px; float: right; margin: 5px;}
.left_panel {width: 500px; float: left; margin: 5px;}
.computer {width: 230px; height: 155px; float: left; background: url(/images/slice-computer.gif) repeat-x; margin: 3px;padding: 8px; color:#fff;}
.technical {width: 230px;height: 155px;float: left; background: url(/images/slice-technical.gif) repeat-x; margin: 3px;padding: 8px;color:#fff;}
.business {width: 230px;height: 155px;float: left;background: url(/images/slice-business.gif) repeat-x; margin: 3px;padding: 8px;color:#fff;}
#bodyPanel .right_panel h3 {font-size: 14px; background: url(/images/blue.png)no-repeat; padding: 0 0 0 5px; margin: 3px; color: #fff; height: auto;}
.right_panel h3 a {color: #fff;}
.contact_request {background: url(/images/ipad.png) no-repeat top center; width: 460px; height: 590px; margin: 0 auto;padding-top: 60px; font-size: 10px; color: #fff;}
.contact_request table {margin: 0 auto; width: 340px; color: #fefefe;}
.contact_request input,textarea {padding-left: 5px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;color: #222222;}
.contact_request a {color: #fff;}
table.support { width: 100%; font-size: 12px; text-align: center;}
.support th {background: blue; padding: 0; color: #fff; font-size: 12px;}
.support td {padding: 0;}
td.main {text-align: left;}
.social a {padding: 15px 2px 0;}
.social a:hover {background-color: #2F85D3; border-radius: 50px; height: 50px;}
p.membership {text-align:right;margin-top: -100px;}
p.membership img {margin: 5px;}
#bodyPanel .tab-content h3 {color: #555; font-size: 12px; padding: 0px;}
#bodyPanel .tab-contant a{text-decoration: none; color: #555;}
#bodyPanel .tab-content a:hover {text-decoration: underline;}
/*footer*/
#footer_full {width: 100%; padding: -10%; background: #383838; color: #CCCCCC; font-size: 0.9em;margin-top: 25px; clear:both;}
#footer_full h2{font-size: 1.1em; padding: 1px; color: #fff;}
#footer_full a{text-decoration: none; color: #CCCCCC;}
#footer_full a:hover{text-decoration: underline;}
#footer_col {width: 33%; float: left; font-size: 12px;}
#footer_col p {display:inline-block; color: #fff;font-size: 14px;}
.footer_col {width: 33%; float: left; font-size: 12px;}
.footer_col p {display:inline-block; color: #fff;font-size: 14px;}
#footer {width: 762px; margin: 0 auto; padding: 10px;}
#footer_footnote {border-top: 1px #cccccc solid; color: #BABABA; padding: 5px; font-size: 0.8em;}
.right {float: right;}
.fb {position: relative; top: -10px;}
.fb img{ position: relative; top: 10px;}
#footerPanel2{width:100%;  background:#383838; color:#CCCCCC; font-size:10px;}
#footerbodyPanel2{width:100%; position:relative; margin:0 auto; padding:10px; text-align: center;}
#footerPanel2 ul.wide li{display: inline; float: none; font:10px/15px Arial, Helvetica, sans-serif; font-weight:normal; width: auto;}
#footerPanel2 ul li a{padding:0 6px; color:#CCCCCC; background:#383838; text-decoration:none;}
#footerPanel2 ul li a:hover{text-decoration:underline;}
#footerPanel2 ul li a.padl{padding:0 0 0 6px;}
#marquee {width: 200px; float: right; }
.feedback {width: 300px; height: 100px; font-size: 0.8em; position: absolute; top: 50px; right: 300px;}
.feedback span {text-align: right; font-size: 0.8em;}
.showcase {width:762px; position:relative; margin:0 auto; padding:0; margin-top: 5px; margin-bottom: 5px;}
.showcase .tp-img {height: 120px; width: 120px; float: left; margin: 10px;}
.showcase p {margin: 10px; font-size: 12px;}
.more-img {float: right; margin-right: 100px;}
.box {width: 200px; height: 100px; margin: 20px; background: url(/images/background.png) repeat-x; clear: both; overflow: hidden; display: inline-block;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(includes/border-radius.htc);}
.box img{background: clear;}
p.box {font-size:12px; text-align: justify; width: 200px; margin: 0 auto; padding: 10px;}
a.box-link {width: 200px; height: 50px; margin: 20px; position: relative; top: -55px; 
background: url(/images/box-link.png) no-repeat top center; display: block; text-decoration: none; color: #555; display: inline-block;}
.tabs {border-bottom: 1px solid #EEEEEE; height: 27px; line-height: 15px; margin-right: 4px;}
.tabs a {background: #FAFAFA; border-left: 1px solid #E4E4E4; border-radius: 3px 3px 0 0; border-right: 1px solid #E4E4E4;border-top: 1px solid #E4E4E4;
color: #666666;float: left;font-size: 13px; margin-right: 4px; padding: 6px 10px 5px; text-align: center; text-decoration: none;}
.tabs a.selected {background: #FFFFFF; border-left: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; border-top: 1px solid #E4E4E4; padding-bottom: 6px;}
.tab-content {border-bottom: 1px solid #E4E4E4; border-left: 1px solid #E4E4E4; border-radius: 0 4px 4px; border-right: 1px solid #E4E4E4; margin-bottom: 20px; 
overflow: auto;padding: 20px; z-index: 2; height: 290px;}
.tab2,.tab3,.tab4,.tab5 {display: none;}
#bits_topPanel{width:762px; height:230px; position:relative; margin:0 auto; padding:0; margin-top: 200px;}
.lean-slider {
position: relative; *zoom: 1; height: 230px; margin: 40px auto 0; padding: 0; position: relative;width: 762px;}
.lean-slider:before,.lean-slider:after {content: " ";display: table;}
.lean-slider:after {clear: both;}
.lean-slider-slide {float: left;width: 100%;margin-right: -100%;display: none;}
.lean-slider-slide.current { display: block; }
.caption a{display: block; text-decoration: none; width: 300px;background: url(/images/trans.png); color: #fff; padding: 20px; position: absolute; bottom: 30px; left: 10px;}
#slider-control-nav {position: absolute;left: 0;bottom: 10px;width: 100%;text-align: center;opacity: 0.6;-webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
.slider-wrapper:hover #slider-control-nav { opacity: 1; }
#slider-control-nav a {display: inline-block;width: 14px;height: 14px;background: url(/images/bullets.png) no-repeat 0 0;text-indent: -9999px;margin: 0 3px;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#slider-control-nav a.active { background-position: 100% 0; }
.small {font-size:12px; background: #fff; text-align: justify; width: 600px; margin: 0 auto;}
.small-full-width {font-size:12px; background: #fff; text-align: justify; width: 95%; margin: 0 auto;}
span.pcig-category{padding: 5px;display: block;}
#bannerPanel {width : 762px; margin: 0 auto;}
#bannerPanel span {float: right;}
#bannerPanel a {color: #383838;text-decoration: none;display:block;padding:3px;}
.twitter-timeline {float: left;}

@media only screen 
and (min-device-width : 320px) 
and (max-width : 480px) {
    #slider-direction-nav,
	#slider-control-nav { opacity: 1; }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {	
	#slider-direction-nav,
	#slider-control-nav { opacity: 1; }
}

@media (max-width: 480px) {
{float: none; width: auto; margin: 0 auto; display: block;}
body, #bodyPanel, #footer_full, #footer, .footer_col, #topPanel {width: 100%; padding: 0;}
.feedback, #marquee, #bits_topPanel,#footerbodyPanel2,#bannerPanel, .remotesupport {display: none;}
img {max-width: 95%;}
#bodyPanel h1{max-width: 100%; padding: 5px;}
.repair_info p{max-width: 95%; padding: 0;}
.logo {margin-left: 5px;}
.computer, .technical, .business, .tab-content, .right, .showcase {width: 90%; height: auto;}
.footer_col {margin-left: 5%; width: 95%;float: none;}
#headerPanel {position:relative; top:0; left:0; display:block; width: 100%; height: auto; z-index:1; background-color: #fff; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0}
#topPanel { height: auto; margin: 5px;}
#topPanel h1 {position: absolute; top: 10%; font-size: 10px;}
#topMenuPanel {width: 100%;}
#topMenuPanel ul{display:block; width:100%; height:auto; position:relative; margin:11px 0 0; padding:0; border-bottom:1px solid #AEAEAE;}
#topMenuPanel ul li{float:none;width:100%;}
#topMenuPanel ul li a{width:100%; height:auto; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topMenuPanel ul li a:hover{width:100%; height:auto; text-decoration:none; background: #AEAEAE; color:#fff;}
#topMenuPanel ul li:hover a{width:100%; display:block; height:36px; background:#AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}
#topMenuPanel li ul {display: none;}
#topMenuPanel li:hover ul {text-align:center;display:block; width:100%; padding: 0px; border:none; position: relative; z-index: 597;margin: 0px;}
#topMenuPanel li:active ul {text-align:center;display:block; width:100%; padding: 0px; border:none; position: relative; z-index: 597;margin: 0px;}
#topMenuPanel li:hover ul li { font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; float:none;}
#topMenuPanel li:hover ul li a {width:100%; height:auto; display:block; color:#fff; text-decoration:none; text-align:center;background: #AEAEAE;}
#topMenuPanel li:active ul li a {width:100%; height:auto; display:block; color:#fff; text-decoration:none; text-align:center;background: #AEAEAE;}
#topMenuPanel li:hover ul li a:hover {background: #333333;}
#topMenuPanel li:hover ul li:last-child a {-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
#topMenuPanel li:hover ul li.contact a {width: 100%;}
.contact_form {margin: 5px;font-size: 10px; margin: 0 auto; width: 95%;}
.contact_form span {position: relative; bottom: 15px; padding: 5px;}
.contact_form input {width:95%;} 
.contact_form textarea {width: 95%; height: 40px;}
textarea.quick_contact  {width: 85%; height: 40px;border-radius: 0;}
p.membership {margin: 0 auto;}
.contact_request {background: #aeaeae; width:95%; height: auto; margin: 0 auto;padding-top: 10px; font-size: 10px; color: #fff;}
.contact_request table {margin: 0 auto; width: 90%; color: #fefefe;}
}