@import url('menu.css');

/* Elements */
html, body
{
	background-color: #fff;
	background-image: url('../images/shop-bg.jpg');
	background-repeat: repeat-x;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	color: #333333;
	text-align: center;
	font-family: Arial, Verdana, Sans-Serif ;
	font-size: 9pt;
}
img {
    border: 0px;
}

h1, h1.categoryHdg {font-size: 19pt; font-weight: normal; color: #727271; margin-bottom: 21px;}
h1.categoryHdg {text-align: left;}
h2 {font-size: 16pt; font-weight: normal; color: #2463af; margin-bottom: 6px;}
h3 {font-size: 10pt; font-weight: bold; color: #2463af; margin-bottom: 6px;}
p {margin-top: 4px; margin-bottom: 15px;}

/* Element Ids */

#outerwrapper
{
    position: relative;
    width: 980px;
    margin:0 auto; /* for the rest */
    margin-top: 10px;
    padding-bottom: 30px;
    padding-top: 7px;
    text-align: left;
    background-repeat: repeat-y;
    padding-left: 9px;
}

#innerwrapper
{
    width: 960px;
}
#header
{
    height: 159px;
    margin: 0px;
    padding: 0px;
}
#headertop {
	margin-top: -3px;
	position:relative;
}
#headertopleft
{
    float: left;
}
#headertopright
{
	text-align: right;
}
#headerrequestbrochures {
	position: absolute;
	top: 0px;
	left: 550px;
}

#headertelephone
{
    color: #2463af;
    font-size: 20pt;
}
#headeremail a
{
    color: #2463af;
    font-size: 10.5pt;
    text-decoration: none;
}
#googlesearchcontainer {
	margin-top: 8px;
}
#googlesearchcontainer input[type=text] {
	width: 130px;
}
#headerimage {
	margin-top: 10px;
}
#main
{
    padding: 15px;
    background-color: #fff;
    min-height: 500px;
}
#mainBlue

{

    padding: 15px;

    background-color: #fff;

    min-height: 500px;
    background-image: url(../../images/blueLine.gif);
    background-repeat: no-repeat;

}

#mainleft
{
    float: left;
    width: 420px;
}

#mainright
{
    margin-left: 440px;
    width: 470px;
    background-color: #efefef;
    padding: 10px;
    min-height: 500px;
}
#maintop {
	min-height: 500px;
}
#mainbottom {
	padding-top: 15px;
	clear: both;
	color: #727271;
}
#mainbottomright {
	float: right;
}
.menuitem
{
	width: 140px;
	height: 140px;
	margin: 0 25px 30px 0;
	padding: 0px;
	text-align: center;
	font-weight:bold;
	font-family: Calibri, Verdana, Arial;
	position: relative;
	float: left;
}

.menuitem a
{
    font-size: 11pt;
    text-decoration: none;
/*    color: #727271;  */
 	color:#2E61A6;
}


.enditem
{
	margin: 0;
}

.menuitemimagecontainer img
{
	border: 1px #2463af solid;
}

.menuitem:hover
{

}
.menuitemimagecontainer {
	margin-bottom: 5px;
	width: 140px;
}

#footer
{
	clear: both;
	font-family: Calibri, Verdana, Arial;
    background-image:url('../images/footer-bg.png');
    background-repeat: no-repeat;
    margin-top: 0px;
    padding: 5px 15px 9px 15px;
    color: #fff;
}
#footerright {
	float: right;
	margin-top: 10px;
}
#footerright a {
	color: #fff;
	text-decoration: none;
}

/* Classes */
.topmenu, .footermenu
{
    font-family: Calibri, Verdana, Arial;
    margin-left: -45px;
}
.topmenu li, .footermenu li
{
    list-style-type: none;
    display: inline;
}
.topmenu li a, .footermenu li a
{
	padding: 0 5px 1px 5px;
    font-size: 9pt;
    text-decoration: none;
}
.topmenu li a.enditem, .footermenu li a.enditem, .submenu li a.enditem
{
    border-right: none;
}
.topmenu li a
{
    color: #727271;
    border-right: solid 1px #727271;
}
.footermenu li a
{
    color: #fff;
    border-right: solid 1px #fff;
    font-weight: normal;
}

.bold
{
    font-weight: bold;
}
.hidden
{
    display: none;
}
.overflow {
	overflow: auto;
	height: 130px;
}
.submenucontainer {
	top: 152px;
}