/* CSS Document */

a {
   outline: none;
}

a:focus { 
outline: none; 
}
a img { border: none ; }

a:link {text-decoration: none}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline; color: #252525;}

#header-wrapper {
overflow:auto; 
width:500px; 
}

#container-header{
width:980px;
background: url(images/nav-bg.png) repeat-x;
position:absolute;
top: 0 !important;
margin-left:-8px;
height:90px; /* Height MUST be set here */
}
#nav-bg{
width:100%;
background: url(images/nav-bg.png) repeat-x;
position:absolute;
top: 0 !important;
margin-left:-8px;
z-index:-1;
height:90px; /* Height MUST be set here */
}

#nav{
float:left;
margin-left:20px;
margin-top:0px;
height: 89px;
text-decoration: none; 
}

#logosymbol{
width:31px;
float:right;
margin-right:10px;
margin-top:7px;
height: 61px;
background: url(images/logo-symbol.png) no-repeat;
}

#container-main{
width:500px;
float:left;
position:absolute;
margin-top:130px;
margin-left:20px;
height:400px; /* Height MUST be set here */
}
#container-products-left{
width:234px;
float:left;
position:absolute;
margin-left:80px;
margin-top:10px;
line-height:34px;
height:157px; /* Height MUST be set here */
}
#container-products-right{
width:234px;
float:left;
position:absolute;
margin-left:380px;
margin-top:10px;
line-height:34px;
height:157px; /* Height MUST be set here */
}
.products{ 
font-family: Verdana, Arial, sans-serif; 
font-size: 14px; 
font-weight: normal; 
color: #252525; 
text-align: left;
}
#container-products a:hover{
text-decoration:underline;
color:#000;
}
#container-thumbs-left{
width:60px;
float:left;
position:absolute;
line-height:10px;
height:157px; /* Height MUST be set here */
}
#container-thumbs-right{
width:60px;
float:left;
margin-left:300px;
position:absolute;
line-height:10px;
height:157px; /* Height MUST be set here */
}
#container-flyers{
width:234px;
float:left;
position:absolute;
margin-top:260px;
padding:40px 10px 20px 45px;
height:200px; /* Height MUST be set here */
background: url(images/flyers-box.jpg) no-repeat;
}
.flyerlinks{ 
font-family: Verdana, Arial, sans-serif; 
font-size: 12px; 
font-weight: normal; 
color: #FFF; 
text-decoration:underline;
text-align: left;
}
#arrow-icons{
width:17px;
float:left;
position:absolute;
margin-top:300px;
margin-left:20px;
line-height:13px;
height:157px; /* Height MUST be set here */
}
#container-flyers a:hover{
text-decoration:underline;
color:#252525;
}

#footer-wrapper {
overflow:auto; 
width:500px; 
}

#container-footer{
width:980px;
position:absolute;
bottom: 0 !important;
margin-bottom:30px;
margin-left:-8px;
height:90px; /* Height MUST be set here */
}
#container-footer-products{
width:980px;
position:absolute;
margin-top:930px;
margin-left:-8px;
height:90px; /* Height MUST be set here */
}
#footer-bg{
width:100%;
background: url(images/footer-bg.png) repeat-x;
position:absolute;
bottom: 0 !important;
margin-bottom:30px;
margin-left:-8px;
z-index:-1;
height:90px; /* Height MUST be set here */
}
#footer-bg-products{
width:100%;
background: url(images/footer-bg.png) repeat-x;
position:absolute;
margin-top:930px;
margin-left:-8px;
z-index:-1;
height:90px; /* Height MUST be set here */
}

/* Logo */

#logo{
width:373px;
float:left;
margin-left:20px;
margin-top:15px;
height:60px;
}
#logo a span{
display: none;
}
#logo a{
float:left;
width: 373px;
margin-left:0px;
margin-top:0px;
height: 60px;
text-decoration: none;
background: transparent url(images/logo.png) no-repeat;
}
#logo a:hover{
position: absolute;
background: transparent url(images/logo-hover.png) no-repeat;
}

#proudlypartnered{
width:120px;
float:left;
margin-left:20px;
margin-top:37px;
height:19px;
background: url(images/proudly-partnered.png) no-repeat;
}


/* West Coast */

#westcoast{
width:175px;
float:left;
margin-left:20px;
margin-top:20px;
height:50px;
}
#westcoast a span{
display: none;
}
#westcoast a{
float:left;
width: 175px;
margin-left:0px;
margin-top:0px;
height: 50px;
text-decoration: none;
background: transparent url(images/west-coast-logo-up.png) no-repeat;
}
#westcoast a:hover{
position: absolute;
background: transparent url(images/west-coast-logo-dn.png) no-repeat;
}

/* Argen */

#argen{
width:79px;
float:left;
margin-left:30px;
margin-top:26px;
height:45px;
}
#argen a span{
display: none;
}
#argen a{
float:left;
width: 79px;
margin-left:0px;
margin-top:0px;
height: 45px;
text-decoration: none;
background: transparent url(images/argen-logo-up.png) no-repeat;
}
#argen a:hover{
position: absolute;
background: transparent url(images/argen-logo-dn.png) no-repeat;
}

/* Nobel */

#nobel{
width:108px;
float:left;
margin-left:30px;
margin-top:21px;
height:45px;
}
#nobel a span{
display: none;
}
#nobel a{
float:left;
width: 108px;
margin-left:0px;
margin-top:0px;
height: 45px;
text-decoration: none;
background: transparent url(images/nobel-logo-up.png) no-repeat;
}
#nobel a:hover{
position: absolute;
background: transparent url(images/nobel-logo-dn.png) no-repeat;
}

/* Crystal */

#crystal{
width:96px;
float:left;
margin-left:30px;
margin-top:27px;
height:36px;
}
#crystal a span{
display: none;
}
#crystal a{
float:left;
width: 96px;
margin-left:0px;
margin-top:0px;
height: 36px;
text-decoration: none;
background: transparent url(images/crystal-logo-up.png) no-repeat;
}
#crystal a:hover{
position: absolute;
background: transparent url(images/crystal-logo-dn.png) no-repeat;
}

/* Ceramill */

#ceramill{
width:128px;
float:left;
margin-left:30px;
margin-top:33px;
height:24px;
}
#ceramill a span{
display: none;
}
#ceramill a{
float:left;
width: 128px;
margin-left:0px;
margin-top:0px;
height: 24px;
text-decoration: none;
background: transparent url(images/ceramill-logo-up.png) no-repeat;
}
#ceramill a:hover{
position: absolute;
background: transparent url(images/ceramill-logo-dn.png) no-repeat;
}

#madeincanada{
width:47px;
float:left;
margin-left:30px;
margin-top:23px;
height:45px;
background: url(images/made-in-canada-logo.png) no-repeat;
}

h1 { 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 44px; 
    font-weight: normal; 
	text-shadow: 0px 1px 1px #085b24;
    color: #252525; 
} 
	
h2 { 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 20px; 
    font-weight: normal; 
	text-shadow: 0px 1px 1px #FFF;
    color: #252525; 
} 

.text { 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 12px; 
    font-weight: normal;
    color: #252525; 
}
.contacttext { 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 16px; 
    font-weight: normal;
	line-height:26px;
    color: #252525; 
}

.copyright{ 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 9px; 
    font-weight: normal; 
    color: #acacac; 
	text-align: left;
}
#copyright{
	width:580px;
	float:right;
	position:absolute;
	bottom: 0 !important;
	margin-bottom:5px;
	margin-left:10px;
	height:20px; /* Height MUST be set here */
}
#copyright-products{
	width:580px;
	float:right;
	position:absolute;
	margin-top:1030px;
	margin-left:10px;
	height:20px; /* Height MUST be set here */
}
#copyright a:hover{
text-decoration:underline;
color:#252525;
}

#main {
    -webkit-box-shadow: 0px 0px 9px #C2C2C2;
	-moz-box-shadow: 0px 0px 9px #C2C2C2;
	box-shadow: 0px 0px 9px #C2C2C2;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #FFF;
	padding: 0px 20px 20px 20px;
	}
.frame {
    -webkit-box-shadow: 0px 0px 9px #C2C2C2;
	-moz-box-shadow: 0px 0px 9px #C2C2C2;
	box-shadow: 0px 0px 9px #C2C2C2;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #FFF;
	padding: 5px;
	}