@import url("../logo/css/sifr.css");
@import url("../themed_images/theme.css");

#main { background:url('../themed_images/primary_themed_bg.jpg') no-repeat center top;}

.store_link {font-variant:small-caps; color:yellow!important;}
#footer {height:150px!important; margin-top: 35px!important; padding-top: 30px!important;}

#smoothmenu1 ul li {margin: 0 10px} /*spacing for menu items */
#textlogo {display:none} /* removes that annoying aimaa flash text*/

#menu_top { z-index:500 }

/* CONTENT BG *****************************************************************************************************************************/

/* inner CSS 
.boxm-inner								{background: url('../graphics/boxm_0.jpg'); min-height:20px;}
.boxm-2									{background: url('../graphics/boxm_2.jpg') repeat-x left top; 			vertical-align:top;}
.boxm-6									{background: url('../graphics/boxm_6.jpg') repeat-x left bottom;}
.boxm-4									{background: url('../graphics/boxm_4.jpg') repeat-y right top;}
.boxm-8									{background: url('../graphics/boxm_8.jpg') repeat-y left top;}
.boxm-5									{background: url('../graphics/boxm_5.jpg') no-repeat right bottom;}
.boxm-7									{background: url('../graphics/boxm_7.jpg') no-repeat left bottom;}
.boxm-3									{background: url('../graphics/boxm_3.jpg') no-repeat right top; 			vertical-align:top;}
.boxm-1									{background: url('../graphics/boxm_1.jpg') no-repeat left top;			vertical-align:top; padding:0px;}
.boxm									{margin:0px;	padding:0px;}
.boxm-content							{padding:0px 0px 0px 0px; margin:0px;}
*/

/* Top corners and border  
.boxm_content							{position:relative;}
.btm 									{height:0px; 	margin:0px 0px 0px 0px; 			background:url('../graphics/boxm.png') no-repeat 100% 0;}
.btm div 								{height:0px; 	left:-0px; width:0px; 			background:url('../graphics/boxm.png') no-repeat 0 0;		position:relative; font-size:0;line-height:0;}


.bbm 									{height:0px; 	margin:0px 0px 0px 0px; 			background:url('../graphics/boxm.png') no-repeat 100% 100%;}
.bbm div 								{height:0px; 	left:-0px; width:0px; 			background:url('../graphics/boxm.png') no-repeat 0 100%; 		position:relative;   font-size:0; line-height:0;}

.i1m 									{padding:0px 0px 0px 27px;							background:url('../graphics/boxm_l.png') repeat-y 0 0;}

.i2m 									{padding:0px 27px 0px 0px;							background:url('../graphics/boxm_r.png') repeat-y 100% 0;}

.i3m 									{display:block;}
.i3m 									{padding:0px 0px 0px 0px;	margin:0px 0px 0px 0px;}

.i3m 									{background:url('../graphics/boxm_0.jpg');}

.i3m:after 								{content:"."; display:block; 	height:0px; 		visibility:hidden;}
.i3m 									{display:inline-block;}
.i3m 									{display:block;}
*/
/* boxm *****************************************************************************************************************************/

/* BOX INFO COLUMNS ***************************************************************************************************************************/

/* inner CSS */

.boxi-inner								{background: url('../graphics/boxi_0.jpg'); min-height:20px;}
/*.boxi-2									{background: url('../graphics/boxi_2.jpg') repeat-x left top; 			vertical-align:top;}
.boxi-6									{background: url('../graphics/boxi_6.jpg') repeat-x left bottom;}
.boxi-4									{background: url('../graphics/boxi_4.jpg') repeat-y right top;}
.boxi-8									{background: url('../graphics/boxi_8.jpg') repeat-y left top;}
.boxi-5									{background: url('../graphics/boxi_5.jpg') no-repeat right bottom;}
.boxi-7									{background: url('../graphics/boxi_7.jpg') no-repeat left bottom;}
.boxi-3									{background: url('../graphics/boxi_3.jpg') no-repeat right top; 			vertical-align:top;}
.boxi-1									{background: url('../graphics/boxi_1.jpg') no-repeat left top;			vertical-align:top; padding:0px;}
.boxi									{margin:0px 0px 0px 0px;	padding:0px;}

/* Top corners and border*/  
.bti 									{height:27px; 	margin:0px 0px 0px 25px; 			background:url('../graphics/boxi.png') no-repeat 100% 0;}
.bti div 								{height:27px; 	left:-25px; width:25px; 			background:url('../graphics/boxi.png') no-repeat 0 0;		position:relative; font-size:0;line-height:0;}

/* Bottom corners and border */ 
.bbi 									{height:27px; 	margin:0px 0px 0px 26px; 			background:url('../graphics/boxi.png') no-repeat 100% 100%;}
.bbi div 								{height:27px; 	left:-25px; width:25px; 			background:url('../graphics/boxi.png') no-repeat 0 100%; 		position:relative;   font-size:0; line-height:0;}

/* Top corners and border1*/  
.bti1 									{height:27px; 	margin:0px 0px 0px 25px; 			background:url('../graphics/boxi_color.png') no-repeat 100% 0;}
.bti1 div 								{height:27px; 	left:-25px; width:25px; 			background:url('../graphics/boxi_color.png') no-repeat 0  0;		position:relative; font-size:0;line-height:0;}

/* Bottom corners and border1 */ 
.bbi1 									{height:27px; 	margin:0px 0px 0px 25px; 			background:url('../graphics/boxi_color.png') no-repeat 100% 100%;}
.bbi1 div 								{height:27px; 	left:-25px; width:25px; 			background:url('../graphics/boxi_color.png') no-repeat 0 100%; 		position:relative;   font-size:0; line-height:0;}

/* Top corners and border1*/  
.bti2 									{height:27px; 	margin:0px 0px 0px 25px; 			background:url('../graphics/boxi_color1.png') no-repeat 100% 0;}
.bti2 div 								{height:27px; 	left:-25px; width:25px; 			background:url('../graphics/boxi_color1.png') no-repeat 0  0;		position:relative; font-size:0;line-height:0;}

/* Bottom corners and border1 */ 
.bbi2 									{height:27px; 	margin:0px 0px 0px 25px; 			background:url('../graphics/boxi_color1.png') no-repeat 100% 100%;}
.bbi2 div 								{height:27px; 	left:-25px; width:25px; 			background:url('../graphics/boxi_color1.png') no-repeat 0 100%; 		position:relative;   font-size:0; line-height:0;}

/* Top corners and border1*/  
.bti3 									{height:27px; 	margin:0px 0px 0px 25px; 			background:url('../graphics/boxi_color2.png') no-repeat 100% 0;}
.bti3 div 								{height:27px; 	left:-25px; width:25px; 			background:url('../graphics/boxi_color2.png') no-repeat 0  0;		position:relative; font-size:0;line-height:0;}

/* Bottom corners and border1 */ 
.bbi3 									{height:27px; 	margin:0px 0px 0px 25px; 			background:url('../graphics/boxi_color2.png') no-repeat 100% 100%;}
.bbi3 div 								{height:27px; 	left:-25px; width:25px; 			background:url('../graphics/boxi_color2.png') no-repeat 0 100%; 		position:relative;   font-size:0; line-height:0;}

/* Left border */
.i1i 									{padding:0px 0px 0px 5px;							background:url('../graphics/boxi_l.png') repeat-y 0 0;}

/* Right border */
.i2i 									{padding:0px 5px 0px 0px;							background:url('../graphics/boxi_r.png') repeat-y 100% 0;}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3i 									{display:block;}
.i3i 									{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.i3i 									{background:url('../graphics/boxi_bg.png');}

/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3i:after 								{content:"."; display:block; 	height:0px; 		visibility:hidden;}
.i3i 									{display:inline-block;}
.i3i 									{display:block;}


/* BOX INFO COLUMNS ***************************************************************************************************************************/


/* BOX 1 ***************************************************************************************************************************/

/* inner CSS *//**/
.box1-inner								{background: url('../graphics/box1_0.jpg'); min-height:20px;}
.box1-2									{background: url('../graphics/box1_2.jpg') repeat-x left top; 			vertical-align:top;}
.box1-6									{background: url('../graphics/box1_6.jpg') repeat-x left bottom;}
.box1-4									{background: url('../graphics/box1_4.jpg') repeat-y right top;}
.box1-8									{background: url('../graphics/box1_8.jpg') repeat-y left top;}
.box1-5									{background: url('../graphics/box1_5.jpg') no-repeat right bottom;}
.box1-7									{background: url('../graphics/box1_7.jpg') no-repeat left bottom;}
.box1-3									{background: url('../graphics/box1_3.jpg') no-repeat right top; 			vertical-align:top;}
.box1-1									{background: url('../graphics/box1_1.jpg') no-repeat left top;			vertical-align:top; padding:0px;}
.box1									{margin:0px 0px 10px 0px;	padding:0px;}

/* Top corners and border*/ 
.bt 									{height:40px; 	margin:0px 0px 0px 25px; 			background:url('../graphics/box1.png') no-repeat 100% 0;}
.bt div 								{height:40px; 	left:-25px; width:25px; 			background:url('../graphics/box1.png') no-repeat 0 0;		position:relative; font-size:0;line-height:0;}

/* Bottom corners and border */ 
.bb 									{height:40px; 	margin:0px 0px 0px 25px; 			background:url('../graphics/box1.png') no-repeat 100% 100%;}
.bb div 								{height:40px; 	left:-25px; width:25px; 			background:url('../graphics/box1.png') no-repeat 0 100%; 		position:relative;   font-size:0; line-height:0;}

/* Left border*/ 
.i1 									{padding:0px 0px 0px 5px;							background:url('../graphics/box1_l.png') repeat-y 0 0;}

/* Right border*/ 
.i2 									{padding:0px 5px 0px 0px;							background:url('../graphics/box1_r.png') repeat-y 100% 0;}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 									{display:block;}
.i3 									{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.i3 									{background:url('../graphics/box1_bg.png');}

/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after 								{content:"."; display:block; 	height:0px; 		visibility:hidden;}
.i3 									{display:inline-block;}
.i3 									{display:block;}


/* BOX 1 ***************************************************************************************************************************/

/* BOX 4 ********************************************************************************************************************************/

/* inner CSS *//**/
.box4-inner								{background: url('../graphics/box4_0.jpg'); min-height:20px;}
.box4-2									{background: url('../graphics/box4_2.jpg') repeat-x left top; 			vertical-align:top;}
.box4-6									{background: url('../graphics/box4_6.jpg') repeat-x left bottom;}
.box4-4									{background: url('../graphics/box4_4.jpg') repeat-y right top;}
.box4-8									{background: url('../graphics/box4_8.jpg') repeat-y left top;}
.box4-5									{background: url('../graphics/box4_5.jpg') no-repeat right bottom;}
.box4-7									{background: url('../graphics/box4_7.jpg') no-repeat left bottom;}
.box4-3									{background: url('../graphics/box4_3.jpg') no-repeat right top; 			vertical-align:top;}
.box4-1									{background: url('../graphics/box4_1.jpg') no-repeat left top;			vertical-align:top; padding:0px;}
.box4									{margin:0px 0px 10px 0px;	/*padding:30px 0px 0px 0px; border:0px aqua solid; background:url('../graphics/box4top.png') no-repeat scroll left top;*/}

/* Top corners and border */ 
.bt4 									{height:40px; 	margin:0px 0px 0px 25px; 			background:url('../graphics/box4.png') no-repeat 100% 0;}
.bt4 div 								{height:40px; 	left:-25px; width:25px; 			background:url('../graphics/box4.png') no-repeat 0 0;		position:relative; font-size:0;line-height:0;}

/* Bottom corners and border*/  
.bb4 									{height:40px; 	margin:0px 0px 0px 25px; 			background:url('../graphics/box4.png') no-repeat 100% 100%;}
.bb4 div 								{height:40px; 	left:-25px; width:25px; 			background:url('../graphics/box4.png') no-repeat 0 100%; 		position:relative;   font-size:0; line-height:0;}

/* Left border*/ 
.i14 									{padding:0px 0px 0px 5px;							background:url('../graphics/box4_l.png') repeat-y 0 0;}

/* Right border*/ 
.i24 									{padding:0px 5px 0px 0px;							background:url('../graphics/box4_r.png') repeat-y 100% 0;}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i34 									{display:block;}
.i34 									{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.i34 									{background:url('../graphics/box4_bg.png');}

/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i34:after 								{content:"."; display:block; 	height:0px; 		visibility:hidden;}
.i34 									{display:inline-block;}
.i34 									{display:block;}


/* BOX 4 ********************************************************************************************************************************/



/* MENU TOP ***************************************************************************************/
 /* do not alter*/
.ddsmoothmenu						{width: 100%; }
.ddsmoothmenu ul						{z-index:100; margin-left: 100px; margin-top: -18px;   padding: 0;list-style-type: none;}
.ddsmoothmenu ul li					{position: relative; display: inline; float: left; font-size: .8em; }
.ddsmoothmenu ul li a					{display: block;}
 /* do not alter*/

/* set top level padding */
.ddsmoothmenu ul li a					{padding: 5px;} /*top right bottom left*/

* html .ddsmoothmenu ul li a			{/*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}

/*1st sub level menu*/
.ddsmoothmenu ul li ul					{position: absolute;left: 0;display: none; /*collapse all sub menus to begin with*/visibility: hidden; }
.ddsmoothmenu ul li ul					{-moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; margin:0px 0px 0px 0px; padding:8px 0px 8px 0px; background:url('../graphics/sub_bg.png') no-repeat scroll left top; border:1px solid #000000; border-top:0px;}

.ddsmoothmenu ul li ul li				{display: list-item;float: none;}
.ddsmoothmenu ul li ul li ul				{top: 0;}

/* set sub level width */
.ddsmoothmenu ul li ul li a				{min-width:100px; white-space:nowrap;}

/* set sub level padding */
.ddsmoothmenu ul li ul li a				{padding:6px 20px 6px 20px; margin-bottom:0px; }

/* Holly Hack for IE \*/
* html .ddsmoothmenu					{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass							{position: absolute;top: 10px;right: 7px;}

.rightarrowclass						{position: absolute;top: 16px;right: 25px;}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow								{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}

.toplevelshadow							{opacity: 0.0;filter: alpha(opacity = 0);}
/* MENU TOP ***************************************************************************************/


/* MENU SIDE ***************************************************************************************/
/* set the position of the main buttons*/
.ddsmoothmenu-v 						{margin: -7px 0px 0px 0px;}

/* set the main button width */
.ddsmoothmenu-v ul						{width: 240px;  margin:0px 0px 0px 0px;}
.ddsmoothmenu-v ul						{border-top: 1px solid transparent}			/* top of all buttons - use dark color here */
.ddsmoothmenu-v ul						{border-bottom: 1px solid transparent;}		/* bottom of all buttons - use light color here*/

/* set the sub level button width  */
.ddsmoothmenu-v ul li ul				{width: 170px; margin-top:-1px;}
.ddsmoothmenu-v ul li ul a				{padding:5px 0px 5px 20px;}

/* set the main button border color */
.ddsmoothmenu-v ul li a					{border-top: 1px solid transparent;}		/* use light color here*/
.ddsmoothmenu-v ul li a					{border-bottom: 1px solid transparent;}		/* use dark color here */

.ddsmoothmenu-v ul						{margin: 0;padding: 0;list-style-type: none;}
.ddsmoothmenu-v ul li					{position: relative;}

/* Top level menu links style */
.ddsmoothmenu-v ul li a					{display: block; overflow: auto;padding: 5px 15px 5px 20px; text-decoration:none;} /*force hasLayout in IE7 */

/*Sub level menu items */
.ddsmoothmenu-v ul li ul				{position: absolute; top: 0; visibility: hidden;}  

/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li 			{float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a 			{height: 1%; }
/* End */
/* MENU SIDE ***************************************************************************************/




/* FONT STYLES ***************************************************************************************/

 /* seo h1/h2 */										
#seo_1 h1								{color:#374442;	text-indent: 0px;	font-size: 26px;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	text-shadow: 1px 1px 1px #000000;		padding: 5px 0px 5px 0px;	 	margin: 0px 0px 0px 0px;	text-align:left; 	font-style:bold; 	font-weight:normal; 	text-align:justify;}
#seo_2 h2								{color:#efefef;	text-indent: 0px;	font-size: 16px;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	text-shadow: 1px 1px 1px #000000;		padding: 5px 0px 5px 0px;		margin: 0px 0px 0px 0px;	text-align:left; 	font-style:normal; 	line-height:1.3em; 	letter-spacing:.005em;	text-align:justify;}


#logo_tagline	{color:#8888ea;	font-size: .8em; font-style: italic; font-family:  Helvetica, sans-serif; margin-left: 25px;}

/*clock*/
#clock 									{color:#333333;  	text-align:right; 	font-size:9px; 		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-weight:normal;	text-decoration:none; }  

/* -------------------------- top menu styles--------------------- */


/* topmenu font color */
.ddsmoothmenu ul li a:link				{color: #ddd; 	text-decoration: none;	text-shadow: 1px 1px 1px #333333;}
.ddsmoothmenu ul li a:visited			{color: #ddd; 	text-decoration: none;	text-shadow: 1px 1px 1px #333333;}
.ddsmoothmenu ul li a:hover			{color: #ffffff; 	text-decoration: none;	text-shadow: 1px 1px 1px #000000;}
.ddsmoothmenu ul li a:active			{color: #ffffff; 	text-decoration: none;	text-shadow: 1px 1px 1px #000000;}
.ddsmoothmenu ul li a:selected			{color: #ffffff; 	text-decoration: none;	text-shadow: 1px 1px 1px #000000;}

/* topmenu SUBMENU font color */
.ddsmoothmenu ul li ul li a:link			{color: #efefef; 	text-decoration: none;	text-shadow: 1px 1px 1px #000000;}
.ddsmoothmenu ul li ul li a:visited		{color: #efefef; 	text-decoration: none;	text-shadow: 1px 1px 1px #000000;}
.ddsmoothmenu ul li ul li a:hover		{color: #95AAB7; 	text-decoration: none;	text-shadow: 1px 1px 1px #111111;}
.ddsmoothmenu ul li ul li a:active		{color: #95AAB7; 	text-decoration: none;	text-shadow: 1px 1px 1px #111111;}
.ddsmoothmenu ul li ul li a:selected		{color: #95AAB7; 	text-decoration: none;	text-shadow: 1px 1px 1px #111111;}

/* topmenu button background color */
.ddsmoothmenu ul li a					{background-color:transparent; background:url('../graphics/topmenu_bg.png') no-repeat left top;}
.ddsmoothmenu ul li a:link				{background-color:transparent; background:url('../graphics/topmenu_bg.png') no-repeat left top;}
.ddsmoothmenu ul li a:visited			{background-color:transparent; background:url('../graphics/topmenu_bg.png') no-repeat left top;}
.ddsmoothmenu ul li a:hover			{background-color:transparent; background:url('../graphics/topmenu_bg.png') no-repeat -278px top;}
.ddsmoothmenu ul li a:active			{background-color:transparent; background:url('../graphics/topmenu_bg.png') no-repeat left top;}
.ddsmoothmenu ul li a:selected			{background-color:transparent; background:url('../graphics/topmenu_bg.png') no-repeat left top;}

/* topmenu SUBMENU button background color */
.ddsmoothmenu ul li ul li a:link			{background-color: transparent; background-image:none;}
.ddsmoothmenu ul li ul li a:visited		{background-color: transparent; background-image:none;}
.ddsmoothmenu ul li ul li a:hover		{background-color: transparent; background:#000000; -moz-border-radius: 8px; border-radius: 0px;}
.ddsmoothmenu ul li ul li a:active		{background-color: transparent; background-image:none;}
.ddsmoothmenu ul li ul li a:selected		{background-color: transparent; background-image:none;}

/* topmenu border color*/
.ddsmoothmenu ul li a					{border-right: 0px solid #121867; border-left: 0px solid #121867;}

/* topmenu SUBMENU borders */
.ddsmoothmenu ul li ul li a				{border-right: 0px solid #330000; border-left: 0px solid #330000; border-top: 0px solid #330000; border-bottom: 0px solid #330000;}


/* -------------------------- side menu styles--------------------- */

/* sidemenu font color */
.ddsmoothmenu-v ul li a:link 			{color: #333333; text-decoration: none; text-indent:0px;	}
.ddsmoothmenu-v ul li a:visited 		{color: #333333; text-decoration: none; text-indent:0px;	}
.ddsmoothmenu-v ul li a:hover			{color: #000000; text-decoration: none; text-indent:2px;	}
.ddsmoothmenu-v ul li a:active 		{color: #000000; text-decoration: none; text-indent:0px;	}
.ddsmoothmenu-v ul li a.selected		{color: #000000; text-decoration: none; text-indent:0px;	}

/* sidemenu SUBMENU font color */
.ddsmoothmenu-v ul li ul a 				{color: #333333;}
.ddsmoothmenu-v ul li ul a:link 		{color: #333333;}
.ddsmoothmenu-v ul li ul a:visited 		{color: #333333;}
.ddsmoothmenu-v ul li ul a:hover 		{color: #95AAB7;}
.ddsmoothmenu-v ul li ul a:active 		{color: #95AAB7;}
.ddsmoothmenu-v ul li ul a:selected 	{color: #95AAB7;}

/* sidemenu button background color */
.ddsmoothmenu-v ul li a:link 			{background-color: transparent;		/*background-image:url('../graphics/sidemenu.png'); 	background-position:center bottom;*/}
.ddsmoothmenu-v ul li a:visited 		{background-color: transparent;		/*background-image:url('../graphics/sidemenu.png'); background-position:center bottom;*/}
.ddsmoothmenu-v ul li a:hover			{background-color: #CCCCCC;}
.ddsmoothmenu-v ul li a:active 		{background-color: #CCCCCC;			/*transparent	background-image:url('../graphics/sidemenu.png'); background-position:center bottom; */}
.ddsmoothmenu-v ul li a.selected		{background-color: #CCCCCC;			/*background-image:url('../graphics/sidemenu.png'); background-position:center bottom;*/}

/* sidemenu SUBMENU button background color */
.ddsmoothmenu-v ul li ul a 				{background-color: #CCCCCC;}
.ddsmoothmenu-v ul li ul a:link 		{background-color: #CCCCCC;}
.ddsmoothmenu-v ul li ul a:visited 		{background-color: #CCCCCC;}
.ddsmoothmenu-v ul li ul a:hover 		{background-color: #333333;}
.ddsmoothmenu-v ul li ul a:active 		{background-color: #333333;}
.ddsmoothmenu-v ul li ul a:selected 	{background-color: #333333;}

/* sidemenu border color 
.ddsmoothmenu-v ul li ul a 				{border-left:1px #000000 solid ; border-right:1px #000000 solid ; margin-right:0px;}
*/
/* menu font type, size and family */
.ddsmoothmenu ul						{font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.ddsmoothmenu ul li ul li a				{font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.ddsmoothmenu-v ul					{font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.ddsmoothmenu-v ul li ul li a			{font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}


/* -------------------------- box info columns --------------------- */
.infocontent 							{margin:0px 0px 0px 0px;	 }
.infocontent h3 						{text-indent:0px;}

/* ************************THIS IS THE FRONT PAGE TRIO ********************/
.boxi-content { border-top: 6px solid #222;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(top, #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
.boxi-content:hover {/*background-color:#666600; color:#333 ; */border-color: #eeee33; }
.boxi-content:hover h3 {color:#eeee33}
.boxi-content:hover p .button2 {color:#eeee33}

.button2 {display:block; text-align:right; margin-right:5px; font-size:1.2em; margin-top:8px; padding:0; }

	
.boxi-content h3	  { /*color:white; */ color: #95AAB7;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:22px; 		margin: 0px 0px 0px 0px;	padding:0px 0px 10px 0px;	font-weight:normal;			font-style:italic;  text-align:left;}
.boxinew-content h3	{color: #,ff0000;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:22px; 		margin: 0px 0px 0px 0px;	padding:0px 0px 10px 0px;	font-weight:normal;			font-style:italic;  text-align:left;}
.boxi-content h4	 {color: #efefef;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:18px;						margin: 0px 0px 0px 0px;	padding:0px 0px 1px 0px; 		font-weight:bold;}
.boxi-content h5	 {color: #dadada; 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:10px;						margin: 0px 0px 0px 0px;	padding:1px 0px 1px 0px; 		font-weight:normal;}
.boxi-content p	{color: #dadada;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:12px; 						margin: 0px 0px 0px 0px;	padding:0px 0px 0px 0px; 		line-height:1.4em; 	vertical-align:top;}
.boxi-content	{color: #dadada;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:12px;						margin: 0px 0px 0px 0px;	padding: 10px 10px 10px 10px;		min-height: 175px;	vertical-align: top;}


.boxi-content p a:link					{color: #efefef;	text-decoration:underline;}
.boxi-content p a:visited					{color: #efefef; 	text-decoration:underline;}
.boxi-content p a:hover					{color: #999999; 	text-decoration:none;}
.boxi-content p a:active					{color: #efefef; 	text-decoration:underline;}


.boxi-content ul						{color: #efefef;}




/* -------------------------- box1 styles --------------------- */
.menucontent 							{}
.menucontent h3 						{text-indent:45px;}

.sidecontent 							{}
.sidecontent h3 						{text-indent:0px;}


.box1-content h3						{/*background: url('../themed_images/css_h3.png') no-repeat 0px top; text-indent:45px;*/}
.box1-content h3						{color: #ff0000; 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:22px; 		margin: 0px 0px 0px 0px; 	padding:1px 0px 10px 0px;		font-weight:normal;	font-style:italic; text-align:right;}
.box1-content h4						{color: #333333; 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:14px; 						margin: 0px 0px 0px 0px; 	padding:0px 0px 0px 0px; 		font-weight:bold;}
.box1-content h5						{color: #333333; 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:12px;						margin: 0px 0px 0px 0px; 	padding:5px 0px 2px 0px; 		font-weight:normal;}
.box1-content p							{color: #777777; 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:12px; 						margin: 0px 0px 0px 0px;	padding:5px 0px 5px 0px; 		line-height:1.4em; 	vertical-align:top;}
.box1-content							{color: #777777;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:12px;						margin: 0px 0px 0px 0px;	padding:5px 7px 5px 7px;	min-height: 50px;	vertical-align: top;}

.box1-content a:link					{color: #2828a4; 	text-decoration:underline;}
.box1-content a:visited					{color: #2828a4; 	text-decoration:underline;}
.box1-content a:hover					{color: #000000; 	text-decoration:none;}
.box1-content a:active					{color: #2828a4; 	text-decoration:underline;}

.box1-content ul						{color: #333333;}


/* -------------------------- box4 styles --------------------- */
.centercontent 							{margin:0px 0px 0px 0px;	 }
.centercontent h3 						{text-indent:5px;}

.box4-content h3						{/*background: url('../themed_images/css_h3.png') no-repeat 0px top; text-indent:45px;*/}		
.box4-content h3						{color: #2828a4;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:22px; 		margin: 0px 0px 0px 0px;	padding:1px 0px 5px 0px;		font-weight:normal;	font-style:italic; }
.box4-content h4						{color: #333333;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:18px;						margin: 0px 0px 0px 0px;	padding:0px 0px 5px 0px; 		font-weight:bold;}
.box4-content h5						{color: #555555; 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:12px;						margin: 0px 0px 0px 0px;	padding:5px 0px 5px 0px; 		font-weight:normal;}
.box4-content p							{color: #777777;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:14px; 						margin: 0px 0px 0px 0px;	padding:10px 0px 5px 0px; 		line-height:1.4em; 	vertical-align:top;}
.box4-content							{color: #777777;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		font-size:14px;						margin: 0px 0px 0px 0px;	padding:5px 15px 5px 15px;	min-height: 50px;	vertical-align: top;}
	
.box4-content a:link					{color: #0f0b7a;	text-decoration:underline;}
.box4-content a:visited					{color: #222326; 	text-decoration:underline;}
.box4-content a:hover					{color: #95AAB7; 	text-decoration:none;}
.box4-content a:active					{
	color: #006;
	text-decoration:underline;
}

.box4-content ul						{color: #222326;}


/* -------------------------- footer styles --------------------- */
#footer					{color: #cccccc; 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; }
#footer p				{color: #cccccc; 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em;}
#footer a:link			{color: #cccccc; 	text-decoration:none;}
#footer a:visited		{color: #cccccc; 	text-decoration:underline;}
#footer a:hover			{color: #ffffff; 	text-decoration:none;}
#footer a:active			{color: #cccccc; 	text-decoration:underline;}

 /* base colors (reds)
lightest	=	#593659- purple
			=	#222326- dark gray
			=	#3E8C84- light teal
			=	#1C403C- dark teal
			
 */

/* company name used in Privacy page */
.redfont 								{color:#999999; 	font-weight:bold;}


/* -------------------------- Global styles --------------------- */

body 								{color:	#EDEBE4; 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-size:1em; line-height:1.5em;}
textarea								{color: #000000;}
input								{color: #000000;}
a:link 								{color: #2C0402;	text-decoration:none;}
a:visited 							{color: #2C0402;	text-decoration:none;}
a:hover 								{color: #000000; 	text-decoration:underline;}
a:active 							{color: #2C0402;	text-decoration:none;}
a:focus 								{color: #2C0402;	text-decoration:none;}

/* FONT STYLES ***************************************************************************************/
.catalog 								{}
.product 								{border: 1px solid #cccccc; height: 200px; min-width: 100px; text-align: left; padding: 10px; vertical-align: top;}
.paypalbtn								{height: 36px; border: 1px #f7f7f7 solid; text-align: center; width: auto; display: block; clear: both;padding: 2px;}

.component-index						{border: 1px #724639 solid; padding:5px; display:block; height:80px;}
.features-index							{margin: 10px;border: 1px solid #724639;padding: 5px;display: block;min-height: 80px;}
.features-title							{font-size: 16px;font-variant: small-caps;color: #724639;padding-right: 10px;padding-left: 10px;}

.demopic 								{padding:5px 5px 5px 5px;}

#icon1									{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:top; text-align:left; border:0px;}
#icon2									{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:top; text-align:left;border:0px;}
#icon3									{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:top; text-align:left;border:0px;}

input.button 							{width:auto !important; margin-right:2px; margin-left:3px; border:1px solid #1F2E19; border-right-color:#1F2E19; border-bottom-color:#1F2E19; padding:1px .5em; background:#1F2E19 url(../graphics/submit-button-bg.jpg) left center repeat-x; color:#FFFFFF;}
button 									{width:auto !important; margin-right:2px; margin-left:3px; border:1px solid #28292D; border-right-color:#28292D; border-bottom-color:#28292D; padding:1px .5em; background:#28292D url(../graphics/submit-button-bg.jpg) left center repeat-x; color:#3D4026;}
input.button:active 					{border:1px solid #28292D; border-right-color:#28292D; border-bottom-color:#28292D;}
button:active 							{border:1px solid #28292D; border-right-color:#28292D; border-bottom-color:#28292D;}
input.button:hover 						{cursor:pointer;}
button:hover 							{cursor:pointer;}
input.button.primary 					{border:1px solid #28292D; border-right-color:#28292D; border-bottom-color: #28292D; background:#28292D url(../graphics/submit-button-bg.jpg) right center repeat-x;}
button.primary 							{border:1px solid #28292D; border-right-color:#28292D; border-bottom-color: #28292D; background:#28292D url(../graphics/submit-button-bg.jpg) right center repeat-x;}
input.button.primary:active 			{border:1px solid #28292D; border-right-color:#28292D; border-bottom-color:#28292D;}

/* zoom menu */
.demo img 								{border:0px none; padding:0px; width:48px; height:48px; vertical-align:top;}
#zoom_menu img 							{padding:0px 4px;}
#zoom_menu div.jqDock					{}
div.jqDockLabel 						{border:0px none; padding:0px 4px;}
div.jqDockLabelLink 					{cursor:pointer;}
div.jqDockLabelImage 					{cursor:default;}
div.jqDockLabel 						{font-family:Arial, Helvetica, sans-serif;  font-weight:normal; font-size:20px; white-space:nowrap; color:#ffffff; background-color:transparent;}

.address 								{min-height:250px;}
.contact 								{min-height:250px;}
.telephone 								{min-height:250px;}

/* list of websafe fonts, and similar fall backs */
/*
font-family: 'Bookman Old Style', serif;
font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: 'Comic Sans MS', cursive;
font-family: Garamond, serif;
font-family:  serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'Lucida Console', Monaco, monospace;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: Century Gothic, sans-serif;
font-family: Gill Sans / Gill Sans MT, sans-serif;