/* --- css stylesheet main rules for Cherished Radiators for West Midlands Media by Richard Henry 2009 --- */
body {
	background-color:#1a1a1a;
	color:#9c9c9c;
    font-size:medium;
	font-family:Myriad Pro, Arial, Helvetica, Lucida grande, Verdana, Geneva, sans-serif;
}
#page {
	width:1011px;
	height:100%;
	padding:0;
	margin:0 auto 0 auto;
	/*background-color:red;*/
    /*background-color:#0e0e0e;*/
    background-image:url(../pictures/pageback.png);
	background-position:top left;
	background-repeat:repeat-y
}
#information {
	clear:both;
	width:1011px;
	height:100%;
	padding:7px 0 7px 0;
	margin:0;
	background-image:url(../pictures/pageback.png);
	background-position:top left;
	background-repeat:repeat-y
}
#information #informationcontent {
	/*clear:both;*/
	float:left;
	background:transparent;
	display:inline;
	width:896px;
	height:100%;
	margin:9px 18px 6px 65px;
}
#information #informationcontent h1 {
	color:#dcdcdc;
	padding-bottom:3px
}
#information #informationcontent p {
	color:#808080;
	font-size:86%;
	background:transparent;
}
#banner {
	width:1011px;
	height:273px;
	background-image:url(../pictures/flatflash.jpg);
	background-color:#1a1a1a;
	background-position:top left;
	background-repeat:no-repeat;
	font-weight:800;
	position:inherit;
	z-index:1
}
#band {
	width:1011px;
	height:40px;
	background-image:url(../pictures/slipstream.png);
	background-position:top left;
	background-repeat:no-repeat;
	position:inherit;
	z-index:1
}
#header {
	width:937px;
	height:138px;
    background-color:#1a1a1a;
	/*background-image:url(../pictures/crlogo.png);
	background-position:56px 26px;
	background-repeat:no-repeat;*/
	margin:0 0 0 37px;
    position:relative
}
#header img#crlogo {
	/*margin:27px 0 0 56px;
	display:inline;
	clear:none;
	float:left;*/
	position:absolute;
	top:27px;
	left:56px
}
#header #loggedininfo {
	/*margin:27px 65px 0 0;
	display:inline;
	clear:none;
	float:right;*/
	font-size:86%;
	position:absolute;
	top:27px;
	right:65px
}
#header #loggedininfo strong {
	color:#dcdcdc;
	font-weight:700
}
#header #loggedininfo p {
	float:right	
}
#header #logout {
	font-size:86%;
	position:absolute;
	top:47px;
	right:65px
}
#header #logout p a {
	color:#922ced;
	clear:both;
	float:right
}
#header #logout p a:hover {
	color:#dcdcdc
}
#header #topmenustrip {
    position:absolute;
    bottom:8px;
    right:40px;
	outline:none
}
#header #topmenustrip ul {

}
#header #topmenustrip ul li {
    clear:none;
    float:left;
    display:inline;
    margin-right:26px;
	border-top:2px solid #1a1a1a;
	padding-top:5px
}
#header #topmenustrip ul li:hover {
	color:#ffffff;
	border-top:2px solid #5b009f;
}
#header #topmenustrip ul li a {
	color:#9e9e9e;
}
#sitetop {
	width:1011px;
	height:55px;
	background-image:url(../pictures/sitetop.png);
	background-position:top left;
	background-repeat:no-repeat;
    position:relative
}
#sitetop a#infotrigger {
	position:absolute;
	left:50px;
	top:29px;
	color:#b9b2c2;
	font-size:80%
}
#sitetop form {
    position:absolute;
    top:27px;
    right:302px
}
#sitetop form input {
    background-color:transparent;
    border:none;
    width:154px;
    height:13px;
    padding:2px 3px 4px 3px;
	color:#414141
}
#sitetop a#topbasketlink, #sitetop a#submitsearch, #sitetop a#topvatswitch, #sitetop #vatnotice {
	color:#b9b2c2;
	position:absolute;
	top:29px;
	right:180px;
	font-size:82%;
	text-transform:uppercase;
}
#sitetop a#submitsearch {
	right:250px;
}
#sitetop a#topvatswitch, #sitetop #vatnotice {
	right:110px;
	font-size:72%
}
#sitetop #vatnotice {
	color:#b9b2c2;
	right:80px;
}
#sitetop #vatnotice .on {
	color:#8eef84
}
#sitetop #vatnotice .off {
	color:#d03548
}
#sitetop a#topbasketlink:hover, #sitetop a#submitsearch:hover, #sitetop a#infotrigger:hover, #sitetop a#topvatswitch:hover {
	color:#ffffff;
	cursor:pointer
}
#productmenu {
	position:absolute;
	top:138px;
	right:120px;
	height:auto;
	z-index:99;
	overflow:hidden;
	width:200px
}
#productmenu ul {
	list-style-type:none;
	width:100%
}
#productmenu ul li {
	height:30px;
	overflow:hidden;
	font-size:80%;
	margin:0;
	padding:0;
	background-color:#1a1a1a
}
#productmenu ul li:hover {
	background-color:#3c363a
}
#productmenu ul li a {
	width:100%;
	height:auto;
	float:left;
	color:#9e9e9e;
	padding:6px 0 6px 9px;
	margin:0;
	border-bottom:1px dashed #47017b
}
#productmenu ul li a:hover {
	color:#ffffff
}
#productmenu ul li {
	margin:-4px 0 0 0;
}
#basket {
	position:absolute;
	top:70px;
	left:30%;
	height:auto;
	z-index:100;
	width:602px;
	padding:0;
	font-size:90%;
	border:0
}
#baskettop, #basketbase {
	width:602px;
	background-position:top left;
	background-repeat:no-repeat;
}
#baskettop {
	position:relative;
	height:30px;
	top:0;
	left:0;
	background-image:url(../pictures/baskettop.png);
}
#baskettop p {
	color:#fdfdfd;
	position:relative;
	top:6px;
	left:16px;
	font-size:100%;
	width:580px
}
#basketbase {
	clear:both;
	margin:0;
	height:30px;
	background-image:url(../pictures/basketbase.png);
}
#basketcontent {
	clear:both;
	width:100%;
	height:100%;
	padding:0 0 40px 0;
	background-color:#1b1b1b;
	/* url(../pictures/crrad.png) no-repeat center*/
}
#basketcontent a {
color:#cbcbcb
}
#basketcontent a:hover {
color:#ffffff
}
#quickcartdetails {
	margin:20px 20px 0 20px;
	/*background-color:#1b1b1b;*/
}
#quickcartdetails p {
font-size:100%;
color:#cbcbcb;
margin:8px 0;
}
#quickcartdetails p span.price {
color:#8de254
}
#quickcartdetails p span.incVAT {
color:#cbcbcb;
font-style:italic
}
#quickcartdetails p span.name {
color:#f5ddc3
}
a.quickdelete {
float:left;
display:inline;
margin:4px 6px 0 0;
background-image:url("../pictures/yes.png");
background-position:center;
background-repeat:no-repeat;
width:16px;
height:16px
}
a.quickdelete:hover {
float:left;
display:inline;
margin:4px 6px 0 0;
background-image:url("../pictures/delete.png");
background-position:center;
background-repeat:no-repeat;
width:16px;
height:16px;
cursor:pointer
}
a#quickcarttoggle2 {
clear:both;
float:right;
display:inline;
margin:10px 28px 0 0;
color:#dedede;
/*font-size:86%;
font-weight:700;*/
cursor:pointer
}
a#quickcarttoggle2 {
clear:none;
float:right;
display:inline;
margin:0 20px 0 0;
}
a#checkoutlink {
float:right;
display:inline;
margin:3px 20px 0 0;
color:#dedede;
/*font-size:86%;
font-weight:700;*/
cursor:pointer
}
a#checkoutlink:hover {
color:#8eef84
}
a#quickcarttoggle2:hover {
color:#c294e2
}
p#quickcarttotal {
color:#8de254;
clear:both;
float:right;
display:inline;
}
/*#mask {
	background-color:#1b1b1b
}*/
/* --- leftcolumn --- */
#leftcolumn {
	float:left;
	margin:10px 0 0 63px;
	display:inline;
	width:256px;
	height:100%
}
#leftcolumn .contentbox {
	width:257px;
    height:100%;
    clear:both;
    float:left;
    margin:16px 0 0 0;
	padding-bottom:10px;
    background-color:#1d1d1d;
    background-image:url(../pictures/contentboxback.png);
	background-position:top left;
	background-repeat:repeat-y;
}
#leftcolumn .contentbox a {
	color:#d2d0d3
}
#leftcolumn .contentbox a:hover {
	color:#994ace
}
#leftcolumn .contentbox .header {
	height:30px;
	width:257px;
	background-image:url(../pictures/leftboxheader.png);
	background-position:top left;
	background-repeat:no-repeat;
    position:relative
}
#leftcolumn .contentbox .header span {
    color:#fdfdfd;
    position:absolute;
    bottom:4px;
    left:9px;
    display:inline;
    font-size:103%
}
#leftcolumn .bottom {
    clear:both;
	height:28px;
	width:257px;
    display:block;
    margin:0 0 0 0;
	background-image:url(../pictures/contentboxbottom.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#newsheadlines .headline {
    width:223px;
    height:63px;
    float:left;
    margin:16px 0 0 10px;
    padding:0 0 10px 0;
    border-bottom:2px dotted #535353
}
#newsheadlines .headline p {
    font-size:92%;
    margin:0;
    color:#dcdcdc
}
#newsheadlines .headline p.newsdatetime {
    font-size:66%;
    margin-top:20px;
}
p.newstext {
    color:#808080;
    font-size:86%;
	clear:left;
    /*float:left;*/
    margin:16px 0 0 21px;
	padding:7px 0 2px 0;
    width:217px;
    height:100%;
}
p.newstext img {
	float:left;
	display:inline;
	margin-right:4px	
}
p.newsreadmore a, p.homeaccount a {
    /*font-size:72%;*/
    font-size:14px;
	float:right;
	margin:10px 29px 0 0;
	color:#994ace
}
p.homeaccount a {
	margin:10px -10px 0 0;
}
p.newsreadmore a:hover, p.homeaccount a:hover {
	color:#dddddd	
}
#tradelogin form, #newslettersignup form {
    clear:both;
    float:left;
    margin:10px 0 0 21px
}
#newslettersignup form {
	margin-top:2px
}
#tradelogin form input, #newslettersignup form input {
    clear:both;
    float:left;
    margin:10px 0 0 0;
    background-color:#d1d1d1;
    border:none;
    height:18px;
    width:190px;
    padding:3px;
	color:#353535
}
#tradelogin form input.signsubmit, #newslettersignup form input.signsubmit {
    width:65px;
    height:23px;
    padding:2px 5px 7px 3px;
    /*background-color:#450c7d;*/
	background-color:transparent;
	background-image:url(../pictures/buttonback.png);
	background-position:top left;
	background-repeat:no-repeat;
    color:#d2d0d3;
    font-size:80%
}
#tradelogin form input.signsubmit:hover, #newslettersignup form input.signsubmit:hover {
	color:#ffffff
}
#tradelogin form input[type=password] {
background-color:#48007d;
color:#ffffff;
padding:2px 7px 2px 0
}
form#registerdetails input.formbutton {
	/*background-color:#450c7d;*/
	background-color:transparent;
	background-image:url(../pictures/buttonback.png);
	background-position:top left;
	background-repeat:no-repeat;
	border:0;
    color:#d2d0d3;
    font-size:80%;
	padding:2px 5px 7px 3px;
	clear:both;
	float:left;
	margin:15px 0 0 0
}
a.homeaccount {
	float:right;
	margin:6px 34px 0 0;
	width:50px;
	font-size:82%;
    height:17px;
}
a.homeaccount span {
	margin:6px 0 0 4px
}
#newslettersignup form {
	margin-top:35px
}
/* --- main --- */
#content {
    height:100%;
    /*padding-bottom:20px;*/
    /*width:937px;*/
	width:1011px;
	float:left;
    position:relative;
	/*margin:0 0 0 37px;*/
	margin:0 0 0 0;
    /*background-color:#0e0e0e*/
	/*background-color:red;*/
    /*background-color:#0e0e0e;*/
    background-image:url(../pictures/pageback.png);
	background-position:top left;
	background-repeat:repeat-y
}
#content #main {
	margin:10px 40px 0 0;
	float:right;
	display:inline;
	width:616px;
	height:100%
}

/* --- footer --- */
#footer {
    clear:left;
    float:left;
    width:1011px;
    height:90px;
    margin:0 auto 0 auto;
	padding:8px 0;
	background-image:url(../pictures/pageback.png);
	background-position:top left;
	background-repeat:repeat-y
}
#footer #copyright {
	border-top:4px solid #4b007f;
	width:896px;
    height:20px;
    margin:20px 0 30px 69px;
	font-size:80%;
	float:left;
	display:inline;
}
#footer #copyright p {
    float:left;
    margin:10px 0 0 15px;
	display:inline;
}
#footer #copyright a {
	color:#9c9c9c
}
#footer #copyright a:hover {
	color:#ffffff
}
#footer #footlinks {
	float:right;
	margin:10px 15px 0 0;
	display:inline;
}
#footer #footlinks a {
	color:#9c9c9c;
}
#footer #footlinks a:hover {
	color:#ffffff
}
#footer #furtherlinks {
	clear:both;
	margin:6px 62px 8px 60px;
}
#footer #furtherlinks a {
	float:right;
	margin:0 3px;
	font-size:80%;
	color:#994ace
}
#footer #furtherlinks a:hover {
	color:#c294e2
}

/*---regular modal box---*/
#simplemodal-overlay {
background-color:#202020;
}

#simplemodal-container {
  height:190px;
  width:300px;
  padding:5px;
  background-color:#1f1f20;
  border:3px solid #a4a4a4	;
}
#simplemodal-container p {
  line-height:20px
}
#simplemodal-container h1 {
  font-size:130%;
  /*font-weight:700;*/
  color:#8df083;
  padding:5px 0
}
#simplemodal-container iframe{
	height:200px;
	width:300px;
}

#simplemodal-container a.modalCloseImg {
  background:url(../images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}


#simplemodal-container p.larger a {
	/*background:url(images/viewlarger.png) no-repeat;*/
	display:inline;
	z-index:3200;
	position:absolute;
	bottom:-24px;
	right:-28px;
	cursor:pointer;
	color:#fff;
	padding-left:20px;
	height:20px;
	width:80px;
	text-decoration:none;
	font-size:0.8em;
}