/*
---------------------------------------

#0193cf : aqua : footer top border
#006699 : aqua : darker
#363636 : gray : footer bground
#333333 : gray : 
#c8c8c8 : gray : column left border
#5e737c : bluegray : text color
#ababad : gray : hr dotted lines
#747475 : gray : hr dotted lines

#141414 : gray : footer bground
#4a4a4a : gray : footer text 
#898989 : gray : footer text link
#0193cf : aqua : footer text link hover

Blue Shades
#DFF2FB : lite blue :
#C5E8F7 : lite blue :
#29ABE2 : blue :
#0071BC

---------------------------------------
*/

/*---- Reset ----*/
html,body, div, h1, h2, h3, h4, h5, h6, caption, blockquote, form {margin: 0; padding:0;}
html, body {margin: 0; padding: 0; background:#000000 url(../img/bg_tile.gif) repeat;}
/*------- Text Styles -------------*/
body {font-family:Arial, Helvetica, Verdana, sans-serif; }
a {text-decoration: none; color: #0193cf;}
a:hover {text-decoration: underline;}
a:hover img {opacity: .7; -moz-opacity: .7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
p {
	font-size:12px;
	color:#4D5C64;
	margin-top:0;
}
blockquote{font-size:14px; line-height:20px;}
blockquote.caption {
	margin:10px 0 0 0;
	padding:0;
	font-size: 11px;
	line-height: 18px;
}

h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:11px;}

h1.toptitle{
	line-height:35px;
	font-size: 18px;
	color:#0193cf;
	color: #0193cf;
	font-weight:lighter;
}
/*--------------Main Content Text Styles--------------*/
#Content h2 {color:#0193cf; font-weight: lighter;}
#Content1 h1, #Content1 h2, #Content1 h3, #Content1 h4, #Content1 h5, #Content1 h6, #Content1 p, #Content1 blockquote, #Content1 hr {padding: 0px 30px;}

/*--------------Side Column Text Styles--------------*/
#Content2 h1,#Content2 h2, #Content2 h3,#Content2 h4,#Content2 h5,#Content2 h6, #Content2 p {padding: 0px 10px;}
#Content2 h2.title{
	background-image: url(../img/bg_heading_tile_02.gif);
	background-repeat: repeat-x;
	background-position: left top;
	line-height:35px;
	color:#0193cf;
	font-weight: lighter;
	font-size: 18px;
}
img {border: solid 1px black;}
img.floatImageleft {
	float:left;
	margin:0px 30px 20px 30px;
}
#aboutinfo h5 {
	font-size: 16px;
	color: #0193cf;
}
#aboutinfo p {}
#aboutinfo img { margin:0 100px 10px 80px; border:solid 1px #999999; background-color:#CCCCCC;}
#twocol h5 {
	display: block;
	float: left;
	width: 200px;
	clear: both;
	padding-bottom:20px;
}
#twocol p {}

img.floatImageright {float:right; margin:0px 30px;}
img.moveImageLeft {
	margin-left: -60px;
	z-index: 10;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	clear: both;
	margin-top: 10px;
}
.FloatLeft {
	display: block;
	clear: both;
	float: left;
	margin-right:20px;
}
img.noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.FloatRight {
	display: block;
	clear: both;
	float: right;
	margin-left:20px;
}

.FloatRightHome {
	display: block;
	clear: both;
	float: right;
	margin-left:10px;
}

div.horRule hr {display: none;}
div.horRule {height: 1px; border-top: 1px dotted #747475; margin: 15px 30px; clear:both;}
div.horRuleBlue hr {display: none;}
div.horRuleBlue {height: 1px; border-top: 1px dotted #0193cf; margin: 15px 30px; clear:both;}
div.horRule_2 hr {display: none;}
div.horRule_2 {height: 1px; border-top: 1px dotted #ababad; margin: 5px 0px; clear:both;}

div#UpperBackground {
	width:100%;
	height:100%;
	background-image: url(../img/bg_upperbanner_tile_01.gif);
	background-repeat: repeat-x;
	background-position: top;
}
div#Container_01 {
	width:1064px; height:100%; margin: auto;
	background-image: url(../img/bg_inner_content.gif);
	background-repeat: repeat-y;
	background-position: top;
}
div#HeaderBackground {
	width:1064px; height:100%; margin:auto;
	background-image: url(../img/bg_inner_banner.gif);
	background-repeat: repeat-x;
	background-position: top;
}
div#Container_02 {
  margin: 0 auto;
  width: 950px;
  background: white;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}
div#Header {height: 140px; background-image: url(../img/banner_new.gif); background-repeat: no-repeat;}
div#Nav_Container{height: 46px;	background-color: #363636;	background-image: url(../img/bg_nav_01.gif); clear:both;}


/*-------------End Nav1 Styles -------------*/

div#Content { background:white; width: 100%; padding-bottom: 80px; 
	background-image: url(../img/bg_heading_tile_01.gif);
	background-repeat: repeat-x;
	background-position: left top;
	clear:both;
}
div#Content1 {float: left; width:690px; height:100%; border-right: solid 1px #c8c8c8;}
div#Content2 {float: right; width: 259px; height:100%; }
div#Footer {
	background-color: #141414;
	border-top: solid 5px #0193cf;
	width: 100%;	height: 70px;
	padding-top: 10px;
	padding-bottom: 20px;
	clear:both;
}

/*--------------Footer Text Styles--------------*/
#Footer {font-size: 10px; color: #4a4a4a; line-height: 15px; clear:both;}
#Footer a {color: #898989;}
#Footer a:hover{color: #0193cf;}
#Footer-Left {padding-left: 20px; float: left; width: 600px;}
#Footer-Right {padding-right: 20px; float: right; text-align: right; width: 300px;}
#Footer-Nav{margin:0; padding:0;}	
#Footer-Nav ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#Footer-Nav li {
	float:left;
	margin:0px 3px;
	padding:0;
	list-style:none;
}


#Footer2 {font-size: 10px; color: #4a4a4a; line-height: 12px; clear:both; margin:0; padding:0;}
#Footer2 a {color: #898989;}
#Footer2 a:hover{color: #0193cf;}
#Footer-Left2 {padding-left: 20px; float: left; text-align: justify; width: 700px;}
#Footer-Right2 {padding-right: 20px; float: right; text-align: right; width: 200px; line-height: 15px;}
#Footer-Nav2{margin:0; padding:0;}	
#Footer-Nav2 ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#Footer-Nav2 li {
	float:left;
	margin:0px 3px;
	padding:0;
	list-style:none;
}

div#SubBanner{height:173px; width:100%; margin: 0 auto; background-color: black; border-bottom: solid 1px #0193cf;}
div#Flash{height:173px; width:690px; margin: 0; padding:0; background-color: black; float:left; background-image:url(../images/flash.jpg)}
div#Message{height:173px; width:260px; margin: 0; padding:0; background-color: black; float:right; color:white;}
#Message p,#Message h2{padding: 0 10px;}
#Message p{ color:#CCCCCC;}
#Message h2{color:#0193cf; font-weight:lighter; margin-top:3px;}
div.clearfloat{ clear:both; margin:0; padding:0; display:none;}
div#homemargin{width:505px; margin: 0 auto; float:right;}

/*----*/
table#ThreeCol p,table#ThreeCol h1,table#ThreeCol h2,table#ThreeCol h3,table#ThreeCol h4,table#ThreeCol h5,table#ThreeCol h6 {
	margin: 0px;
	padding: 0px;
}

table#ThreeCol h3 {
	font-size: 16px;
	font-weight: lighter;
	color: #0193CF;
	margin: 0px;
	padding: 0px;
}
/*----*/
table#CatalogQuickLinks {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;

	font-size: 12px;
}

#CatalogQuickLinks th {
	text-align: left;
	Border-right: solid 1px #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#CatalogQuickLinks td {
	Border-right: solid 1px #CCCCCC;
	Border-bottom: solid 1px #CCCCCC;}


table#Catalog {}
table#Catalog, #Catalog_ {margin:0 auto 0 auto; padding:0; color:#5e737c;}
#Catalog, #Catalog h2, #Catalog h5, #Catalog p, #Catalog ul_, #Catalog li {margin: 0; padding:0;}
#Catalog th {
	background-color: #F2F8FC;
	height: 48px;
	padding-left:5px;
	vertical-align: bottom;
	/*
	border-top: solid 1px #0071BC;
	*/
	border-bottom: solid 1px #6FA3C1;
}
#Catalog th h2{color:#0071BC; text-align:left; line-height: 24px; display:block; float:left;}
#Catalog td {border-bottom: dotted 1px #CCCCCC; vertical-align:top; padding: 10px 0;}
#Catalog p {}
#Catalog h1 {}
#Catalog h2 {}
#Catalog h3 {}
#Catalog h4 {color: black;}
#Catalog h5 {color: black;}
#Catalog ul, #Catalog ol { font-size: 12px; margin-top: 0px;}
#Catalog li {}
#Catalog img{
	margin: 0 5px 5px 0;
	border: none;
}
#Catalog .select{ background:#D9EAF5; border-bottom: solid 1px #6FA3C1;  height:48px;}
#Catalog .select p{ border:none; margin:none;}
#Catalog th.select { text-align:left; border-bottom: solid 1px #aecfe3; vertical-align:center; height:48px; padding:0 5px 5px 5px;}
#Catalog th.catalogtabs{ background:#99C6E4; font-size:16px;color: #FFFFFF;font-weight: normal;}

.borderleft {border-left: dotted 1px #CCCCCC;}
.borderright {border-right: dotted 1px #CCCCCC;}
.bordersides {border-right: dotted 1px #CCCCCC; border-left: dotted 1px #CCCCCC;}

div#catalogtabs{
	width: 630px;
	height:48px; 
	margin: 0 auto;
	border-bottom: solid 3px #0071BC;
	font-size:16px;
	color: #FFFFFF;
	font-weight: normal;
	text-align:center; 
	vertical-align:text-bottom;
	background-image: url(../images/catalog/tabmenu_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #99C6E4;
	clear:both;
}
div#catalogtabs a {text-decoration: none; color: white;  vertical-align:bottom; }
div#catalogtabs a:hover {color:#0071BC; text-decoration: none;}
div#catalogtabs a div{background:#99C6E4;}
div#catalogtabs a:hover div{opacity: .7; -moz-opacity: .7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
div#catalogtabs a.current { font-weight:bold; color:white;}
div#catalogtabs a:hover.current {color:white; text-decoration: none;}

div#tabresidential, a.current div#tabresidential {	line-height:48px;	width: 120px;   float: left; background:#0071BC;	background-image: url(../images/catalog/tabmenu_120.gif);	background-repeat: no-repeat;	background-position: center top;}
/*a div#tabresidential { background:#99C6E4; background-image: url(../images/catalog/tabmenu_120b.gif);	background-repeat: no-repeat;	background-position: center top;}*/
div#tabcommercial, a.current div#tabcommercial{ line-height:48px;;	width: 130px; 	float: left;  background:#0071BC;	background-image: url(../images/catalog/tabmenu_130.gif);	background-repeat: no-repeat;	background-position: center top; margin-left:1px; margin-right: 1px;}
div#tabindustrial, a.current div#tabindustrial{ 	line-height:48px;	width: 110px;	float: left; background:#0071BC;	background-image: url(../images/catalog/tabmenu_110.gif);	background-repeat: no-repeat;	background-position: center top;}

.topofpage {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-align: right;
	line-height:24px;
	margin-right:1px;
	padding-right:5px;
	padding-left:7px;
	border-left: dotted 1px #0071BC;
}
div.topofpage {float: right;}


/******************************************************************************************/
/****** styles for the new navigation                                                 *****/
/******************************************************************************************/
ul#main-nav{display:block; float:left; width:694px; list-style-type:none; margin:0; padding:0;}
ul#main-nav li{float:left; display:block;}
ul#main-nav a {display:block; background:url(../img/nav-whole.jpg); float:left; height:40px; text-indent:-9009px;}
ul#main-nav a.home{width:61px;}
ul#main-nav a.home:hover {background-position:0 -40px;}
ul#main-nav li.active a.home {background-position:0 40px;}
ul#main-nav a.about{width:89px; background-position:-61px 0;}
ul#main-nav a.about:hover{background-position:-61px -40px;}
ul#main-nav li.active a.about{background-position:-61px 40px;}
ul#main-nav a.shop{width:151px; background-position:-150px 0;}
ul#main-nav a.shop:hover{background-position:-150px -40px;}
ul#main-nav li.active a.shop{background-position:-150px 40px;}
ul#main-nav a.services{width:86px; background-position:-301px 0;}
ul#main-nav a.services:hover{background-position:-301px -40px;}
ul#main-nav li.active a.services{background-position:-301px 40px;}
ul#main-nav a.gates{width:205px; background-position:-387px 0;}
ul#main-nav a.gates:hover{background-position:-387px -40px;}
ul#main-nav li.active a.gates{background-position:-387px 40px;}
ul#main-nav a.contact{width:102px; background-position:-591px 0;}
ul#main-nav a.contact:hover{background-position:-591px -40px;}
ul#main-nav li.active a.contact{background-position:-591px 40px;}
ul#main-nav li ul {position: absolute; left: -999em; background-color:#076ea2; font:12px Arial, Helvetica, sans-serif; display:block; width:220px; margin:0; padding:0; border:1px solid #005476; border-width:0 1px 1px 1px; clear:left; margin-top:40px;}
html* ul#main-nav li ul{margin-top:0;}
ul#main-nav li ul a{color:white; display:block; height:23px; text-indent:0; float:left; width:200px; background:none; text-decoration:none; border-bottom:1px dotted #055a8a; line-height:23px; padding:0 10px;}
ul#main-nav li ul a:hover{background-color:#066493;}
ul#main-nav li:hover ul, ul#main-nav li.sfhover ul {left:auto;}


/******************************************************************************************/
/****** styles for the new store footer                                               *****/
/******************************************************************************************/
#miscFooter {
	color: #454444;
	background: #c1c1c1 url(http://store.commercialgates.net/App_Themes/CommercialGates/images/bg_miscfooter.gif) repeat-x;
}
#miscFooter img {
	border: none;
}
#miscFooter p {
	margin: 7px 0px 0px;
}
#miscFooter a {
	font-weight: bold;
	color: #006ba0;
	text-decoration: none;
}
#miscFooter a:hover {
	color: #000000;
	text-decoration: underline;
}
#miscFooter p.miscTitle {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000000;
	margin: 0px 0px 3px;
	padding: 0px;
}

/******************************************************************************************/
/****** styles for the new store header section                                       *****/
/******************************************************************************************/

/* style for container of shortcut links that can appear in the header */
.shortcuts {text-align: right; padding: 70px 0 0 0; width: 680px;}

/* style for links within shortcuts container */
.shortcuts  a {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	display: block;
	width: auto;
	float: right;
	padding: 40px 5px 0 5px;
	margin: 0px 5px 0 5px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	text-align: center;
}
.shortcuts a:hover {color: #008eb3;}

/* style for specific shortcuts */
.shortcuts a.basket{background: url(http://store.commercialgates.net/App_Themes/CommercialGates/images/button_cart.gif) no-repeat 50% top; text-align: center;}
.shortcuts a.acct{background: url(http://store.commercialgates.net/App_Themes/CommercialGates/images/button_account.gif) no-repeat 50% top; text-align: center;}
.shortcuts a.admin{background: url(http://store.commercialgates.net/App_Themes/CommercialGates/images/button_admin.gif) no-repeat 50% top; text-align: center;}
.shortcuts a.wishlist{background: url(http://store.commercialgates.net/App_Themes/CommercialGates/images/button_wishlist.gif) no-repeat 50% top; text-align: center;}
.shortcuts a.login{background: url(http://store.commercialgates.net/App_Themes/CommercialGates/images/button_login.gif) no-repeat 50% top; text-align: center;}

.headerLinks {float: right; width: 260px; text-align: center; color: #686868; padding-top: 80px;}
.headerLinks a {color: #fff; font-size: 10px;text-transform: uppercase;}