/* Reset -------------------------------------------------------------------- */
body,legend{color:#000;}
html,body{background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,hr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,hr{border:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a,address{font-style:normal;text-decoration:none;}
input,textarea,select{font-family:inherit;font-size:100%;font-weight:inherit;}

/* Tools -------------------------------------------------------------------- */
.hide           { display:none; }
.replace        { text-indent:-999em; background-repeat:no-repeat; }
.accessibility  { position:absolute; top:-999em; left:-999em; }

.noindent       { margin:0; }
.nomargin       { margin-top:0; margin-bottom:0; }

/* Typography --------------------------------------------------------------- */
body    { font:.75em Arial,Helvetica,sans-serif; }

/* Headings */
h1	{ font-size:2em; font-weight:bold; }
h2	{ font-size:1.75em; font-weight:bold; }
h3	{ font-size:1.5em; font-weight:bold; }
h4	{ font-size:1.25em; font-weight:bold; }
h5	{ text-transform:uppercase; font-weight:bold; }
h6	{ font-weight:bold; }

/* Text */
p, hr,
dl, ul, ol,
li.spaced, .spaced li,
address, table			{ margin-bottom:1.5em; }
.important          	{ font-size:1.25em; }

/* Lists */
dt          			{ font-weight:bold; }
ul     					{ padding-left:1.5em; }
ol						{ list-style-position:inside; }
li.plain, .plain		{ list-style:none; }

/* Tables */
table       {  }

/* Links */
a,
a.inline	{ text-decoration:underline; color:#6f7e89; }
a.anchor    { display:none; }

/* Other */
hr          { color:#444; background:#444; height:1px; clear:both; }

.activity 			{ border: 1px solid #dedede; padding: 15px; margin-bottom: 30px; height: 170px; background-color: #fffab2; }
.activeNormal 		{ border: 1px solid #dedede; padding: 15px; margin-bottom: 30px; height: 170px; }

/* Content ------------------------------------------------------------------ */
/* Conten Item */
p {line-height:18px; font-weight: bold;}
dt {width:10em;float:left;clear:left;}

/* Readmore links */
a.readmore {color:#ffffff; font-size:14px; font-weight:bold; text-decoration:none; background:url('/images/shop/bullet_readmore.gif') right center no-repeat; padding:0 12px 0 0;}
a.readmore:hover {color:#cccccc; text-decoration:none;}

.clear {clear:both; font-size:0; line-height:0; height:0;}

/* Conten Item */
p {line-height:16px; text-align: justify;}

/* Normal links */
a {color:#009edc; text-decoration:none;}
a:hover {text-decoration:underline;}

/* Pathway links */
.pathway a {color:#3a566c; font-size:10px; text-transform:uppercase; text-decoration:none; padding:0 0 0 15px; margin:0 0 10px 5px; background:url(../images/bullet_pathway.gif) 0 3px no-repeat;}
.pathway a:hover {text-decoration:underline;}

/* Headings */
h1 {color:#000000; font-size:24px; font-weight:bold; padding:10px 0;}
h2 {color:#000000; font-size:16px; font-weight:bold; padding:10px 0 0 0;}
h3 {color:#000000; font-size:14px; font-weight:bold; padding:10px 0 5px 0;}


.colholder {
	display:block;
	clear:both;
}
/* Column */
.col				{ float:left; overflow:hidden; margin:0; }
.colFirst          { margin-left:0; }
.colLast           { margin-right:0; }

.colTwo            { width:50%; }
.colThree          { width:33%; }
.colFour           { width:25%; }

.colTwo.colFirst { width:487px; padding:0 18px 0 0;}
.colTwo.colLast { width:191px; padding:0 0 0 17px;clear:right;}

/*225*/
img.left,
img.right			{ margin-bottom:1em; display:inline; }
img.left 			{ margin-right:1em; float:left; }
img.right 			{ margin-left:1em; float:right; }

/* Icons */
.icon						{ display:inline-block; background:no-repeat 0 50%; vertical-align:text-top; outline:none; overflow:hidden; text-indent:-999em; width:16px; min-height:16px; }
.iconText					{ text-indent:18px; width:auto; }
.iconAdd					{ background-image:url('/images/icons/add.png'); }
.iconCss					{ background-image:url('/images/icons/css.png'); }
.iconDbImport				{ background-image:url('/images/icons/dbImport.gif'); }
.iconDelete					{ background-image:url('/images/icons/delete.png'); }
.iconEdit					{ background-image:url('/images/icons/edit.png'); }
.iconExit					{ background-image:url('/images/icons/exit.png'); }
.iconLock					{ background-image:url('/images/icons/lock.png'); }
.iconStar					{ background-image:url('/images/icons/star.png'); }
.iconTable					{ background-image:url('/images/icons/table.png'); }
.iconTableLink				{ background-image:url('/images/icons/tableLink.png'); }

.searchForm					{ margin-bottom:20px; }
.searchForm .field			{ float:left; margin-right:10px; }
.searchForm .field label	{ display:inline; }
.searchForm .buttons		{ width:auto; clear:none; margin-top:2px; }

/* Tree list */
.treeList,
.treeList ul 				{ margin:0; }

/* Data table */
.dataTable					{ width:100%; }
.dataTable th				{ text-align:left; }
.dataTable th a				{ color:#004276; }
.dataTable tr:hover			{ background-color:#97cbff; }
.dataTable td				{ padding-right:5px; }

/* Form in table */
.inTable .field				{ position:relative; }
.inTable .field label		{ position:absolute; top:-1.5em; left:0; width:100%; text-indent:-999em; }
.inTable .field input,
.inTable .field select		{ width:95%; }

/* Pagination */
ul.paginationList			{ border:0; margin:10px 0; padding:0; display:block; }

ul.paginationList li		{ border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left; }
ul.paginationList a			{ border:solid 1px #6a6a6a; margin-right:2px; }
ul.paginationList .previous-off,
ul.paginationList .next-off { color:#666666; display:block; float:left;	font-weight:bold; padding:3px 4px; }
ul.paginationList .next a,
ul.paginationList .previous a		{ font-weight:bold; }
ul.paginationList li.active a		{ color:#0080ff; font-weight:bold;	display:block; float:left; padding:3px 6px; }
ul.paginationList a:link,
ul.paginationList a:visited 		{ color:#0063e3; display:block; float:left; padding:3px 6px; text-decoration:none; }
ul.paginationList a:hover			{ border:solid 1px #ffffff; color:#0080ff; }
.entriesTotal						{ clear:both; color:#808080; }

dl.marginal					{ overflow:hidden; }
dl.marginal dt				{ width:10em; float:left; clear:left; }

.activity 	{ border: 1px solid #dedede; padding: 15px; margin-bottom: 30px; height: 170px; background-color: #fffab2; }

/* Form styles -------------------------------------------------------------- */
/* Inline form */
form.inline fieldset,
fieldset.inline .field              { display:inline; float:left; }

/* Vertical form */
.vertical .field                { margin-bottom:.25em; }
.vertical label                 { display:block; }

.vertical .multiple             { margin-bottom:.25em; }
.vertical .multiple .field      { margin-bottom:0; }
.vertical .multiple label,
.vertical .result label         { display:inline; }

/* Marginal form */
.marginal .field                { margin-bottom:.85em; height:100%; overflow:hidden; }
.marginal label                 { width:11.5em; float:left; }

.marginal .multiple             { margin-bottom:-2em; }
.marginal .multiple .field      { margin-bottom:0; position:relative; top:-2em; left:.25em; }
.marginal .multiple label,
.marginal .result label			{ width:auto; float:none; }

.left { float: left; width: 100px; }
.leftClear { clear: left; }

.left .field, .left label { float: left; }

/* Form --------------------------------------------------------------------- */
form            { width:100%; overflow:hidden; }
form .field     { line-height:2; }
fieldset        { border:0; margin-bottom:1.25em; padding:0; padding-top:.5em; }
legend          { font-size:12px; font-weight:bold; line-height:1; color:#000000; }
label           { font-weight:bold; cursor:pointer; }
.result label	{ font-weight:normal; }

/* Input */
input.text,
input.secret,
select,
textarea        { border:1px solid #cbcdce; }
input.text,
input.secret	{ text-indent:5px; padding:.25em 0; }
select          { width:217px; }
textarea        { /*padding:5px;*/ width:250px; }

/* Multiple */
fieldset.multiple           { border:0; margin:0; padding:0; }
fieldset.multiple legend    { text-transform:none; font-size:1em; line-height:2; color:#000; }
fieldset.multiple .field    { float:left; clear:left; position:relative; }
fieldset.multiple label		{ padding-left:1.25em; font-weight:normal; }
fieldset.multiple input     { position:absolute; top:.5em; left:0; }

/* Control & Output */
button              { padding:0; overflow:visible; cursor:pointer; }
form .buttons       { overflow:hidden; margin-bottom:0; }

form .error         { color:#ed1c24; }
form .error input   { border-color:#ed1c24; }
form .notice        {  }
form .success       {  }

.marginal .contactVertical .field { clear: none; width: 150px; display: inline; }
.marginal .contactVertical .field label { padding-left: 24px; }
.contactVertical { width: 400px; display: inline; }
.contactVertical textarea { width: 100px; }

fieldset.vertical legend { margin-bottom: 13px; }
html { background:#cbcdce; }
body {margin:0; padding:0; background:#cbcdce; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
img {border:none; margin:0; padding:0; text-decoration:none; line-height:0; font-size:0;}
.clear {clear:both; font-size:0; line-height:0;}

.ui-widget{
	font-family:Arial, Helvetica, sans-serif;
}



/* line break */
.line_break {width:100%; height:1px; border-bottom:1px solid #bbd4df; font-size:0; line-height:0;}

/* ---------------------------- CONTAINER ---------------------------- */
#container {width:960px; margin: 0 auto; padding:0 10px; background:url(/images/templates/default/bg_container.png) top center repeat-y;}
#container_borderbottom {width:970px; margin:0 auto; margin:0 0 0 5px 0; background:url(/images/templates/default/border_bottom_containter.png) top center no-repeat;}

	/* ---------------------------- TOP ---------------------------- */
	#top {width:960px;}
		/* Top banner - Logo banner */
		#banner {width:960px; margin:0; padding:0; font-size:0; line-height:0;}

		/* Top navigation */

				#topnav ul li {text-transform:uppercase; text-decoration:none; display:block; width: auto; float: left; padding: 10px 10px;}
		#topnav ul li a {color:#ffffff; font-size: 12px;}
		#topnav ul li a:hover {text-decoration:none; color: #73acdb;}
		#topnav ul li a#active {color:#73acdb; text-decoration:none;}
		#topnav ul li.subTree ul {  }
		#topnav ul li.selected a { color: #73acdb; }

		#topnav {width:590px; float:left; padding:0 10px; background:url(/images/templates/default/bg_topnav.gif) left top repeat-x; }
			#topnav ul,
			#topnav li {list-style:none; margin:0; padding:0;}
			#topnav ul.mainnav li {display:block; float:left; padding:10px 15px;}
				#topnav ul.mainnav li a {color:#ffffff; text-transform:uppercase; text-decoration:none; display:block;}
				#topnav ul.mainnav li a:hover {text-decoration:underline;}
				#topnav ul.mainnav li a#active {color:#73acdb; text-decoration:none;}

			#subNav { height: 25px; }
			#topnav div#subNav li {display:block; float:left; padding:8px 10px;}
				#topnav div#subNav li a {color:#3a566c; font-size:10px; text-transform:uppercase; text-decoration:none; display:block;}
				#topnav div#subNav li a:hover {text-decoration:underline;}
				#topnav div#subNav li a#active {color:#73acdb; text-decoration:none;}
				#topnav div#subNav li.selected a.ajax {color:#73acdb; text-decoration:underline; font-weight: bold;}
				
		#topnav_icon {width:350px; float:left; margin:0; padding:0; font-size:0; line-height:0;}




	/* ---------------------------- END OF TOP ---------------------------- */

	/* ---------------------------- MIDDLE ---------------------------- */
	#middle {width:940px; border-top:1px solid #3a566c; padding: 15px 10px 0 10px ;}

		/* Left */
		#left {width:600px; float:left; padding:10px 0 10px 10px;}
			#left_col1 {width:280px; float:left; padding:0 10px 0 0;}

			.car_nav ul,
			.car_nav li {list-style:none; margin:0; padding:0;}
			.car_nav ul li {display:block; float:left; padding:5px 6px 5px 0;}
				.car_nav ul li a {display:block;}

			#left_col2 {width:310px; float:left;}
				.left_col2_1 { width:130px; float:left; padding:3px 10px 3px 0;}
				.left_col2_2 { width:170px; float:left; padding:3px 0;}

		/* Column 2 */
		#right {width:332px; float:left; padding:8px 8px 8px 10px;}
			#right img {padding:0 0 5px 0;}
	/* ---------------------------- END OF MIDDLE ---------------------------- */

	/* ---------------------------- FOOTER ---------------------------- */
	#footer {width:930px; padding:5px 15px; color:#005388; background: url(/images/templates/default/bg_footer.gif) left top repeat-x; height: 61px;}
		#footer_left {width:600px; float:left; padding:23px 10px 0 0; color:#ffffff;}
			#footer_left a {color:#ffffff; text-decoration:none;}
			#footer_left a:hover {text-decoration:underline;}
		#footer_right {width:320px; float:left; text-align:right;}
			#footer_right ul,
			#footer_right li {list-style:none; margin:0; padding:0;}
			#footer_right ul li {display:block; float:left; padding:0 15px;}
				#footer_right ul li a {display:block;}
	/* ---------------------------- END OF FOOTER ---------------------------- */

/* ---------------------------- END OF CONTAINER ---------------------------- */


div#bannerContentBox {
	float: left;
	text-align: left;
	height: 317px;
	margin-right: 17px;
	width: 274px;
	border: 1px solid #cfcfcf;
	background: url('/images/templates/default/boxBackground.png') repeat-x top left;	
}

div.contentBox p {
	padding: 10px;
	font-size: 13px;
	text-align: left;
	line-height: 22px;
}


div.contentBox {
	float: left;
	text-align: left;
	height: 317px;
	margin-right: 17px;
	width: 275px;
	border: 1px solid #cfcfcf;
	background: url('/images/templates/default/boxBackground.png') repeat-x top left;
}

div.contentBoxWide {
	float: left;
	text-align: left;
	height: 317px;
	margin-right: 17px;
	width: 567px;
	border: 1px solid #cfcfcf;
	background: url('/images/templates/default/boxBackground.png') repeat-x top left;
}

div.contentBoxWide p {
	padding: 10px;
	font-size: 13px;
	text-align: left;
	line-height: 22px;
}

div.contentBox p {
	padding: 10px;
	font-size: 13px;
	text-align: left;
	line-height: 22px;
	height: 185px;
}

div.contentBox img {
	display: block;
	text-align: center;
	margin: 20px auto;
}

div.contentBoxScrews {
	float: left;
	text-align: left;
	width: 194px;
	height: 96px;
	background: url('/images/templates/default/boxBackgroundScrews.jpg') repeat-x top left;
}

div.contentBoxScrews h2 {
	margin: 15px 5px 5px 15px;
}

div.contentBoxScrews p {
	margin: 0 15px 5px 15px;
}