@charset "utf-8";
/* HomePage ONLY Styles */
.Spacer { width: 20px; float: left;}

a img { border: 0; }

#Featured { margin: 20px 0px 20px 0px; width: 800px; }
#Featured .Top { width: 800px; height: 3px; background:url(../images/featured/top.gif);}
#Featured .Left {width: 4px; height: 183px; background:url(../images/featured/left.gif); float: left;}
#Featured .Content {width: 792px; height: 183px; background:url(../images/featured/bg.gif); float: left;}
#Featured .Right {width: 4px; height: 183px; background:url(../images/featured/right.gif); float: left;}
#Featured .Bottom {width: 800px; height: 4px; background:url(../images/featured/bottom.gif);}

#Featured-Slider { height: 159px; overflow:hidden; margin: 12px;}
#Featured-Slider .viewport { float: left; width: 650px; height: 159px; overflow: hidden; position: relative; }
#Featured-Slider .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#Featured-Slider .next { margin: 30px 0 0 10px;  }
#Featured-Slider .disable { visibility: hidden; }
#Featured-Slider .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#Featured-Slider .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 155px; width: 646px;}

#Featured-Slider .Item { width: 646px; height: 155px; }
#Featured-Slider .Item .iLeft { width: 240px; height: 155px; float: left; margin-right: 20px; }
#Featured-Slider .Item .iRight { width: 386px; height: 155px; float: left; }
#Featured-Slider .Item .iRight p { font-size: 80%; }


#InfoPanel { width: 800px; margin-bottom: 20px; }
#InfoPanel .HookBox{ width: 165px; float: left;}


#InfoPanel .NewsBox { width: 430px; float: left;}
#InfoPanel .NewsBox .Top {width: 420px; height: 25px; line-height:25px; padding-left: 10px; color: #FFFFFF; background:url(../images/infopanel/newsbox/top.gif);}
#InfoPanel .NewsBox .Left {width: 3px; height: 76px; background:url(../images/infopanel/newsbox/left.gif); float: left;}
#InfoPanel .NewsBox .Content {width: 410px; height: 71px; padding: 5px 7px 0px 7px; background:url(../images/infopanel/newsbox/bg.gif); float: left;}
#InfoPanel .NewsBox .Content .Posted {font-size: 80%; font-style:italic;}
#InfoPanel .NewsBox .Content p { margin: 5px 0 0 0; font-size: 80%; }
#InfoPanel .NewsBox .Right { width: 3px; height: 76px; background:url(../images/infopanel/newsbox/right.gif); float: left;}
#InfoPanel .NewsBox .Bottom {height: 5px; width: 430px; background:url(../images/infopanel/newsbox/bottom.gif);}


#GetAQuote {width: 350px; height:251px; float: left; margin-bottom: 20px;}
#GetAQuote .Top {width: 340px; height: 26px; line-height:26px; padding-left: 10px; color: #FFFFFF; background:url(../images/getaquote/top.gif);}
#GetAQuote .Left {width: 3px; height: 219px; background:url(../images/getaquote/left.gif); float: left;}
#GetAQuote .Content {width: 344px; height: 219px; background:url(../images/getaquote/bg.gif); float: left;}
#GetAQuote .Right {width: 3px; height: 219px; background:url(../images/getaquote/right.gif); float: left;}
#GetAQuote .Bottom {width: 350px; height: 6px; background:url(../images/getaquote/bottom.gif);}

#GetAQuote .Row {width: 344px; min-height: 40px; height: auto !important; height: 40px; font-size: 80%; margin: 5px;}
#GetAQuote .RowArea {width: 334px; min-height: 40px; height: auto !important; height: 40px; font-size: 80%; margin: 5px 10px 5px 10px;}
#GetAQuote .Row .Col { width: 162px; float: left; margin: 0px 5px 0px 5px;}
#GetAQuote .TextFieldCss { width: 145px; height: 15px; border: 1px solid #c1c1c1; color: #5398d4;}
#GetAQuote .TextAreaCss { width: 316px; height: 70px; border: 1px solid #c1c1c1; color: #5398d4;}
#GetAQuote .TextSelectCss { width: 145px; height: 20px; border: 1px solid #c1c1c1; color: #5398d4;}

#OurApps {width: 430px; height:251px; float: left; margin-bottom: 20px;}
#OurApps .Top {width: 420px; height: 26px; line-height:26px; padding-left: 10px; color: #FFFFFF; background:url(../images/ourapps/top.gif);}
#OurApps .Left {width: 3px; height: 219px; background:url(../images/ourapps/left.gif); float: left;}
#OurApps .Content {width: 424px; height: 209px; background:url(../images/ourapps/bg.gif); float: left;}

#OurApps .Content .Item {width: 74px; float: left; margin: 10px 5px 5px 5px;}
#OurApps .Content .Button {margin: 5px 0px 0px 5px;}

#OurApps .Right {width: 3px; height: 219px; background:url(../images/ourapps/right.gif); float: left;}
#OurApps .Bottom {width: 430px; height: 6px; background:url(../images/ourapps/bottom.gif);}