body {
	font-size: 100%;
	font-family: Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

#container {
	width: 880px;
	margin: auto;
	position: relative;
}

#contact {
	background-color: #254d95;
	height: 22px;
	color: #fff;
	text-align: right;
	font-weight: bold;
	font-size: 70%;
	padding: 3px 120px 0 0;
}

#contact a {
	color: #fff;
	text-decoration: none;
}

#contact a:hover {
	text-decoration: underline;
}

#rielloblog #contact, #riellopr #contact {
	background-image: none;
}

#contact a.estore {
	position: absolute;
	right: 27px;
	top: 0;	
	background-image: url(/templateimages/estore-button.gif);
	background-repeat: no-repeat;	
	width: 84px;
	height: 20px;
	padding-top: 3px;
	color: #fff;
	display: block;
	text-align: center;
	text-decoration: none;
}

#language {
	background-image: url(/templateimages/flag.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	position: absolute;
	top: 3px;
	left: 19px;
	padding-left: 20px;
}

#language select {
	border: 1px solid #a9a9a9;
	font-size: 90%;
}

#contact .language {
	background-image: url(/templateimages/flag.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	position: absolute;
	top: 3px;
	left: 19px;
	padding-left: 20px;
	border: 1px solid #a9a9a9;
	font-size: 90%;
}

#header {
	background-image: url(/templateimages/header.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 188px;
	border-top: 1px solid #254d95;
}

#header1 {
	background-image: url(http://www.riello-ups.co.uk/images-website/header-pcups.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 188px;
	border-top: 1px solid #254d95;
}

#header2 {
	background-image: url(http://www.riello-ups.co.uk/images-website/header-server.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 188px;
	border-top: 1px solid #254d95;
}

#header3 {
	background-image: url(http://www.riello-ups.co.uk/images-website/header-industrial.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 188px;
	border-top: 1px solid #254d95;
}

#headerm2 {
	background-image: url(http://www.riello-ups.co.uk/images-website/header-company.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 188px;
	border-top: 1px solid #254d95;
}

#headerm3 {
	background-image: url(http://www.riello-ups.co.uk/images-website/header-products.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 188px;
	border-top: 1px solid #254d95;
}

#headerm4 {
	background-image: url(http://www.riello-ups.co.uk/images-website/header-accessories.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 188px;
	border-top: 1px solid #254d95;
}

#headerm5 {
	background-image: url(http://www.riello-ups.co.uk/images-website/header-services.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 188px;
	border-top: 1px solid #254d95;
}

#headerm6 {
	background-image: url(http://www.riello-ups.co.uk/images-website/header-support.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 188px;
	border-top: 1px solid #254d95;
}

#headerb {
	background-image: url(http://www.riello-ups.co.uk/images-website/header-blog.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 188px;
	border-top: 1px solid #254d95;
}

/* Themes */
#header.accessories {
	background-image: url(/templateimages/themes/accessories.jpg);
}

#header.blog {
	background-image: url(/templateimages/themes/blog.jpg);
}

#header.company {
	background-image: url(/templateimages/themes/company.jpg);
}

#header.industrial {
	background-image: url(/templateimages/themes/industrial.jpg);
}

#header.pcups {
	background-image: url(/templateimages/themes/pcups.jpg);
}

#header.pr {
	background-image: url(/templateimages/themes/pr.jpg);
}

#header.products {
	background-image: url(/templateimages/themes/products.jpg);
}

#header.server {
	background-image: url(/templateimages/themes/server.jpg);
}

#header.services {
	background-image: url(/templateimages/themes/services.jpg);
}

#header.standby {
	background-image: url(/templateimages/themes/standby.jpg);
}

#header.truck {
	background-image: url(/templateimages/themes/truck.jpg);
}


#partner #header {
	background-image: url(/templateimages/header.png);
	background-position: top left;
}

#partnerLogo {
	float: right;
	margin-right: 15px;
	margin-top: 50px;
}

#riellopr #header {
	background-image: url(/templateimages/header-pr.jpg);
}

#logo {
	background-image: url(/templateimages/logo.png);
	background-repeat: no-repeat;
	width: 245px;
	height: 1px;
	display: block;
	padding: 114px 0 0 0;
	overflow: hidden;
	margin: 57px 0 16px 18px;
}

#navigation {
	background-image: url(/templateimages/nav-bg.png);
	background-repeat: repeat-x;
	height: 36px;	
}

#rielloblog #navigation {
	background-image: url(/templateimages/nav-bg-selected.gif);
}

#navigation a {
	background-image: url(/templateimages/nav-bg.png);
	background-repeat: repeat-x;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 75%;
	border-left: 1px solid #666;
	border-right: 1px solid #ccc;
	padding: 9px 28px 0 27px;
	height: 27px;
}

#navigation a.selected {
	background-position: 0 -36px;
}

#navigation a.first {
	border-left-width: 0;	
}

#navigation a.last {
	padding: 9px 30px 0 30px;
	border-right-width: 0;
}

#navigation span {
	display: none;
}

#footer {
	clear: both;
	background-color: #1a1d22;
	color: #fff;
	font-size: 70%;
	height: 80px;
}

#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#snippet {
	width: 220px;
	height: 80px;
	float: left;
	border-right: 1px solid #474b4e;
}

#subsidiary {
	padding: 19px 0 0 26px;
	margin: 0 0 0 220px;
}

#copyright {
	float: right;
	padding: 19px 18px 0 0;
	text-align: right;
}

#contentContainer {
	clear: both;
	margin-bottom: 19px;
}

#content {
	font-size: 70%;
	width: 610px;
	margin: 0 0 0 245px;
}

#content_nosubnav {
	font-size: 70%;
	width: auto;
	margin: 0;		
}

#content h1, #content h2, #content h3, #content h4, #content h5,
#content_nosubnav h1, #content_nosubnav h2, #content_nosubnav h3, #content_nosubnav h4, #content_nosubnav h5 {
	color: #254d95;
}

#content h1 span, #content h2 span, #content h3 span, #content h4 span, #content h5 span,
#content_nosubnav h1 span, #content_nosubnav h2 span, #content_nosubnav h3 span, #content_nosubnav h4 span, #content_nosubnav h5 span {
	color: #ed1b24;
	font-style: italic;
}

#content h1, #content_nosubnav h1 {
	font-size: 175%;
	background-image: url(/templateimages/h1-bg.png);
	background-repeat: no-repeat;
	color: #fff;
	height: 77px;
	padding: 8px 0 0 15px;
	margin-bottom: 0;
	font-weight: normal;
}

#content h1 img, #content_nosubnav h1 img {
	float: left;
	margin-right: 5px;
}

#content h1 a:link, #content_nosubnav h1 a:visited {
	color: #fff;
} 

#content h2, #content_nosubnav h2 {
	font-size: 140%;
}

#content h3, #content_nosubnav h3 {
	font-size: 125%;
}

#content p, #content_nosubnav p {
	margin-top: 0em;
}

#content a:link, #content_nosubnav a:link, #homepageContent a:link {
	color: #ef1422;
	text-decoration: none;
	font-weight: bold;
}

#content a:visited, #content_nosubnav a:visited, #homepageContent a:visited {
	color: #800080;
	text-decoration: none;
}

#content a:hover, #content_nosubnav a:hover, #homepageContent a:hover {
	text-decoration: underline;
}

#secondaryNavigation {
	padding: 10px 12px 9px 12px;
	height: 21px;
}

#secondaryNavigation label {
	color: #ed1b24;
	font-size: 70%;
	font-weight: bold;
	margin-right: 5px;
}

#secondaryNavigation .selector {
	float: left;
	margin-right: 20px;
}

#secondaryNavigation select {
	width: 150px;	
}

#sidebar, #sidebarExtra {
	width: 220px;
	background-color: #dae9f0;
	float: left;
	font-size: 70%;
	margin-bottom: 5px;
}

#sidebarExtra {
	clear: left;
}

#sidebar ul, #sidebar ul li, #sidebarExtra ul, #sidebarExtra ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar ul, #sidebarExtra ul {
	margin-bottom: 1.5em;
}

#sidebar ul li, #sidebarExtra ul li {
	padding: 4px 5px 4px 25px;
}

#sidebar ul li.selected, #sidebar ul li.here {
	background-color: #f6fbfd; /*#ebf3f6;*/
	font-weight: bold;
}

#sidebar a:link, #sidebar a:visited, #sidebarExtra a:link, #sidebarExtra a:visited {
	color: #000;
	text-decoration: none;
}

#sidebar a:hover, #sidebarExtra a:hover {
	text-decoration: underline;
}

#sidebar h3, #sidebar h2, #sidebarExtra h3, #sidebarExtra h3 {
	background-image: url(/templateimages/heading-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 17px;
	margin: 18px 0 7px 25px;
	padding: 0 0 0 17px;
	color: #254d95;
}

#sidebar h2, #sidebarExtra h2 {
	font-size: 125%;
}

#sidebar h3, #sidebarExtra h3 {
	font-size: 120%;
}

#sidebar h4, #sidebarExtra h4 {
	font-size: 110%;
	margin: 10px 0 5px 0;
}


#searchForm, #secondaryNavSearchform {
	float: right;
	margin: 0;
	padding: 0;
}

#internal {
	background-image: url(/templateimages/homepage-buttons-bg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 19px;
	height: 120px;
}

#internal a {
	background-image: url(/templateimages/homepage-buttons.png);
	background-repeat: no-repeat;
	display: block;
	width: 219px;
	height: 0px;
	padding-top: 120px;
	float: left;
	overflow: hidden;
	margin-right: 1px;
}

#internal a.network {
	background-position: 0 75px;
}

#internal a.datacentres {
	background-position: -220px 75px;
}

#internal a.communication {
	background-position: -440px 75px;	
}

#internal a.industrial {
	background-position: -660px 75px;
}

#latest {
	margin-top: 8px;
	background-color: #dae9f0;
	padding: 16px 0 13px 0;
	clear: both;
	font-size: 70%;
	float: left;
}

#latest h3 {
	margin: 0;
	padding: 0;
	font-size: 130%;
}

#brochure, #news, #downloads {
	min-height: 280px;
	height: 280px;
}

html>body #brochure, html>body #news, html>body #downloads {
	height: auto;
}

#brochure {
	width: 195px;
	border-right: 1px solid #fff;
	float: left;
	padding: 0 0 0 25px;
}

#brochure h3 {
	background-image: url(/templateimages/icons/brochures.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-bottom: 15px;
}

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

#brochure ul li {
	background-image: url(/templateimages/icons/pdf.gif);
	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
	margin: 6px 0 6px 0;
	padding: 0 0 0 26px;
}

#news {
	padding: 0 0 0 23px;
	margin: 0 220px 0 220px;
}

#news ul, #news ul li, #downloads ul, #downloads ul li {
	margin: 0;
	padding: 0;
}

#news ul {
	list-style-image: url(/templateimages/icons/news-small.gif);
	width: 350px;
	padding-left: 26px;
}

#news ul li a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#news ul li, #downloads ul li {
	border-bottom: 1px solid #fff;
	padding-bottom: 8px;
	margin-top: 8px;
}

#news .moreLink {
	color: #ed1b24;
	font-weight: bold;
	text-decoration: none;
}

#news h3 {
	background-image: url(/templateimages/icons/rss.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	margin-bottom: 22px;
}

#news .feeds {
	margin-top: 1em;
	font-size: 115%;
}

#news .feeds span {
	display: block;
	float: left;
	width: 180px;
	min-height: 20px;
}

#news .feeds .rss {
	background-image: url(/templateimages/icons/rss.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 21px;
}

#news .feeds .twitter {
	background-image: url(/templateimages/icons/twitter.png);
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
}

#downloads {
	float: right;
	border-left: 1px solid #fff;
	width: 173px;
	padding: 0 25px 0 22px;
}

#downloads ul {
	list-style-image: url(/templateimages/icons/downloads-small.gif);
	margin-left: 18px;
}

#downloads ul li a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#downloads h3 {
	background-image: url(/templateimages/icons/downloads.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
}

#awards, #rielloRewards, #homepageMain {
	font-size: 70%;	
}

#awards {
	width: 184px;
	border-right: 1px solid #ccc;
	float: left;
	padding: 0 10px 0 26px;
}

#awards h1, #awards h2, #awards h3 {
	margin: 0;
	padding: 0;
	color: #ed1b26;
	font-size: 120%;
}

#homepageMain {
	margin: 0 220px 0 220px;
	padding: 0 20px 0 23px;
}

#homepageMain h1 {
	font-size: 170%;	
}

#rielloRewards {
	float: right;
	width: 197px;
	border-left: 1px solid #ccc;
	padding: 0 0 0 23px;
}

#rielloRewards img {
	vertical-align: middle;
}

#awards, #rielloRewards {
	min-height: 450px;
}

#iso {
	border-top: 1px solid #fff;
	padding-top: 11px;
	width: 167px;
}

#content table {
	border-collapse: collapse;	
}

#content table.specs {
	width: 100%;
	margin-top: 1em;
}

#content table td, #content table th {
	padding: 7px;
	border: 1px solid #bbb;
	margin: 0;
	font-size: 85%;
}

#content table th {
	background-color: #dae9f0;
}

#productLinks {
	border-top: 14px solid #fff;
}

#buttons {
	padding-top: 14px;
	text-align: center;
	background-color: #fff;
}

#buttons img {
	margin-bottom: 10px;
}

.productThumb {
	float: left;
	margin-right: 5px;
}

.product {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
	min-height: 60px;
	float: left;
	width: 100%;
}

.product .fabricFloatLeft {
    margin-right: 5px;
}

.partnerProduct {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
	min-height: 60px;
	width: 31%;
	float: left;
	height: 150px;
	margin-right: 10px;	
	text-align: center;
}

.fabricFloatLeft {
	float: left;
	margin: 0 10px 5px 0;
}
.fabricFloatRight {
	float: right;
	margin: 0 0 5px 10px;
}



/* Form styling */
#content .formRow {
	margin-bottom: 1.2em;
}

fieldset {
	border: 1px solid #ccc;
	margin-bottom: 1em;
}

legend {
	padding: 0 5px 0 5px;
}

#content label, #content span.label {
	display: block;
	width: 11em;
	margin-right: 0.5em;
	text-align: right;
	float: left;
}

#content span.checkboxGroup {
	width: auto;	
}

#content .formTickboxGroup label, #content .formRadioGroup label {
	display: inline;
	width: auto;
	text-align: left;
}

#content .formRadioGroup, #content .formTickboxGroup {
	float: left;
	padding-left: 9.5em;
	clear: left;
	margin: 2px 0 0.5em 0;
}

#content .formRadioGroup input, #content .formTickboxGroup input {
	float: left;
	clear: left;
}

input, textarea {
	border: 1px solid #999;
}

input.button, #searchsubmit {
	background-image: url(/templateimages/button-bg.gif);
	background-repeat: repeat-x;
	color: #fff;
	border-width: 0;
}

.phpdiginputtext {
	width: 130px;
}

#form_comments, #form_message {
	width: 350px;
	height: 8em;
}

#form_captcha {
	margin-top: 3px;
}


/* Messages */
.errorMessage, #errorMessages {
	padding: 8px 10px 10px 40px;
	background-image: url(/common/icons/warning.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	min-height: 35px;
	height: 35px;
	background-color: #ffffe1;
	border: 1px solid #ddd;
	margin-bottom: 1em;
}

html>body .errorMessage {
	height: auto;
}

.informationMessage, #infoMessages {
	padding: 8px 10px 10px 40px;
	background-image: url(/common/icons/information.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	min-height: 35px;
	height: 35px;
	background-color: #F2F9FF;
	border: 1px solid #DAEDF9;
	margin-bottom: 1em;
}

html>body #infoMessages {
	height: auto;
}


/* Print styling */
@media print {

	#header, #navigation, #secondaryNavigation {
		display: none;
	}
	
}