/* CSS Document */
body{
	background-image:url(images/bg.jpg);
	background-color:#3370a7;
	background-repeat:repeat-x;
	font-family: Arial;
	font-size: 12px;
	color: #747474;
	margin:0;
	/*text-align:center;*/
}
img {
	border:0;
}
a:link, a:visited {color: #35BCE6; text-decoration:none;}
a:hover {color:#952E41; text-decoration:underline;}

.main{ width:973px; margin:0 auto; margin-top:20px }
.PageTop{width:973px; height:85px;}
.PageTopContact{float:right; width:250px; height:85px;text-align:left; color:#FFFFFF; font:Arial; font-weight:bold; font-size:11px; text-transform:uppercase}
.PageTopContactBlueText{color:#7fb9f0;}
.logo{ float:left; width:216px; height:85px; background-image:url(images/logo.jpg)}
.MenuCont{width:973px; height:93px;  background-image:url(images/TopMenuContainer.jpg)}
.TopMenuDropDowns{width:150px; height:20px; color:#727272; font-size:11px}
.TopMenuDropDownsDiv{margin-left:10px;float:left}
.TopMenuDropDownsCont{width:950px; height:25px; margin-left:10px; padding-top:10px}
.InventoryDropDowns{width:250px; height:20px; color:#727272; font-size:11px}
.InventoryDropDownsDiv{height:30px; margin-top:15px}
.TopMenuDropDowns{width:155px; color:#727272; font-size:11px}
.TopMenuBg{width:926px; 
height:32px; margin-left:25px;margin-top:10px; background-image:url('images/MenuBg.jpg')
}
.TopMenu{height:20px; padding-top:7px;  text-align:center; color:#952E41;text-transform:uppercase;font-family:Arial;font-size:12px;font-weight:bold;}

.WhiteTextUpperCase{color:#FFFFFF; font:Arial; font-weight:bold; font-size:11px; text-transform:uppercase}

.TopMenulink:link,.TopMenulink:visited, .footerlink:visited, .footerlink:active {
	color:#214772;
	TEXT-DECORATION:none;
	text-transform:uppercase;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding-right:10px;
	 padding-left:10px;
}
.TopMenulink:hover {
	color:#952E41;
	text-transform:uppercase;
	TEXT-DECORATION:none;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	
}


.PageBodyCont{width:973px; height:100%; margin-top:20px}
.PageBodyCont a {color: #A93D00;}
.PageBodyContTop{width:973px; height:15px; background-image:url(images/BodyTop.jpg)}
.PageBodyContCenter{ display:table-cell; height:100%; width:973px; background-color:#FFFFFF}
.PageBodyBannerCont{width:958px; height:302px; margin-left:7px}
.PageFooterCont{width:973px; height:40px; margin-top:20px; background-image:url(images/Footerbg.jpg)}
.PageFooterText{width:973px; height:40px; padding-top:10px; margin-left:40px; font:Arial, Helvetica, sans-serif; color:#FFFFFF}

.PageBodyBanner{width:640px; height:302px; float:left; }
.FeaturedTrailerCont{width:305px; height:302px; text-align:center; float:right; background-image:url(images/Featured-Trailer.jpg)}
.PageBodyContBottom{width:973px; height:20px; background-image:url(images/BodyBottom.jpg)}
.PageGalleryTop{width:100%; height:20px; text-align:left; font-size:18px; color:#224a76;}
.PageGalleryImgCont{width:100%; height:190px;}
.PageGallery2ImgCont{width:100%; height:190px; margin-top:15px}
.PageGalleryCont{width:958px; margin-left:7px; margin-top:10px}
.PageGallery2Cont{width:958px; height:234px; margin-left:2px; margin-top:10px; background-image:url(images/Gallery2Bg.jpg)}
.PageGallery2Conthomebrand{width:958px; height:234px; margin-left:1px; margin-top:10px; background-image:url(images/Gallery2Bg_brand.jpg); background-repeat:no-repeat;}
.PageGallery2Contproduct{width:963px; height:234px; margin-left:-2px; margin-top:8px; background-image:url(images/Gallery2Bg_product.jpg); background-repeat:no-repeat;}
.PageGallery2Contproductslid{width:958px; height:234px; margin-left:1px; margin-top:10px; background-image:url(images/Gallery2Bg_product.jpg)}
.PageGalleryLeftArrow{width:46px; height:121px; float:left; background-color:#993300; margin-left:10px}
.PageGalleryImg{width:151px; height:120px; float:left; margin-left:18px}
.PageGalleryImgBox{width:151px; height:120px;}
.PageGalleryImgBoxTxt{width:151px; height:40px; color:#a7410e; font-size:12px; font-weight:bold; text-transform:uppercase}
.PageGalleryImgBoxTxtGrey{width:151px; height:40px; color:#a1a1a1; font-size:12px; font-weight:bold; text-transform:uppercase}
.PageTextContentsCont{width:958px; margin-left:7px; margin-top:10px; height:100%; display:table-cell}
.PageProContentsCont{width:958px; margin-left:7px; margin-top:10px;height:100%; display:table-cell}
.InventorySearchCont{width:250px; margin-left:10px; text-align:center; float:left; background-color:#CCCCCC; height:230px;
    margin-bottom: 4px;
}
.PageExpCont{width:400px; margin-left:30px; float:left;}
.ProductCont{width:673px; margin-left:10px; float:right;}
.ProductContTop{width:673px; background-image:url(images/ProductBgTop.jpg); height:20px; margin-top:-5px;}
.ProductContBottom{width:673px; background-image:url('images/ProductBgBottom.jpg'); 
height:16px;
}
.ProductContMiddle{width:673px; background-image:url(images/ProductTableBg.jpg); background-repeat:repeat-y;}
.ProductBoxRow{height:100%; padding-top:20px}
.ProductBox{width:187px; text-align:center; background-image:url(images/ProBoxBg.jpg); height:348px; float:left; margin-left:25px;}
.ProductHeading{ font:Arial, Helvetica, sans-serif; text-align:center; color:#a53f0c; font-size:12px; font-weight:bold; margin-top:10px}
.ProductText{ font:Arial, Helvetica, sans-serif; text-align:left; margin-left:10px; color:#717676; font-size:12px; font-weight:bold; margin-top:10px}
.PageExpHeadingCont{text-align:left}
.WhiteText{text-align:left; font:Arial, Helvetica, sans-serif; size:11px; color:#FFFFFF}
.PageExpReadMoreCont{text-align:right}
.PageExpBodyTxtCont{ color:#747474; text-align:left}
.PageShopTool{width:200px; margin-left:30px; float:left;height:230px;}
.BrownHeading{color:#952E41;text-transform:uppercase;TEXT-DECORATION:none;font-family:Arial;font-size:18px;font-weight:bold;}
.BrownHeading2{color:#952E41;text-transform:uppercase;TEXT-DECORATION:none;font-family:Arial;font-size:14px;font-weight:bold;}
.GreenHeading{color:#35bce6;text-transform:uppercase;TEXT-DECORATION:none;font-family:Arial;font-size:24px;font-weight:bold;}
.InventorySearchHeading{color:#828181;text-transform:uppercase;TEXT-DECORATION:none;font-family:Arial;font-size:14px;font-weight:bold; padding-top:15px}
.ShopingLinkArrow{height:10px; width:15px; float:left; margin-top:3px}
.ShopingLink{height:15px;float:left}
.ShopingLinkCont{height:20px;}

.ReadMorelink:link, .footerlink:visited, .footerlink:active {
	color:#1480a2;
	font-family:Arial;
	font-size:12px;
}
.ReadMorelink:hover {
	color:#952E41;
	font-family:Arial;
	font-size:12px;
}

.ShopMenulink:link, .ShopMenulink:visited, .footerlink:visited, .footerlink:active {
	color:#747474;
	TEXT-DECORATION:none;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
.ShopMenulink:hover {
	color:#952E41;
	TEXT-DECORATION:none;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
.textleft{
 
 text-align:left;
 float:left;
  margin-left:25px; 


}
.headingleft{
 
 text-align:left;
 float:left;
 margin-left:10px; 


}
.content
{
 text-align:left;
 float:right;
  margin-left:25px; 
  width:500px;

}
.productInfoDiv{float:left; position:relative; width:720px; text-align:left; padding-top:12px;}
.productLogoDiv{float:right; position:relative;  width:140px; padding-right:30px;}

.productImageDiv{float:left; position:relative;width:200px; text-align:left; padding-top:12px;}
.txt
{
font-family : Verdana;
 color:Gray;
font-size: 12px;
width:120px;
}
.headingMaroon{
	color:#952E41;
	TEXT-DECORATION:none;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
}
.Maroonlab{
	color:#ad4714;
	TEXT-DECORATION:none;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;

}
.Bluelab{
	color:#2e6599;	
	font-family:Arial;
 font-weight:bold;

	


}
.headingBlue{
	color:#2e6599;
	TEXT-DECORATION:none;
	font-family:Arial;
	font-size:19px;
	font-weight:bold;
	 margin-left:5px;
	text-transform:uppercase;
}
.brandBorderPage{border:solid 1px #d8dbdb; width:928px; margin:0 auto; height:100%; display:table-cell;}
.brandContentBox{width:886px; margin-top:15px;  padding-bottom:20px;}
.brandGreyBox{width:886px; margin-top:25px; border:solid 1px #c5c7c7; background-color:#e8ecec; height:100%; display:table-cell;}
.brandImage{width:250px;  border:solid 1px #c6c6c6; float:left; background-color:#FFFFFF; margin:10px;}
.brandImageContent{width:500px; float:right; text-align:left; margin-top:10px; margin-bottom:15px; margin-right:10px;}
.brandText{ font:Arial, Helvetica, sans-serif;   color:#717676; font-size:12px; font-weight:bold;}
.brandTextMaroon{ font:Arial, Helvetica, sans-serif;   color:#a53f0c; font-size:14px; font-weight:bold;}



.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup 
{
    
   
	background-color:#F7F6F3;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:20px;
 height:400px;
	width:900px;
}
.modalPopup1
{
    
   
	background-color:#F7F6F3;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;

	width:900px;
 height:300px;
}


.contactLeftBox{width:260px; float:left; background-color:#d9ebfd; margin-bottom:20px; border: solid 1px #3e87cd; }
.contactTextBlue{ font:Arial, Helvetica, sans-serif;   color:#244f7e; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center;}
.textBoxSize{width:220px; margin:10px auto; text-align:left;}
.contactTextLightBlue{ font:Arial, Helvetica, sans-serif;  color:#3e87ce; font-size:11px; font-weight:normal; text-transform:uppercase; }
.contactTxtField{ font:Arial, Helvetica, sans-serif;  color:#000; font-size:12px; font-weight:bold; width:220px; height:18px; border:solid 1px #3e87cd; margin-top:5px;}
.contactTxtFIELD1{font:Arial, Helvetica, sans-serif;  color:#000; font-size:12px; font-weight:bold; width:145px; height:17px; border:solid 1px #3e87cd;}
.contactTxtBlack{font:Arial, Helvetica, sans-serif;  color:#000; font-size:12px; font-weight:bold;}
.contactTxtFIELD2{font:Arial, Helvetica, sans-serif;  color:#000; font-size:12px; font-weight:bold; width:220px; height:30px; border:solid 1px #3e87cd;}


.txtfieldRequest{font:Arial, Helvetica, sans-serif;  color:#717676; font-size:12px; font-weight:bold; width:220px; height:17px; border:solid 1px #3e87cd; background-color:#d9ebfd;}
.txtfieldRequest1{font:Arial, Helvetica, sans-serif;  color:#717676; font-size:12px; font-weight:bold; width:100px; height:17px; border:solid 1px #3e87cd; background-color:#d9ebfd;}

.txtfieldRequest2{font:Arial, Helvetica, sans-serif;  color:#717676; font-size:12px; font-weight:bold; width:220px; height:75px; border:solid 1px #3e87cd; background-color:#d9ebfd;}

.txtfieldRequest3{font:Arial, Helvetica, sans-serif;  color:#717676; font-size:12px; font-weight:bold; width:220px; height:19px; border:solid 1px #3e87cd; background-color:#d9ebfd;}

.aboutBox{width:886px; margin-top:15px; position:relative}
.aboutLft{float:left; margin-top:10px; margin-left:2px; text-align:left; width:100px;}
.aboutusLft{float:left; margin-top:10px; margin-left:2px; text-align:justify; width:500px;}
.partsLft{float:left; margin-top:10px; margin-left:2px; text-align:justify; width:700px;}
aboutusLft1{float:left; margin-top:10px; margin-left:5px; text-align:left; width:450px;}
.aboutRgt{float:right; margin-top:-250px; text-align:left; margin-left:10px; width:324px; height:176px;}
.borderAbout{border:solid 2px #B7B7B7}

.Bluelink:link, .Bluelink:visited, .Bluelink:active {
	color:#35bce6;
	TEXT-DECORATION:underline;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
.Bluelink:hover {
	color:#35bce6;
	TEXT-DECORATION:none;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}

.Maroonlink:link, .Maroonlink:visited, .Maroonlink:active {
	color:#952E41;
	TEXT-DECORATION:underline;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
.Maroonlink:hover {
	color:#952E41;
	TEXT-DECORATION:none;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}

.ServicesBox{float:left; margin-top:10px; text-align:justify; width:800px;}



.Bluebullet{
	color:#7fb9f0;
	TEXT-DECORATION:none;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;

}
.Blackbullet{
	color:#000000;
	TEXT-DECORATION:none;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;

}

.scrollimage
{
 border-style:solid;
 border-color:#7fb9f0;
  border-width:2px;
 
 height:150;
  width:200;
}
.aboutLftdes{float:left; margin-top:10px; margin-left:5px; text-align:center; width:100%;}

.aboutLfttext{float:left; margin-top:10px; text-align:left; width:185px;}
.aboutRgtdes{float:left; margin-top:10px; margin-left:5px; text-align:left; width:100%;}


        
/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

#jCarouselLiteDemo .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;     
}
    #jCarouselLiteDemo .digg {
        position: absolute;
        left: 610px;
        top: 110px;
    }
    #jCarouselLiteDemo .main {
        margin-left: 40px;
    }

    #jCarouselLiteDemo .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
    #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
    #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("/image/imageNavLeft.gif") left 60px no-repeat;
    }
        #jCarouselLiteDemo .carousel a.next {
            background: url("/image/imageNavRight.gif") right 60px no-repeat;
        }
            #jCarouselLiteDemo .carousel a.next:hover {
                background-image: url("/image/imageNavRightHover.gif");
            }
            #jCarouselLiteDemo .carousel a.prev:hover {
                background-image: url("/image/imageNavLeftHover.gif");
            }    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
            }                 
    #jCarouselLiteDemo .carousel .jCarouselLite {
        border: 1px solid black;
        float: left;
        background-color: #dfdfdf;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
        #jCarouselLiteDemo .carousel ul {
            margin: 0;
        }
        #jCarouselLiteDemo .carousel li img, 
        #jCarouselLiteDemo .carousel li p {
            background-color: #fff;
            width: 150px;
            height: 118px;
            margin: 10px;
        }
        
        #jCarouselLiteDemo .widget img {
            cursor: pointer;
        }
            #jCarouselLiteDemo .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
            #jCarouselLiteDemo .vertical {
                margin-left: 170px;
            }
                #jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            #jCarouselLiteDemo .imageSlider li img, 
            #jCarouselLiteDemo .imageSlider li p, 
            #jCarouselLiteDemo .imageSliderExt li img , 
            #jCarouselLiteDemo .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }
             .cEnd {
    /* clear fix without presentational markup. Mostly use .cEnd class for the float container. But when lotta containers
    in one selector, add it directly here like #propertyEntry div */
        display: inline-table;
    /* Hides from IE-mac \*/
        height: 1%;
        display: block;
    /* End hide from IE-mac */
    }
        html>body .cEnd {
        height: auto;
    }
    .cEnd:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/