/*
Welcome to A CSS file created for A.C.T. Solutions Incorperated.
**This is a NOT GNU**

Please respect our code, and understand that it is easier to write your own CSS, than to steal it from someone else.

If you have questions, please contact us at service@actsolutions.ca

*/
.smalltxt
{
	font:"Courier New", Courier, monospace;
	font-size:12px;
	text-align:left;
}
.clickhere
{
	position:relative;
	left:300px;
	top:15px;
}
.titlewrapup
{
	width:100%;
	background:#FFF;
	padding:0px 0px 0px 2px;
	position:fixed;
	top:0px;
	z-index:10;
}
.main
{
	margin-top:75px;
}
.titlebar
{
	width:1000px;
	background:#FFF;
	padding:0px auto 0px auto;
	margin:0px auto 0px auto;
}
.headerstretch
{
	width:auto;
	float:left;
	clear:both;
}
.size_nest_products
{
	width:666px;
	margin:10px auto 10px auto;
	clear:both;
}
.productbox_container
{
	width:170px;
	height:auto;
	float:left;
	background:#222;
	margin:5px 5px 5px 5px;
	border:1px solid #09F;
}
.productname
{
	width:inherit;
	background:#09F;
	font-size:14px;
}
.productbox_picture
{
	height:auto;
	background:url(../images/products/coreSystems/images_backgroud_felt2.png) left top repeat;
	width:inherit;
}
.productbox_info
{
	background:#222;
	width:170px;
	padding:0px 5px 5px 5px;
	margin:0px auto 5px auto;
	border-bottom:1px solid #555;
	border-left:1px solid #555;
	border-right:1px solid #555;
}
.productbox_info p
{
	font-size:12px;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.slogansplash
{
	background:#09F;
	width:inherit;
	font-size:12px;
}
.floatheighfix
{
	height:1px;
	width:inherit;
	float:left;
	clear:both;
}
.headdivider
{
	height:5px;
	widows:auto;
	background:url(../images/tiles/Horizontal_BluePilllow2.png);
}


/*
All CSS Related To Side Pockets and Navigation Pockets
*/


.NAVpocket
{
	width:auto;
	color:#FFF;
	background:#333;
	margin:0px 0px 5px 0px;
	border-radius:5px 5px 0px 0px;
	border:1px solid #555;
}
.NAVpocket ul
{
	margin: 5px 5px 5px 5px;
}
.NAVpocket li
{
	border-top:1px solid #555;
	border-right:1px solid #555;
	border-left:1px solid #555;
	list-style:none;
	list-style-image:none;
	text-align:center;
	color:#BBB;
	width:inherit;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
			
	-webkit-transition-property:color, text, text-shadow;
	-webkit-transition-duration: 0.5s, 0.5s;
	-webkit-transition-timing-function: linear, ease-in;

	-moz-transition-property:color, text, text-shadow;
	-moz-transition-duration:0.5s;
	-moz-transition-timing-function: linear, ease-in;

	-o-transition-property:color, text, text-shadow;
	-o-transition-duration:0.5s;
	-o-transition-timing-function: linear, ease-in;
	
}
.NAVpocket li:hover
{
	color: #FFF;
	text-shadow: 0px 1px 0px #333;
	background: linear-gradient(#525353, #5a86ac);
}
.NAVpocket_top
{
	width:auto;
	background-image:-webkit-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-moz-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-o-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	text-align:center;
	font-size:18px;
	font-weight:200;
	border-radius:5px 5px 0px 0px;
}
.NAVpocket_main
{
	width:inherit;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	text-align:center;
	background:#333;
}
.pockets
{
	width:inherit - 1;
	height:auto;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	color:#FFF;
	background:#333;
	border-radius:5px 5px 0px 0px;
	border:1px solid #555;
}
.pockets p
{
	padding:5px 5px 5px 5px;
}
.pockets div
{
	text-align:center;
}
.pockets ul
{
	margin: 5px 5px 5px 5px;
}
.pockets li
{
	border-top:1px solid #555;
	border-right:1px solid #555;
	border-left:1px solid #555;
	list-style:none;
	list-style-image:none;
	text-align:center;
	color:#BBB;
	width:inherit;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
			
	-webkit-transition-property:color, text, text-shadow;
	-webkit-transition-duration: 0.5s, 0.5s;
	-webkit-transition-timing-function: linear, ease-in;

	-moz-transition-property:color, text, text-shadow;
	-moz-transition-duration:0.5s;
	-moz-transition-timing-function: linear, ease-in;

	-o-transition-property:color, text, text-shadow;
	-o-transition-duration:0.5s;
	-o-transition-timing-function: linear, ease-in;
	
}
.pockets li:hover
{
	color: #FFF;
	text-shadow: 0px 1px 0px #333;
	background: linear-gradient(#525353, #5a86ac);
}
.pocket_top
{
	width:auto;
	background-image:-webkit-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-moz-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-o-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	text-align:center;
	font-size:16px;
	font-weight:200;
	min-height:4px;
	border-radius:5px 5px 0px 0px;
	border-bottom:1px solid #333;
	padding-bottom:0px;
}
.grabbing:active
{
	cursor: grabbing;
}
.grass
{
	background: url(../images/tiles/Tile_X_Grass.png) repeat-x center top;
	border: 0px #000 solid;
	position: relative;
	top: -300px;
	left: 0px;
	height: 300px;
	margin-bottom:-300px;
	width: auto;
	
	
}
.behind
{
	z-index:-1;
}

.pocket_top_heading
{
	width:inherit;
	height:auto;
	background-image:-webkit-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-moz-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-o-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	text-align:center;
	font-size:18px;
	font-weight:500;
	border-radius:inherit;
}
.pocket_main
{
	padding:0px 0px 0px 0px;
	width:inherit;
	text-align:justify;
	background-color:#333;
}
.pocket_main p
{
	padding:5px;
	text-align:center;
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
}
.pockets_main a, .pocket_main a:hover
{
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.pocket_bottom
{
	width:inherit;
	height:auto;
	background-image:-webkit-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-moz-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-o-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	text-align:center;
	padding:2px 0px 2px 0px;
	font-size:18px;
	font-weight:200;
	border-radius:0px 0px 0px 0px;
}

/*
Content-Aware Pockets
[These Will Size According To The Container They Are Placed In]
NOTE: A content-aware element MUST be placed INSIDE an element with a KNOWN size. Inherit, and Auto sizes will not allow for proper alignment and will skew things
*/
.last
{
	border-bottom:#555 1px solid;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:auto;
	width:auto;
	
}
.sized_ls_pockets
{
	
	width:188px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#FFF;
	background:#333;
	border-radius:5px 5px 0px 0px;
	border:1px solid #555;
	display:inline-table;
}/*Make Sure Pocket picture is 12px smaller than the width above*/
.ls_pockets
{
	width:inherit - 1;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	color:#FFF;
	background:#333;
	border-radius:5px 5px 0px 0px;
	border:1px solid #555;
}
.ls_pockets div, .sized_ls_pockets div
{
	text-align:center;
}
.ls_pockets ul, .sized_ls_pockets ul
{
	margin: 5px 5px 5px 5px;
}
.ls_pockets li, .sized_ls_pockets li
{
	border-top:1px solid #555;
	border-right:1px solid #555;
	border-left:1px solid #555;
	list-style:none;
	list-style-image:none;
	text-align:center;
	color:#BBB;
	width:inherit;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
			
	-webkit-transition-property:color, text, text-shadow;
	-webkit-transition-duration: 0.5s, 0.5s;
	-webkit-transition-timing-function: linear, ease-in;

	-moz-transition-property:color, text, text-shadow;
	-moz-transition-duration:0.5s;
	-moz-transition-timing-function: linear, ease-in;

	-o-transition-property:color, text, text-shadow;
	-o-transition-duration:0.5s;
	-o-transition-timing-function: linear, ease-in;
	
}
.ls_pockets li:hover, .sized_ls_pockets li:hover
{
	color: #FFF;
	text-shadow: 0px 1px 0px #333;
	background: linear-gradient(#525353 , #5a86ac);
}
.ls_pocket_top
{
	width:auto;
	background-image:-webkit-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-moz-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-o-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	text-align:center;
	font-size:16px;
	font-weight:200;
	min-height:4px;
	border-radius:5px 5px 0px 0px;
	border-bottom:1px solid #333;
	padding-bottom:0px;
}
.ls_pocket_top_heading
{
	width:inherit;
	height:auto;
	background-image:-webkit-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-moz-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-o-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	text-align:center;
	font-size:18px;
	font-weight:500;
	border-radius:inherit;
}
.ls_pocket_main
{
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:justify;
	background-color:#333;
}
.ls_pocket_main p
{
	padding:0px;
	text-align:center;
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
}
.ls_pockets_main a:hover, .pocket_main a:hover
{
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.ls_pocket_bottom
{
	width:inherit;
	height:auto;
	background-image:-webkit-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-moz-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-o-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	text-align:center;
	padding:2px 0px 2px 0px;
	font-size:18px;
	font-weight:200;
	border-radius:0px 0px 0px 0px;
}


/*
Content-Aware Pockets
[These Will Size According To The Container They Are Placed In]
NOTE: A content-aware element MUST be placed INSIDE an element with a KNOWN size. Inherit, and Auto sizes will not allow for proper alignment and will skew things
*/

.contactus_master
{
	background:#333;
	padding:0px 2px 0px 2px;
}
.contactus_master p
{
	text-align:center;
}
.contactus_header
{
	width:auto;
	background-image:-webkit-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-moz-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	background-image:-o-linear-gradient(center bottom, #09F 0%, #428cca 38%, #66A3D5 100%);
	text-align:center;
	font-size:16px;
	font-weight:200;
	min-height:4px;
	border-radius:5px 5px 0px 0px;
	border-bottom:1px solid #333;
	padding-bottom:0px;
}
.email_half
{
	width:49.6%;
	float:left;
	border:1px solid #000;
	border-radius:5px;
	
}
.email_half p
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.email_clear
{
	clear:both;
}
.contactus_info
{
	float:left;
	background:#FFF;
	color:#000;
	margin:0px 2px 0px 10px;
	border-radius:5px 5px 0px 0px;
}
.contactus_info p
{
	padding:5px;
	text-align:center;
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
}
.email_form
{
	background:#FFF;
	float:right;
	margin:0px 10px 0px 2px;
	border:2px solid #F00;
	border-radius:5px;
}
.google_marker
{
	
}