/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

body {
  Font: 17px Trebuchet MS, Sans-serif;
  width: 100%;
  /*max-width: 950px;*/
  margin: 0px auto;
  /*background-color:#FFFFFF;*/
  -webkit-box-shadow:0px 5px 10px #1c1c1c;
  -moz-box-shadow:0px 5px 10px #1c1c1c;
  box-shadow:0px 5px 10px #1c1c1c;}

/* ----------------- Jarilo Import Start ---------------------------- */
  
/* Setup the overall font */
  #hp_template { font-family: Arial, sans-serif; font-size:17px; }

/* Style the search box */
  #shop_search_query, #shop_search_query_mobile { border: 0px white solid; }

/* Stop images surrounded by <a> tags from having a blue border in some browsers */
  #hp_template a > img { border:0; }
  
/* Style the footer */
  #hp_template .footer { background-color:#b70303; height: 50px; margin-left:10px; margin-right:10px; } 

/* --- SETUP THE PAGE ------------------------------------------------------------------------------------------ */

  #hp_template .page {
	width: 975px;
    margin: 0 auto;
    min-height: 600px;
  }
	
  #hp_template > .container {
    background: url(http://www.redrockuk.co.uk/ebay_store/listing/images/pagebg.jp); width: 100%; margin:0px auto 0px auto; background-color: #ffffff; background-attachment:fixed; background-position:top; background-repeat:repeat;
  }
  #hp_template > .container > .container{
	background: url(http://www.redrockuk.co.uk/ebay_store/listing/images/pagebg2.png); margin:0px auto 0px auto; background-position:top; background-repeat:repeat-y;
  }

  
  /* --- STYLE THE HEADER ---------------------------------------------------------------------------------------- */

  #header_left{background-image:url(http://www.redrockuk.co.uk/images/headerright.jpg);height:224px;width:473px;top:-77px;left:-473px;position:absolute}

  #header_right{background-image:url(http://www.redrockuk.co.uk/images/headerright.jpg);height:224px;width:473px;top:-77px;right:-473px;position:absolute}
  
  #hp_template .page .header {
    background: url(http://www.redrockuk.co.uk/ebay_store/listing/images/header_02.jpg) no-repeat top center;
    height: 200px; position: relative;
  }

  #hp_template .page .header .links {
    position: absolute;
    height: 25px;
    left: 35px;
		top:115px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  #hp_template .page .header .links > a {
    display: inline-block;
    font: bold 100% Arial, sans-serif;
    line-height:25px;
    padding: 0 25px;
    color: #fff;
    text-decoration: none;
	border-right: solid 2px #373737;
  }

  #hp_template .page .header .links > a:hover {
    color: #fff;
	text-decoration:underline;
  }

  #hp_template .page .header .search {
    position: absolute;
    right: 10px;
    top: 65px;
    height: 30px;
  }


  #hp_template .page .header .search .entry {
    width: 220px;
    border-radius: 0px;
    height: 30px;
    background-color: transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left:10px;
    left:0px;
  }

  #hp_template .page .header .search .button {
    width: 30px;
    background: transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0 solid;
	height:30px;
	position:absolute;
	right:0px;
	color:#fff;
  }

  /* --- STYLE THE CONTENT AREA ----------------------------------------------------------------------------------- */

  #jar_template .page .content {
    clear: both;
    margin: 10px 10px 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  #jar_template .page .content .column:nth-of-type(1) { width: 210px; background: transparent; float: left; }
  #jar_template .page .content .column:nth-of-type(2) { width: 735px; float: right; }

  /* --- CATEGORY MENU ------------------------------------------------------------------------------------------- */
  
/* ----------------- Jarilo Import End ---------------------------- */
  
/* unvisited link */
a:link {
    color: #b70304;
    Font: 17px Trebuchet MS, Sans-serif;
}

/* visited link */
a:visited {
    color: #000000;
}

/* mouse over link */
a:hover {
    color: #b70304;
}

/* selected link */
a:active {
    color: #b70304;
}
  
nav {
  width: 100%; 
  text-align:center;
  background-color:#000000; 
  margin: 0 0;
  overflow:hidden;}

nav ul {
  width: 100%; /* from above */
  list-style: none;
  margin: 0;
  padding: 0;}

nav ul li {
  width: 33%; 
  float: left;}

nav ul li a {
  display: block;
  width: 100%;}

/* Clears all nav settings */
nav ul li a,
nav ul li a:focus,
nav ul li a:visited,
nav ul li a:hover,
nav ul li a:active {
  color: #FFFFFF;
  text-decoration: none; }
  
/* Adds in colour background for nav bar */
nav ul li a {
  text-align: center;
  font:bold 17px Trebuchet MS,sans-serif;
  padding: 8px 0;
  display: block;
  width: 100%;
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #000000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 0%,#000000 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #000000 0%,#000000 100%); /* W3C standard, IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */}

/* Adds in hover behaviour for nav bar */
nav ul li a:hover {
  color:#C70000;
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #000000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 0%,#000000 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #000000 0%,#000000 100%); /* W3C standard, IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */}

/* Rounds off the nav bar corners 
nav ul li:first-child a {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;}
nav ul li:last-child {
  width 40%} */

  /* Formats footer section */
footer{ 
  text-align: center;
  font:bold 10px arial,sans-serif;
  color: #FFFFFF;
  padding: 8px 0;
  display: block;
  width: 100%;
  background: #636363; /* Old browsers */
  background: -moz-linear-gradient(top, #636363 0%, #636363 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(100%,#636363)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #636363 0%,#636363 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #636363 0%,#636363 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #636363 0%,#636363 100%); /* W3C standard, IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#636363', endColorstr='#636363', GradientType=0 ); /* IE6-9 */
  
  /* Adds in Gradient Corners */
  border-top-left: 8px;
  border-bottom-left: 8px;
  border-top-right: 8px;
  border-bottom-right: 8px;}
  
label,a{
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;}

#slideshow { 
  background: #FFFFFF;
  position: relative;
  left: 10px;
  right: 10px;
  width: 900px; 
  height: 460px; 
  /*padding: 10px; 
  box-shadow: 0 0 20px rgba(0,0,0,0.4);*/
}

#slideshow > div { 
  position: absolute; 
  /*top: 10px; 
  left: 10px; 
  right: 10px; 
  bottom: 10px;*/
}