﻿/* CSS Document */

/* Start Body */
body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	font-size: 10pt;
}
/* End Body */

/* Start Tables */

table.buynow {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
table.buynow td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px;
}
table.downloads {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
table.downloads td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px;
	vertical-align: middle;
}
table.downloads td img {
	padding: 0px 5px 0px 0px;
	margin: 0px;
	vertical-align: middle;
}
table.main {
	border-left: 2px ridge #4f8cb7;
	border-right: 2px ridge #4f8cb7;
}
table.rjsrma {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
table.rjsrma td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
table.serviceplans {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
table.serviceplans td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 30px;
}
table.usedequipment {
	border-top: 1px solid #cccccc;
}
table.usedequipment td {
	border-bottom: 1px solid #cccccc;
	padding: 20px 0px 20px 0px;
}
table.usedequipmentsub {
	border: 0px;
	padding: 0px;
}
table.usedequipmentsub td {
	border: 0px;
	padding: 0px;
}
/* End Tables */

/* Start Table Cells */

td.backnav {
	color: #cccccc;
	padding-bottom: 25px;
	padding-top: 5px;
	padding-left: 15px;
}
td.leftbar {
	padding-right: 15px;
	padding-left: 15px;
	border-right: 3px solid #99ccff;
	width: 185px;
}
td.sectionbody {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
td.sectionbody img {
	margin-right: 10px;
	margin-left: 10px;
}
td.sectiontitle {
	color: #003399;
	font-size: 11pt;
	font-weight: bold;
	padding-left: 15px;
}
td.sectionbold {
	color: #003169;
	font-size: 8pt;
	font-weight: bold;
	padding-left: 15px;
}
td.topnav {
	background: url('Images/line02.gif');
	border-top: 1px solid #000088;
}
/* End Table Cells */
/**************************************************************************************/
/* Start Links */
a {
	text-decoration:none;
	color: #1777BD;
}
a.botmenu {
	text-transform: capitalize;
	color: #5EAAE1;
	font-size:10px;
}
a.imageviewer:link, a.imageviewer:visited, a.imageviewer:active, a.imageviewer:hover {
	color: #999999;
}
a.topsectionheader {
	font-family: Tahoma;
	color: #0060b8;
	font-size: 10pt;
	font-weight: bold;
}
table.topnav a:link, table.topnav a:active, table.topnav a:visited {
	font-size: 9pt;
	color: #000000;
}
table.topnav a:hover {
	font-size: 9pt;
	color: #1777BD;
}
td.backnav a:link, td.backnav a:active, td.backnav a:visited {
	font-size: 8pt;
	color: #4ca0de;
}
td.backnav a:hover {
	font-size: 8pt;
	color: #1777BD;
}
/* End Links */

/* Start Paragraphs */
p.sidebody {
	font-family: tahoma;
	font-size: 8pt;
	line-height: 25px;
	padding-left: 10px;
	padding-right: 15px;
}
p.subsectiontitle {
	color: #003169;
	text-transform: capitalize;
	font-weight: bold;
}
/* End Paragraphs */

/* Start Divs */
div.enlarge {
	text-align: center;
	float: right;
	width: 25%;
}
div.enlargnf {
	text-align: center;
}
div.enlarge a:link, div.enlarge a:active, div.enlarge a:visited, div.enlarge a:hover {
	color: #999999;
}
div.enlargenf a:link, div.enlargenf a:active, div.enlargenf a:visited, div.enlargenf a:hover {
	color: #999999;
}
div.topsectiontext {
	font-family: tahoma;
	color: #777777;
	font-size: 8pt;
	padding: 5px;
	line-height: 13pt;
}
div.productinfo {
	float: right;
	width: 300px;
	border: 2px solid #99ccff;
	background-color: #e0f0ff;
	margin-left: 20px;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 8pt;
}
div.productinfo table {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
div.productinfo td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 3px;
	font-size: 8pt;
}
div.selectionguide {
	float: center;
	width: 600px;
	border: 2px solid #99ccff;
	background-color: #e0f0ff;
	margin-left: 20px;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 8pt;
}
div.selectionguide table {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
div.selectionguide td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 3px;
	font-size: 8pt;
}
div.multiproductbuynow {
	float: center;
	width: 500px;
	border: 2px solid #99ccff;
	background-color: #e0f0ff;
	margin-left: 20px;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 8pt;
}
div.multiproductbuynow table {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
div.multiproductbuynow td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 3px;
	font-size: 8pt;
}
/* End Divs */

/* Start Spans */

span.required {
	color: red;
}
span.sectiontitle {
	color: #003399;
	font-size: 11pt;
	font-weight: bold;
}
span.sidetitle {
	font-family: tahoma;
	font-size: 10pt;
	text-transform: uppercase;
	color: #6ab0e1;
	font-weight: bold;
	line-height: 35px;
}
span.downloaddetails {
	color: #cccccc;
	font-size: 8pt;
	font-style: italic;
}



.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 465px; /*Width of Carousel Viewer itself*/
height: 110px; /*Height should enough to fit largest content's height*/
margin-left:0px;
margin-right:0px;
text-align:center;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 110px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.glidecontentwrapper {
	position: relative; /* Do not change this value */
	width: 460px;
	height: 330px; /* Set height to be able to contain height of largest content shown*/
	border: 0px solid #687C98;
	overflow: hidden;
	
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent { /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: white;
	padding: 5px;
	visibility: hidden;
	width: 460px;
	height:1100px;
	margin-left:0px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler { /*style for DIV used to contain toggler links. */
	width: 460px;
	margin-top: 6px;
	text-align: center;
	padding:0px;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a { /*style for every navigational link within toggler */
	display: -moz-inline-box;
	display: inline-block;
	border: 0px solid black;
	color: #2e6ab1;
	padding: -15px 3px;
	margin-right: 3px;
	font-weight: bold;
	text-decoration: none;
}
.glidecontenttoggler a.selected { /*style for selected page's toggler link. ".selected" class auto generated! */
background-image:url(Images/arrowBG.jpg); background-repeat:no-repeat;
	color: black;
	z-index:500;
	font-size:36px;
	font-weight:bold;
}
.glidecontenttoggler a:hover {
background-image:url(/Images/arrowBG.jpg); background-repeat:no-repeat;
	color: black;
	z-index:500;
	font-size:36px;
	font-weight:bold;

}
.glidecontenttoggler a.toc { /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover {
	background: #1A48A4;
	color: white;
}
.topicTitle {
	font-weight:bold;
	font-size:12px;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	padding-bottom:10px;
}
.smallTitle {
	font-weight:normal;
	font-size:11px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
}
.topicText {
	font-weight:normal;
	font-size:11px;
	width:60%;
	font-family:Tahoma, Geneva, sans-serif;
	padding-right:1px;
}
.topicText2 {
	font-weight:normal;
	font-size:10px;
	border-left: 1px solid #000000;
	border-left-width:thin;
	vertical-align:middle;
	width:40%;
	font-family:Tahoma, Geneva, sans-serif;
}

.topicText2 li {
position:relative;
left:-20px;
top:-2px;

}


.orderRed {
	position:relative;
	top: -12px;
	color:#F00;
}
