@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0px;
	padding: 0px;
}
body {
	background: url(/pc/images/bg.jpg) repeat-y center 0 #131E38;
	color: #020202;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
a:link, a:active, a:visited {
	color: #010101;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0px;
	padding: 0px;
	text-align: justify;
}
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h1 {
	font-size: 24px;		
}
h2 {
	font-size: 20px;
}
h3{
	font-size: 18px;
}

img {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}
ul {
	margin: 0px 0px 0px 15px;
	padding: 10px 0px 0px 0px;
	list-style-position: outside;
}
li {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}

/* Grid Layout*/
.container {	
	margin-left: auto;
	margin-right: auto;
	width: 940px;
}
/* End Grid Layout */


/* Header Section */
#header-wrapper {
	height: 300px;
	position: relative;
}
#header-content {
	background: url(/pc/images/header-bg.png) repeat-x 0 0 transparent;
	height: 300px;
	position: relative;
}
#diecut {
	background: url(/pc/images/diecut.png) no-repeat 0 0 transparent;
	height: 222px;
	position: absolute;
	right: -26px;
	width: 26px;
}
#phone {
	position: absolute;
	top: 20px;
	left: 40px;
}
#phone h1 {
	font-family: Impact, Arial, Helvetica, sans-serif;
}
#shopping-cart {
	background: url(/pc/images/shop-icon.gif) no-repeat 0 0 transparent;
	padding: 0px 0px 0px 40px;
	position: absolute;
	right: 50px;
	top: 15px;
}
#shopping-cart h3 {
	text-align: right;
}
#my-account {
	background: url(/pc/images/account-icon.gif) no-repeat 0 0 transparent;
	height: 30px;
	padding: 0px 0px 0px 35px;
	position: absolute;
	right: 50px;
	top: 47px;
}
#my-account h3 {
	line-height: 30px;
	text-align: right;
}
#request-quote {
	background: url(/pc/images/quote-icon.gif) no-repeat 0 0 transparent;
	height: 30px;
	padding: 0px 0px 0px 35px;
	position: absolute;
	right: 50px;
	top: 80px;
}
#request-quote h3 {
	line-height: 30px;
	text-align: right;
}
#logo {
	left: 0px;
	position: absolute;
	top: 40px;
}
#tagline {
	left: 330px;
	position: absolute;
	top: 130px;
}
#address {
	position: absolute;
	top: 240px;
	left: 300px;
}
#address h2 {
	font-weight: bolder;
}
/* End Header Section */


/* Menu Section */
#menu-wrapper {
	height: 25px;
	position: relative;
	z-index: 3;
}
#menu {
	background: #BE2F26;
	font-size: 13px;
	font-weight: bolder;
	height: 25px;
	padding: 0 20px 0 20px;
	width: 900px;
}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding:0;margin:0;list-style-type:none; height:25px;}
#menu li {padding:0;}
/* style the sub-level lists */
#menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu ul li {float:left;height:25px;line-height:25px;}

/* style the sub level list items */
#menu ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
#menu a, #menu a:visited {display:block;float:left;height:100%;font-size:1em;text-decoration:none;color:#FFF;background:#BE2F26;padding:0 30px 0 30px;}

/* style the sub level links */
#menu ul ul a, #menu ul ul a:visited {display:block;background:#FFF; color:#666;width:12em;height:100%;line-height:1em; padding:0.75em 1em;}
#menu ul table ul a, #menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
#menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
#menu ul ul table {lef\t:-1px;}
#menu ul ul table ul.left {margin-lef\t:2px;}

#menu li:hover {position:relative;}
* html #menu a:hover {position:relative;}

/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background:#ccc;}
/* style the fourth level background */
#menu ul ul ul ul a, #menu ul ul ul ul a:visited {background:#ddd;}
/* style the sub level 1 background */
#menu ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background */
#menu ul ul :hover a.sub2 {background:#ddd;}

/* style the level hovers */
/* first */
#menu-wrapper #menu ul li.active a{color:#BE2F26;background:#FFF;}
#menu a:hover {color:#BE2F26;background:#FFF;}
#menu :hover > a {color:#BE2F26;background:#FFF;}
/* second */
#menu ul ul a:hover{color:#BE2F26;background:#EEE;}
#menu ul ul :hover > a {color:#BE2F26;background:#EEE;}
/* third */
#menu ul ul ul a:hover {background:#ddd;}
#menu ul ul ul :hover > a {background:#ddd;}
/* fourth */
#menu ul ul ul ul a:hover {background:#eee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0;width:14em;}

/* position the third level flyout menu */
#menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:1em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
#menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
#menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* End Menu Section */


/* Banner Section */
#banner-wrapper {
	height: 350px;
	position: relative;
}
#banner {
	background: none no-repeat 0 0 #FFF;
	height: 350px;
	margin: 10px 20px 0 20px;
	width: 900px;	
}
/* End Banner Section */


/* Content Section */
#content-wrapper {
	background: url(/pc/images/content-bg.png) no-repeat 0 bottom scroll transparent;
	margin-top: 10px;
	position: relative;
}
#page-content {
	padding: 0px 0 10px 0;
	width: 940px;
}
#content {
	padding: 10px 10px 10px 20px;
	width: 910px;
}
.content-235px {
	float: left;
	padding: 0 0 0 10px;
	width: 214px;
}
.content-235px h3 {
	background: url(/pc/images/h3-title.png) no-repeat 0 0 scroll transparent;	
	font-size: 16px;
	font-weight: bolder;
	line-height: 42px;
	height: 44px;
	padding: 0 0 0 10px;
}
.content-235px ul {
	margin-bottom: 15px;
}
.content-235px .round, .content-235px .thumbnail {		
	border: 3px solid #BE2F26;
	background-color:#FFFFFF;
	/*background: url(/pc/bg-grad-round.png) no-repeat 0 0 transparent;*/
	height: 209px;
	width: 209px;
	margin: 0 0 10px 0;
	position: relative;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

.autoPadDiv
{
	position:relative !important;
}
/*
.content-235px .jquery-corner {
	background: url(/pc/trans.png) none repeat;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	 filter: alpha(opacity=10);
		-khtml-opacity: 0.1;
	opacity: 0.1;
}*/

.content-235px .round img, .content-235px .thumbnail img {	
	/*
	height: 206px;
	margin: 0px 0px 0px 2px;
	*/
	position: absolute;
	/*width: 206px;*/
	
		
	/* height: 190px;*/
	height:200px;
    margin: 4px 15px;
    width: 174px;
		
}
.content-235px .autoPadDiv h3.thumbnail-title
{
	background: url(/pc/images/thumbnail-title.png) no-repeat 0 bottom scroll transparent;	
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 0 0px;
	position: absolute;
	text-align: center;
	width: 200px;
	z-index: 5;
}


.content-235px h3.thumbnail-title {
	background: url(/pc/images/thumbnail-title.png) no-repeat 0 bottom scroll transparent;	
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 0 0px;
	position: absolute;
	text-align: center;
	top: 155px;
	width: 200px;
	z-index: 5;
}
.content-300px {
	float: left;
	padding: 0 20px 10px 10px;
	width: 270px;
}
.content-300px h2 {
	background: url(/pc/images/h2-title.png) no-repeat 0 0 scroll transparent;	
	font-weight: bolder;
	line-height: 40px;
	height: 44px;
	padding: 0 0 0 13px;
}
.content-900px {
	padding: 0 10px 0 10px;
	width: 880px;
}
.content-680px {
	width: 680px;
	float: left;
}
.content-900px h3, .content-680px h3 {
	font-weight: bolder;
	margin: 0 0 10px 0;
}
.content-900px p, .content-680px p {
	line-height: 20px;
	margin: 0 0 10px 0;
}
.index-caption {
	padding: 0 20px 0 20px;
	text-align: center;
	width: 640px;
}
.center {
	text-align: center;
}
/* End Content Section */


/* Page Category Thumbnail */
.page-category-image {
	width: 280px;
	font-size: 14px; 
	float: left; 
	padding: 0px 45px 10px 0px;
	text-align: center;
}
/* End Page Category Thumbnail */


/* Footer Section */
#footer-wrapper {
	background: none no-repeat 0 0 #FFF;
	position: relative;
}
#footer {
	padding: 10px 20px 10px 20px;
	width: 900px;
}
#footer p {
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
/* End Footer Section */