/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



/* ========================================================================

   Use this file to add custom CSS easily

 ========================================================================== */



/*#sbox-window {

  width: 1220px !important;

  left:10px !important;

}

#sbox-content > iframe {

  width: 100%;

}*/


a[href^="mailto:"]
{ 
  font-family: sans-serif;
  color: blue !important;
  font-size: 15px;
}

 .contactus {
 color: black !important;
 margin-left: 10px;
 
  }
  
 .changetext {
 color: red;
 font-weight: bold;
 font-size : 20px;
 } 

/* Changes title on blog page, put title white to separate from articles */
.blogclass .uk-h3{
	background: linear-gradient(#231F1F, #040100);
	color: white;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	text-decoration: underline;	
}

/* Changes article titles on blog page  */
.blogclass .uk-article-title,
.blogclass .uk-article-title a{
	color: black !important;
	font-weight: bold;		
	font-size: 20px;
	text-decoration: underline;
}

/* Changes buttons on blog page and my account box */
.blogclass .uk-button,
.blogclass .uk-button:hover,
.blogclass .uk-button:focus {
	color: black !important;  
	font-weight: bold;
	border: 1px solid black;
	outline-style: double;
    outline-color: red;
}

/* Makes sure button on my account page stays right colour */
.myaccclass .uk-button,
.myaccclass .uk-button:hover,
.myaccclass .uk-button:focus {
	color: white!important;  
	background-color:black!important;
	font-weight: bold;
	border: 1px solid black;
	outline-style: double;
    outline-color: red;
}

/* Ash Changes/Additions */
 
/* Keeps background fixed on larger res/scroll out */
 body {
  background:url('/images/backgrounds/background.png'); */
  background: #000000;
  background-attachment:fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'Open Sans';
  font-weight: 300;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.87);
}

 
 
 .tm-block-top {

   background: #000;

 }

 

 .tm-navbar {

   background: #000;

   color: #fff;

 }

 

 .gamingpc {

   

   color: #fff;

 }

 

  .homeoffice {

   

   color: #fff;

 }

 

  .extreme {

   

   color: #fff;

 }

 

  .components {

   

   color: #fff;

 }

 

 .intel{

   background: url('/palicomp2/images/intelbg.png');

   color: #fff;

   

 }

 

 .intel td {

   width: 230px;

 

 }

 

 .intel h1 {

   color: #fff;

   font-size: 20px;

 }

 



 

.gamingpc h2{

    color: #fff;

       font-size: 30px;

    font-weight: bold;

   text-shadow: 0 0px 0px #fff;

 }

 

 .homeoffice h2{

    color: #fff;

       font-size: 30px;

    font-weight: bold;

   text-shadow: 0 0px 0px #fff;

 }

 .extreme h2{

    color: #fff;

    font-size: 30px;

    font-weight: bold;

   text-shadow: 0 0px 0px #fff;

 }

 .components h2{

    color: #fff;

   font-size: 30px;

    font-weight: bold;

   text-shadow: 0 0px 0px #fff;

 }

 

 .customise {

   background: #000;

   box-shadow: inset 10px 5px 50px #fff;

 }

 

 .whiteheader {

   color: #fff;

   vertical-align: top;
   
   Margin-top: -10px;
   Margin-left: -10px;
 

 }

.whiteheader .customerlinks p a{color:#fff}

 .nav-container {

   background: #000;

 }

 

 .product {

     background: url('/palicomp2/images/productbg.png');

   color: #fff;

   text-transform: uppercase;

   width: 270px;

/*margin-left: -30px;*/

 }

 

 .producttitle {

   background: #333;

   color: #fff;

   text-transform: uppercase;

   font-family: 'Open Sans';

   text-align: center;

   

   

 }

 

 .intelli{ 

   font-size: 24px;

 }

 

 .padding {

  padding: 30px;

  font-family: 'Open Sans';

}



.phone {

  color: #fff;

  font-size: 20px;

  float: right;

  margin-right: -40px;

  



}



.customerlinks {

  width: 325px;



}



.phone h3 {

  color: #fff;

  font-size: 16px;

}





 

.wk-content {



   background: url('/palicomp2/images/intelbg.png');

   color: #fff;

   

 }

 

 .tabset td {

   width: 325px;

 

 

 }

 

 .tabset h1 {

   color: #fff;

   font-size: 16px;

   line-height: 16px;

 }

 

 .tabset li {

   color: #fff;



   font-size: 16px;

 

 }

 

 .tabset span {

   color: #000;

   font-family: verdana;

   font-size: 16px;

   font-weight: 200;

 

 }

 

  .tabset span:hover {

   background: #000;

   border-radius: 4%;

   color: #fff;

   text-shadow: 0 0 0px;

   box-shadow: 0px;

   

 

 }

 

   .tabset span:active {

   background: #000;

   border-radius: 4%;

   color: #fff;

   text-shadow: 0 0 0px;

   box-shadow: 0px;

   

 

 }

 



 

 .nav-container {

   background: #fff;

 }

 

 .productdesc {

 

 

 }

 

 

 .productdesc {

   

   float: left;

   font-family: Verdana, Helvetica, Arial;

   margin-top: -10px;

   margin-left: 5px;

   margin-bottom: 5px;

 

 }

 



 

 .productdesc th {

   background: #000;

   color: #fff;

   line-height: 24px;

   font-size: 18px;

 }

 

 .submit {

   background: #000;

 }

 



 .darkGray {

   background: url('https://www.palicomp.co.uk/images/tbdesign.png');

   font-family: Verdana, Arial, Helvetica;

   font-size: 10px;

     font-weight: bold;

     padding: 3px;

     padding-right: 60px;

     color: #000;

     border: 2px solid #ccc;  

   
	background-size:100% 100% !important; /* -- Mahendra CSS -- */
	
  

 }

 



 

 .lightGray {

   background: #fff;

   font-family: Verdana, Arial, Helvetica;

   font-size: 10px;

   font-weight: bold;

     padding: 3px;

       padding-right: 60px;

       color: #0033ff;

       border: 2px solid #ccc;

       

 }

 

 .lightgraybf {

   background: url('https://www.palicomp.co.uk/images/tbdesign.png');

     color: #0033ff;

   font-family: Verdana, Arial, Helvetica;

   font-size: 10px;

   font-weight: bold;

   padding: 3px;

  padding-right: 60px;

  border: 2px solid #ccc;
  
  background-size: auto 100% !important; /* -- Mahendra CSS -- */

 }



 

 .whiteclear  {

   background: #fff;

   font-family: Verdana, Arial, Helvetica;

  font-size: 10px;

  font-weight: bold;

  padding: 3px;

  padding-right: 60px;

  border: none;

  border: 2px solid #ccc;

 }

 

 

 .group_details {

   background: #fff;

 }

 

 #image_0 {

   margin-left: 20px;

   height: 350px

 }

 

 h3#pb_header {

   margin-left: 20px;

   font-size: 20px;

 

 }

 

 #com-form-login .default {

   background: #000;

   color: #fff;

   margin: 5px;

   padding: 3px;

 }

 

 #com-form-login > #com-form-login-username input  {

   background: #000;

   color: #fff;

 

 }

 

 .tm-sidebar-a {

   background: #fff;

   margin-top: 20px;

 }

 

 .uk-panel {

   background: #000;

   color: #fff;

 

 }

 

  .uk-panel a {



   color: #fff;

 

 }

 

 .uk-panel-title {

   color: #fff;

 }

 #pb_mainPage #groups_part {

  width: 80%!important;

 }

 

 #floatdiv {

  left: 270px !important;

  /*margin-top: 220px !important; Mahendra Comment */
  
  /*margin-top: 300px !important;*/

  background: #000;

  color: #fff;

  max-width: 225px;

  text-align: center;

  font-size: 14px;

  line-height: 18px;

  border-radius: 9px;
  
  top:0px;

 }

 

 

  .configuration {

  margin-left: -420px;
  
  margin-bottom: -20px;
  
  position: relative;

}

@-moz-document url-prefix() 
{ 
  .configuration {
     margin-bottom: -30px;
  }
}

 

 #floatdiv p {

  margin: 6px;

 }

 

 #toral_pr_wrapper {

  margin: 0 10px;

 }

 

 #total_price {

   color: #ff0000;

   font-size: 24px;

   font-weight: 400;

 }

 

 .addtocart_button {

   background: url('addtocart.png');

   margin: 0 10px;

 }

 

 .position-4 {

 margin-top : -10px;

 

 }

 

 #quickpcmenu {

   background: #0060a9;

   color: #fff;

   margin-left: 40px;

   box-sizing: border-box;

   width: 170px;

 

 }

 

 #quickpcmenu > li:hover

    background: #0060a9;

   color: #fff;

   margin-left: 40px;

   box-sizing: border-box;

   width: 170px;

   

   }

 

 





.productdesc2 {

  font-size: 10px;

}



.productsize {

  font: 10px;

}



                

      .pcBTOpopup {

      width: 98%;

      background-color: #FFFFFF;

      border: 0;

      border-collapse: collapse;

      margin: 5px;

      font-size: 11px;

    }

    

    

    .pcSectionTitle, tr.pcSectionTitle td {

    background-color: #CCC;

    text-align: left;

    padding: 5px;

    font-size: 11px;

    font-weight: bold;

    color: #CCC;

  }

  

  .standarddelivery {

    background: #FFFF00; 

    color: #000;

    padding: 2px;



  }  

  

  .standarddelivery p {

    line-height: 12px;

    margin: 2px;

  }

  

  .standarddelivery u {

  

  }

  

  

  .reddelv {

    color: #ff0000;

    margin-top: -15px;

    

  }

  







.pctable  {

  border: 3px solid #CCC;

  border-style: double;

  border-radius: 4px;

  min-width:1200px;

  margin: 0 auto;

  



}



.pctable td {



  padding: 6px 6px 6px 6px;



}



.basicspec2 {

background: url(https://www.palicomp.co.uk/images/pbhead.png) repeat-x #000;

color: #fff;

font-family: "Arial Rounded MT Bold" Arial, Verdana; 

font-weight: 400;

font-size: 20px;

padding: 9px;

border-radius: 7px;

max-width: 450px;

min-width: 400px;

text-transform: uppercase;





}



.basicspec2 a, a:hover {

color: #fff;



}



.bulletlist ul {

  

}



.bulletlist li {

  line-height: 30px;

  font-size: 14px;

  text-align: left;

  list-style: url('https://www.palicomp.co.uk/images/li-button.png');



  

}



.bulletlist li span {

  font-weight: bold;

}



.bulletlist {

  margin-top: 10px;

}



.tableright p {

  color: #000;

  line-height: 6px;



}



#price {

  color: #ff0000;

  font-size: 36px;

  font-weight: 400;



}



#price span {

  font-size: 14px;

  color: #000;

}



#price h2 {

  font-size: px;

  color: #ff0000;

  font-weight: bold;

}



.incvat {

  color: #000;

}



.tabledesc {

  vertical-align: top;

  width: 500px;

  border: 0px solid #ccc;

}



.tableimage {

  min-width: 315px;

  max-width: 350px;

  border: 1px solid #ccc;

}



.tablepopup {

  font-size: 6px;

}











.tableimage {

  min-width: 315px;

  max-width: 350px;

  border: 1px solid #ccc;

}



.menualignment {

  height: 35px;

  float: left;



}



.popup1 {

background: url('https://www.palicomp.co.uk/images/tbdesign.png');

   font-family: Verdana, Arial, Helvetica;

   font-size: 8px;

     padding: 3px;

       padding-right: 20px;

       color: #0033ff;

       border: 1px solid #ccc;

}



.popup2 {

   background: #fff;

   color: #0033ff;

   font-family: Verdana, Arial, Helvetica;

   font-size: 8px;

   padding: 3px;

  padding-right: 20px;

  border: 1px solid #ccc;

}



.popup3 {

   background: url('https://www.palicomp.co.uk/images/tbdesign.png');

   font-family: Verdana, Arial, Helvetica;

  font-size: 8px;

  padding-right: 40px;

  padding-left: 5px;

  border: none;

  border: 1px solid #ccc;

  color: #000;

  font-weight: bold;

  



}



.popup4 {

background: #fff;

   font-family: Verdana, Arial, Helvetica;

   font-size: 8px;

     padding: 3px;

     padding-right: 40px ;

     border: 1px solid #ccc;  

     color: #000;

     font-weight: bold;

   

}



.pb_product_footer p span {

  background: #fff;

  color: #000;

  padding: 1px 6px 1px 6px;

}



#total_pr_lbl h4 {

  background: url('https://www.palicomp.co.uk/images/systemprice-background.png') no-repeat;

  margin: 0px;

  margin-top: -18px;





}



.ng-scope small {

  visibility: hidden;

}



.ng-pristine {

  color: #000;

}



.ng-valid-max, ng-valid-min {

  color: #000;

}



.ng-binding {

  font-size: 24px;

}



.ng-scope h1 {

  color: #fff;

  font-size: 26px;

  text-align: center;

}



.ng-valid {

  color: #000;

}



.headingcat {

  width: 1240px;

  

}



h1#pbheader {

    color: #fff;

    font-family: "Arial Rounded MT Bold" Arial, Verdana;

    font-weight: 400;  

    font-size: 20px;  

    padding: 6px;  

    border-radius: 8px;  

    max-width: 838px;

    margin:-15px 8px 0px 0px;

    

    

}


.hid8 ul  li:nth-last-of-type(-n+2) { display:none; !important;}



.ch279 , .ch278{display:none !important;}
.attributes_36{display:none !important;}

.quickpcmenu {
	float:right;
	margin-top: -10px;
}

.quickpcmenu form select {
	background: #000;
	color: #fff;
}

.quickpcmenu option {
	background: #000;
	color: #fff;
}

/* -- Mahendra -- */
@media (max-width: 960px) {
	.quickpcmenu form select {
		display:none;
	}
}
.yagVmFrontpageProductListRecent {
    min-height: 290px !important;
}

.yagVmProductHoverCallSpacer:hover {
	width:auto !important;
}

.myclasss table {
	border-collapse: separate;
	border-spacing: 2px !important;
}
#terms-of-service{font-weight:bold !important;}

main.tm-content > div#cartright{padding-top:85px;}

/* MJC Additions */

/* general */

img {
	border: 0 none;
}

/* front page tiles */

.tile
{
	position: relative;
	color: #fff;
	background: #000;
	text-align: center;
}

.tile a
{
	display: block;
}

.tile h2 {
	position: absolute;
	left:0;
	right:0;
	bottom: 0;
	margin: 0;
	padding: 0.25em 0.25em;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.5em;
	color: #fff;
	background: #000;
	background: linear-gradient(to bottom, rgba(174,188,191,0.8) 0%,rgba(10,14,10,0.8) 50%,rgba(10,8,9,0.8) 100%); /* http://www.colorzilla.com/gradient-editor/ W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-shadow: 0 0 1px #ffffff;
}

.tile img {
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.tile:hover h2 {
	text-decoration:underline;
}

.tile2 {
	position: relative;
	color: #fff;
	background: #000;
	text-align: center;
}

.tile2 a {
	display: block;
}

.tile2 h2 {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	margin: 8% 10% 0 10%;
	padding: 0;
	font-size: 2.5em;
	font-weight: 700;
	line-height: 1.5em;
	color: #fff;
	text-shadow: 0 0 1px #ffffff;
}

.tile2 img {
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.tile2 a:hover h2 {
	text-decoration:underline;
}

/* category banners */

.banner
{
	margin: 1em 0;
	position: relative;
}

.banner h1
{
	position: absolute;
	top: 0.5em;
	margin: 0;
	padding: 0 0.25em;
	font-size: 2em;
	line-height: 1.4em;
	color: #fff;
	background: #000;
	background: linear-gradient(to bottom, #aebcbf 0%,#0a0e0a 49%,#0a0809 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;	
}

.banner p
{
	position: absolute;
	top: 5em;
	margin: 0;
	padding: 0.25em 0.5em 0.25em 0.8em;
	font-size: 1.2em;
	font-weight: 400;
	color: #fff;
	background: #000;
	background: linear-gradient(to bottom, #aebcbf 0%,#0a0e0a 49%,#0a0809 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.banner img
{
	box-sizing: border-box;
	width: 100%;
	height: auto;
	vertical-align: middle;
}