/* CSS Document */

p { font-size:13px; margin-bottom:14px; }


#page-body {height:545px; overflow:hidden; position:relative; }

.block-main {height:100%; width:490px; overflow:hidden; position:absolute; top:0px; left:0px;}

#main-hero {height:360px; width:490px; position:relative; top:0px; left:0px; margin:0px; overflow:hidden; }
#main-hero a	{display:block; height:356px; width:486px; border:2px solid #8B8B8B; position:relative; text-decoration:none; font-size:23px; color:#FFFFFF;}
#hero-slides {height:354px; width:386px; position:relative; top:0px; left:60px; margin:0px; overflow:hidden; }

#main-items {height:175px; width:100%; overflow:hidden; position:absolute; bottom:0px; left:0px; }
#item-indoors {background-image:url(../images/index-indoors.jpg); position:absolute; top:0px; left:0px; }
#item-outdoors {background-image:url(../images/index-outdoors.jpg); position:absolute; top:0px; left:0px; }
#item-accessories {background-image:url(../images/index-accessories.jpg); position:absolute; top:0px; left:167px;}
#item-personal {background-image:url(../images/index-personal.jpg); position:absolute; top:0px; left:167px;}
#item-convert {background-image:url(../images/index-convert.jpg); position:absolute; top:0px; right:0px;}
.main-item {height:100%; width:150px; position:relative; margin:0px;}
/* .main-item a	{display:block; height:100%; width:100%; border:2px solid #8B8B8B; position:relative; text-decoration:none; font-size:1.25em; font-weight:bold; color:#FFFFFF;} */
.main-item a	{display:block; height:100%; width:100%; border:2px solid #8B8B8B; position:relative; text-decoration:none; font-size:16px;  color:#FFFFFF;}

.block-side {height:100%; width:250px; overflow:hidden; position:absolute; top:0px; right:0px;}

/*click here styles 110615
*******************************/
#click-here{background: #F78E1F;height: 40px; width: 250px; position:absolute: top: 0px; right: 0px;}

#click-here a{text-decoration: none;}
.link-text2 {display:block; position:absolute; top:0px; width:100%; height:40px; background-color:#F78E1F; text-align:center; z-index:99; font-size: 16px; color: #fff; text-decoration: none; }
#click-here span.link-text2 {background-color:#F78E1F; }
#click-here a:hover {border:2px solid #F25B22; }


/*#side-fuel {background-image:url(../images/logo-small.gif); height: 220px; width:250px; position:absolute; top:45px; right:0px; }*/
/* #side-fuel a {display:block; height:265px; width:236px; border:2px solid #F78E1F; position:absolute; top:0px; right:0px; text-decoration:none; font-size:1.25em; font-weight:bold; color:#FFFFFF;} */
#side-fuel {background-image: url(/images/logo-250.gif); height: 250px; width: 250px; position: absolute; top: 0px; right: 0px;}
#side-fuel a {display:block; height:265px; width:236px; border:2px solid #F78E1F; position:absolute; top:0px; right:0px; text-decoration:none; font-size:16px;  color:#FFFFFF;}
#side-fuel span.link-text {background-color: #F78E1F;}
.link-text { display: block; position: absolute; bottom: 0px; width: 100%; height: 20px; background-color: #8B8B8B; text-align: center; z-index: 99; }


#side-sale { background:url(../images/index-electric.jpg) 9px 0; height:265px; width:246px; position:absolute; bottom:0px; right:0px; }
#side-sale a { display:block; height:100%; width:236px; border:2px solid #8B8B8B; position:absolute; top:0px; right:0px; text-decoration:none; font-size:16px;  color:#FFFFFF;}



#main-hero span.link-text {height:29px; text-align:left; }
/*#side-fuel span.link-text {background-color:#F78E1F; }*/


#main-hero a:hover, .main-item a:hover, #side-fuel a:hover, #side-sale a:hover {border:2px solid #F25B22; }
 
#main-hero a:hover span, .main-item a:hover span, #side-fuel a:hover span, #side-sale a:hover span, #click-here a:hover span {background-color:#F25B22; color:#FFFFFF; }