/* Created by Northumbria IT Solutions, http://www.itsolutionsuk.net */

body {
	color:black;
    width:auto;
    	background:white;
	margin:20px;
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:20px;
	font-weight:900;
	color:#ccc;
    text-align:center;
	}
h2 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
    text-indent:10px;
	}

h5 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
    text-align:center;
    color:#FF6601;
	}

p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 10px 10px 10px;
	padding:0px;
	}

li {
  padding-left:10px;
}

a {
	color:blue;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	text-decoration:none;
    line-height:1.5;
	}
a:link {color:blue;}
a:hover {
  color:blue;
  text-decoration:underline;
}

a:visited {color:blue;}

/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    float:left;
    top:0px;
    left:0px;
    right:0px;
    width:80%;
    margin-left:4%;
    height:auto;
	border:1px solid #ccc;
	background:white;
    text-indent:0px;
    text-align:justify;
	 /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

		.floatright
		{
			float: right;
			width: 200px;
			height: 100%;
            top:20px;
            margin-right:10px;
            margin-left:10px;
            margin-top:10px;
            border:1px dotted black;
			background:white;
            text-align:center;
           }

         		.floatleft
		{
			float: left;
			width: auto;
			height: auto;
            top:20px;
            margin-right:10px;
            margin-top:10px;
            padding-left:10px;
            border:0px dotted black;
			background:white;
            text-align:center;
           }


.content2 {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    float:left;
    top:0px;
    left:0px;
    right:0px;
    width:98%;
    margin-left:0%;
    height:auto;
	border:1px solid #ccc;
	background:white;
    text-indent:0px;
    text-align:justify;
	 /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}


/* Table Bits */
table#main {
    background-color:#FFFFFF;
    border: solid #ccc 2px;
    width: 100%;
    text-indent:0px;
}



table#main tbody  tr:hover {background: #D5D5D5;

}
table#main td {
    padding: 5px;
    border: solid #000 0px;

}

.internal {
    color: #000000;
    text-align: justify;
    background-color: #FFFFFF;

}

.toprow {
        text-align: center;
    color:#000000;
    background-color: #FF6601;
  font-weight: bold;
}

.oddrow {
    text-align: left;
    text-indent:0px;
    color:#000000;
    background-color: #eee;

}

.evenrow {
    text-align: left;
    text-indent:0px;
    color:#000000;
    background-color: #ccc;

}

.leftcol {
    text-align: left;
    width: auto;
    border:0px;
}

/*End Table Bits*/




#container {
     position:relative;
     width:90%;
     margin-right:5%;
     margin-left:5%;
     min-height:100%;
	}

#maincontent {
  position:relative;
  width:100%;
}


#navbanner {
	position:relative;
	width:100%;
	text-align:center;
	top:00px;
	left:0px;
    height:80px;
	border:0px groove black;
	background:#FF6601;
	z-index:2;
  background-image: url(/images/topbanner.gif);
  background-position: center;
  background-repeat: no-repeat
}

#navbanner2 {
	position:relative;
	width:100%;
	text-align:center;
	top:00px;
	left:0px;
    height:20px;
	border:0px groove black;
	background:#FF6601;
	z-index:2;
}


#toppad {
  position:relative;
  width:100%;
  height:20px;
  float:left;
  background-color:white;
}


#navside1 {
position:relative;
float:left;
width:15%;
background-color:#eee;
top:0px;
left:0px;
height:100%;
border:0px groove black;
text-align:left;
}


/*Create the side menu*/
#navside1 h1 {
display: block;
background-color:#eee;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:159px;
}

#navside1 ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#navside1 ul li {
margin: 0px;
padding: 0px;
}
#navside1 ul li a {
font-size: 90%;
display: block;
border-bottom: 1px dashed white;
padding: 5px 2px 2px 8px;
text-decoration: none;
color: black;
width:90%;
}

#navside1 ul li a:hover, #navside1 ul li a:focus {
color: #000000;
background-color: #FF6601;
}

/*End Menu*/

/*Columns inside content */


#comments {
  position:relative;
  float:left;
  width:100%;
  height:auto;
  text-align:center;
}


#copy {
  position:relative;
  clear:both;
  bottom:10px;
  top:20px;
  left:20px;
  width:100%;
  left: auto;
  right: auto;
  max-width: 100%
}

#maincontent1 {
  position:relative;
  float:left;
  width:75%;
  height:auto;
  border:0;
  margin-left:5%;
}

#titlebox {
  position:relative;
  float:left;
  width:100%;
  border: 1px solid #ccc;
  margin-top:0px;
  margin-bottom:10px;
}

#topboxes {
  position:relative;
  float:left;
  width:100%;
  border: 1px solid #ccc;
  margin-top:0px;
  margin-bottom:10px;
  height:670px;
}

#review {
  height:650px;
  overflow:auto;
}


#box2 {
  position:relative;
  float:left;
  width:100%;
  border: 1px solid #ccc;
  margin-top:0px;
  margin-bottom:10px;
}

#leftbox {
  position:relative;
  float:left;
  width: 68%;
  border:0;
  margin:0;
  padding-left:5px;
  padding-right:5px;
  overflow:auto;
}

#rightbox {
  position:relative;
  float:right;
  width:25%;
  border-left:1px dashed #ccc;
  padding-left:5px;
  padding-right:5px;
}

#buy {
  position:relative;
  float:left;
  width:100%;
  border:1px solid #ccc;
  margin-top:10px;
  margin-bottom:10px;
  height:50px;
  line-height:50px;
}

#buy h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:20px;
	font-weight:900;
	color:#9F9E9E;
    text-align:center;
	}


#tables1 {
  position:relative;
  float:left;
  width:100%;
  border: 1px solid #ccc;
  margin-top:0px;
  margin-bottom:10px;
}

#tables2 {
  position:relative;
  float:left;
  width:100%;
  border: 1px solid #ccc;
  margin-top:0px;
  margin-bottom:10px;
}

#tables3 {
  position:relative;
  float:left;
  width:100%;
  border: 1px solid #ccc;
  margin-top:0px;
  margin-bottom:10px;
}

#table1 {
  position:relative;
  float:left;
  width:45%;
  border: 0;
  margin-top:0;
  margin-bottom:0;
}

#table3 {
  position:relative;
  float:left;
  width:45%;
  border: 0;
  margin-top:0;
  margin-bottom:0;
}

#table5 {
  position:relative;
  float:left;
  width:45%;
  border: 0;
  margin-top:0;
  margin-bottom:0;
}

#table2 {
  position:relative;
  float:right;
  width:45%;
  border: 0;
  margin-top:0;
  margin-bottom:0;
}

#table4 {
  position:relative;
  float:right;
  width:45%;
  border: 0;
  margin-top:0;
  margin-bottom:0;
}

#table6 {
  position:relative;
  float:right;
  width:45%;
  border: 0;
  margin-top:0;
  margin-bottom:0;
}

#linksbox {
  position:relative;
  float:left;
  width:100%;
  border: 1px solid #ccc;
  margin-top:0px;
  margin-bottom:10px;
  height:40px;
  text-align:center;
  line-height:20px;
}


#compatibility {
  position:relative;
  float:left;
  width:100%;
  border: 1px solid #ccc;
  margin-top:0px;
  margin-bottom:10px;
}

#yesno img {
    background-color:#transparent;
}

#yesno {
      border:1px solid transparent;
}

#yesno:hover {
    background-color: #F7F7F7;
    border:1px solid #ccc;
}

#social {
  width:90%;
  position:relative;
  float:left;
  margin-left:5%;
  margin-right:5%;
  height:30px;
  border:1px solid #ccc;
  line-height:30px;
  margin-bottom:10px;
  text-align:center;
}

#social2 {
  width:90%;
  margin-left:5%;
  margin-right:5%;
  height:30px;
  border:1px solid #ccc;
  line-height:30px;
  margin-bottom:10px;
  text-align:center;
}