@charset "utf-8";
/* CSS Document */

body {background: url(/images/bg-rpt.jpg) top left repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2c312d;}

p, html, body, div, form, h1 {padding: 0; margin: 0;}

h1 {display: inline-block; font-size: 14px; font-weight: bold;}

h3	{ margin: 15px 0 10px; font-size: 20px; font-weight: normal;}

label	{ display: block;}


#wrapper {width: 963px; margin: 0 auto;} 

.header {width: 963px; height: 101px; position: relative; z-index: 999;}
.header .top	{ height: 67px;}
.header .logo { }
.header .tagline {position: absolute; top: 25px; left: 220px;}

#nav-container	{ width: 100%; height: 34px; background: url(/images/nav-bg.jpg) top left no-repeat; z-index: 999; position: relative; padding-left:7px;}


#nav {list-style: none; list-style-position: outside; display: inline;}
#nav li {float: left; position: relative; display: inline-block;}
#nav li a {display: block; padding:9px 14px 9px 14px; margin:0px 0px 0px 0px; font-size: 12px; text-decoration:none; color: #ffffff; border-right:1px solid #000; border-left:1px solid #871811; }
#nav li a.nv4 { border-right:none;}
#nav li a.nv1 { border-left:none;}
#nav li:hover a {background-color:#871811; color:#ffffff;} /*#2E2C17; color:#ffffff;*/
#nav li ul {display: none; position: absolute; top: 32px; left: -40px;}
#nav li ul li a {height: 16px; width: 226px; display: block; font-size: 11px; padding-left: 12px; padding-top: 8px; padding-bottom:4px; text-align: left; color: #ffffff; background-color: #871811; letter-spacing:0px; border-right:none; background-image:url(/images/navtp.jpg); background-repeat:repeat-x; border-top:1px solid #8D1612; border-left:#8D1612 1px solid;}/*#322D17*/
#nav li ul li a:hover {display: block; color: #ffffff; background-color: #57100E; background-image:none;}
#nav li ul li ul {display: none; position: absolute; top: 0px; left: 225px;}
#nav li:hover ul {display:block;}

#nav li ul li.thirdLv>a {  background-image:url(/images/navtp-arrow.jpg); }
#nav li ul li.thirdLv>a:hover  { background-image:url(/images/navtp-arrow2.jpg); }


.logo	{ display: block; float: left; width: 600px;}
#search {display: block; width: 250px; float: right; margin-top: 22px;}
#search .s-input {width: 205px; background: url(/images/input-search.gif) center center no-repeat; color: #999999; font-size: 11px; border: none; padding: 7px 4px}
#search .s-submit { border: none;}


.secondary-header	{ background: url(/images/secondary-header-bg.jpg) top center no-repeat; color: #fff; height: 87px;}
#main-content .secondary-header .left	{ float: left; font-size: 24px; font-weight: bold; margin: 40px 0px 0px 20px;}
#main-content .secondary-header .right	{ float: right; margin: 50px 20px 0px 0px; text-align:right;}

#flash-container	{ margin: 0 0 10px 0; z-index:-1; position:static;height:274px; width:967px;}
#main-content {width: 963px; padding-top: 10px;}
#middle-col .left	{ float: left; width: 205px; margin: 0 20px 20px 0;}
#middle-col .right	{ float: right; width: 205px; margin: 0 0 20px 20px;}


#middle-col	{ float: right; width: 725px;}
#middle-col p	{ margin-bottom: 15px;}
#middle-col p img	{ margin: 0 2px 2px 0;}
#middle-col ul	{ padding: 0 0 0 30px;}
#middle-col ul.content-boxes	{ padding: 0;}
#main-content a	{ color: #78100a; text-decoration: none;}

#right-col	{ float: right; width: 300px;}
#right-col-lrg	{ float: right; width: 700px;}

.content-boxes {list-style: none; clear: both; margin: 0; padding: 0;}
.box { background: url(/images/content-box-top.png) top center no-repeat; margin: 0 12px 0 0; width: 311px; padding: 5px 0;}
.box-content { background: url(/images/content-box-rpt.png) top left repeat-y; padding: 0px 5px;}
.box h4, #left-col h4 { background: url(/images/conte-box-header.png) top left no-repeat; font-weight: bold; font-size: 14px; color: #78100a; padding: 5px 15px; margin: 0;}
.box-bottom	{  background: url(/images/content-box-btm.png) bottom no-repeat; height: 5px; margin: 0 ; padding: 0;}

.float-boxes .box	{ float: right;}

.box-content .pad	{ padding: 0 15px; margin: 0;}
.box-content ul, #middle-col .box-content ul	{ list-style: none; margin: 0; padding: 0;}
.box-content ul li	{ border-bottom: 1px solid #ccc; border-top: 1px solid #fff; padding: 5px 0; margin: 0;}
.box-content ul li a	{ color: #2c312d; text-decoration: none; display: block; font-weight: bold;}
.box-content ul li a:hover	{ color: #78100a;}
.box-content ul li a img	{border: none;}
.box-content .icon-list li a span	{ height: 24px; line-height: 24px; font-weight: bold; margin-left: 17px;}
.box-content .featured-img	{ float: right; position: relative; top: -41px; right: -10px;}
.box-content p	{ margin: 5px 0 0 0; color: #2c312d;}
.box-content .link	{ text-align: right;}
.box-content p a	{ color: #78100a; text-decoration: none; font-weight: bold;}
.little { font-size:10px; color:#666;}
#left-col	{ float: left; width: 213px; background: url(/images/left-col-top.png) top center no-repeat; padding-top: 5px; clear: both;}
#left-col ul	{ list-style: none; margin:0; padding: 0;}
#left-col .box-content	{ background: url(/images/left-col-mid.png) repeat-y top center; padding: 0px 5px; margin: 0;}
#left-col .box-content ul	{ margin: 0; padding: 0;}
#left-col .box-content li	{ border-bottom: 1px solid #ccc;  border-top: 1px solid #fff; padding: 5px 0; margin: 0; font-weight: bold; display: block; }
#left-col .box-content li a	{ color: #2c312d;}
#left-col .box-content li a:hover	{ color: #78100a;}
#left-col .box-bottom	{  background: url(/images/left-col-btm.png) bottom center no-repeat; height: 5px;}

#footer	{ background: url(/images/footer-bg.png) repeat-x; height: 100px; clear: both;}
.footer-content	{ width: 963px; margin: 0 auto; padding: 34px 0; font-size: 11px;}
.footer-content .left	{ float: left;}
.footer-content .right	{ float: right;}
.footer-content a	{ color: #2c312d; text-decoration: none;} 

#left-col a	{ color: #78100a; text-decoration: none;}
.subhead	{ font-size: 14px; font-weight: bold;}
.textfield	{ border: 1px solid #cccccc; padding: 4px;}
.clear	{ clear: both;}
#left-col .section	{ border-bottom: 1px solid #ccc;  border-top: 1px solid #fff; padding: 5px 0; }
blockquote	{ font-style: italic;}
.source	{ text-align: right; font-weight: bold;}
.catTitle{ font-size:18px; width:100%; border-bottom:1px dotted #ccc; margin-top:15px; margin-bottom:5px;}
.prodsep{border-bottom:1px dotted #e7e7e7; margin-bottom:15px; padding:5px;padding-bottom:10px;}
.prodalign{ border-bottom:1px dotted #e7e7e7; margin-bottom:15px; padding-top:21px;padding-bottom:10px;}

#main-content a.btn	{ display: inline-block; background: url(/images/btn-rightarrowgrey.png) no-repeat top right; font-weight: bold; color: #fff;  padding: 0 25px 0 0; height: 29px; text-decoration: none;}
#main-content a.btn span	{ background: url(/images/btn-leftgrey.png) no-repeat top left; margin: 0; display: inline-block; padding: 0 0 0 13px; height: 29px; line-height: 26px; cursor: pointer; }

#main-content table th	{ color: #fff;}

.min	{ height: 210px; overflow: hidden; margin: 0}
.bottom-menu	{ width: 960px; margin: 15px auto; list-style: none; padding: 0; clear: both;}
.bottom-menu li	{ float: left; width: 295px; padding-left: 25px;}
.bottom-menu h4	{font-size: 14px; color: #78100a; margin: 0;}
.bottom-menu select	{ width: 200px; font-size: 11px; margin: 4px 0;}
.white	{ color: #fff;}

.productinfo {width:420px;}

/* Ryan news slide */

#news_events {width:281px;  margin-top:10px; font-size:11px; color:#333333; height:123px;}
#newsbox {position:relative; height:160px; overflow:hidden;}
#newsbox a	{ color: #78100a; text-decoration: none; border:none;}
.newsitem {padding:5px 4px 0px 0px; position:absolute; top:165px;}
#newsmove {width:281px; position:relative;}
.morenews {padding:3px 0px 3px 0px; position:absolute; top:-6px; left:205px; display:none; cursor:pointer; }
.morenews1 {padding:3px 0px 3px 0px; position:absolute; top:-6px; left:205px; display:none; cursor:pointer; }
.morenews2 {padding:3px 0px 3px 0px; position:absolute; top:-6px; left:205px; display:none; cursor:pointer; }
.morenews3 {padding:3px 0px 3px 0px; position:absolute; top:-6px; left:205px; display:none; cursor:pointer; }

.border-bottom td	{ border-bottom: 1px solid #666666;}

#right-col .gallery	{ list-style: none; padding: 0;}
.gallery li	{  float: right; margin: 0 0 10px 10px; border: 1px solid #ccc; width: 130px; height: 130px; overflow: hidden; }
.gallery li.big	{ border: none; width: 300px; height: auto; overflow: inherit;}
.gallery li img	{ width: 130px;}
.gallery li.big img	{ width: 300px;}

.error	{ color:#78100A;}
.featured-rotator	{ list-style: none; margin: 0; padding: 0; width: 300px; height: 175px; background-color:#EEE }
.featured-rotator li	{ padding: 0; border: none; width: 300px; height: 175px;}

.productinfo img	{ width: 34px; height: 34px;}


#techsupportform {
	color:#333;
	text-align: left;
}
.techsupportform th {
	color:#333;
	text-align: left;
}

#techsupportform th{
	color:#333;
	text-align: left;
}