/*================== globals ====================*/

* { margin: 0; padding: 0;}

body { 
	background: #7faed5 url(../images/softmedia-ind-03.jpg) repeat-x; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 1.25em; 
	color: #000;
}

div {float: none;}

input, textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

p { margin-bottom:16px;}

img {border:0px;}

a {font-size:12px; color: #004b8d;}
a:hover {
}

h1, h2, h3 {font-family:  Verdana, Arial, Helvetica, sans-serif;}

h1 { font-size: 24px; 
	line-height: 1.1em; 
	color: #004b8d; 
	font-weight: normal; 
	padding: 20px 0 10px 0;
	}
	
h1 a { text-decoration: none;}
h1 a:hover { text-decoration:none;}

h2 { font-size: 20px; 
	color: #004b8d; 
	font-weight: normal; 
	line-height: 34px; 
	margin-bottom: 0px;
	}

h3 {
	font-size:18px; 
	color: #004b8d; 
	font-weight:normal;
	line-height: 24px; 
	margin-bottom: 3px;
}
h3 a {border-bottom:1px dotted #999; text-decoration:none; color:#000;}
h3 a:hover {border-bottom: 1px solid #000; text-decoration: none;}

h4 { font-size: 16px; 
color: #246085; 
font-weight: normal; 
line-height: 34px; 
margin-bottom: 3px;
}

/*================== forms ====================*/

input, select { font-size: 12px; vertical-align: middle; font-weight: normal;}
img {border: 0; vertical-align: top; text-align: left;}

#contacts-form label { display: block; height: 41px; }
#contacts-form input { width:174px; padding:1px 0 1px 3px; color: #373732; border: 1px solid #a09b96; background: none;}
#contacts-form textarea { width: 316px; height: 99px; padding: 1px 0 1px 3px; margin-bottom: 16px; overflow: auto; color: #373732; border: 1px solid #a09b96; background:none;}


/*================== list ====================*/

ul { list-style:none;}
ul li { list-style:none;}

.p1 { margin-bottom: 8px;}
.p2 { margin-bottom: 25px;}
.p3 { padding-bottom: 16px; margin: 0;}


/*================== master containers ======================*/

#outerShell { width:933px; margin: 0 auto 0 auto; }

/* #innerShell { width:910px; margin: 0 auto 0 auto; background-color:#fff; } */

.contentWrapper {
}

/*================== header ======================*/

#topImage, #headerBanner, #indexBanner {width:100%;}
#topImage {height:21px;}
#indexBanner {height:264px;}
#headerBanner {height:182px;}
#headerBack {z-index: 8; position:absolute;}
#headerBase {z-index:10; position:absolute; width:910px; margin-left:12px; }

#topImageBack {z-index:4; position:absolute;} 
#topImageFront {z-index:6; margin-left:12px; position:absolute;}

/*================== home page slider boxes ======================*/

.inputBG { background:transparent url(../images/input_shadow.gif) top left no-repeat;}


#headerOverlay {
	z-index: 10;
	position:absolute;
	margin:36px 0 0 -2218px;
}

#headerBulletin {
	width:910px; 
	z-index: 15;
	position:absolute;
	margin:148px 0 0 12px;
}


.bulletinArrowLeft, .bulletinArrowRight {width:25px; padding-top:9px; color:#71253a; font-size:14px; font-weight:bold; cursor:pointer;}		
.bulletinArrowRight { float:right;}		
.bulletinArrowLeft { float:left; text-align:right;}		
.bulletinTitleHold, .bulletinTextLeft, .bulletinTextRight { float:left; }	
.bulletinTextLeft, .bulletinTextRight {width:395px;}
.bulletinTextLeft {margin-right:40px;}

.bulletinTitleHold { 
	width:700px;
	padding-left:15px;
	}	

.bulletinTitleHold h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:18px; 
	color:#71253a; /*61542f;  664920; */
	padding:0 0 0 0;
	width:810px;
	}

.bulletinText {
 	margin:0px 0 0 40px;
}

.bulletinTextLeft p, .bulletinTextRight p{
	line-height:20px;
	font-size:11px;
	padding: 5px 0 0 0;
	}

.bulletinTextLeft a, .bulletinTextRight a{
	font-size:11px;
	}

.bulletinArrowLeft a:link, .bulletinArrowLeft a:visited, .bulletinArrowRight a:link, .bulletinArrowRight a:visited  {
	text-decoration:none; color:#61542f;}

#bulletinContentBG {}

.bulletinContentWrapper {	
	z-index: 23;
	position:absolute;
	overflow:hidden;
	height:115px;

}

.bulletinContent {
	/* margin: 42px 0 0 40px; */ 
	height:105px;
	float:left;
	width:910px;  
	
}

.bulletinLeft, .bulletinRight {float:left; width:400px;}

.bulletinLeft {margin-right:30px;}

/*================== nav menu ======================*/

#navMenuBack {
width:100%;
height: 32px;
z-index: 30;
position: absolute;
}

#navMenuFront {
width:910px;
background-color: #f0b310;
margin: 0px auto 0px auto;
padding: 0;
height: 32px;
text-align:center;
margin-left:12px;
font-size:14px;
z-index:32;
position:absolute;
}

#navMenu {
width:100%;
height:32px;
}

#navMenuFront ul {
padding-top:7px;
}

#navMenuFront ul li {
/*list-type:none;*/
display: inline;
padding: 0px 36px 0 36px;
}

#navMenuFront a:link, #navMenuFront a:visited, #navMenuFront a:hover {color:#000;} 

#navMenuFront a:link, #navMenuFront a:visited {
	text-decoration:None;
} 

#navMenuFront a:hover {
	text-decoration:underline;
} 


/*================== content divs and styles for each template ======================*/

#col1 h1 {margin-bottom:6px;}

#ctl00_ContentBulletins_edit2colBulletins_pnlEditor {}

/* home page layout */
#tpl_page1 {width:100%;}

#tpl_page1 #tplBack{width:100%; }
#tpl_page1 #tplBack img{width:933px; /*height:400px;*/}
#tpl_page1 #tplFront {z-index:60; position:absolute; width:933px;}
#tpl_page1 #tplFront #col1 {
	width: 830px; 
	margin: 0 30px 0 50px; 
	float: left;
	/*   
	width:480px; margin:0 30px 0 25px; padding: 0; float:left; */
	}

#tpl_page1 #tplFront #col1 h1 {
margin-bottom:0px;}	

#tpl_page1 #tplFront #col1 h2 {
margin-bottom:6px;}	

#tpl_page1 #tplFront #col1 img {
padding-left:50px;
padding-top:15px;}	


.positionIndexImage {
}

.positionCaseImage {
margin:0 0 5px 10px;
}

/* #tpl_page1 #tplFront #col2 {width:320px; margin:0; padding: 0; float:left;} */

/* two column layout */
#tpl_page2 {
width:100%;
}

#tpl_page2 #tplBack{width:100%; }
#tpl_page2 #tplBack img{width:933px; /*height:400px;*/}
#tpl_page2 #tplFront {z-index:60; position:absolute; width:933px;}
#tpl_page2 #tplFront #col1 {width:400px; margin:0 30px 0 50px; float:left;}
#tpl_page2 #tplFront #col2 {width:400px; margin:0; padding: 0 0 10px 0; float:left;}
#tpl_page2 #tplFront #colTitle {width:100%; margin:0; padding: 0 0 10px 0;}

#tpl_page2 #tplFront #colTitle h1 { 
	font-size: 24px; 
	line-height: 1.1em; 
	color: #004b8d; 
	font-weight: normal; 
	padding: 20px 0 0px 50px;
	}
	
#tpl_page2 #tplFront #col2 img, #tpl_page2 #tplFront #col1 img {
padding: 0 0 0 8px;
text-align: right;
float: right;

}

#tpl_page2 #tplFront #col2 ul li {margin-bottom:6px;} 

#tpl_page2 #tplFront #col2 ul li {list-style-type:disc;padding:0 0 6px 0px; margin-left:20px;} 

/* one column layout */
#tpl_page3 {}

#tpl_page3 #tplBack{width: 100%; }
#tpl_page3 #tplBack img{width: 933px; /*height:400px;*/}
#tpl_page3 #tplFront {z-index: 60; position: absolute; width: 933px;}
#tpl_page3 #tplFront #col1 {width: 830px; margin: 0 30px 0 50px; float: left;}

#tpl_page3 #tplFront #col1 h1 { 
	font-size: 24px; 
	line-height: 1.1em; 
	color: #004b8d; 
	font-weight: normal; 
	padding: 20px 0 0px 0;
	}


/* three column layout */
#tpl_page4 {}

#tpl_page4 #tplBack{width: 100%; }
#tpl_page4 #tplBack img{width: 933px; /*height:400px;*/}
#tpl_page4 #tplFront {z-index: 60; position: absolute; width: 933px;}
#tpl_page4 #tplFront #col1 {width: 257px; margin:0 30px 0 50px; padding: 0 0 10px 0; float: left; }
#tpl_page4 #tplFront #col2 {width: 257px; margin:0 30px 0 0px; padding: 0 0 10px 0; float: left; }
#tpl_page4 #tplFront #col3 {width: 256px; margin:0; padding: 0 0 10px 0px; float: left; }
#tpl_page4 #tplFront #colTitle {width: 100%; padding: 0 0 0px 50px;}

#tpl_page4 #tplFront #colTitle h1 { 
	font-size: 24px; 
	line-height: 1.1em; 
	color: #004b8d; 
	font-weight: normal; 
	padding: 20px 0 0px 0px;
	}
	
#tpl_page4 #tplFront #col2 img {
padding: 0 0 0 8px;
text-align: right;
float: right;

}


/* contact page layout */
#tpl_page5 {}

#tpl_page5 #tplBack{width: 100%; }
#tpl_page5 #tplBack img{width: 933px; /*height:400px;*/}
#tpl_page5 #tplFront {z-index: 60; position: absolute; width: 933px;}
#tpl_page5 #tplFront #col1 {width: 500px; margin: 0 30px 0 50px; float: left;}
#tpl_page5 #tplFront #col2 {width: 300px; margin: 0; padding: 0 0 10px 0; float: left;}
#tpl_page5 #tplFront #colTitle {width: 100%; margin:0; padding: 0 0 10px 50px; float: left;}

#tpl_page5 #tplFront #colTitle h1 { 
	font-size: 24px; 
	line-height: 1.1em; 
	color: #004b8d; 
	font-weight: normal; 
	padding: 20px 0 0px 00px;
}
	
#tpl_page5 #tplFront #col2 img {
padding: 0 0 0 8px;
text-align: right;
float: right;
}

/* leftRail layout */
#tpl_page6 {width: 100%;}

#tpl_page6 #tplBack{width: 100%; }
#tpl_page6 #tplBack img{width: 933px; /*height:400px;*/}
#tpl_page6 #tplFront {z-index: 60; position: absolute; width: 933px;}
#tpl_page6 #tplFront #col1 {width: 200px; margin: 0 30px 0 50px; float:left;}
#tpl_page6 #tplFront #col2 {width: 600px; margin: 0; padding: 0 0 10px 0; float:left;}
#tpl_page6 #tplFront #colTitle {width:100%; margin:0; padding: 0 0 10px 0;}

#tpl_page6 #tplFront #colTitle h1 { 
	font-size: 24px; 
	line-height: 1.1em; 
	color: #004b8d; 
	font-weight: normal; 
	padding: 20px 0 0px 50px;
	}
	
#tpl_page6 #tplFront #col1 img, #tpl_page6 #tplFront #col2 img {
padding: 0 0 0 8px;
text-align: right;
float: right;
}

#tpl_page6 #tplFront #col2 ul 
{
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:10px;
	}

#tpl_page6 #tplFront #col2 ul li 
{
	list-style-type:disc;
	list-style-position:inside;
	
	}


/* rightRail layout */
#tpl_page7 {width: 100%;}

#tpl_page7 #tplBack{width: 100%; }
#tpl_page7 #tplBack img{width: 933px; /*height:400px;*/}
#tpl_page7 #tplFront {z-index: 60; position: absolute; width: 933px;}
#tpl_page7 #tplFront #col1 {width: 320px; margin:0 30px 0 50px; float: left;}
#tpl_page7 #tplFront #col2 {width: 480px; margin:0; padding: 0 0 10px 0; float: left;}
#tpl_page7 #tplFront #colTitle {width: 100%; margin: 0; padding: 0 0 10px 0;}

#tpl_page7 #tplFront #colTitle h1 { 
	font-size: 24px; 
	line-height: 1.1em; 
	color: #004b8d; 
	font-weight: normal; 
	padding: 20px 0 0px 50px;
	}
	
#tpl_page7 #tplFront #col1 img, #tpl_page7 #tplFront #col2 img {
padding: 0 0 0 8px;
text-align: right;
float: right;
}

/* client page layout */
#tpl_page8 {}

/* products - 3 columns */
#tpl_page9 {}
#tpl_page9 #tplFront h1 {margin:0 0 0 45px;}
#colFullText {margin:0 45px 20px 45px;}
#tpl_page9 #tplBack {width: 100%;}
#tpl_page9 #tplBack img{width: 933px; /*height:400px;*/}
#tpl_page9 #tplFront {z-index: 60; position: absolute; width: 933px; }
#tpl_page9 #tplFront #productTop, #tpl_page9 #tplFront #productMiddle, #tpl_page9 #tplFront #productBottom {width:843px; margin:0 0 0 45px;}
#tpl_page9 #tplFront #productTop {}
#tpl_page9 #tplFront #productMiddle { 
	background:transparent url(../images/products_02.gif) top left repeat-y;
	padding: 0 0 5px 0px;
	}
	
#tpl_page9 #tplFront #productBottom { height:50px; width:843px; background:transparent url(../images/products_03.gif) top left repeat-y;}
#tpl_page9 #tplFront #col1 {width: 230px; margin:12px 60px 0 13px; padding: 0 0 10px 0; float: left; border:0px solid Green; }
#tpl_page9 #tplFront #col2 {width: 230px; margin:12px 60px 0 0px; padding: 0 0 10px 0; float: left; border:0px solid Yellow; }
#tpl_page9 #tplFront #col3 {width: 230px; margin:12px 0px 0 0px; padding: 0 0 10px 0px; float: left; border:0px solid Purple; }
	
.input input, .input textarea
{
	padding:3px;
	background:transparent url(../images/input_shadow.gif) top left no-repeat;
	}

.input1 input, .input1 textarea
{
	border:1px solid #f0b310;
	}

.input2 input, .input2 textarea
{
	border:1px solid #e5853d;
	}

.input3 input, .input3 textarea
{
	border:1px solid #53bad3;
	}
	
.ErrorLabel, .EditingFormErrorLabel
{
	color:Red;
}

#productMiddle input {}
#productMiddle ul {
	margin: 0 0 0 15px;
}

#productMiddle ul li { 
	list-style-image:url(../images/icon-carat.gif);
	list-style-position:outside;
	padding-bottom:3px;
	}

#productMiddle a { 
	color: #000;
	}

.popLeft, .popRight {
	border:0px solid Red;
	float:left;
	}

.popLeft h2, .popRight h2 {line-height:24px; margin:6px 0 6px 0;}

.popLeft h3, .popRight h3 {line-height:16px; font-size:16px; line-height:24px; margin:6px 0 6px 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}


.popLeft {
	width:310px;
	padding: 0 20px 0 0;
	}

#product1 .popLeft {
	border-right:1px solid #f0b310;
	}

#product2 .popLeft {
	border-right:1px solid #e5853d;
	}

#product3 .popLeft {
	border-right:1px solid #53bad3;
	}


.popLeft ul 
{
	margin:8px 0 0 12px;
	}


.popLeft ul li
{
	list-style-type:disc;
	padding-bottom:5px;
	}

.popRight {
	width:200px;
	padding: 0 0px 0 20px;
	}

.popRight .input1 .FormButton, .popRight .input2 .FormButton, .popRight .input3 .FormButton
{
	margin: 8px 0 0 0;
	}

.popRight .FormButton 
{
	padding: 3px;
	}

#productBottom #btn1, #productBottom #btn2, #productBottom #btn3 {
	float:left;
	}

#productBottom #btn1 {
	padding:0px;  
	margin:0px 0 0 77px;
	}

#productBottom #btn2 {
	padding:0px ; 
	margin:0px 0 0 188px;
	}

#productBottom #btn3 {
	padding:0px; 
	margin:0px 0 0 190px;
	}


/*================== global tweaks ======================*/

ul.bottom5  li {padding-bottom:6px;}

/*================== footer ======================*/


.superBG{}

#footer {
width: 100%;
height: 30px;
padding-top: 0px;
}

#footerBack {
width: 100%;
}

#footerFront {
width: 830px;
border-top: 1px solid #aaa;
margin-left: 50px;
z-index: 40;
position: absolute;
}

#footerFront p{
font-size:11px;
color:#444;
margin-top:10px;
}

#endCap {
width:100%;
height:40px;
}


/*================== home page edits for jQuery slider ======================*/


#content{
	/* -------------------------------overflow:hidden; -------------------------*/
	width:910px;
	}

.section{
	width:4000px;
	position:relative;
}


.section .sub{
	position:relative;
	float:left;
}
	.section .sub p{
	}
	.section .next, .section .prev{
		position:absolute;
	}
	.section .next{
		/* right:30px; */
	}
	.section .prev{
		/* left:30px; */
	}

.message{
	border:1px solid #999;
	color:#333;
	font-size:12px;
	padding:1px;
	position:absolute;
	left:11px;
}
#first{
	top:484px !important;
	top:498px;			
}
#second{
	top:503px !important;
	top:517px;			
}

.labelPop {
	font-weight:bold;
}

/*================== global classes ====================*/

.floleft { float: left;}
.floright { float: right;}
.clear { clear: both;}

.alignright { text-align: right;}
.aligncenter { text-align: center;}

.container { width:100%;}

.bot10{
	margin-bottom:10px;
	}

.bot5{
	margin-bottom:5px;
	}	
	
.top10{
	margin-top:10px;
	}

.top5{
	margin-top:5px;
	}	

.both10{
	margin:10px 0 10px 0;
	}

.both5{
	margin:5px 0 5px 0;
	}		

.error{
	color:Red;
	}			

.bold{
	font-weight:bold;
	}