body { background-color: #aaaaaa; background-repeat: repeat-x; 
	margin: 0px; padding: 0px; min-width: 799px; text-align: center; }
html { font-family:  Verdana, Arial, sans-serif;  font-size: 15px; font-style: italic; }

div#header{ position:relative; margin-top: 0px; }
div#header h1 { margin: 0; padding: 0; height: 139px; width: 799px; background-image: url(images/red27_title_logo.png); background-repeat: no-repeat; } 
div#header h1 span { display: none; }

div#container{ text-align:left; }
div#container{ width: 799px; margin:0 auto; background-color: #ffffff; }

h1, h2, h3 { font-style: italic; color: #770000; }
em {  font-style: italic; font-weight: bold; }

div#centre { float: left; width: 585px; text-align: center; margin: 0 0 0 8px; }
div#right { float: left; width: 185px; text-align: center; margin: 5px 5px 0 0; }

div#tabs {font-family: Arial; font-size: 15px; font-style: italic; }

/* --------------- */
/* --- BUTTONS --- */
/* --------------- */

.buttons { text-align:center; }
.buttons a { height: 30px; float:right; background-repeat: no-repeat; background-position: left top; margin:0px; padding:0px; }


a#download { background-image: url(images/button_download2.png); width: 100px; padding: 0 0 0 5px;}
a#try { background-image: url(images/button_try2.png); width: 100px; padding: 0 0 0 5px;}
a#buy { background-image: url(images/button_buy2.png); width: 100px; padding: 0 0 0 5px;}
a#moreinfo { background-image: url(images/button_more2.png); width: 100px; padding: 0 0 0 5px;}
a#getintouch { background-image: url(images/button_getintouch.png); width: 125px; padding: 0 0 0 5px;}
a#submit { float: inherit; background-image: url(images/button_submit.png); width: 100px; padding: 0 0 0 5px;}

.buttons a.selected { background-position: 0 -30px; }
.buttons a.selected:hover { background-position: 0 -30px; }
.buttons a:hover { background-position:0 -30px; }

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

.buttons2 { text-align:center; height: 30px; float: none; margin: 10px;}
.buttons2 a { height: 35px; background-repeat: no-repeat; margin: 0px; padding: 0px; }

a#download2 { background-image: url(images/button_download2.png); width: 100px; padding: 0 0 12px 100px; }

.buttons2 a.selected { background-position: 0 -30px; }
.buttons2 a.selected:hover { background-position: 0 -30px; }
.buttons2 a:hover { background-position:0 -30px; }

/* --------------------- */
/* --- SMALL BUTTONS --- */
/* --------------------- */

.smallbuttons { text-align:center; }
.smallbuttons a { height: 20px; float: right; background-repeat: no-repeat; background-position: left top; margin:0px; padding:0px; }

a#subscribe { background-image: url(images/subscribe_small.png); width: 75px; padding: 0px 0 0 5px;}
a#learnmore { background-image: url(images/learnmore_small.png); width: 75px; padding: 0px 0 0 5px;}

.smallbuttons a.selected { background-position: 0 -20px; }
.smallbuttons a.selected:hover { background-position: 0 -20px; }
.smallbuttons a:hover {  background-position:0 -20px; }

/* ------- */

.smallbuttons2 { border: 1px dashed; text-align:center; width: 260px; margin: 0 auto;}
.smallbuttons2 a { border: 1px solid; height: 20px; float: right; background-repeat: no-repeat; background-position: left top; margin: 0px ; padding: 0px ; }

a#subscribe3 { background-image: url(images/subscribe_small.png); width: 75px; padding: 0px;}

.smallbuttons2 a.selected { background-position: 0 -20px; }
.smallbuttons2 a.selected:hover { background-position: 0 -20px; }
.smallbuttons2 a:hover {  background-position:0 -20px; }

a#subscribe2 { 
	float: inherit; 
	height: 20px; 
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px;
	padding: 5px;
	background-image: url(images/subscribe_small.png);
	width: 75px;
	padding: 6px 0px 0px 75px;
}

a.selected#subscribe2 { background-position: 0 -20px; }
a.selected:hover#subscribe2 { background-position: 0 -20px; }
a:hover#subscribe2 { background-position: 0 -20px; }

/* -------------- */
/* --- FOOTER --- */
/* -------------- */

div#footer p{ margin:0; padding: 5px 5px 5px 5px; font-size: 10px; text-align: center;}
div#footer a{ display:inline; padding:0;}
div#footer { color: #444; clear:both; width:100%;} 
div#footer a { font-family:  Verdana; font-weight: normal; font-style: normal;}


.cssbox div.test { border: 2px Dotted; padding: 5px}
.cssbox div.test a#link { padding: 3px; border: 1px Dashed; color: #000000; background-color: #ffffff; }
.cssbox div.test a:hover#link { color: #ffffff; background-color: #770000; }

table#info a{
  font-size:93%;
  font-style:italic;
  text-align:center; 
  font-weight:bold; 
  font-family: Arial;
  color:#765;
  border: 1px Dotted; 
  text-decoration:none;
  padding: 0 5px 0 5px;
}

table#info a#selected{
    color:#000;
    background-color: #fff;
    border: 1px Solid;
}
  
table#info a:hover{
    color:#000;
    background-color: #fff;
    border: 1px Solid;
}

td.normal {
  font-size:93%;
  font-style:italic;
  text-align:center; 
  font-weight:bold;
  text-decoration:none;
  padding: 0 5px 0 5px;
  color:#765;
  border: 2px Dotted; 
}

td.highlight {
  font-size:93%;
  font-style:italic;
  text-align:center; 
  font-weight:bold;
  text-decoration:none;
  padding: 0 5px 0 5px;
  background-color: #fff;
  color: #000;
  border: 2px Solid;
}

.alert {
    background-color: #f9f9f9;
    padding: 10px 10px 10px 10px;
    color: #000000;
    border: 1px dashed;
}

.alert td { padding: 0px; }

.newsletter {
    background-color: #f9f9f9;
    padding: 10px 10px 10px 10px;
    color: #000000;
    border: 1px dashed;
}

.newsletter h3 { font-style: italic; font-weight: bold; color: #000000; background-color: #eecccc; }

.discount {
    background-color: #f9f977;
    padding: 0px 0px 0px 0px;
    color: #000000;
    border: 1px dashed;
}


/* ----------------- */
/* --- CSS BOX 1 --- */
/* ----------------- */

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
	background: transparent url(images/demobox.png) no-repeat bottom right; 
}

.cssbox { 
	width: 570px !important; /* intended total box width - padding-right(next) */
	width: 555px; /* IE Win = width - padding */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 20px auto; /* use to position the box */ 
} /* set the top-right image */ 

.cssbox_head { 
	background-position: top right;
	margin-right: -15px; /* pull the right image over on top of border */
	padding-right: 40px; /* right-image-gap + right-inside padding */
} /* set the top-left image */ 

.cssbox_head h2 {
	background-position: top left; 
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */ 
	padding: 20px 0 0px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important; height: 1%; /* IE Holly Hack */ 
} /* set the lower-left corner image */

.cssbox_body { 
	background-position: bottom left;
	margin-right: 25px; /* interior-padding right */
	padding: 10px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 



/* ----------------- */
/* --- CSS BOX 2 --- */
/* ----------------- */

.cssbox2, .cssbox_body2, .cssbox_head2, .cssbox_head2 h3 { 
	background: transparent url(images/box.gif) no-repeat bottom right; 
}

.cssbox2 { 
	width: 175px !important; /* intended total box width - padding-right(next) */
	width: 165px; /* IE Win = width - padding */
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 20px auto; /* use to position the box */ 
} /* set the top-right image */

.cssbox_head2 { 
	background-position: top right;
	margin-right: -10px; /* pull the right image over on top of border */
	padding-right: 10px; /* right-image-gap + right-inside padding */
} /* set the top-left image */ 

.cssbox_head2 h3 {
	background-position: top left; 
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */ 
	padding: 10px 0 0px 10px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important; height: 1%; /* IE Holly Hack */ 
} /* set the lower-left corner image */

.cssbox_body2 { 
	background-position: bottom left;
	margin-right: 10px; /* interior-padding right */
	padding: 10px 0 20px 20px; /* mirror .cssbox_head right/left */ 
}