@charset "utf-8";
@charset "UTF-8";

  form.contactpack li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:5px;
} form.contactpack label {
color:#282828;
cursor:pointer;
display:block;
font-size:12px;
margin:0;
padding:4px 10px 0 0;
} form.contactpack .error label{
color:#990000;
font-weight:bold;
} form.contactpack .requiredlabel {
color:#BFBFBF;
font-size:10px;
padding-left:5px;
} form.contactpack .error .requiredlabel {}
form.contactpack input, form textarea, form select {
border:1px solid #CDCDCD;
color:#282828;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 0 0;
width:70%;
padding:6px 10px;
}
form.contactpack input.button {
background-color:#282828;
border:0 none;
color:#FFFFFF;
cursor:pointer;
padding:6px;
width:100px;
}
form.contactpack input.button:hover {
background-color:#CC0000;
color:#FFFFFF;
cursor:pointer;
padding:6px;
width:100px;
}
form.contactpack .error{
border: solid 1px #CC0000;
}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
border-bottom:1px solid #FF6600;
padding:15px 0;
overflow:auto;
}
.woocommerce ul.products li.product.last, .woocommerce-page ul.products li.product.last {
border:none;
}
@media (max-width:480px) {
body {
background:#CCC;
font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
font-family:"Arial Black", Gadget, sans-serif;
color:#ff4c04;
}
h1{
font-size:1.7em;
text-transform:uppercase;
letter-spacing:-2px;
}
h2{
font-size:1em;
}
.main {
background:#FF4C04;
margin:0 auto;
padding-bottom:15px;
overflow:hidden;
width:95%;
}
.main .logo img,
.main .phone img,
.main .mob img {
display:block;
height:auto;
margin:0 auto;
max-width:100%;
}
.main .menu {
background:#FFF;
height:auto;
margin:15px 0;
padding:15px 0;
width:100%;
}
.main .menu a {
color:#ff4c04;
display:block;
float:none;
font-family:"Arial Black", Gadget, sans-serif;
font-weight:bold;
padding:0;
text-align:center;
text-transform:uppercase;
}
.main .menu a span {
display:none;
}
.main .left_content_no {
display:none;
}
.main .right_content {
background:#FFF;
margin:0 auto;
padding:15px 0;
width:90%;
}
.main .right_content p,
.main .right_content span {
margin:0 auto 10px auto;
width:90%;
}
.main .right_content h1,
.main .right_content h2 {
margin:0 auto 15px auto;
width:90%;
}
.main form {
margin:0 auto;
width:90%;
}
.main form label {
color:#282828;
cursor:pointer;
font-size:12px;
font-weight:bold;
margin-bottom:7px;
width:100%;
}
.main form input[type=text] {
height:30px;
margin-bottom:10px;
width:100%;
}
.main form textarea {
height:80px;
margin-bottom:10px;
width:100%;
}
.main form input[type=submit] {
background-color:#282828;
border:0 none;
color:#FFFFFF;
cursor:pointer;
margin:0 auto;
padding:6px;
width:50%;
}
.main form input[type=submit]:hover {
background-color:#CC0000;
color:#FFFFFF;
cursor:pointer;
margin:0 auto;
padding:6px;
width:50%;
}
.main form #frmsuccess {
}
.product-info {
width:100%;
}
.product-image {
display:none;
}
} @media (min-width:481px) and (max-width:600px) {
.product-info {
width:100%;
}
.product-image {
display:none;
}
body {
background:#CCC;
font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
font-family:"Arial Black", Gadget, sans-serif;
color:#ff4c04;
}
h1{
font-size:1.7em;
text-transform:uppercase;
letter-spacing:-2px;
}
h2{
font-size:1em;
}
.main {
background:#FF4C04;
margin:0 auto;
padding-bottom:15px;
overflow:hidden;
width:95%;
}
.main .logo {
float:left;
width:400px;
}
.main .phone,
.main .mob {
float:right;
width:175px;
}
.main .mob {
clear:right;
}
.main .logo img,
.main .phone img,
.main .mob img {
display:block;
height:auto;
margin:0 auto;
max-width:100%;
}
.main .menu {
background:#FFF;
clear:both;
height:40px;
margin:15px 0;
width:100%;
}
.main .menu a {
color:#ff4c04;
display:block;
float:left;
font-family:"Arial Black", Gadget, sans-serif;
font-weight:bold;
margin-right:10px;
padding:10px 0 0 0;
text-align:center;
text-transform:uppercase;
}
.main .menu li:first-child a {
margin-left:10%;
}
.main .menu a span {
display:none;
}
.main .left_content_no {
display:none;
}
.main .right_content {
background:#FFF;
margin:0 auto;
padding:15px 0;
width:90%;
}
.main .right_content p {
margin:0 auto 10px auto;
width:90%;
}
.main .right_content h1,
.main .right_content h2 {
margin:0 auto 15px auto;
width:90%;
}
.main form {
margin:0 auto;
width:90%;
}
.main form label {
color:#282828;
cursor:pointer;
font-size:12px;
font-weight:bold;
margin-bottom:7px;
width:100%;
}
.main form input[type=text] {
height:30px;
margin-bottom:10px;
width:100%;
}
.main form textarea {
height:80px;
margin-bottom:10px;
width:100%;
}
.main form input[type=submit] {
background-color:#282828;
border:0 none;
color:#FFFFFF;
cursor:pointer;
margin:0 auto;
padding:6px;
width:50%;
}
.main form input[type=submit]:hover {
background-color:#CC0000;
color:#FFFFFF;
cursor:pointer;
margin:0 auto;
padding:6px;
width:50%;
}
.main form #frmsuccess {
}
.woocommerce .woocommerce-ordering {
position:relative;
float:left;
z-index:999;
width:auto;
}
} @media (min-width:601px) and (max-width:1024px) {
body {
background:#CCC;
font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
font-family:"Arial Black", Gadget, sans-serif;
color:#ff4c04;
}
h1{
font-size:1.7em;
text-transform:uppercase;
letter-spacing:-2px;
}
h2{
font-size:1em;
}
.main {
background:#FF4C04;
margin:0 auto;
padding-bottom:15px;
overflow:hidden;
width:95%;
}
.main .logo {
float:left;
margin-top:30px;
width:50%;
}
.main .phone,
.main .mob {
float:right;
width:45%;
}
.main .phone {
margin-top:30px;
}
.main .mob {
clear:right;
}
.main .logo img,
.main .phone img,
.main .mob img {
display:block;
height:auto;
margin:0 auto;
max-width:100%;
}
.main .menu {
background:#FFF;
clear:both;
height:40px;
margin:15px 0;
width:100%;
}
.main .menu a {
color:#ff4c04;
display:block;
float:left;
font-family:"Arial Black", Gadget, sans-serif;
font-weight:bold;
margin-right:10px;
padding:10px 0 0 0;
text-align:center;
text-transform:uppercase;
}
.main .menu li:first-child a {
margin-left:10%;
}
.main .menu a span {
display:none;
}
.main .left_content_no {
float:left;
width:50%;
}
.main .left_content_no img {
height:auto;
max-width:100%;
}
.main .right_content {
background:#FFF;
float:right;
margin-right:5%;
padding:15px 0;
width:40%;
}
.main .right_content p,
.main .right_content span {
margin:0 auto 10px auto;
width:90%;
}
.main .right_content h1,
.main .right_content h2 {
margin:0 auto 15px auto;
width:90%;
}
.main form {
margin:0 auto;
width:90%;
}
.main form label {
color:#282828;
cursor:pointer;
font-size:12px;
font-weight:bold;
margin-bottom:7px;
width:100%;
}
.main form input[type=text] {
height:30px;
margin-bottom:10px;
width:100%;
}
.main form textarea {
height:80px;
margin-bottom:10px;
width:100%;
}
.main form input[type=submit] {
background-color:#282828;
border:0 none;
color:#FFFFFF;
cursor:pointer;
margin:0 auto;
padding:6px;
width:50%;
}
.main form input[type=submit]:hover {
background-color:#CC0000;
color:#FFFFFF;
cursor:pointer;
margin:0 auto;
padding:6px;
width:50%;
}
.main form #frmsuccess {
}
.product-info {
width:100%;
}
.product-image {
display:none;
} 
.woocommerce .products ul, .woocommerce ul.products {
margin-top:-30px;
}
.woocommerce .woocommerce-ordering {
position:absolute;
right:40px;
top:25px;
z-index:999;
width:auto;
}
} .woocommerce ul.products li.product .price {
font-family: "Arial Black",Gadget,sans-serif;
color: #FF4C04;
font-size:16px;
}
@media (min-width:1025px) {
 body {background:#CCC; font-family:Arial, Helvetica, sans-serif}
h1, h2, h3 {font-family:"Arial Black", Gadget, sans-serif; color:#ff4c04}
h1{font-size:1.7em;text-transform:uppercase;letter-spacing:-2px;}
h2{font-size:1em;}
.main {width:940px;height:600px; -webkit-border-radius: 30px;-moz-border-radius: 30px; border-radius: 30px; background:#ff4c04;padding:10px;margin:50px auto;-moz-box-shadow: 0 10px 15px #AEAEAE;
-webkit-box-shadow: 0 10px 15px #AEAEAE; box-shadow: 0 10px 15px #AEAEAE;}
.logo{width:300px;height:117px; position:absolute;margin-top:-60px;margin-left:-10px;}
.phone{width:350px;height:75px; position:absolute;margin-top:-60px;margin-left:660px;}
.mob{width:384px;height:181px; position:absolute;margin-top:580px;margin-left:660px;}
.menu{
float:right;
width:452px;
height:40px;
-moz-box-shadow: -5px 5px 0px #ee5e00;
-webkit-box-shadow: -5px 5px 0px #ee5e00;
box-shadow: -5px 5px 0px #ee5e00;
background:#FFF;
margin:10px
}
.menu a{color:#ff4c04;display:block;padding:10px 5px 0px 5px;height:30px;float:left; text-decoration:none; font-family:"Arial Black", Gadget, sans-serif; text-transform:uppercase;font-weight:bold}
.menu a:hover{background:#ff4c04;color:#FFF;}
.left_content_no {width:300px;height:338px;float:left;margin:90px 0px 0px -10px;}
.left_content {width:300px;height:500px;float:left;margin:90px 0px 0px -10px;background:url(//www.thecomputertechnician.co.uk/wp-content/themes/tct-wp/css/img/pc.png) no-repeat}
.right_content {
width:530px;
height:500px;
-moz-box-shadow: -5px 5px 0px #ee5e00;
-webkit-box-shadow: -5px 5px 0px #ee5e00;
box-shadow: -5px 5px 0px #ee5e00;
background:#FFF;
float:right;
margin:10px;
padding:10px;
overflow:auto
}
.left_text{width:210px;padding:5px;font-size:10px;margin-top:30px;}
.product-info {
float:left;
width:370px;
}
.product-image {
display:block;
float:right;
width:120px;
}
.woocommerce .woocommerce-ordering {
position:absolute;
right:40px;
top:25px;
z-index:999;
width:auto;
}
}.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.menu ul {
list-style-type:none;
margin:0 0 0 -40px;
}
.menu li a {
display:block;
float:left;
}
.woocommerce .woocommerce-result-count {
display:none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float:none;
margin:0;
width:100%;
}
.woocommerce ul.products li.product:first-child, .woocommerce-page ul.products li.product:first-child {
padding-top:0;
}
h3, h4, h5, h6 {
font-size: 1em;
font-family: "Arial Black",Gadget,sans-serif;
color: #FF4C04;
}
.right_content {
position:relative;
}
strong {
font-weight:700;
}
.menu {
position:relative;
width:532px;
}
.menu li a {
position:relative;
}
.menu li ul {
background:#fff;
list-style:none;
margin:0;
margin-left:25px;
padding:10px;
position:absolute;
left:-9999px;
top:40px;
z-index:9999;
}
.menu li ul li{
padding-top:1px;
float:none;
}
.menu li ul a {
float:none;
font-size:12px;
height:auto;
padding:5px;
white-space:nowrap;
}
.menu li:hover ul{
left:0;
}
.product a {
color:#000;
}
.privacy-link {
padding-left: 15px;
}
.privacy-link a {
color: #000;
}
@media all and (min-width: 1200px) {
.privacy-link {
margin-top: 650px;
}
}