/* New Swatch. 090607 FFD300 FFF2B3 Yellow 70% 637BBD Dark Blue 31BEE7 Blue B1BEDE Blue 50% F79A00 Orange FFE980 Orange 50% 9CC300 Green 637DBD Blue 29AA5A Dark Green FFFFFF White C6C6C6 Grey E8E8E8 Light Grey DCDCDC Light Grey */ .bodyBackground { /* background: url(../images/Background_Gradient8b.png) repeat-x; */ /* background-color: #e3e3e3; */ background-color: #323232; } /* :::::::::::::: Text Tings Mon :::::::::::::: */ a.SmallWhiteLinks:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: normal; } a.SmallWhiteLinks:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #FFD300; text-decoration: underline; font-weight: normal;} a.SmallWhiteLinks:visited { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: normal;} a.SmallOrangeLinks:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #FFD300; text-decoration: none; font-weight: normal; } a.SmallOrangeLinks:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #FFD300; text-decoration: underline; font-weight: normal;} a.SmallOrangeLinks:visited { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #FFD300; text-decoration: none; font-weight: normal;} a.MainNavLinks:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: normal; } a.MainNavLinks:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 13px; color: #F79A00; text-decoration: underline; font-weight: normal;} a.MainNavLinks:visited { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: normal;} a.SmallNavLinks:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: normal; } a.SmallNavLinks:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 11px; color: #F79A00; text-decoration: underline; font-weight: normal;} a.SmallNavLinks:visited { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: normal;} a.AdminMainNavLinks:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 14px; color: #FFFFFF; text-decoration: none; font-weight: normal; } a.AdminMainNavLinks:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 14px; color: #F79A00; text-decoration: underline; font-weight: normal;} a.AdminMainNavLinks:visited { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 14px; color: #FFFFFF; text-decoration: none; font-weight: normal;} a.LinksBlue:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 14px; color: #637DBD; text-decoration: none; font-weight: normal; } a.MediumLinksBlue:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 14px; color: #F79A00; text-decoration: underline; font-weight: normal;} a.MediumLinksBlue:visited { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 14px; color: #637DBD; text-decoration: none; font-weight: normal;} a.MediumLinksBlue12:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #637DBD; text-decoration: none; font-weight: normal; } a.MediumLinksBlue12:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #F79A00; text-decoration: underline; font-weight: normal;} a.MediumLinksBlue12:visited { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #637DBD; text-decoration: none; font-weight: normal;} a.MediumLinksBlue11:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 11px; color: #637DBD; text-decoration: none; font-weight: normal; } a.MediumLinksBlue11:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 11px; color: #F79A00; text-decoration: underline; font-weight: normal;} a.MediumLinksBlue11:visited { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 11px; color: #637DBD; text-decoration: none; font-weight: normal;} a.MediumLinksBlue13:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 13px; color: #637DBD; text-decoration: none; font-weight: normal; } a.MediumLinksBlue13:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 13px; color: #F79A00; text-decoration: underline; font-weight: normal;} a.MediumLinksBlue13:visited { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 13px; color: #637DBD; text-decoration: none; font-weight: normal;} a.AdminLinks:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 14px; color: #637DBD; text-decoration: none; font-weight: normal; } a.AdminLinks:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 14px; color: #F79A00; text-decoration: underline; font-weight: normal;} a.LinkRecordsSmall:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #637DBD; text-decoration: none; font-weight: normal; } a.LinkRecordsSmall:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #F79A00; text-decoration: underline; font-weight: normal;} a.LinkRecordsSmall:visited { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #637DBD; text-decoration: none; font-weight: normal;} a.LinkRecordsSmallBold:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 11px; color: #637DBD; text-decoration: none; font-weight: bold; } a.LinkRecordsSmallBold:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 11px; color: #F79A00; text-decoration: underline; font-weight: bold;} a.LinkRecordsSmallBold:visited { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 11px; color: #637DBD; text-decoration: none; font-weight: bold;} a.WhiteLargeLinks:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 15px; color: #FFFFFF; text-decoration: none; font-weight: normal; } a.WhiteLargeLinks:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 15px; color: #F79A00; text-decoration: underline; font-weight: normal;} a.LinksBlue12Pad:link { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #637DBD; text-decoration: none; font-weight: normal; } a.LinksBlue12Pad:hover { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #F79A00; text-decoration: underline; font-weight: normal; } a.LinksBlue12Pad:visited { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #637DBD; text-decoration: none; font-weight: normal; } /* /////// Right Navigation ///// */ div#nav { width:100%; margin-bottom:0px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; float:left; color: #31BEE7; font-size:12px; font-weight:normal; } div#nav ul { margin:0 0 0 0; list-style-type:none; } div#nav li { width:100%; float:left; color: #31BEE7; padding-left:8px; margin:0px 0; list-style-type:none; } /* div#nav li:first-child { padding-left:3px; } */ div#nav li a { padding:0px 0px; text-decoration:none; font-size:14px; line-height: 1.4em; color:#637BBD; font-weight:bold; list-style-type: none; } div#nav li:hover { background:#FFE980; color:#FFF; } .SmallWhiteText { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 12px; color: #ffffff; } h1 { color: #fff; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 14px; font-weight: bold; line-height: 1.1em; text-shadow: 0px 1px 4px #136998; letter-spacing: 0; list-style-type: none; background-image: url(../images/Background_Orange.png); background-position: bottom left; background-repeat: repeat-x; padding: 5px 8px 6px 10px; margin: 0; } h2 { color: #fff; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 14px; font-weight: bold; line-height: 1.1em; text-shadow: 0px 1px 4px #136998; letter-spacing: 0; list-style-type: none; background-image: url(../images/Background_Green100.png); background-position: bottom left; background-repeat: repeat; padding: 5px 8px 6px 10px; margin: 0; } h3 { color: #fff; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 14px; font-weight: bold; line-height: 1.1em; text-shadow: 0px 1px 4px #136998; letter-spacing: 0; list-style-type: none; background-image: url(../images/Background_Green100.png); background-position: bottom left; background-repeat: repeat; padding: 5px 8px 6px 10px; margin: 0; } h4 { color: #fff; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 14px; font-weight: bold; line-height: 1.1em; text-shadow: 0px 1px 4px #136998; letter-spacing: 0; list-style-type: none; background-image: url(../images/Background_Yellow40.png); background-position: bottom left; background-repeat: repeat; padding: 5px 8px 6px 10px; margin: 0; } .MediumTextBold { color: #000000; font-size: 12px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: normal; } .SmallTextGrey { color: #505050; font-size: 12px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: normal; line-height: 15px; padding: 1px 1px 1px 1px; } .TextGrey13 { color: #505050; font-size: 13px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: normal; padding: 1px 1px 1px 1px; } .TextGrey13NoPad { color: #505050; font-size: 13px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: normal; } .TextGrey16 { color: #505050; font-size: 16px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; padding: 1px 1px 1px 1px; } .TextGreyStrong { color: #505050; font-size: 13px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; padding: 1px 1px 1px 1px; } .tdBodyContentLeft { text-align: left; padding-left: 0px; } .MediumBlueBold12 { color: #637DBD; font-size: 12px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; } .MediumBlueBold13 { color: #637DBD; font-size: 13px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; } .MediumBluePad14 { color: #637DBD; font-size: 18px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; padding-left: 0px; } .textWhite12 { color: #ffffff; font-size: 12px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; padding-left: 6px; } .BlueBoldLarge18 { color: #637DBD; font-size: 18px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; } .GreyBoldLarge18 { color: #323232; font-size: 18px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; } .MediumBlueBold15 { color: #637DBD; font-size: 15px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; } .textOrange { color: #F79A00; font-size: 12px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; } .MediumBold13 { color: #262626; font-size: 13px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; } .MediumItalic13 { color: #262626; font-size: 13px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: normal; font-style: italic; } .LargeBlueBold18 { color: #637DBD; font-size: 18px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; } .SmallRed { color: #ff0000; font-size: 11px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; } /* :::::::::::::: Boxes n Tings ::::::::::::*/ .sectionHeader { padding-left:8px; padding-top:4px; padding-bottom:4px; } .sectionHeaderFeatured { padding-left:0px; padding-top:0px; padding-bottom:0px; } .tdSliderBox { padding-left:8px; padding-top:0px; padding-bottom:4px; } .tdDisplayBox { text-align: left; } .rightNavSearchBy{ text-align:left; padding: 4px 4px 4px 4px; } .lightYellowTable { width: 100%; height: 40px; background-color: #637DBD; /*background-color: #F79A00;*/ } .searchTable { width: 100%; height: 30px; background: #637DBD; padding-top:0px; padding-bottom:0px; } .divSearch { width: 900px; height: 168px; background: url(../images/FrontComp9.png) no-repeat; } .searchInput { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; padding-left:10px; padding-top:2px; padding-bottom:2px; width:175px; } .innerTopTable { width: 100%; background-color:637DBD; text-align:left; } .ShoppingCartTable { width: 80%; background-color: #3ed862; } .tableAdminTop { width: 100%; Height: 70px; background: #637DBD; padding: 0px; margin: 0; } .AdminBodyTable { width: 90%; padding: 0px; margin: 0; } .AdminRecordSetTable { width: 100%; padding: 2px 2px 2px 2px; border:1px solid #DCDCDC; } .contentBodyTable { padding-top: 4px; margin: 0; width: 100%; /*background-image: url(../images/Background_BlueTrans602020.png);*/ background-color: #ffffff; background-repeat: repeat; } .contentBodyText { padding: 8px 8px 8px 8px; margin: 0; line-height: 1.1em; height: 100%; width: 100%; background-color: #ffffff; background-repeat: repeat; text-align: left; } .navigationTable { padding: 0; margin: 0; height: auto; width: 100%; background-color: #637DBD; } .tableUserAdd { margin: 0px 0px 0px 0px; width: 100%; padding: 0px 0px 0px 0px; border:1px solid #DCDCDC; } .rowGrey { background-color: #f0f0f0; } .rowGreyAlt { background-color: #e6e6e6; } .cellPadding { padding-top: 0%; /*padding: 1px 0px 0px 0px;*/ } .white-projects { background-image: url(../images/Background_BlueTrans605050.png); background-repeat: repeat; padding: 4px 4px 4x 4px; } .box600 { width: 100%; height: auto; float: left; padding: 0; margin: 0 3px 3px 0; } .box250 { width: 250px; margin: 0 3px 3px 0; } .box150{ width: 150px; height: auto; float: left; height: auto; float: left; padding: 0; padding: 0; margin: 0 3px 3px 0; } .box400{ width: 400px; height: auto; float: left; padding: 0; margin: 0 3px 3px 0; } .box300{ width: 300px; height: auto; float: left; padding: 0; margin: 0 3px 3px 0; } .displayContentBody { padding:5px 4 4 4px; float:left; } .footerTable{ width: 100%; height: 100%; float: left; padding: 0; margin: 0 0px 0px 0; background-color: #637DBD; } .rightNavigationTable{ width: 210px; height: 100%; padding: 0; margin: 0 0px 0px 0; background-color: #FFFFFF; } .shoppingTotalDiv{ text-align: right; padding-right: 6px; color: #637DBD; font-size: 12px; font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-weight: bold; } /** * Additional styles for the controls. */ .jcarousel-control { margin-bottom: 10px; text-align: center; } .jcarousel-control a { font-size: 75%; text-decoration: none; padding: 0 5px; margin: 0 0 5px 0; border: 1px solid #fff; color: #eee; background-color: #4088b8; font-weight: bold; } .jcarousel-control a:focus, .jcarousel-control a:active { outline: none; } .jcarousel-scroll { margin-top: 10px; text-align: center; } .jcarousel-scroll form { margin: 0; padding: 0; } .jcarousel-scroll select { font-size: 75%; } #mycarousel-next, #mycarousel-prev { cursor: pointer; margin-bottom: -10px; text-decoration: underline; font-size: 11px; }