/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {width:960px; margin:0 auto 0 auto; padding:0 0 218px 12px; position:relative;}  /* must be same height as the footer */

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



a img {
border: none;
}

a.readmore {
	color:#7f0d10;
	text-decoration:none;
	float:right;
}


html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:arial,sans-serif;
	font-size:13px;
	color:#000000;
	
}

/* main table */

div#header {
	width:972px;
	height:210px;
	background: url("/graphics/header.gif") no-repeat;
	margin: 0 0 0 -12px;
}
	
div#content {
	padding:0 0 50px 0; /* bottom padding for footer */
	margin: 0 auto 0 auto;
}

#footer {
	position: relative;
	margin-top: -178px; /* negative value of footer height */
	height: 178px;
	clear:both;
	background: url("/graphics/footer.gif") repeat-x;
	line-height:15px;
	color:#fff;
	font-size:11px;
} 
#footer span {
 	font-size:13px; 
	font-weight:bold;
}
 
#footer a{
	color: #fff;
	text-decoration: none;
}

#footer a:hover{
	color: #922628;
	text-decoration: none;
} 




/* content formatting */

#splashpagecontent {
	width: 960px;
	padding: 0;
	margin:0;
	overflow: auto;
	line-height:22px;
}

#spr {
	float:right; 
	width:308px; 
	height:266px; 
	padding:26px 25px 0 31px; 
	background: url("/graphics/spr.jpg") no-repeat;
	line-height:22px;
}

#spr img {
	border:0px; 
	float:right; 
	margin:10px 0 0 0;
}

#cs {
	float:left; 
	width:283px;
	padding:159px 0 0 6px;
	background: url("/graphics/cs.jpg") no-repeat;
}

#ds {
	float:left; 
	width:289px; 
	margin:0 0 0 16px; 
	display:inline;
	padding:159px 0 0 0;
	background: url("/graphics/ds.jpg") no-repeat;
}
#ds img {
	border:0px; 
	margin:26px 0 0 0;
}

#latest {
	float:right; 
	width:349px;
	padding:0 0 0 0;
	background: url("/graphics/latest.gif") no-repeat;
}

#ics {
	text-align:right; 
	padding:6px 3px 10px 0;
	height:23px;
}

#ics img {
	border:0px;
	margin:0 6px 0 0;
}

.latestbox {
	font-size:11px;
	line-height:14px;
	width:312px; 
	border-top:1px solid #c5d5de; 
	padding:16px 19px 14px 18px;
}

.latestbox p {
	margin:7px 0;
}

#morebox {
	font-size:11px;
	line-height:11px;
	width:333px; 
	border:1px solid #c5d5de; 
	padding:3px 14px 3px 0;
	text-align:right;
}

#morebox a {
	color:#7f0d10;
	text-decoration:none;
}

#morebox a:hover {
	color:#b26f00;
}

#pagecontent {
	width: 530px;
	padding: 0 47px 0 58px;
	margin:0;
	overflow: hidden;
	line-height:22px;
	float:left;
	display:inline;
}

#pagecontent ul {
	list-style: inside;
	margin: 0 0 0 20px;
}

#ltop {
	width: 635px;
	height:99px;
	margin: 0 -47px 46px -58px;
	overflow: hidden;
	float:right;
	display:inline;
	position:relative;
}

#rightbar {
	width: 325px;
	line-height:22px;
	font-size:12px;
	margin: 0 0 0 0;
	overflow: auto;
	float:right;
	display:inline;
}

#rtop {
	width: 295px;
	height:192px;
	line-height:18px;
	padding:42px 0 0 30px;
	margin: 0 0 32px 0;
	overflow: hidden;
	float:right;
	display:inline;
	background: url("/graphics/rtop.gif") no-repeat;
	font-size:12px;
	font-style:italic;
	color:#fff;
}

#rbot {
	width: 262px;
	padding:0 33px 27px 30px;
	margin: 0 0 0 0;
	overflow: hidden;
	float:right;
	display:inline;
	background: #f5efdd;
	position:relative;
}

#rbot ul {
	list-style:none;	
}

#rbot a {
	color: #007dc3;
	text-decoration: none;
	 outline: none;

}
#rbot a:hover {
	color: #922628;
	text-decoration: underline;
}


#logolink {
	width:238px; 
	height:102px; 
	border:0; 
	float:left; 
	display:inline; 
	margin:40px 0 0 0;
}

.infobox {
	border:1px solid #aeaeae; 
	font-family: arial;  
	font-size: 14px; 
	color: #767676; 
	width:229px; 
	height:19px;
	padding:4px 0 0 5px;
	margin:0 0 7px 0;
	font-style:italic;
}

#left_foot {
	float: left;
	margin: 35px 0 0 11px;
}

#right_foot {
	float: right;
	margin: 31px 0 0 0;
}





#clear {
	clear: both;
}

div.clear {
	clear: both;
}






/* text styles */

form {
	margin: 0;
}

a {
	color: #007dc3;
	text-decoration: underline;
	 outline: none;

}
a:hover {
	color: #c50000;
	text-decoration: underline;
}

a.imedia {
	color: #2a363b;
	text-decoration: underline;
}
a.imedia:hover {
	color: #c50000;
	text-decoration: underline;
}





.splink{
padding: 0;
font-size: 11px;
text-align:left;
}

.splink ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.splink li {
list-style: none;
margin: 0;
}

li a.splink {
display: block;
padding: 0 0 0 19px;
margin: 7px 0 7px 0;
color: #b26f00;
text-decoration: none;
font-weight:bold;
background: url("/graphics/boxx.gif") no-repeat 3px 7px;
}

li a.splink:hover{
color: #b26f00;
	text-decoration: none;
background: url("/graphics/boxxon.gif") no-repeat 3px 7px;
}







h1 {
	font-weight:bold;
	font-size:15px;
	color: #007dc3;
	text-transform: uppercase;
	margin:0 0 16px 0;
}


h3 {
	font-weight:normal;
	font-size:24px;
	color: #007dc3;
	text-transform: uppercase;
	position:absolute;
	top:61px;
	left:58px;
	padding:12px 18px 0 0;
	height:38px;
	background:#fff;
	display:inline;
}

h4 {
	font-weight:normal;
	font-size:24px;
	color: #007dc3;
	position:absolute;
	top:61px;
	left:58px;
	padding:12px 18px 0 0;
	height:38px;
	background:#fff;
	display:inline;
}


p { 
	margin:26px 0 26px 0;
}

.contact td {
font-size: 10px;
text-align:right;

}

.error {
	font-size:15px;
	line-height:17px;
	color: #1b1a1d;
	padding:10px 20px 20px 20px;
}



/* catalog styles */

a.catalog {
	color: #01177a;
	text-decoration: none;
}
a.catalog:hover {
	color: #0266c4;
	text-decoration: none;
}
.catalogText {	
	text-decoration: none;
	font-size: 10pt;
}
.catalogTitle {
	color: #5C4033;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
}
td.cartdisplay {
	background: #eaeaea;
	border-bottom: solid 1px #bababa;
	padding: 6px 8px;
	}

td.cartdisplaytop {
	border-bottom: solid 1px #bababa;
	padding: 2px 8px;
	font-weight: bold;
	}
	
td.cartname {
	font-weight: bold;
	font-size:11px;
	}
td.cartoptions {
	font-size: 11px;	
	}
td.cartsub {
	padding: 6px 8px;
	}
.border {
	border: solid 1px #eeaf04;
}


/* links page  */

h5 {
	font-weight:bold;
	font-size:14px;
	text-transform: uppercase;
	margin:20px 0 5px 0;
	color: #e32b00;
}

	
div.links {
	padding: 8px 0 8px 10px;
	border-top: solid 1px #ccc6b4;
	width: 90%;
}

div.links a{
	color: #000000;
	text-decoration: none;
}

div.links a:hover{
	color: #e32b00;
	text-decoration: underline;
}






/* menu codes */



	


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#blueblock{
width: 155px;
padding: 0 0 0 0;
font-size: 11px;
text-align:left;
float:left;
}

* html #blueblock{ /*IE 6 only */
w\idth: 150px; /*Box model bug: 180px minus all left and right paddings for #blueblock  from the UL and LI */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
margin: 0;
}

li a.blueblock {
display: block;
padding: 6px 0 0 0;
color: #fff;
font-weight:bold;
text-decoration: none;
width: 140px;
height:16px;
}

html>body li a.blueblock { /*Non IE6 width*/
width: auto;
}

li a.blueblock:hover{
color: #922628;
	text-decoration: none;
}



#tinymenu ul {
	list-style: none;
   width: 166px;
	height:16px;
	padding:0;
	margin: 108px 10px 0 0px;
	float:right;
   position: relative;
	overflow: hidden;
	background: url("/graphics/tinymenu.gif") no-repeat;
   }

#tinymenu li {
   display: inline;
   position: absolute;
}


#tinymenu li a{
   float: left;
	font-size:11px;
   line-height: 14px;
   white-space: nowrap;
   	text-transform: uppercase;
   	text-align:center;
padding: 0 0 0 0;
text-indent:166px;
overflow:hidden;
height:16px;
}

#tinymenu li a:hover {
	color: #bceffa;
	}
a.on {
	color: #bceffa;
	}
	
#tinymenu a {
	color: #ffffff;
	text-decoration: none;

}
#tinymenu a:hover {
	color: #bceffa;
	text-decoration: none;
}	
	
	
	


a.contact {
background: url("/graphics/tinymenu.gif") 0 0 no-repeat;
width:103px;
}

a.contact:hover{
background: url("/graphics/tinymenu.gif") 0 -16px no-repeat;
}

a.home {
background: url("/graphics/tinymenu.gif") -103px 0 no-repeat;
width:63px;
}

a.home:hover{
background: url("/graphics/tinymenu.gif") -103px -16px no-repeat;
}

/*Solution Advisor */

div.question{
	margin: 0 0 15px 0;
	padding: 5px;
	border-style : solid none;
	border-width : 1px;
	border-color : #CACACA;
	font-weight: bold;
}

div.odd {
	background-color: #F5EFDD
}

div.even {
	background-color: #F8F8F8
}

div.answerSelect {
	padding-top: 5px;
	font-weight: normal;
	margin-left: 20px;
}

ul.solutionList {
	list-style-type: square;
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
}