@import "forms.css";

body {
	font-size:62.5%;
	margin:25px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#808080;
}

a:active { /*** Removes dotted borders from links in Firefox
				This also affect accessibility. Use with caution. ***/
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

	a, a:visited {
		color:#19afda;
	}
	a:hover {
		color:#fff;
		text-decoration:none;
	}


h1 {
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	width:159px;
	height:83px;
	text-indent:-9999px;
	float:left;
	margin:0 0 -10px 0;
}

h1 a {
	width:159px;
	height:83px;
	display:block;
}

.home_contact {
	float:right;
	color:#0d4b6c;
	font-size:1.3em;
	text-align:right;
}

.home_contact strong {
	color:#0aaddd;
	font-size:1.2em;
	font-weight:normal;
}

.clear {
	clear:both;
}

#container {
	width:920px;
	_width:922px;
	margin:0 auto;
}

#nav {
	width:880px;
	height:26px;
	background-position:right;
	background-repeat:no-repeat;
}

#nav ul {
	position:relative;
	margin:0 10px 0 0;
	padding:0;
	float:right;
}
	#nav li {
		display:inline;
		list-style:none;
		float:left;
		font-size:1.4em;
		padding:0;
		_margin-left:-20px;

	}

		#nav a {
			float:left;
			width:151px;
			line-height:26px;
			margin-left:-20px;
			_margin-left:0;
			
			color:#fff;
			text-decoration:none;
			background:#bcbcbc;
			text-align:center;
			background:url(../images/bg_nav.gif) left no-repeat;
		}
		
			#nav a.cur {
				background:url(../images/bg_nav_cur.gif) left no-repeat;
				_margin-left:0;
			}

#header {
	width:390px;
	height:173px;
	background-image:url(../images/banner.jpg);
	padding:20px 500px 30px 30px;
	margin:0 0 30px 0;
	color:#fff;
	font-size:1.3em;	
}

#header a {
	color:#fff;
}

#header_thin {
	width:920px;
	height:123px;
	background-image:url(../images/banner_thin.jpg);
	margin:0 0 30px 0;
}

#content {
	margin:30px 0 30px 0;
}

#content ul {
	font-size:1.3em;
}

	#content ul#sitemap  {
		font-size:13px;
		font-weight:bold;
	}

		#content ul#sitemap ul {
			font-size:12px;
			margin:7px 0;
			font-weight:normal;
		}
			#content ul#sitemap ul a {
				text-decoration:none;
			}


#content p {
	font-size:1.3em;
	line-height:1.4em;
}

#content a {
	color:#19afda;
}

#content a:hover {
	color:#fff;
	background:#19afda;
	text-decoration:none;
}


#content h2 {
	font-size:2.4em;
	font-weight:normal;
	color:#19afda;
	margin:0 0 10px 0;
	padding:0;
}

#content h3 {
	font-size:2em;
	font-weight:normal;
	color:#ec5a00;
	background-color:#f1f1f1;
	margin:0 0 10px 0;
	padding:1px 0 1px 5px;
}

#content h4 {
	font-size:1.2em;
	color:#ec5a00;
	background-color:#f1f1f1;
	margin:0 0 10px 0;
	padding:2px 0 2px 7px;
}


	#content h3 a {
		color:#ec5a00;
		text-decoration:none;
}
#product_list {
	width:216px;
	float:left;
	margin:0 40px 0 0;
}

#product_list ul {
	padding:0;
	margin:10px 0 0 0;
}

#product_list li {
	background-image:url(../images/product_list.gif);
	background-position:top;
	list-style:none;
	height:18px;
	font-size:1.2em;
	margin:0 0 2px 0;
	padding:3px 0 0 16px;
}

#product_list li:hover {
	background-position:bottom;
}

#product_list a {
	color:#0d4b6c;
	text-decoration:none;
}

#product_list h2 {
	font-size:2.4em;
	font-weight:normal;
	color:#19afda;
	margin:0;
	padding:0;
}

#content a#enews_link {
	border:none;
	background:none;
	text-decoration:none;
	outline:none;
	
}
	
	#content a#enews_link img#enews {
		border:none;
		background:none;
		text-decoration:none;
		outline:none;	
	}
	

#featured_products {
	width:206px;
	float:left;
	margin:0 20px 0 0;
	color:#808080;
}

#featured_products h2 {
	font-size:2.4em;
	font-weight:normal;
	color:#19afda;
	margin:0;
	padding:0;
}

#featured_products ul {
	margin:10px 0 0 0;
	padding:0;
}

#featured_products li {
	width:173px;
	height:70px;
	margin:0 0 30px 0;
	padding:12px 5px 5px 10px;
	list-style:none;
	background-image:url(../images/featured_product.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#featured_products a {
	text-decoration:none;
	color:#808080;
}

#featured_products a:hover {
	color:#19afda;
}

#featured_products img {
	float:left;
	border:none;
	margin:0 5px 0 0;
}

#featured_products strong {
	font-size:1.2em;
	color:#0d4b6c;
	font-weight:normal;
}





#featured_services {
	width:200px;
	float:left;
	margin:0 30px 0 0;
	color:#808080;
}

#featured_services h2 {
	font-size:2.4em;
	font-weight:normal;
	color:#19afda;
	margin:0;
	padding:0;
}

#featured_services ul {
	margin:10px 0 0 0;
	padding:0;
}

#featured_services li {
	width:168px;
	height:75px;
	margin:0 0 30px 0;
	padding:12px 10px 0 10px;
	list-style:none;
	background-image:url(../images/featured_product.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#featured_services a {
	text-decoration:none;
	color:#808080;
}

#featured_services a:hover {
	color:#19afda;
}

#featured_services img {
	float:right;
}

#featured_services strong {
	font-size:1.2em;
	color:#0d4b6c;
	font-weight:normal;
}

#ivc {
	width:206px;
	float:left;
	color:#808080;
}

#ivc h2 {
	font-size:2.4em;
	font-weight:normal;
	color:#19afda;
	margin:0;
	padding:0;
}

#ivc ul {
	margin:10px 0 0 0;
	padding:0;
	width:209px;
	
}

#ivc li {
	background-image:url(../images/ivc.jpg);
	width:209px;
	height:140px;
	list-style:none;
	padding:0;
	margin:0;
	text-indent:-9999px;
}

#ivc a {
	width:209px;
	height:140px;
	display:block;
	padding:0;
}

#footer {
	background:url(../images/background_footer.gif);
	width:900px;
	height:33px;
	padding:13px 0 0 20px;
	font-size:1.2em;
	position:relative;
}

#footer ul {
	margin:0;
	padding:0;
	margin-left:100px;
}

#footer a {
	color:#a6aaac;
	text-decoration:none;
	margin:0 20px 0 0;
}

#footer a:hover {
	color:#fff;
}

#footer li {
	list-style:none;
	display:inline;
	position:relative;
}

#footer li a {
	_display:block;
	_float:left;
}


.titan {
	background:url(../images/titan_interactive_logo.gif) no-repeat;
	width:64px;
	height:19px;
	float:left;
	text-indent:-9999px;
	display:block;
}


.titan a {
	width:64px;
	height:19px;
	display:block;
}

.copyright {
	display:block;
	position:absolute;
	top:14px;
	right:20px;
	font-size:11px;
}

/*** Product Categories **/
.cats {
	width:270px;
	height:180px;
	background-color:#e1e3e3;
	padding:10px;
	float:left;
	margin:0 15px 15px 0;
	overflow-y:hidden;
}

.cats .cat_image {
	width:100px;
	height:100px;
	float:left;
	margin:0 10px 0 0;
	border:none;
	background:#fff;
	text-indent:-9999px;
}
	.cats .cat_image a {
		display:block;
		width:100px;
		height:100px;
	}
	
	#content .cats .cat_image a:hover {
		background-color:#fff;
	}
	
.cats h3 {
	background:none !important;
}	

.cats img {
	float:left;
	border:none;
}

.cats p {
	font-size:1.1em !important;
}

.cats strong {
	font-size:1.8em;	
}

.cats strong a {
	text-decoration:none;
}

/*** Products Listed **/
.product {
	width:900px;
	background-color:#e1e3e3;
	padding:10px;
	margin:0 15px 10px 0;
}

.list_image {

	float:left;
	margin:0 10px 0 0;
	border:none;
	width:100px;
	height:110px;
}

	.list_image a {
		border:none;
		display:block;
		width:100px;
		height:110px;
		text-indent:-9999px;
	}


.product p {
	font-size:1.2em !important;
}

.product strong {
	font-size:1.8em !important;
	color:#19afda;
}

.product strong a {
	text-decoration:none;
}

	.list_details {
		float:left;
		width:786px;
	}
	
/*** Product View **/

#product_img	{
	float:left;
	margin:3px 15px 15px 0;
	width:300px;
	overflow:hidden;
}

#product_view_details {
	float:right;
	width:586px;

}


.photo_thumb {
	float:left;
	margin:5px 10px 5px 0;
	width:100px;
	height:100px;
	border:1px solid #CCCCCC;
}

	.photo_thumb a {
		display:block;
		width:100px;
		height:100px;
		text-indent:-9999px;
	}
		.photo_thumb a:hover {
		
		}
		
/*** Campaign **/

#subscribe_form	{
	float:right;
	width:300px;
	padding-bottom:30px;
}

#enews_information {
	float:left;
	width:500px;
}

/*** Contact Form **/

.contact_map {
	float:left;
	margin:0 35px 35px 6px;
}
	.contact_map iframe {
		border:1px solid #ccc;
	}

.contact_form {
	width:300px;
	padding:0 0 0 10px;
	background-color:#fff;
	float:right;
}

form div {
	margin:9px 0 6px 0;
	width:293px;
}

form fieldset {
	padding:0;
	border:0;
}

form label {
	width:100px;
	float:left;
	display:inline;
	padding:2px;
	font-size:1.2em;
}

form input.txt {
	padding:4px 2px;
}


form input.btn {
	float:right;
	margin-right:3px;
}


form textarea.txt {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#808080;
	height:70px;
	padding:2px;
}

form input.txt,
form textarea.txt,
form select.txt {
	width:180px;
	border:solid 1px #ccc;
	margin:0 0 2px 0;
	font-size:1.2em;
	color:#808080;
}

form select.txt {
	margin-left:104px;
	width:186px;
}

/*** The Price of the products **/
.price {
	color:#ec5a00;
}

/*** Search Widget **/


#cta_search {
	position:relative;
	left:0px;
	height:23px;
	padding:6px 0 20px 0;
}
	#cta_search form {
	}
		#cta_search form input {
			display:inline;
			float:left;
		}	
			#cta_search form input#keyword {
				padding:5px 6px 2px 6px;
				background:url('../images/search_field.gif') top left no-repeat;
				width:160px;
				height:16px;
				border:none;
				color:#808080;
				font-size:11px;
		}
			#cta_search form input.search_button {
				padding:0;
				background:url('../images/btn_search.gif') top left no-repeat;
				width:30px;
				height:24px;
				border:none;
				cursor:pointer;
				position:relative;
				top:-1px;
				margin-left:4px;
			}
				#cta_search form input.search_button:hover {
					filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;	
				}
	.product_search {
		float:right;
		margin-right:20px;
	}
#search_result {
	border:0;
	font-size:12px;
}				

	#search_result th {
		text-align:left;
		font-size:13px;
	
	}				


	.contact_image {
		width:306px;
		float:left;
	}
	.contact_details {
		width:306px;
		float:left;
	}
		#contact_form {
			width:306px;
			float:left;
		}
		#recaptcha_image {
			clear:both;
		}
	
	#contact_map {
		clear:both;
		width:920px;
		height:350px;
		padding:15px 0;
		margin:15px 0;
	}