/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ .hidden {display:none;} #container{ position:relative; border:#000000 0px solid; padding:0px 0px 0px 0px; margin-top:30px; margin-left:auto; margin-right:auto; width:959px; } #header { width:100%; height:157px; position:relative; margin:0px; padding:0px; background:#ffffff;} #corner_header {background:url(/images/right_corner.jpg) no-repeat right top; width:9px; height:8px; position:absolute; top:0px; right:0px;} #logo { width:210px; height:111px; margin:0px; padding:0px; background:url(/images/logo.gif) no-repeat #ffffff; } #advert {width:468px; height:59px; display:block; position:absolute; top:35px; right:247px; } #contacttop {width:213px; position:absolute; top:21px; right:23px; text-align:right;} #contacttop h1 {color:#d46395; font-size:23px; font-weight:bold; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px;} #contacttop a {color:#165caa; font-size:15px; font-weight:bold;} #search {width:190px; position:absolute; top:85px; right:0px;} #search button {background:none; border:0px; float:lefr; margin:-1px 0px 0px -3px;; padding:0px 0px 0px 0px;} #search input {background:url(/images/input.jpg) no-repeat; border:0px; font-size:11px; width:97px; marign:0px; height:23px; float:left; color:#d04e87; padding:4px 0px 0px 9px; font-size:11px;} *html #search button {background:none; border:0px; float:lefr; margin:-2px 0px 0px -15px;; padding:0px 0px 0px 0px;} *+html #search button {background:none; border:0px; float:lefr; margin:-2px 0px 0px -15px;; padding:0px 0px 0px 0px;} #main { width:100%; margin:0px 0px 0px 0px; } .title {font-size:0.9em; color:#db4989; font-weight:bold; width:180px; margin:0px 0px 0px 20px; padding:14px 0px 0px 0px; line-height:22px;} .handsgold {background:url(/images/pink.gif) no-repeat; width:270px; height:95px; margin:0px 0px 5px 0px; position:relative; } .handsgold a {font-size:1em; color:#db4989; position:absolute; bottom:15px; left:22px;} .handsgold a:hover {color:#db4989;} .handsgold p {margin:7px 0px 10px 22px; color:#db4989;} .handsgold .title {color:#db4989;} .comp {background:url(/images/pink2.gif) no-repeat; width:270px; height:95px; margin:0px 0px 5px 0px; position:relative; } .comp a {font-size:1em; color:#db4989; position:absolute; bottom:15px; left:22px;} .comp a:hover {color:#db4989;} .comp p {margin:7px 0px 10px 22px; color:#db4989;} .comp .title {color:#db4989;} .handsblue {background:url(/images/blue_silver.gif) no-repeat; width:270px; height:93px; margin:0px 0px 5px 0px; position:relative; } .handsblue a {font-size:1em; color:#0e75b0; position:absolute; bottom:15px; left:22px;} .handsblue a:hover {color:#0e75b0;} .handsblue .title {color:#0e75b0;} .frameblue {background:url(/images/blue_silver2.gif) no-repeat; width:270px; height:93px; margin:0px 0px 5px 0px; position:relative; } .frameblue a {font-size:1em; color:#0e75b0; position:absolute; bottom:15px; left:22px;} .frameblue a:hover {color:#0e75b0;} .frameblue .title {color:#0e75b0;} .handpanels {background:url(/images/handpanels.gif) no-repeat; width:267px; height:89px; margin:0px 0px 5px 0px; position:relative; } .handpanels a {font-size:1em; color:#db4989; position:absolute; bottom:15px; left:22px;} .handpanels a:hover { color:#db4989;} #content_main { width:959px; min-height:518px; height:auto !important; height:518px; background:url(/images/main_hoem.jpg) no-repeat #c5e3ff; margin:0px 0px 0px 0px; padding:0px;} #content {width:619px; float:left; margin:12px 0px 0px 33px;} *html #content {width:619px; float:left; margin:12px 0px 0px 17px;} #home_text {width:576px; position:relative; float:right; background:url(/images/home_rep.png) repeat-y; min-height:160px; height:auto !important; height:160px; padding:0px 15px 0px 15px; margin:0px 0px 0px 0px; } *html #home_text {background-image:none; background:#ffffff; filter: alpha(opacity=60); margin:-11px 0px 0px 0px; } #home_text p {color:#00618d; } #top {background:url(/images/top.png) no-repeat; width:606px; height:10px; position:relative; float:right; margin:10px 0px 0px 0px;} #bottom {background:url(/images/bottom.png) no-repeat; width:606px; height:10px; position:relative; float:right;} #sidebar { width:158px; height:100%; float:left; margin:18px 0px 1px 5px; padding:0px; background:none; } #news {border-left:5px solid #ffffff; border-right:5px solid #ffffff; background:url(/images/news.jpg) repeat-x #ffecf5; width:243px; min-height:160px ; height:auto !important; height:160px; position:relative; margin:19px 0px 0px 0px; padding:0px 0px 0px 13px;} #news_top {background:url(/images/top.gif) no-repeat; width:266px; height:14px; position:absolute; top:-10px; left:-5px; } #news_bottom {background:url(/images/bottom.gif) no-repeat; width:266px; height:11px; position:absolute; bottom:-10px; left:-5px;} *html #news_bottom {bottom:-14px;} *html #news_top {top:-14px; } .news {border-top:1px solid #ffffff; padding:5px 0px 5px 0px; } .news a {font-size:11px; color:#d04e87;} .news a:hover {font-size:11px; color:#d04e87;} #footer { width:100%; background:#df5c95; height:36px; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; position:relative; } #footer p { font-size:11px; color:#FFFFFF; } #footer a {color:#ffffff;} .footer_menu {position:absolute; top:16px; left:19px; font-size:10px; font-weight:bold; color:#ffffff; margin-bottom:5px;} .footer_menu a {color:#ffffff; font-size:12px; font-weight:bold; } .clear { clear:both; } .check_control input {width:15px !important; float:none; display:inline;} /*------------------------------------ competition enqiry -----------------------------------------------------------*/ #competition input {width:300px; } #competition textarea {width:300px; height:200px;} /*------------------------------------ News -----------------------------------------------------------*/ .date {font-size:1em; color:#5AA3CF; font-style:italic;} #contact_area form {padding:10px 10px 0px 10px;} /*------------------------------------ PRODUCTS -----------------------------------------------------------*/ *html #products_left {margin:27px 0px 20px 7px;} #products_left {margin:27px 0px 20px 13px; padding:10px 0px 0px 0px; float:left; } #prodder {position:relative; background:#ffffff; display:block; width:185px; } #products_top {width:185px; position:absolute; top:-10px; left:0px; height:10px; background:url(/images/top_products.gif) no-repeat top left; } #products_bottom {width:185px; position:absolute; bottom:-10px; left:0px; height:10px; background:url(/images/bottom_products.gif) no-repeat top left; } *html #products_bottom {bottom:-15px;} #prodder ul {margin:0px; padding:0px;} #prodder li {list-style:none; border-bottom:1px solid #5b97e4; margin:0px 8px 0px 8px;} #prodder li a {font-size:12px; color:#0567a5; display:block; padding:5px 8px 5px 12px; background:url(/images/nav_arrow1.gif) top left no-repeat;} #prodder li a:hover {font-size:12px; color:#DF5C95; display:block; padding:5px 8px 5px 12px; background:url(/images/nav_arrow2.gif) top left no-repeat; text-decoration:none; } #prodder li a.selected {color:#DF5C95; background:url(/images/nav_arrow2.gif) top left no-repeat;} .product_text {width:450px !important;} *html #products {margin:25px 8px 20px 0px; } #products {float:right; width:676px; padding:0px 27px 0px 27px; min-height:492px; height:auto !important; height:492px; display:block; background:#ffffff; height:100px; margin:25px 16px 20px 0px; position:relative;} #products_main_top {position:absolute; top:-9px; left:0px; width:730px; height:9px; background:url(/images/products_main_top.gif) no-repeat;} #products_main_bottom {position:absolute; bottom:-9px; left:0px; width:730px; height:9px; background:url(/images/products_main_bottom.gif) no-repeat;} *html #products_main_bottom {bottom:-15px;} #breadcrumb {border-top:1px solid #e1dbc1; border-bottom:1px solid #e1dbc1;} #breadcrumb p { color:#0567a5; font-size:11px; margin:5px 0px 5px 0px;} #breadcrumb a { color:#0567a5; font-size:11px; text-decoration:underline;} #breadcrumb a:hover { color:#0567a5;} .product {border-bottom:1px solid #98cafa; padding:5px 0px 5px 0px; position:relative; width:671px;} .product_img {float:right; margin:10px 0px 10px 10px; width:200px; text-align:center;} .product .product_title {color: #0567a5; font-size:14px; padding:10px 0px 5px 0px; font-weight:bold;} .product .link {} .product .linknews {float:right;} .linker {text-align:right; width:200px;} #prods a img {text-align:right; margin:-15px 0px -5px 5px; float:right; position:relative; z-index:10;} .paging { width:100%;} .paging ul {padding: 0px; margin: 0px 0px 0px 0px; list-style: none; float:right;} .paging ul li {float:left; list-style:none;} .paging ul li p { float: left; text-decoration: none; color: #ccc; padding: 0px 0px 5px 20px; margin-right: 0; height: 22px;} *html .paging ul li p { padding: 0px 0px 3px 20px;} .paging ul li p span { float: left; padding: 5px 20px 0px 0px; display: block; margin-top: 0; height: 22px; font-size:11px; color:#ffffff;} *html .paging ul li p span { height: 26px; margin-top:3px; padding: 7px 20px 0px 0px; } .paging ul li p {background:url(/images/paging_left.jpg) no-repeat center left;} .paging ul li p span {background:url(/images/paging_left.jpg) no-repeat center right;} .paging ul li a {color:#ffffff;} #news_mainer .product_text {width:100% !important;} /*------------------------------------ PRODUCT DETAIL -----------------------------------------------------------*/ #product_detail_left {width:335px; float:left;} #product_detail_left form {margin:0px 0px 0px 13px; width:252px; display:block;} #product_detail_left button {background:none; border:0px; font-size:12px; float:right; } #product_detail_left input {border:1px solid #7f9db9; color:#4b96dd; font-size:12px; width:196px; padding:2px; } #product_detail_left textarea {border:1px solid #7f9db9; color:#4b96dd; font-size:12px; width:238px; padding:2px; height:69px;} #gallery {padding:10px 0px 0px 0px; display:block; width:335px; min-height:335px; height:auto !important; height:335px;} #gallery ul { margin:0px; padding:0px; display:block; float:left;} #gallery li { margin:0px 0px 10px 0px; width:335px; padding:0px; list-style:none; text-align:center;} #gallery li a { margin:0px auto 0px auto;} #product_detail_right {width:335px; float:right;} .gal {float:left; width:130px; margin:0px 0px 10px 0px; text-align:center;} .hidden {display:none;} #click {text-align:center;} *html #products_large {margin:25px 8px 20px 0px; } #products_large {float:right; width:873px; padding:0px 27px 0px 27px; min-height:492px; height:auto !important; height:492px; display:block; background:#ffffff; height:100px; margin:25px 16px 20px 0px; position:relative;} #products_large #products_main_top {position:absolute; top:-9px; left:0px; width:927px; height:9px; background:url(/images/products_mainn_top.gif) no-repeat;} #products_large #products_main_bottom {position:absolute; bottom:-9px; left:0px; width:927px; height:9px; background:url(/images/products_mainn_bottom.gif) no-repeat;} #products_large #product_detail_left {width:875px;} /*------------------------------------ nav-----------------------------------------------------------*/ *html #nav {bottom:-2px; width:899px; padding:0px 15px 0px 25px;} #nav { position:absolute; bottom:0px; left:0px; width:914px; height:34px; margin:12px 0px 0px 0px; padding:0px 20px 0px 25px; background:url(/images/nav.jpg) repeat-x; } #nav a { margin:0px 0px 1px 0px; background:url(/images/border.jpg) no-repeat right center; padding:10px 8px 10px 8px; color:#ffffff; display:block; float:left; font-weight:bold; font-size:11px;} #nav a:hover { text-decoration:none; color:#ffffff; background:#DB4989; } #nav a.contact {background:url(/images/pinkcontact.gif) no-repeat center; padding:10px 10px 10px 10px; margin-left:5px;} *+html #nav a.contact {background:url(/images/pinkcontact.gif) no-repeat center; width:60px; padding:10px 10px 10px 10px; margin-right:5px;} *html #nav a.contact {background:url(/images/pinkcontact.gif) no-repeat center; width:60px; padding:10px 10px 10px 10px; margin-right:5px;} #nav a.active { text-decoration:none; color:#ffffff; background:#DB4989;} #nav_left {background:url(/images/nav_left.jpg) no-repeat; width:7px; height:34px; position:absolute; top:0px; left:0px;} #nav_right {background:url(/images/nav_right.jpg) no-repeat; width:7px; height:34px; position:absolute; top:0px; right:0px;} #sub_nav ul {margin:0px; padding:0px;} #sub_nav li {list-style:none; border-bottom:1px solid #5b97e4; margin:0px 8px 0px 8px;} #sub_nav li a {font-size:12px; color:#0567a5; display:block; padding:5px 8px 5px 8px;} #sub_nav li a.selected {color:#DF5C95;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url(/images/bac.jpg) #E5F4F7 top repeat-x; font-family: Arial, Helvetica, sans-serif; } body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { font-size:18px; color:#df5c95; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#00a8db; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#df5c95; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#0567a5; font-size:14px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#00618d; font-size:14px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#00618d; font-size:13px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } ul li { font-size:12px; color:#787878; list-style:disc;} ol li {font-size:12px; color:#787878; list-style:decimal;} address { font-size:12px; color:#787878; margin:5px;} a { color:#0567A5; text-decoration:none; } a:hover { color:#0567A5; text-decoration:underline; } p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#787878;}