/**************************************************************************************************************************/ /* HTMLTag Redefinitions **************************************************************************************************/ /**************************************************************************************************************************/ body { width: 960px; margin: 0px auto; color: #666; } h1 { font-size: 1.4em; margin: 10px 0px 10px 0px; font-weight: normal; color: #314b00; } h2 { font-size: 1.2em; margin: 10px 0px 10px 0px; font-weight: normal; color: #333333; line-height: 1.4em; } h3 { font-size: 1.2em; margin: 10px 0px 10px 0px; font-weight: normal; color: #314B00; line-height: 1.4em; clear: both; } h3 .grey { color: #555555; } p { margin-bottom: 10px; line-height: 1.4em; display: block; } label { float: left; width: 110px; } .form_item label.pre_validator { width: 102px; } .form_item label { float: left; width: 110px; padding-top: 3px; } .form_item label.validator { width: 10px; border: 1px solid #FFF; } .form_item { float: left; clear: none; } .icon16 { margin-right: 10px; height: 16px; width: 16px; vertical-align: middle; } .icon { vertical-align: middle; margin-right: 5px; margin-bottom: 3px; } .form_item input { margin-bottom: 5px; vertical-align:middle; } .price_right { color: #555555; float: right; } #head label.validator { width: 0px; visibility: hidden; } p { display: block; } h2 img { margin-right: 5px; vertical-align: top; padding-top: 0px; } strong { color: #666; font-weight: bold; } em { font-style: italic; } .newsLink { margin-bottom: 5px; } .offsetButton { margin-left: -4px; margin-right: 5px; } .productDesc { float: left; width: 400px; margin-bottom: 10px; } .productDetails { float: left; width: 500px; clear: both; border: 1px solid #DDD; padding: 0px 10px; margin-bottom: 10px; } .productImage { float: left; margin-right: 10px; margin-bottom: 10px; } .tinyInput { width: 30px; } .input_normal { width: 130px; border: 1px solid #CCC; margin-right: 10px; } .input_long { width: 402px; border: 1px solid #CCC; } .input_really_long { width: 500px; border: 1px solid #CCC; } .light { color: #CCC; } #footer_2 { height: 50px; text-align: right; } #worldpay_logo { float: right; margin: 10px 0px 0px 0px; } .warning { color: #900; } .commenttext { width: 300px; } .blogBackLink { float: right; } .commentLink { display: block; float:right; margin-bottom: 10px; margin-top: 15px; padding-left: 50px; width: 80px; height: 29px; background: #fff url(../images/add.png) left no-repeat; clear:both; } .commentform { clear:both; border-top: 1px solid #CCC; padding-top: 20px; } div.commentform .form_item label.pre_validator { width: 200px; } .blogItem { float: left; border-bottom: 1px solid #CCC; padding-bottom: 15px; margin-bottom: 15px; margin-top: 15px; clear: both; width: 520px; } #left_home { width: 715px; float: left; margin: 0px; } #right_home { width: 225px; float: left; margin: 0px; } #left_home .box { float: left; margin-right: 7px; margin-top: 20px; } #left_home .box .top { width: 209px; padding: 10px; font-size: 1.3em; text-align: center; font-weight: bold; color: #fff; padding-top: 13px; padding-bottom: 10px; min-height: 20px; } #left_home .box .bottom { width: 209px; padding: 10px; background: #fff url(/resources/images/home/panel_bottom.png) no-repeat bottom left; float: left; } #left_home .box .bottom p { padding: 10px; padding-right: 85px; height: auto; min-height: 75px; } #left_home .box .bottom .hlink { min-height: 0px; padding-right: 0px; font-size: 1.2em; color: #7B8C24; margin-bottom: 0px; padding-bottom: 0px; } #left_home .box .bottom .hlink img { float: right; margin-top: -80px; } #left_home .box .top h2 { padding: 0px; margin: 0px; font-size: 1em; color: #fff; font-weight: bold; } #news_top { background: #fff url(/resources/images/home/panel_darkgrey_top.png) no-repeat top left; width: 203px; padding: 10px; margin-right: 0px; margin-top: 20px; } #news_bottom { background: #fff url(/resources/images/home/panel_darkgrey_bottom.png) no-repeat bottom left; width: 193px; padding: 10px 20px 15px 10px; margin-right: 0px; text-align: right; } #video_top { background: #fff url(/resources/images/home/panel_lightgrey_top.png) no-repeat top left; width: 203px; padding: 10px; margin-right: 0px; } #video_bottom { background: #fff url(/resources/images/home/panel_lightgrey_bottom.png) no-repeat bottom left; width: 223px; padding: 2px 0px 2px 0px; margin-right: 0px; } .consultancy { background: #fff url(/resources/images/home/panel_head_lightblue.png) no-repeat top left; } .bespoke { background: #fff url(/resources/images/home/panel_head_darkblue.png) no-repeat top left; } .ourwork { background: #fff url(/resources/images/home/panel_head_lightgrey.png) no-repeat top left; color: #666666; } #left_home .box .ourwork h2 { color: #666666; } .mstraining { background: #fff url(/resources/images/home/panel_head_darkgrey.png) no-repeat top left; } .training { background: #fff url(/resources/images/home/panel_head_teal.png) no-repeat top left; } /**************************************************************************************************************************/ /* Main layout styles *****************************************************************************************************/ /**************************************************************************************************************************/ #main { width:970px; float: left; display: inline; background: url(../images/main_bg_bottom.png) bottom no-repeat; padding-left: 10px; } #main_inner { width:960px; float: left; display: inline; } #head { width: 960px; height: 105px; background: #364242 url(../images/head_bg.png) repeat-x; } #head a { color: #CCC; text-decoration: none; } #head ul { margin: 0px 10px 10px 0px; font-size: 0.8em; display: inline; float: right; } #head ul li { float: left; } #head ul li a { padding: 0px 10px 0px 0px; margin-left: 10px; float: left; line-height: 3.5em; } #head ul li a img { vertical-align: middle; padding-bottom: 2px; margin-right: 6px; } li.login { background: url(../images/tabs/left.gif) no-repeat left bottom; margin-left: 10px; } #head li.login a { color: #FFF; background: url(../images/tabs/right.gif) no-repeat right bottom; margin-left: 10px; line-height: 3.5em; } #head #logo { float: left; } #nav_trail { float: left; margin: 10px 0px 5px 0px; display: block; width: 900px; } #nav_trail li { float: left; margin-right: 5px; padding-right: 5px; font-weight: bold; } #nav_trail a { text-decoration: none; font-weight: normal; } #nav_trail li a::after { content: ">"; margin-left: 10px; display: inline; } #content { float: left; padding: 0px 10px; width: 940px; } #content a { color:#666; } #footer { width: 960px; clear: both; height: 60px; margin: 0px auto; background: #FFF url(../images/footer_bg.png) repeat-x bottom; font-size: 0.6em; } #footer p { text-align: right; padding: 38px 10px 0px 0px; color: #FFF; color: #999; text-decoration: none; } #text { float: left; width: 520px; padding-top: 10px; display: inline; } #text.home { float: left; width: 590px; } #text ul { margin-left: 30px; } #text ul li { list-style-type: disc; list-style-position: outside; margin-bottom: 5px; line-height: 1.2em; } #text ul li ul { margin-left: 20px; margin-top: 10px; margin-bottom: 10px; } #text ul li ul li { list-style-type: circle; } #glossary { float: left; display: block; clear: both; margin-top: 10px; } #glossary li { float: left; margin-right: 5px; list-style-type: none; font-size: 1.4em; line-height: 2.2em; } #glossary li a { border: 1px solid #EEE; padding: 5px 10px; margin-top: 10px; text-decoration: none; } #side_bar { float: right; width: 350px; margin: 10px 0px 0px 10px; } #side_bar.home { float: left; width: 310px; margin: 10px 30px 0px 10px; min-height: 200px; display: inline; } #map { float: left; width: 330px; } #search { float: right; text-align: right; padding-right: 10px; clear: right; width: 193px; } #search .inputNormal { float: left; width: 150px; margin: 25px 0px 5px 0px; color: #999; } #search .search_button { vertical-align:text-bottom; display: block; margin-top: 23px; } #splash { z-index: 0; position: relative; left: 0px; } div.cartItem { float: left; border-bottom: 1px solid #EEE; margin-bottom: 10px; padding-bottom: 0px; } div.cartItem label { width: 200px; float: right; padding-bottom: 10px; } div.cartItem a { text-decoration: none; color: #333; } div.cartItem .cart_button_delete { margin: -3px 0px 0px 10px; vertical-align: middle; float: right; display: inline; height: 25px; width: 84px; } div.cartItem .cart_button_update { margin: -3px 0px 0px 10px; vertical-align: middle; float: right; display: inline; height: 25px; width: 84px; } div.cartItem .cart_input { margin-top: 0px; width: 30px; vertical-align: middle; } /**************************************************************************************************************************/ /* Menu layout styles *****************************************************************************************************/ /**************************************************************************************************************************/ #menu { float: left; width: 960px; background: #BFD73B url(../images/menu_bg.png) bottom repeat-x; font-size: 0.9em; } .topmenuli { float:left; padding-bottom: 5px; margin-left: 15px; } .topmenutitle { color: #FFF; display:block; margin-right: 10px; text-indent:3px; text-decoration: none; color: #FFF; padding: 2px; line-height: 30px; font-weight: bold; } .submenuul { position:absolute; display:none; text-indent:3px; background:#EEE; border:1px solid #A0B630; border-bottom:0px; margin: 0px 0px -1px 0px; padding:1px 1px -2px 1px; } .submenuli a { display:block; width:182px; line-height: 18px; border-bottom: 1px solid #A0B630; padding:3px; } li:hover ul , li.over ul { display: block; z-index: 1000; } #topMenu li>ul { top: auto; left: auto; } .submenuli a:hover { background-color: #E5EEB1; } /**************************************************************************************************************************/ /* Product Tab styles *****************************************************************************************************/ /**************************************************************************************************************************/ .productDesc_holder { float: left; width: 500px; clear: both; border-left: 1px solid #EEE; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; padding: 10px; margin-bottom: 10px; } div #productDescTabs { float: left; width: 522px; clear: both; background: url(../images/tabs/bg.gif) repeat-x bottom; text-align: left; margin: 20px 0px 0px 0px; padding: 0px; } div #productDescTabs li.selected { color: #333; background: url(../images/tabs/right2.gif) no-repeat right top; } div #productDescTabs li.selected a { color: #333; } div #productDescTabs li { float: left; list-style-type: none; background:url(../images/tabs/right.gif) no-repeat right top; margin: 0px; margin-right: 1px; } div #productDescTabs a { float: left; display:block; background: url(../images/tabs/left.gif) no-repeat left top; padding: 0px 5px; line-height: 20px; text-decoration:none; color:#FFF; font-weight: normal; margin-bottom: 0px;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ div #productDescTabs a {float: none; padding:6px 20px 6px 20px;} /* End IE5-Mac hack */ div #productDescTabs li.selected a { padding-bottom: 7px; background: url(../images/tabs/left2.gif) no-repeat left top; } /**************************************************************************************************************************/ /* Home Box Styles ********************************************************************************************************/ /**************************************************************************************************************************/ div.home_box { float: left; display: inline; width: 186px; background: #515F5D url(../images/home_box_top.png) top repeat-x; color: #FFF; margin: 10px 10px 0px 0px; } div.home_box h2 { margin: 10px 10px 0px 10px; color: #B2CA38; font-size: 1.2em; } div.home_box p { padding: 10px; } div.home_box p.home_box { background: #FFF url(../images/home_box_bottom.png) bottom repeat-x; text-align: right; padding: 8px 10px 8px 0px; margin-bottom: 0px; } div.side_box { float: left; width: 310px; background: #E7E7E7 url(../images/side_box_top.png) top repeat-x; color: #777; margin: 10px 10px 0px 0px; } div.side_box h2 { margin: 10px 10px 0px 10px; color: #555555; font-size: 1.2em; } div.side_box p { padding: 10px; } div.side_box p.side_box { background: #FFF url(../images/side_box_bottom.png) bottom repeat-x; text-align: right; padding: 8px 10px 8px 0px; margin-bottom: 0px; } /**************************************************************************************************************************/ /* Classes ****************************************************************************************************************/ /**************************************************************************************************************************/ input.input_small { width: 200px; } textarea.input_small { width: 204px; } /**************************************************************************************************************************/ /* Links ******************************************************************************************************************/ /**************************************************************************************************************************/ #head ul li a:link { color: #CCC; text-decoration: none; } #head ul li a:visited { color: #CCC; text-decoration: none; } #head ul li a:hover { color: #FFF; text-decoration: none; } #head ul li a:active { color: #CCC; text-decoration: none; } .topmenuli a:link { color: #444; text-decoration: none; } .topmenuli a:visited { color: #444; text-decoration: none; } .topmenuli a:hover { color: #000; text-decoration: none; } .topmenuli a:active { color: #444; text-decoration: none; } #footer a:link { color: #CCC; text-decoration: none; } #footer a:visited { color: #CCC; text-decoration: none; } #footer a:hover { color: #FFF; text-decoration: none; } #footer a:active { color: #CCC; text-decoration: none; } #head li.login a:link { color: #FFFFFF; text-decoration: none; } #head li.login a:visited { color: #FFFFFF; text-decoration: none; } #head li.login a:hover { color: #B2CA38; text-decoration: none; } #head li.login a:active { color: #FFFFFF; text-decoration: none; } /** Home box stuff ********************************************************************************************************/ #content .home_box p a:link { color: #BBB; text-decoration: underline; } #content .home_box p a:visited { color: #BBB; text-decoration: underline; } #content .home_box p a:hover { color: #B2CA38; text-decoration: underline; } #content .home_box p a:active { color: #BBB; text-decoration: underline; } #content .home_box p.home_box a:link, #content .side_box p.side_box a:link { color: #434C14; text-decoration: none; } #content .home_box p.home_box a:visited, #content .side_box p.side_box a:visited { color: #434C14; text-decoration: none; } #content .home_box p.home_box a:hover, #content .side_box p.side_box a:hover { color: #1D2108; text-decoration: underline; } #content .home_box p.home_box a:active, #content .side_box p.side_box a:active { color: #434C14; text-decoration: none; } #side_bar p.cartItem a { text-decoration: none; color: #333; } #left_home .box .bottom .hlink a:link { color: #7B8C24; text-decoration: none; } #left_home .box .bottom .hlink a:visited { color: #7B8C24;text-decoration: none; } #left_home .box .bottom .hlink a:hover { color: #9BaC44; text-decoration: none;} #left_home .box .bottom .hlink a:active { color: #9BaC44; text-decoration: none;}