/* Primary screen style sheet for code-red-tech website */
/* Version 2 - implementing more fully CSS */

/* change the body defaults */
body {
	font: 0.9em Arial, Helvetica, sans-serif;
	background-color: #c5c5c5;
	color: #000000;
	margin-top: 0; /* for IE7 */
	width: 99.3%;
}

/* this background bar is a frig to enable zooming of the background image - it doesn't zoom when in the body */
/* Other code is a frig to overcome limitations of IE background images   */
#background-bar {
	position: static;
	top: 0;
	left: 0;
	text-align: center;
}
#background-bar span {
	background: url(../images/top.gif) repeat-x top left;
	display: block;
	margin-left: -10px;
	margin-right: 0;
	height: 202px;
	width: 100%;
}

/* the container is the main block of content, including the banner and menus  - used for centralising */
#container {
	text-align: left;
	position: relative;
	width: 800px;
	padding: 0;
	margin: -202px auto 10px auto;
}

/* banner image includes some text */
#banner {
	background-position: left;
	background-image: url(../images/logo-slogan.png);
	background-repeat: no-repeat;
	width: 800px;
	height:73px;
	margin-top: 20px;
	float: none;

}

/* This is the content block, including the tabbed navigation */
#content
{
	background-color: white;
	border: 0;
	width: 736px;
	height:auto;
	margin-top: 0px;
	float: left;
	padding: 0 10px 10px 10px;}

/* Main tabbed navigation */
#header{
	width: 756px;
	margin-bottom: 0em;
}
#header ul{
	margin: 0;
	padding: 50px 0 0 0;
	list-style: none;
	background-color: transparent;
}
#header li{
	float: left;
	background-color: transparent;
}
#header a{
	float: left;
	display: block;
	background-image: url("../images/tab_dark.gif");
	background-repeat: no-repeat;
	background-position: right top; 
	width: 126px; 
	height: 30px;
	text-align: center;
	padding-top: 29px;
	padding-bottom: 0;
	text-decoration: none;
	font-weight: bold;
	color: white;
}

/* This code is used to identify the current page and show a different tab */
body.home #header li.home a,
body.products #header li.products a,
body.support #header li.support a,
body.purchase #header li.purchase a,
body.news #header li.news a,
body.aboutus #header li.aboutus a{
	background-image: url("../images/tab_light.gif");
	color: black;
}

/* show different tabs under these circumstances */
#header ul li a:visited{
	background-image: url("../images/tab_dark.gif");
	color: #ffffff;
}

#header ul li a:hover{
	background-image: url("../images/tab_med.gif");
	color: black;
}
#header ul li a:active{
	background-image: url("../images/tab_med.gif");
	color: #D52507;
}


/* Just to deliniate different sections. Note that color and background-color are necessary to overcome browser bugs */
hr {
	width: 100%;
	color:#D52507;
	background-color:#D52507;
	border: none;
	height:2px;
}


/* Layout of main (h1) heading */
#central_heading{
	width: 700px;
	color: #D52507;
	margin: 10px 10px 0 10px;
}

/* Layout of main (h1) heading for products */
#heading_prod{
	color: #D52507;
	margin: 10px 10px 0 10px;
}

h1#heading {
	text-align: center;
	font-size: large;
}
h1#heading .title1 {
	font-size: 95%;
	font-weight: normal;
}

h1#heading2 {
	text-align: left;
	vertical-align:bottom;
	font-size: large;
}
h1#heading2 .title1 {
	font-size: 95%;
	font-weight: normal;
}

/* float around image */
.left_picture_box{
	float:left;
	padding: 0 10px 10px 10px;
	margin: 0 10px 0 0;

}
.left_picture_box2{
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-width: thin;
	color:#646464;
	float:left;
	padding: 0 10px 10px 10px;
	margin: 0 10px 0 0;

}
.center_picture_box{
	float:center;
	padding: 0 10px 10px 10px;
	margin: 0 10px 0 0;

}
.right_picture_box{
	float:right;
	padding: 0 10px 10px 10px;
	margin: 0 10px 0 0;

}
.right_buy_box{
	float:right;
	padding: 20px 80px 0 10px;
	margin: 0 10px 0 0;
	border-style: none;

}
.right_buy_box a{ 
	color:#ffffff; 
}
.store_buy_box{
	float:right;
	padding: 0 30px 0 10px;
	margin: 0 10px 0 0;
	border-style: none;
	font-size: smaller
}
.store_buy_box a{ 
	color:#ffffff;

}

.right_menu_box{
	border-style: solid;
	border-color: #D52507;
	border-width: thin;
	color:#D52507;
	float:right;
	padding: 0 10px 10px 10px;
	margin: 0 10px 0 30px;
		float:right;
}

.right_menu_box a{ 
	color:#646464; 
	text-decoration:underline; 
	font-weight:normal
}
.right_menu_box a:hover{
	text-decoration:none;
	color: #D52507;
}

.right_menu_box a:visited{
	text-decoration:none;
	color: #D52507;
}

a img {
  	border: none;
}


/* Clear floating */
.clearit {
	clear:both;	
}

/* Clear floating */
.clearit2 {
	clear:both;	
	display: none;

}

/* text, subheadings and bullet points */
.main_text1{
	width: 730px;
	padding: 0;
	margin: 0px 10px 10px 10px;
	float:left;
}

.store_text1{
	width: 600px;
	padding: 0 130px 0 0;;
	margin: 0px 10px 10px 10px;
	float:left;
}


.h2_heading{
	padding: 0 10px 0 0;
	font-size:medium;
	color: #D52507;
	font-weight: bold;
	line-height:1.3em;
}
.h2a_heading{
	padding: 10px 0 10px 0;
	margin: 0;
	font-size:large;
	color: #646464;
	font-weight: bold;
	line-height:1.3em;
}
.h2b_heading{
	font-size:small;
	color: #D52507;
	font-weight: bold;
	line-height:1.3em;
}

.h2c_heading{
	padding: 0px 0 10px 0;
	margin: 0;
	font-size:large;
	color: #646464;
	font-weight: bold;
	line-height:1.0em;
}
.h3_heading{
	padding: 0 10px 0 0;
	margin: 0;
	font-size:small;
	color: #D52507;
	font-weight: bold;
	line-height:1.3em;
}
.h4_heading{
	padding: 20px 10px 0 0;
	margin: 0;
	font-size:small;
	color: #646464;
	font-weight: bold;
	line-height:1.3em;
}

.storetext{
	padding: 0 0 0 10px;
	margin: 0;
	font-size:small;
	color: #646464;
	font-weight: normal;
	line-height:1.3em;
}

.legal{
	font-size:smaller;
	color: #646464;
	font-weight: normal;
}

.error1 {
	color: #aa0000;
}

.bullets1{
	font-size:small;
	font-weight: normal;
	line-height:1.3em;
	list-style-position: inside;
}

.bullets2{
	font-size:small;
	font-weight: normal;
	line-height:1.3em;
	list-style-position: inside;
	list-style-image: url(../images/list_bg.gif);
	list-style-type: square;
	margin:10px; 
	padding:10px;
}

.aboutus_mission_bullet
{
	font-size: medium;
	font-weight: bold;
	color: #D52507;
	list-style-position: inside;
	list-style-image: url(../images/list_bg.gif);
	list-style-type: square;
	margin:10px; 
	padding:10px;
}


/* footer info for sub menus, copyright etc */
#footer {
	margin:25px; 
}
#footer a{ 
	color:#646464; 
	text-decoration:underline; 
	font-weight:bold
}
#footer a:hover{
	text-decoration:none;
}
#footer span{
	color:#d52507;
	font-size:medium;
}


#footer span a{ 
	color:#d52507;
	text-decoration: 
	underline; 
	font-weight:normal; 
	font-size:medium; 
	padding:0; 
	background:none
}
#footer span a:hover{
	text-decoration: none
}
#footer p{
	margin-bottom:6px
}




/* email form specific items */

.emailform {
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-width: thin;
	color:#646464;
	width:439px;
}

.email_text1{
	width: 200px;
	height:auto;
	padding: 0 0 0 0;;
	margin: 0px 10px 10px 10px;
	float:left;
	font-size: small;
}

.box .c1 .r{ 
	width:400px;
	float:left;
	font-size:small;
	padding-top:5px;
}

.mailaction{
	font-size: small;
	color: #D52507;
}



/* news page specifc items */


.newspage_heading{
	padding: 20px 0 0 0;
	margin: 0;
	font-size:x-large;
	color: #D52507;
	font-weight: bold;
	line-height:1.3em;
}

.item_heading{
	padding: 30px 0 10px 0;
	margin: 0;
	font-size:large;
	color: #646464;
	font-weight: bold;
	line-height:1.3em;
}


.news_bullets{
	font-size:medium;
	font-weight: normal;
	line-height:1.3em;
	list-style-position: inside;
	list-style-image: url(../images/list_bg.gif);
	list-style-type: square;
	margin:10px; 
	padding:10px 10px 0 0;
}
.news_bullets li{
	padding: 1em 0 0 0;
}
.news_text1{
	width: 730px;
	padding: 0;
	margin: 0px 10px 0 10px;
	float:left;
	font-size:small;
	font-weight: normal;
}

.news_date{
	font-size:x-small;
	color: #949494;
}
.news_short{
	font-size:small;
	color: #646464;
}

.news_more{
	font-size:x-small;
	color: #646464;
}

.news_headlines{
	font-size:90%;
	font-weight: bold;
	color: red;
	line-height:1.3em;
	list-style-position: inside;
	list-style-image: url(../images/list_bg.gif);
	list-style-type: square;
	margin:10px; 
	padding:10px 10px 0 0;
}
.news_headlines li{
	padding: 1em 0 0 0;
}

.pagetop {
	text-align: right;
	font-size:80%;
	padding: 5px 0 10px 0;
}