@charset "iso-8859-1";
/* CSS Document */


body{
	background:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color:#555555;
	font-size:12px;
	margin: 5px;
	padding: 0px;
}

a:link{
	color:#8C499C;
	font-size:1em;
}

a:visited{
	color:#666666;
	font-size:1em;
}

a:hover{
	color:#CC0000;
	font-size:1em;
}

a:focus{
	color:#CC0000;
	font-size:1em;
}
a:active{
	color:#CC0000;
	font-size:1em;
}

img.logo{
	border-width: 0px;
}	

#breadcrumbTrail{
	font-size:0.7em;
}

#breadcrumbTrail a{
	font-size: 1em;
}
	
hr{ width:100%; color:#FFFFFF;}

ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

p.padding_15{
	margin-left:15px;
}

div.heading {
	display: block;
	color: #555555;
	background-color: #FFFFFF;
	float:left;
	text-decoration: none;
	margin:0px;
	height:25px;
	font-size:10px;
	border-left: 8px solid;
	padding-top:10px;
	padding-left:10px;
	width:100%;
}

div.content{
	padding:20px;
	padding-top: 40px;
	line-height:1.5em;
}

div.content_narrow{
	padding:20px;
	padding-top: 40px;
	line-height:1.5em;
	width:400px;
}

div.eform{
	padding-bottom:20px;
	padding-right:20px;
	padding-left:20px;
	line-height:1.5em;
}

p.headline{
	font-size:14px;
	font-weight:bold;
	color:#666666;
	line-height:1.5em;
	border-bottom: 1px solid #cccccc;
}

p.smaller_font{
	font-size:11px;
	color:#555555;
	line-height:1.5em;
}

p.small_font{
	font-size:10px;
	color:#666666;
	line-height:1.5em;
}

p.font_medium_purple{
	font-size:13px;
	color:#8C499C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1.4em;
}

p.font_big_purple{
	font-size:18px;
	color:#8C499C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
}

div.small_menu{
	display:block;
	float:right;
	margin: 0px;
	margin-right:15px;
	border-right: 1px solid #CCCCCC;	
}

a.small_menu{
	display: block;
	color: #555555;
	float:left;
	text-decoration: none;
	padding: 0.6em;
	font-size:0.8em;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
}

a.small_menu:visited{
	display: block;
	color: #AAAAAA;
	float:left;
	text-decoration: none;
	padding: 0.6em;
	font-size:0.8em;
	border-left: 1px solid #CCCCCC;
}

a.small_menu:hover{
	display: block;
	color: #333333;
	float:left;
	text-decoration: none;
	font-size:0.8em;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

a.small_menu:focus{
	display: block;
	color: #333333;
	float:left;
	text-decoration: none;
	padding: 0.6em;
	font-size:0.8em;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

a.small_menu:active{
	display: block;
	color: #333333;
	float:left;
	text-decoration: none;
	padding: 0.6em;
	font-size:0.8em;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;	
}

/*---------------*/

p.red_font{
	font-family: Arial, Helvetica, sans-serif;
	color:#CC0000;
}

/*---------------*/


div.head_form{
	display:block;
	float:right;
	width:100%;
	background-image:url(http://www.high-streetsales.co.uk/img/form_bg.gif);
	background-repeat:no-repeat;
	background-position:right;
	height: 115px;
}

div.padding{
	margin-top:1.2em;
	margin-right:2em;
}

input.input{ 
	border:1px solid #CCCCCC;
	padding:0.2em;
	margin-top:0.4em;
	margin-bottom:0.4em;
	color:#999999;
}

input.checkbox{
	display:block;
	float:left;
	height:10px;
	width:10px;
}

input.static_input{
	border:0px;
	padding:0.2em;
	margin-top:0.4em;
	margin-bottom:0.4em;
	color:#555555;
	background-color:#FFFFFF;
	font-size:10px;
}

textarea.input{ 
	border:1px solid #CCCCCC;
	padding:0.2em;
	margin-top:0.4em;
	margin-bottom:0.4em;
	color:#999999;
}

select.input{ 
	border:1px solid #CCCCCC;
	padding:0.2em;
	margin-top:0.4em;
	margin-bottom:0.4em;
	color:#999999;
}

div.about_text{ 
	padding:10px;
	color:#333333;
	font-size:12px;
	line-height:1.4em;
}

div.dimension_box{ 
	display:block;
	float:left;
	position:relative;
	top:-20px;
	color:#333333;
	font-size:12px;
	line-height:1.4em;
}

div.products_text{ 
	display: block;
	float:left;
	padding:10px;
	color:#333333;
	font-size:12px;
	line-height:1.4em;
	border-left: 1px solid #CCCCCC;
}

div.products_text2{ 
	display: block;
	float:left;
	position:relative;
	top:10px;
	left:-1px;
	padding:10px;
	padding-top:5px;
	color:#333333;
	font-size:12px;
	line-height:1.4em;
	border-left: 1px solid #CCCCCC;
}

div.products_index{ 
	display: block;
	float:left;
	position:relative;
	left:-1px;
	padding:10px;
	padding-top:0px;
	color:#333333;
	font-size:12px;
	line-height:1.4em;
	border-left: 1px solid #CCCCCC;
}

div.box_375{ 
	padding:10px;
	color:#333333;
	font-size:12px;
	line-height:1.4em;
}

div.features{ 
	display:block;
	float:left;
	color:#333333;
	font-size:12px;
	line-height:1.4em;
	width:389px;
	margin-top:10px;
}

div.description{ 
	display:block;
	float:left;
	padding:10px;
	color:#333333;
	border: 1px solid #cccccc;
	margin: 5px;
	margin-top: 12px;
}

div.purple{ 
	padding:5px;
	padding-top:7px;	
	background-color:#8C499C;
	width: 97%;
	font-size:14px;
	font-weight:bold;
	line-height: 1em;
	color:#FFFFFF;
}

div.empty_box{
	display: block;
	background-color: #FFFFFF;
	float:left;
	width:103px;
	border: 1px solid #CCCCCC;
	font-size:11px;
	color:#555555;
	margin-top:10px;
	padding:10px;
}

div.empty_box_with_border{
	display: block;
	background-color: #FFFFFF;
	float:left;
	width:123px;
	height:123px;
	border: 1px solid #CCCCCC;
	font-size:11px;
	color:#555555;
}

div.empty_box_with_border_wide{
	display: block;
	background-color: #FFFFFF;
	float:left;
	width:150px;
	padding:5px;
	border: 1px solid #CCCCCC;
	text-align:center;
	vertical-align:middle;
	color:#555555;
}

div.empty_box_with_border_long{
	display: block;
	background-color: #FFFFFF;
	float:left;
	width:123px;
	height:423px;
	border: 1px solid #CCCCCC;
	text-align:right;	
	font-size:14px;
	color:#555555;
	font-weight:bold;
}

div.share_box{
	position: relative;
	display:block; 
	float:left; 
	top: 10px;
	border: 1px solid #cccccc; 
	border-top: 8px solid #8C499C; 
	padding: 10px; 
	width:160px;
}

div.search_box{
	display:block; 
	float:left; 
	border: 1px solid #cccccc; 
	border-top: 8px solid #8C499C; 
	margin-top: 10px;
	padding: 10px;
	padding-left:70px;
	width:440px;
	background-image:url(img/arrow_green.png);
	background-repeat:no-repeat;
}

/*---------------*/

div.menu{
	display:block;
	float:left;
	margin: 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 8px solid;
}

a.menu{
	display: block;
	color: #555555;
	float:left;
	text-decoration: none;
	padding: 0.6em;
	padding-right: 2em;
	padding-left: 2em;
	font-size:1em;
	border-left: 1px solid #CCCCCC;
}

a.menu:visited{
	display: block;
	color: #555555;
	float:left;
	text-decoration: none;
	padding: 0.6em;
	padding-right: 2em;
	padding-left: 2em;
	font-size:1em;
	border-left: 1px solid #CCCCCC;
}

a.menu:hover{
	display:block;
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	border-left: 1px solid #555555;
	background-color: #555555;
	padding: 0.6em;
	padding-right: 2em;
	padding-left: 2em;	
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

a.menu:focus{
	display:block;
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	border-left: 1px solid #555555;
	background-color: #555555;
	padding: 0.6em;
	padding-right: 2em;
	padding-left: 2em;	
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

a.menu:active{
	display:block;
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	border-left: 1px solid #555555;
	background-color: #555555;
	padding: 0.6em;
	padding-right: 2em;
	padding-left: 2em;	
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

/*------------------------*/

div.top_box_empty{
	display: block;
	background-color: #FFFFFF;
	float:left;
	margin:0px;
	width:125px;
	height:40px;
}

div.top_box_empty2{
	display: block;
	background-color: #FFFFFF;
	float:left;
	margin:0px;
	width:200px;
	height:40px;
}

div.space{
	display: block;
	color: #555555;
	background-color: #FFFFFF;
	float:left;
	text-decoration: none;
	margin:0px;
	width:500px;
	height:30px;
	border-left: 8px solid;
}

div.main_article{
	display: block;
	color: #555555;
	background-color: #FFFFFF;
	float:left;
	text-decoration: none;
	padding: 10px;
	width:500px;
	height:250px;
	border:1px solid #CCCCCC;
}

div.box2{
	display: block;
	background-color: #FFFFFF;
	float:right;
	margin:0px;
	margin-top: 5px;
	width:390px;
	height:295px;
	background-image:url(img/CurrentIssueRotated.jpg);
	background-repeat:no-repeat;
}

div.box3{
	display: block;
	background-color: #FFFFFF;
	float:right;
	margin-bottom:10px;
	height:170px;
}

div.box_left{
	display: block;
	color: #555555;
	background-color: #FFFFFF;
	float:left;
	text-decoration: none;
	font-weight:bold;
	padding: 10px;
	width:90px;
	font-size:14px;
	border:1px dotted #CCCCCC;
}

div.box_around{
	display: block;
	color: #555555;
	background-color: #FFFFFF;
	float:left;
	text-decoration: none;
	padding: 10px;
	width:100%;
	border:1px dotted #CCCCCC;
	margin-bottom:20px;
}

div.bg_purple{
	display: block;
	background-color: #8C499C;
	float:left;
	text-decoration: none;
	padding: 10px;
	width:100%;
	border:1px dotted #CCCCCC;
	color:#FFFFFF;
}

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

a.box_left{
	display: block;
	color: #555555;
	background-color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:right;
	padding: 8px;
	margin-bottom:5px;
	width:150px;
	font-size:12px;
	border: 1px solid #DDDDDD;
}

a.box_left:visited{
	display: block;
	color: #555555;
	background-color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:right;
	padding: 8px;
	margin-bottom:5px;
	width:150px;
	font-size:12px;
	border: 1px solid #DDDDDD;
}

a.box_left:hover{
	display: block;
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:right;
	padding: 8px;
	margin-bottom:5px;
	width:150px;
	font-size:12px;
	border: 1px solid #DDDDDD;
}

a.box_left:focus{
	display: block;
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:right;
	padding: 8px;
	margin-bottom:5px;
	width:150px;
	font-size:12px;
	border: 1px solid #DDDDDD;
}

a.box_left:active{
	display: block;
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:right;
	padding: 8px;
	margin-bottom:5px;
	width:150px;
	font-size:12px;
	border: 1px solid #DDDDDD;
}

/*------------------*/

a.box_top{
	display: block;
	color: #555555;
	background-color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	padding-top:96px;
	padding-bottom:6px;
	width:123px;
	font-size:14px;
	border: 1px solid #CCCCCC;
	border-top: 8px solid;
	position:relative;
	top:167px;
	left:-1px;
}

a.box_top:visited{
	display: block;
	color: #555555;
	background-color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	padding-top:96px;
	padding-bottom:6px;
	width:123px;
	font-size:14px;
	border: 1px solid #CCCCCC;
	border-top: 8px solid;
	position:relative;
	top:167px;
}

a.box_top:hover{
	display: block;
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	padding-top:96px;
	padding-bottom:6px;
	width:123px;
	font-size:14px;
	border: 1px solid #CCCCCC;
	border-top: 8px solid;
	position:relative;
	top:167px;
}

a.box_top:active{
	display: block;
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	padding-top:96px;
	padding-bottom:6px;
	width:123px;
	font-size:14px;
	border: 1px solid #CCCCCC;
	border-top: 8px solid;
	position:relative;
	top:167px;
}

a.box_top:focus{
	display: block;
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	padding-top:96px;
	padding-bottom:6px;
	width:123px;
	font-size:14px;
	border: 1px solid #CCCCCC;
	border-top: 8px solid;
	position:relative;
	top:167px;
}

/*------------------*/

a.box_about{
	display: block;
	color: #555555;
	background-color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	padding-bottom:15px;
	padding-top:15px;
	width:140px;
	font-size:14px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 8px solid;
}

a.box_about:visited{
	display: block;
	color: #555555;
	background-color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	padding-bottom:15px;
	padding-top:15px;
	width:140px;
	font-size:14px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 8px solid;
}

a.box_about:hover{
	display: block;
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	padding-bottom:15px;
	padding-top:15px;
	width:140px;
	font-size:14px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 8px solid;
}

a.box_about.active{
	display: block;
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	padding-bottom:15px;
	padding-top:15px;
	width:140px;
	font-size:14px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 8px solid;
}

a.box_about:focus{
	display: block;
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	padding-bottom:15px;
	padding-top:15px;
	width:140px;
	font-size:14px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 8px solid;
}

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

.align_left{
	position:relative;
	float:left;
}

.align_right{
	position:relative;
	float:right;
}

/*-----------------------------*/

p.big_font{
	font-size:16px;
	font-weight:bold;
	color:#333333;
}

td {
	vertical-align: top;
}

h1{
	margin-top:15px;
	margin-bottom:10px;
	font-weight:normal;
	font-size:1.4em;
}

h2{
	margin-top:15px;
	margin-bottom:10px;
	font-weight:normal;
	font-size:1.2em;
}

.link{
	font-size:1.4em;
}

p{
	margin:0px;
	margin-bottom:5px;
	font-size:1em;
}


/*----------------------------------
------------------------------------
-----------------------------------*/

#footer{
	font-size:0.7em;
	color:#777777;
}

#footer a{
	font-size: 1em;
	color:#777777;	
}

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

div.menu, div.space, div.heading,
a.box_left, a.box_left:visited, a.box_left:hover, a.box_left:active, a.box_left:focus,
a.box_about, a.box_about:visited, a.box_about:hover, a.box_about:active, a.box_about:focus {border-left-color: #8C499C;}

a.box_left:hover, a.box_left:active, a.box_left:focus,
a.box_about:hover, a.box_about:active, a.box_about:focus { background-color:#8C499C;}

a.box_top, a.box_top:visited, a.box_top:hover, a.box_top:active, a.box_top:focus{ border-top-color:#8C499C;}

a.box_top:hover, a.box_top:active, a.box_top:focus { background-color:#8C499C;}