body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding:0;
	margin:0 auto;
	width:995px;
	background:#e5ecf3;
}

p{
margin:0; padding:0;
}
img {
	border-style: none;
}

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

a {
	color: #2E9FED;
	text-decoration: none;
}

a:hover {
	color: #1471B1;
	text-decoration:underline;
}
.clear {clear:both;}
.breaker { height:10px;}
.space-left { margin-left:20px;}
.space-right { margin-right:20px;}
.green { color:green;}
.red, { color:red;}
.float-left { float:left; display:inline}
.float-right { float:right; display:inline}
.floating-sidebar { position:absolute; top:20px; right:0}
.seperator { clear:both; height:10px;}
.clear { clear:both; }
.last { margin-right:0; }
.spacer { margin-right:10px;}
.spacer-bottom { margin-bottom:10px; }
.spacer-top { margin-top:10px;}
.spacer-right { margin-right:10px;}
.spacer-left { margin-left:10px;}
.alignright { text-align:right;}
.aligncenter { 	text-align:center;}
.alignjustify { text-align:justify;}
.hidden { display:none;}
#head {
	background-image: url(/images/logoNew.jpg);
	height:200px;
	position:relative;

}

#menu {
	position:absolute;
	bottom:0;
	width:975px;
	padding-left:10px;
	margin:0;
	list-style-type: none;
}



#menu li {
	float: left;
	margin-top:2px;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 8px;
	
}
#menu li a {
	position:relative;
	top:13px;
	font-size:14px;
	color:#02582b;
	padding-top:2px;
	text-align:center;
	font-weight:bold;
	margin-top:30px;
}
#menu li a:hover {
color:#ed1c22;
text-decoration:underline;
}
#menu .current {
color:#000033;
font-weight:bold;
border-bottom:3px solid #8A8A8A;
}

.menu_seperator
{
	width:2px;
	height:45px;
}
.head-bottom { height:3px; background:#dddddd; margin-bottom:10px; clear:both;}
#container { background:#FFF;}
#content_left {
float:left;
width: 240px;
height:auto;
border-top:5px solid #0B74BD;
padding-top:10px;
}
#content_right {
float:left;
width: 735px;
height:auto;
margin-left:20px;
border-top:5px solid #CCCCCC;
padding-top:10px;
}

#module_list {
	background:#fff;
}

#module_list .bottom_back
{
	background-image: url(/images/module_list_down_back.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height:24px;
}

#module_list h2{
	background-image: url(/images/module_list_back.jpg);
	color:white;
	padding-top: 1px;
	padding-left:10px;
	margin:0;
	height:24px;
	font-size:16px;
}
#module_list h2 a {
	background-image: url(/images/module_list_back.jpg);
	color:white;
	margin:0;
	padding-bottom:0;
	padding-left:0;
	height:18px;
	}
#module_list h2 a:hover {
background-image: url(/images/module_list_back.jpg);
}
#navigation, 
{ margin:0; padding:0; }

#module_list ul {
margin:0;
padding:0;
border-left:5px solid #0085ca;
border-right:5px solid #0085ca;
border-bottom:5px solid #0085ca;
}
#module_list li
{
background:#229fd9;
list-style:none;
border-right-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-color: #015a8b;
border-right-color: #015a8b;
border-bottom-color: #015a8b;
text-align:left
}

#box_left {
	margin-top:0;
min-height:255px;
height: auto !important;
height: 255px;
border:1px solid #c7c7c7;
padding:1px;
}

#box_left h2 {
	background:url(/images/box_bg.gif);
	color:white;
	height:33px;
	padding-top:5px;
	padding-left:10px;
	font-size:16px;
	margin:0;
}

#box_left ul {
margin:0;
padding:5px;
}

#box_left li
{
list-style:none;
text-align:left;
margin-top:5px;
}

#box_left td a {
	color:#999999;
}

#box_left .seperator
{
border-bottom:1px dotted #acacac;
height:5px;
}

#box_left p {
margin-top:10px;
padding:0;
text-align:right;
margin-right:5px;
}

.rank {background:#2badec; padding:4px; font-size:16px; color:white; font-weight:bold;}


 #img_div {
float:left;
}

 #details_div {
	float:left;
}

#details_div h2
{
	font-size:14px;
}

#module_list a
{
	color:white;
	display: block;
	padding: 3px 5px 3px 15px;
	background-color: #229fd9;
	text-decoration: none;
}

#module_list a:hover {
background:#015a8b;
}

div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 735px;	 
	height:300px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	border:1px solid #222;
}


#thumbs div {
	float:left;
	width:245px;
	height:300px;
	background:#333 url(/images/h150.png) repeat-x 0 146px;
	color:#fff;
	border-left:1px solid #333;
	cursor:pointer;
}
#thumbs .img
{
	width:245px;
	height:250px;
	overflow:hidden;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#066;
	cursor:default;
}

#thumbs h3 {
	padding:5px;
	margin-top:23px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;	
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
}
#thumbs p { margin:0; padding:0; text-align:left; background:red}
/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(/scripts/Scrollables/left.png) no-repeat;
	float:left;
	cursor:pointer;
	margin-top: 83px;
	margin-right: 10px;
	margin-bottom: 43px;
	margin-left: 10px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(/scripts/Scrollables/right.png);
	clear:right;	
}


/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/scripts/Scrollables/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

.index-box {
float:left;
width:353px;
}

#videos {
border:1px solid #c7c7c7;
}

#videos h2 {
color:#383838;
margin-left:15px;
margin-top:5px;
}

#videos a {
color:#383838;
}

#footer {
background:#0085ca;
text-align:center;
color:#ddddd7;
margin-top:10px;
}
#footer p {
text-align:center;
}

#footer a {
color:#ddddd7;
}

.list_image {
margin-right:5px;
border:1px solid #c7c7c7;
padding:3px;
}

#box
{
margin-top:0;
min-height:255px;
height: auto !important;
height: 255px;
border:1px solid #c7c7c7;
padding:1px;
}

#box h2
{
	height:30px;
	color:#323232;
	background:#dddddd;
	margin:0;
	font-size:16px;
	padding-top:10px;
	padding-left:5px;
}
#box h3
{
	height:24px;
	color:white;
	background-image: url(/images/module_list_back.jpg);
	padding-top:2px;
	margin:0;
	font-size:13px;
	padding-left:5px;
}
#box h3 a
{ 
	color:white;
}

#box ul {
margin:0;
padding:5px;
}

#box li
{
list-style:none;
text-align:left;
margin-top:5px;
}
#box .seperator
{
border-bottom:1px dotted #acacac;
height:5px;
}

#box p {
margin-top:10px;
padding:0;

margin-right:5px;
}

.subcategories
{
	background:#f4f4f4;
	padding:10px;
	border:1px solid #cccccc;
	margin-left:5px;
	margin-right:5px;
}

.subcategories h2 {
color:#4b4b4b;
font-size:18px;
margin-top:5px;
margin-bottom:5px;
margin-left:0;
}

.subcategories ul {
	float:left;
}

.subcategories li {
list-style:none;
margin-bottom:5px;
}

.subcategories li a {
	color:#4b4b4b; text-decoration:underline;
}

.subcategories li a:hover { text-decoration:none;}

.nav {
clear:both;
margin-bottom:10px;
}

.header_title {
	color:#0f3170;
	font-size:26px;
}
.small_header {
	color:#0f3170;
	font-size:18px;
}

.product { position:relative;}
.product.thumb { width:100px;}
.product p { margin:0; padding:0; width:600px; } 
.product_seperator {  height:10px; clear:both; border-bottom:1px dashed #cccccc; margin-bottom:5px;}
.product h2 { margin:0; padding:0; padding-bottom:5px; font-size:14px;}
.product .icons {margin-top:10px; float:right; margin-right:10px;}
.MiniContact { background:#E5ECF3; padding:5px; border:1px solid #184483}
.QuestionBox { background:#eceef0;  padding-bottom:10px; }
.QuestionBox h1 {background:url(/images/menu_002_h.png) repeat-x; padding:5px; color:#FFF; padding:5px; margin:0; }
.QuestionBox p { padding:10px; }
.QuestionBox textarea  { width:270px; height:90px; }
.QuestionBox ul { padding:0; }
.QuestionBox form { padding:5px; }
.button:link, .button:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }
	.small.button, .small.button:visited 			{ font-size: 11px; padding: ; }
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.button, .large.button:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover						{ background-color: #749a02; }
	.blue.button, .blue.button:visited		{ background-color: #2daebf; }
	.blue.button:hover							{ background-color: #007d9a; }
	.magenta.button, .magenta.button:visited		{ background-color: #a9014b; }
	.magenta.button:hover							{ background-color: #630030; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover							{ background-color: #d45500; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover							{ background-color: #fc9200; }
	.red.button, .red.button:visited		{ background-color: #cc0000; }
	.red.button:hover							{ background-color: #f0343b; }
.error {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/error.png');
}
.error ol { list-style:none;}
.error li { margin-bottom:5px; font-style:italic; }
input.warning, input.error_msg  {
	text-align: left;
	color: #CC3366;
	border: 1px dotted #CC3366;
	background:#f8dbdb;
}
.error_msg { color:#ff0000; padding-left:10px; }
.check { background:url(/images/check.gif) no-repeat; width:34px; height:34px; }