/* CSS Document */
html, body
{
    background: url(images/BodyBg.jpg) repeat-x top left;
    font-family: Arial;
    margin: 0;
    padding: 0;
}

A IMG
{
    border: none;
}

BODY, TD, TABLE, OPTION
{
    color: #535353;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
a:link, a:visited, a:hover, a:active
{
    color: #b70000;
    text-decoration: none;
    font-weight: bold;
}

a.BlogLink:link, a.BlogLink:visited, a.BlogLink:hover, a:active
{
    color: #8cdfff;
    text-decoration: none;
    font-weight: bold;
}

hr.Line
{
    display: none;
}

P
{
    font-family: Arial;
    text-align: justify;
    word-spacing: normal;
    text-decoration: none;
}


H2.DisplayCase
{
    text-transform: none;
}

H2 b
{
    font-weight: bold;
}

H3
{
    font-size: 16px;
    font-weight: bold;
}

table.TblHeight
{
    height: 800px;
}

table.TblHeight td h1 {margin-bottom: 13px;}

.date
{
    font-size: 11px;
    color: #446677;
}

.fan_box .connect_action .name_block .name
{
    line-height: 15px;
    font-size: 12px;
    font-weight: bold;
}

.navtbl
{
    background-color: #450000;
}
.fnavspan
{
    color: #af0000;
}
.poweredby
{
    color: #cccccc;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
}
.footernavtbl td, .footernavtbl a, .fnavspantxt
{
    color: #cccccc;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
}
.footernavtbl a:hover
{
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
}
.navtbl
{
}
.navspan a
{
    padding: 7px 20px 7px 20px;
    color: #999999;
    font-weight: bold;
    text-decoration: none;
    display: block;
    background: url("images/s.navsplit.gif") no-repeat bottom left;
}
.navspan a:hover
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
.footernavtbl
{
    /*border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;*/
    border-top: 1px solid #FFFFFF;
    height: 30px;
}
.paddeddiv
{
    padding: 9px 9px 9px 9px;
}
.pageheadline
{
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}
.pageheadlinealt
{
    text-decoration: none;
    font-size: 13px;
    color: #b10300;
}
.contactinput
{
    width: 170px;
}
.contactlabel
{
    color: #535353;
    font-size: 13px;
    font-weight: bold;
    float:left;
}
.newslistlink
{
    color: #999999;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}
.newslistlinkselected, .newslistlink:hover
{
    color: #333333;
}
.paginationnumbers
{
    padding-bottom: 3px;
    font-size: 10px;
    color: #666666;
}
.paginationnumbersselected
{
    font-size: 10px;
    color: #666666;
}
.paginationnumbersselected, .paginationnumbersselected:hover
{
    color: #333333;
}
.listprice
{
    text-decoration: none;
    font-size: 18px;
    color: #b10300;
}
.small
{
    font-size: 11px;
}

.productpaginationnumbers
{
    font-size: 12px;
    color: #666666;
}
.productpaginationnumbersselected
{
    font-weight: bold;
    font-size: 12px;
    color: #666666;
}
.productpaginationnumbersselected, .productpaginationnumbersselected:hover
{
    color: #333333;
}
#product_select
{
    font-size: 11px;
}
.totalprice
{
    font-size: 18px;
    color: #b10300;
}
.cartitemdesc
{
    font-size: 10px;
    font-weight: normal;
}
#member_password, #member_username, #member_confirm_password, #email, #first_names, #last_name
{
    width: 200px;
}
#address3, #address2, #address1
{
    width: 283px;
}
#individual_title
{
    width: 30px;
}
.boldheader
{
    text-decoration: none;
    font-size: 13px;
    color: #b10300;
    font-weight: bold;
}
.paybycard, #confirm, #back, #finish_submit, #next_submit, #enter_submit, #quantity
{
    border: 1px solid #CACACA;
    border-bottom: 1px solid #a6a6a6;
    border-right: 1px solid #a6a6a6;
    background-color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    color: #b10300;
}
.dateinputbutton
{
    border: 1px solid #CACACA;
    border-bottom: 1px solid #a6a6a6;
    border-top: 1px solid #464646;
    border-left: 1px solid #464646;
    background-color: #FFFFFF;
    width: 65px;
}

input, textarea, select
{
    font-family: Arial;
    font-size: 12px;
    padding: 1px;
    color: #535353;
    border: 1px solid #b7b7b7;
    border-top: 1px solid #464646;
    border-left: 1px solid #464646;
    width: 245px;
}
input.Text
{
    width: 220px;
}

table td a.contactlabel {display: block; padding: 4px 6px; background-color: #fff; color: #c32524; font-weight: bold; border: 1px solid #ccc; width: 50px;}

div#menu-LEFT
{
    background: url(images/s.navblckfill.gif) repeat-y top right;
    float: left;
    width: 166px;
}
ul#menu-LEFT, ul#menu-LEFT ul, ul#menu-LEFT ul ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#menu-LEFT ul
{
    text-indent: 9px;
     background-color: #ececec;
    background-image: none;   
}

ul#menu-LEFT li.lvl1
{background: transparent url(images/s.navsplit.gif) no-repeat scroll left bottom;}

ul#menu-LEFT ul li a
{
    color: #b70000;
}

ul#menu-LEFT ul.child li a
{
    color: #B70000;
    border-bottom: 1px solid #ffffff;
}
ul#menu-LEFT ul.child li a:hover
{
    color: #cd5353;
}

#menu-LEFT ul ul li.lvl1
{
   background-color: #ececec;
    background-image: none;  
}

ul#menu-LEFT a
{
    font-family: Arial;
    font-size: 13px;    
    color: #fff;
    display: block;
    font-weight: normal;
    padding: 9px 12px;
    text-decoration: none;
}
ul#menu-LEFT a:hover
{
    color: #e8e8e8;
}
ul#menu-LEFT a.current
{
    background-color: #a20101;
    font-weight: normal;
}

.LhsBg
{
    background: transparent url(images/s.bnavbgfill.gif);
}

.pagination
{
    border: none;
    border-collapse: collapse;
    text-align: center;
    margin: 10px auto;
}
.product-box
{
    border: none;
    border-collapse: collapse;
    padding: 0;
    float: left;
    margin: 0 6px 6px 0;
    width: 250px;
}


.rdpform label
{
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #6F0000;
    font-size: 13px;
    font-weight: bold;
}
.rdpform input[type="input"], .rdpform input[type="password"], .rdpform select, .rdpform textarea
{
    padding: 4px;
}

input[type="button"]
{ 
    width: auto;
    cursor: pointer;
  }

.scroller
{
    height: 292px;
    overflow: hidden;
    display: block;
}
.scroller div.loading img
{
    display: none;
}
.scroller-mask
{
    display: block;
    position: relative;
    width: 539px;
    height: 292px;
    background: url(images/capture.png) no-repeat top left;
    z-index: 999;
    top: -292px;
}
.platformimagescrollerwidget
{
    display: block;
    height: 292px;
}
.platformimagescrollerwidget div
{
    display: block;
    float: left;
    width: 539px;
    height: 292px;
    position: relative;
}

.scroller div.loading
{
    height: 292px;
    background: url(images/loading.gif) no-repeat center center;
}

#menu-LEFT li.lvl1 ul
{
    display: none;
}
#menu-LEFT a
{
    cursor: pointer;
}
#menu-LEFT li.lvl1 ul li.lvl2 a.selected
{
    color: #fff;
}

#menu-LEFT li.lvl1 a, #menu-LEFT li.selected a
{
   background: url(images/NavBg_over.gif) no-repeat top left; 
}

div.PackBg
{
    float: left;
    display: block;
    height: 158px;
    width: 250px;
    background: url(images/PackagingBg.gif) no-repeat top left;
    margin: 5px;
}
div.PackBgBundle
{
    float: left;
    display: block;
    height: 158px;
    width: 250px;
    background: url(images/PackagingBg.gif) no-repeat top left;
    margin: 5px;
}
div.PackBgBig
{
    float: left;
    display: block;
    width: 250px;
    min-height: 488px;
    margin: 5px;
    background-image: url(images/tp.gif);
    position: relative;
    background-repeat: repeat-y;
    background-position: left center;
}
div.PackBgBig span.bt
{
    display: block;
    width: 100%;
    height: 25px;
    background-image: url(images/btbl.gif);
    background-position: left top;
    position: absolute;
    height: 28px;
    width: 248px;
    left: 0px;
    bottom: 0px;
}
div.PackBgBig span.tp
{
    display: block;
    background-image: url(images/bt.gif);
    background-position: left top;
    position: absolute;
    height: 10px;
    width: 250px;
    left: 0px;
    top: 0px;
    background-color: #FFF;
    background-repeat: no-repeat;
}
#FlickrImages
{
    margin-bottom: 1em;
    float: left;
    width: 190px;
}
#FlickrImages li
{
    float: left;
    padding: 6px;
    background-color: #eee;
    margin: 0 8px 8px 0;
    list-style-type: none;
    margin-left: -10px;
}
#FlickrImages img
{
    width: 60px;
    height: 40px;
}
.tweet, .query
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #085258;
    margin-right: 7px;
}
.tweet .tweet_list, .query .tweet_list
{
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #b2b3b8;
}
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic
{
    text-transform: uppercase;
}
.tweet .tweet_list li, .query .tweet_list li
{
    overflow-y: auto;
    overflow-x: hidden;
    padding: .5em;
}
.tweet .tweet_list li a, .query .tweet_list li a
{
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
}
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even
{
    background-color: #b9babd;
}
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar
{
    padding-right: .5em;
    float: left;
}
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img
{
    vertical-align: middle;
}

.MenuPopUp
{
    display: none;
    margin-left: 166px;
    margin-top: -29px;
    position: absolute;
    z-index: 10000;
    background-color: #9D0000;
    border: 1px solid #ffffff;
}

*:first-child+html .MenuPopUp{
margin-left: 156px; /* IE7 hack */
}


.MenuPopUp > ul
{
    display: block !important;
}

.MenuPopUp > ul > li > a
{
    color: #b70000 !important;
    /*background: transparent url(images/nav_sub.gif) repeat-x scroll left bottom !important;*/
}

.MenuPopUp > ul > li > a:hover
{
    color: #cd5353 !important;
}


/*** Rework styles ******************************************************************************************/


    #Header {width: 928px; margin: 0 auto;}
    #container {width: 1007px; margin: 0 auto; }
    #footer {text-align: right; font-family: Arial; font-size: 11px; color: #6c696a; line-height: 17px; margin: 50px 18px 50px 0;}
    .Footer {margin-right: 115px; margin-bottom: 6px; font-family: Arial;}
    .Footer img {margin: 0 3px 0 14px; margin-bottom: -5px;}
    .Footer a:link, .Footer a:visited, .Footer a:active {color: #bf1c1c; font-size: 11px; text-decoration: none;}
    .Footer a:hover {color: #cd5353;}
    .FootImg {background: url(images/FooterImg.png) no-repeat top left; height: 72px;}
    
    .Navigation {float: left; width: 166px; margin-bottom: 22px; margin-left: 23px;}
    .Navigation ul li {line-height: 16px; margin-bottom: 0; }
    .Content {width: 982px; margin: 0 auto; font-family: Arial; font-size: 12px; color: #535353; letter-spacing: 0.01em; background: url(images/ContainerBg.png) repeat-y top left;}
    .Copy {float: left; width: 755px; padding: 0 8px;}
    .MainBanner {border: 10px solid #ce3737 !important; background-color: #ffffff; display: block; width: 734px; height: 183px; overflow: hidden; margin-bottom: 7px; margin-top: -4px;}
    
    .SmBoxs {font-family: Arial; font-size: 12px; line-height: 14px; padding: 0;}
    .SmBoxs img {float: left; margin:0;width: 246px;}
    .SmBoxs h3 {font-size: 16px; color: #000000; margin: 0;}
    .SmBoxs a:link, .SmBox a:visited, .SmBox a:active {text-decoration: none; color: #000000; padding: 12px 0 6px 0; height: 78px;}    
    .SmBoxs a:hover {text-decoration: none; color: #000000;}
    .SmBoxs a:link span, .SmBox a:visited span, .SmBox a:active span {color: #bf1c1c; font-size: 11px;}
    .SmBoxs a:hover span {color: #cd5353;}
    
    
    .Tabs {background: url(images/HeaderImg.png) no-repeat top left; height: 44px;}
    .TabBox { margin-right: 38px; height: 30px; vertical-align: bottom;}
    .Tabs a:link, .Tabs a:visited, .Tabs a:active { width:114px; height: 31px; display: block; float: right; line-height: 30px; margin-right: 3px; text-align: center; background: url(images/tabbg.gif) no-repeat bottom left; font-size: 13px; color: #ffffff; font-weight: bold; text-shadow: 2px 2px 0 #9e1718;}
    .Tabs a:hover {color: #e5d8d8;}
    .Tabs a.chat:link, .Tabs a.chat:visited, .Tabs a.chat:active { width:138px; height: 31px; display: block; float: right; line-height: 30px; text-align: center;  background: url(images/chatonline.gif) no-repeat bottom left; font-size: 13px; color: #ffffff; font-weight: bold; text-shadow: 2px 2px 0 #9e1718;}
    .Tabs a.chat:hover {color: #e5d8d8;}
    
    h1 {color: #000000; font-size: 13px; font-weight: bold; font-family: Arial; margin: 18px 0 0 0; line-height: 16px;}
    h2 {color: #c01c1d; font-size: 12px; font-weight: bold; font-family: Arial, Sans-Serif, Helvetica; margin-top: 16px;}
    h3 {font-size: 16px; color: #ec364a; margin: 0;}
    h5 {font-size: 25px; margin: 0;}
    hr {border: 0; width: 100%; color: #dfdfdf; background-color: #dfdfdf; height: 1px; margin: 5px;}
    ul li {line-height: 16px; margin-bottom: 11px;}
    
    .clear { clear: both;}
    
    a:link, a:visited, a:active, a:link img, a:visited img, a:active img {color: #bf1c1c; font-weight: normal; text-decoration: none; border: none;}
    a:hover {color: #cd5353;}
    
    /*Action buttons******************/
    /*.LocationActionBtns h5 a:link {background: url(images/buttonbg.gif) no-repeat top left; width: 212px; height: 32px; margin: 0; }*/
    .RightCol a:link h4 {background: url(images/buttonbg.gif) no-repeat top left; font-size: 16px; color: #ffffff; width: 212px; height: 32px; vertical-align: middle; text-align: left; padding: 8px 0 0 10px; margin: 0; }
    
    /*Home col*****/
    
    .HomeLeftCol {float: left; width: 477px; padding: 15px 20px 6px 6px;}
    .HomeLeftCol img {float: left;}
    .HomeRightCol {float: left; width: 228px; min-height: 480px; padding-top: 33px; padding-left: 12px; vertical-align: bottom; background: url(images/RColBg.jpg) no-repeat top left;}
    .HomeRightCol img, .HomeRightCol a:link img {margin: 5px 0 5px 0; width: auto; border: none;}
    
    /*Left col******/
    .LeftCol {float: left; width: 502px; padding: 15px 20px 6px 6px;}
    .LeftCol img {float: left;}
    .LeftCol ul li {margin-bottom: 2px;}
    
    /*Right col*********/
    .RightCol {float: left; width: 200px; min-height: 710px; padding-left: 12px; vertical-align: bottom; background: url(images/RColBgExt.jpg) no-repeat top left;}
    .RightCol img, .HomeRightCol a:link img {margin: 5px 0 5px 0; width: auto; border: none;}
    
    .RightCol ul, .HomeRightCol ul {margin-left: -10px; font-size: 12px;}
    *:first-child+html .RightCol ul {margin-left: 27px; /* IE7 hack */}
     *:first-child+html .HomeRightCol ul {margin-left: 27px; /* IE7 hack */}

    .RightCol ul li, .HomeRightCol ul li { list-style-image: url(images/RndBtn.gif);  list-style-type: none; margin-top: -5px; border-bottom: 1px dotted #6f6e6e; border-spacing: 0.05em; line-height: 15px;}
    .RightCol li, .HomeRightCol li { padding-bottom: 7px; padding-top: 0;}
    .RightCol h3, .HomeRightCol h3 {padding-left: 29px; padding-top: 17px;} 
     *:first-child+html .RightCol h3 {margin-left: -5px; /* IE7 hack */}
     *:first-child+html .HomeRightCol h3 {margin-left: -5px; /* IE7 hack */}
     
     blockquote {color: #9f9f9f; margin: 5px; background: url(images/openquote4.gif) no-repeat middle left; font-size: 12px; text-indent: 23px; }
     
     /*Map layout***/
    
    .MapLeftCol {float: left; width: 485px; padding: 0 20px 6px 6px;}
    .MapLeftCol img {float: left;}
    .MapRightCol {float: left; width: 220px; min-height: 480px; padding-left: 12px; vertical-align: bottom; background: url(images/RColBg.jpg) no-repeat top left;}
    .MapRightCol img, .HomeRightCol a:link img {margin: 5px 0 5px 0; width: auto; border: none;}
    
    .Map {width: 100%;}
    .Map h1 {margin-bottom: 25px;}
    .MapInfo {background: url(images/MapBg.gif) no-repeat top right; width: 248px; height:289px; float: right; margin-right: -12px;}
    .MapInfoNoGoogle {background: url(images/MapBg2.gif) no-repeat top right; width: 248px; height:289px; float: right; margin-right: -12px;}
    .MapLink { padding-left: 25px; line-height: 26px;}
    .MapImg img { margin-top: -8px; margin-left: 8px; height: 220px; overflow: hidden; border: 0 none;}
    .GoogleLink { text-align: right; line-height: 9px;}

    table td {padding: 4px; vertical-align: top;}
    table td.AltRow {background-color: #f6f6f6;}
    
    .LocationActionBtns {background-color: #f2f2f2; padding: 10px; width: 97%;}
    .LocationActionBtns img {margin: 3px 0;}
    
    .PackageBox, table td.PackageBox { background-color: #fdfdfd; border: 1px solid #e4e2e3; padding: 12px; vertical-align: top; color: #000000; line-height: 16px;}
    .PackageBox a:link, .PackageBox a:visited, .PackageBox a:hover, .PackageBox a:active {display: block; width: 221px; height: 115px; color: #000; font-size: 12px;}
    span.PackageBoxLink {font-size: 11px; line-height: 12px; color: #bf1c1c;}
    .PackageBox a:hover span.PackageBoxLink {font-size: 11px; line-height: 12px; color: #cd5353;}
    .PackageBox h3 {color: #bf1d1a; margin-top: 4px;}
    .PackageBox img {float: left; margin: 4px 5px 0 0;}
    .PackageBox a:link, .PackageBox a:visited, .PackageBox a:hover, .PackageBox a:active {/*font-size: 11px; line-height: 12px;*/}

    #carousel ul li { list-style-type: none;}
    
/*Estimator******/

.LeftCol div img.EstimatorImg {border: 5px solid #535353;}
ul.Dimension {margin-bottom: 2px;}
ul.Dimension li { line-height: 16px; margin-bottom: 5px;}

/**** =================================================================================== *****/

.RightCol div.fade div, .HomeRightCol div.fade div { /*list-style-type: none; list-style-image: none;*/ border-bottom: none;}
.RightCol div.fade div.TestimonialBox, .HomeRightCol div.fade div.TestimonialBox {width: 195px; width /*\**/: 175px\9; height: 139px; overflow: hidden; background-color: transparent; margin: 3px 0 20px 0; padding: 10px 5px 20px 0; padding /*\**/: 10px 35px 20px 0\9; padding-top: 16px; text-align: right; /*list-style-type: none;*/ }
*:first-child+html div.fade div.TestimonialBox {width: 175px; background-color: transparent; /* IE7 hack */}

div.fade div span.Testimonial {color: #9f9f9f; font-size: 13px; padding-left: 12px; font-weight: normal; font-style: italic; text-align: right; line-height: 14px; }
div.fade div span.TestimonialTitle {color: #9f9f9f; font-size: 12px; font-weight: bold; font-style: italic; text-align: right; padding-top: 5px; padding-bottom: 20px; display: block;  }

.print {display: none;}