/*
Site: Rivtec
Date: 2009.05.20

[Table Of Contents] 

	0- Reset
	1- General Layout
	2- Text and Headings
	3- Links
	4- Header 
	5- Navigation 
	6- Content
	7- Product Catalogue 
	8- Footer 
	9- Forms
	10- Extras

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');



/* =1 General Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html {
	height: 100%;
	width:100%;
}
body {
	text-align:center; 
	margin:0 auto;
	padding:0;
	height: 100%;
	background: #fff;
}
div.wrapper {
	width: 970px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; 
	text-align: left; /* for IE */
}
.page {
	margin:15px 0;
	width:940;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}


/* =2 Text and Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body, td, th {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}
.medtext {
	font-size: 11px;
}
.smalltext {
	font-size: 10px;
}
.lightgrey {
	color:#999;
}
.grey {
	color:#666;
}
.black {
	color:#000;
}


h1, .heading1 {
	font-size: 20px;
	font-weight: bold;
}
h2, .heading2 {
	font-size: 16px;
	font-weight: normal;
}
h3, .heading3 {
	font-size: 14px;
	font-weight: normal;
}
h4, .heading4 {
	font-size: 12px;
	font-weight: normal;
}
h5, .heading5 {
	font-size: 11px;
	font-weight: normal;
}


/* =3 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a {
	color:#000; 
	text-decoration:underline;
	outline:none
}
a:hover {
	color:#660000; 
	text-decoration:underline;
}


/* =4 Header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.header {
	padding:20px 15px ;
	background: url(../images/layout/header-bg.gif) #fff top right no-repeat;
}


/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
table.nav {
	background: url(../images/layout/nav-bg.gif) #4f4f4f left top repeat-x;
	height:35px;
}
#current {
	color:#ffff00;
}
	

/* =6 Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.content { /* no frame */
	padding: 15px;
	}

/* FRAME - grey bg - grey border */
td.frame-greybg-top {
	background:#f1f0f0; 
	border-top:1px solid #ccc;
}
td.frame-greybg-bottom {
	background:#f1f0f0; 
	border-bottom:1px solid #ccc;
}
.frame-greybg-main {
	background:#f1f0f0; 
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc;
}
td.frame-greybg-main {
	padding:5px 14px;
}

/* FRAME - white bg - grey border */
td.frame-whitebg-top {
	background:#fff; 
	border-top:1px solid #ccc;
}
td.frame-whitebg-bottom {
	background:#fff; 
	border-bottom:1px solid #ccc;
}
.frame-whitebg-main, td.frame-whitebg-main {
	background:#fff; 
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc;
}
td.frame-whitebg-main {
	padding:5px 14px;
}

/* FRAME - white bg - Black border */
td.frame-whiteblack-top {
	background:#fff; 
	border-top:1px solid #666;
}
td.frame-whiteblack-bottom {
	background:#fff; 
	border-bottom:1px solid #666;
}
.frame-whiteblack-main, td.frame-whiteblack-main {
	background:#fff; 
	border-left:1px solid #666; 
	border-right:1px solid #666;
}
td.frame-whiteblack-main {
	padding:5px 14px;
}

/* FRAME - black bg - no border */
td.frame-blackbg-top {
	background:#333
}
td.frame-blackbg-bottom {
	background:#333
}
.frame-blackbg-main, td.frame-blackbg-main {
	background:#333; 
	color:#fff;
}
td.frame-blackbg-main {
	padding:5px 15px;
}

/* Latest News - home */
.latest-news {
	padding: 7px 5px;	
	border-bottom: 1px dotted #666;
}
.latest-news-item {
	font-size:11px;
}
.latest-news-item a, .latest-news a {
	color:#333;
	display:block;
	text-decoration:none;
}
.latest-news-item a:hover, .latest-news a:hover {
	color:#660000;
	text-decoration:none;
}
.heading-latest-news {
	height:25px;
 	border-bottom:1px solid #333;
	font-weight:bold;
	margin-bottom:10px;
}
#news-current, #news-current a {
	background:#ffff00;
	margin: -3px -5px -3px;
	padding:5px;
	color:#000;
}
.image-news-thumb {
	text-align:center;
	border:2px solid #333;
	background:#fff;
}
img.news-large {
	padding:3px;
	margin:0 0 5px 5px;
	border:2px solid #ccc;
}


/* Recent downloads - home */
table.recent-download-item {
	padding: 8px 5px 5px;	
	border-bottom: 1px dotted #999;
}
table.recent-download-item td {
	font-size:11px;
}
table.recent-download-item td a {
	color:#333;
	display:block;
	text-decoration:none;
}
table.recent-download-item td a:hover {
	color:#660000;
	text-decoration:none;
}


.heading-category {
	height:20px;
 	border-bottom:1px solid #999;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
.heading-category a {
text-decoration:none;
}
	
.heading-register {
	background:url(../images/layout/register-heading-icon.png) left top no-repeat;
	padding-left: 55px;
	height:80px;
	width:180px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
	

/* =7 Product Catalogue
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.bread-crumb {
 padding: 0 15px 15px;
 font-size:10px;
 color:#000;
 text-transform:uppercase;
}
.bread-crumb a {
	font-weight:bold;
	color: #333;
	text-decoration:none;
}
.bread-crumb a:hover {
	color: #000;
	text-decoration:underline;
}
.bread-crumb-spacer {
	font-weight:normal;
	font-size:14px;
	color:#999;
	margin:0 5px;
}

.image-product-cat-med {
	width:180px;
	height: 120px;
	text-align:center;
	border:2px solid #333;
}
.image-product-thumb {
	text-align:center;
	border:2px solid #333;
}
td.image-product-large {
	 min-width:400px;
	 width:400px;
	 height:345px;
	 min-height:345px; 
	 text-align:center;
	}
.products {
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:15px;
	width: 455px;
}
.downloads {
	border:1px solid #ccc;
	padding:3px 5px;
	margin-bottom:5px;
	width: 465px;
}
.product-code {
	font-size:12px;
	font-weight:normal;
}
.product-title, .product-title a {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.product-price {
	font-size:16px;
	color:#000;
	font-weight:bold;
}
.product-price-sale-bg {
	background:#ffff00; 
	padding:2px 10px;
	font-size:11px;
}
.product-price-sale {
	font-size:16px;
	font-weight:bold;
	color:#000;
}

/* =8 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
div.footer {
	border-top: 1px solid #333;
	padding: 15px;
}

table.footer td {
	font-size:10px;
	text-transform:uppercase;
	padding-bottom:20px;
}
table.footer td a  {
	color:#333;
	text-decoration:none;
}
table.footer td a:hover  {
	color:#000;
	text-decoration:underline;
}


/* =9 Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
select, input, textarea, .formtext {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: solid 1px #7297a9;
	padding:3px 2px;
}
input.search {
	border:0;
	padding:0;
}
.buttontext {
	background-color: #ececec;
	border: 1px solid #666666;
	color: #333333;
	cursor:pointer;
}


/* =10 Extras
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
hr {
	color: #F5EEEB;
}
br { 
	line-height:80%;
}
.alertbox {
	border: 1px dotted #999999;
	padding:5px;
	background-color: #e5e5e5;
	color: #000000;
}
.textbox {
	border: 1px solid #344e6d;
	padding:10px;
	background-color: #fff;
	color: #333;
}

ol.terms {
list-style-type:decimal;
margin-left: 18px;
font-weight:bold;
font-size:14px;
}
ol.terms li {
margin-bottom: 20px;
}
ol.terms strong {
 color:#666;
}
ul.terms {
margin: 5px 0 0;
font-weight:normal;
font-size:12px;
}
ul.terms ul  {
margin: 5px 0 0 23px;
font-weight:normal;
}
ul.terms li {
	margin-bottom:5px;
	}