/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ #container{ position:relative; border:#ffffff 13px solid; border-bottom:#ffffff 3px solid; padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:939px; background-color:#FFFFFF; } #header { width:100%; height:135px; margin:0px; padding:0px; position:relative; z-index:200; } #logo { width:107px; height:83px; padding:3px 0px 16px 0px; margin:0px auto 0px auto; } #main { width:100%; margin:0px 0px 20px 0px; min-height:400px; height:auto !important; height:400px;} *html #main{ width:100%; min-height:600px; height:auto !important; height:600px; margin:0px 0px 0px 0px;} #sidebar { width:158px; height:100%; float:left; margin:10px 0px 1px 0px; padding:0px; background:#ffffff; } #news img, #textpage img{ padding:10px 10px 10px 10px; } #content_main { width:614px; margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:300px; float:left;} #content img {padding:8px 8px 8px 8px;} #slideshow {display:block; width:642px; height:390px; float:left; margin:0px 0px 1px -13px;} #slideshow ul {margin:0px; padding:0px; width:642px; height:333px; position:relative;} #slideshow ul li {margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px;} #home_section {width:241px; display:block; float:right; margin:10px 26px 0px 0px; } *html #home_section {margin:80px 23px 0px 0px; } #section_container {width:909px; display:block; margin:0px auto 0px auto !important; border:7px solid #e6dcc1; min-height:162px; height:auto !important; height:162px;} *html #section_container{ margin:0px auto 20px auto !important; min-height:158px; height:158px; } #section_container h4 a{ font-size:18px; } #section_container h4 a:hover{ text-decoration:none; font-weight:normal; } #gallery_section { width:156px; height:162px; display:block; float:left; background:url(../images/gallery_section.jpg) no-repeat left top; cursor:pointer !important;} #news_section {cursor:pointer !important; width:258px; height:162px; display:block; float:right; background:url(../images/news.jpg) no-repeat top right; position:relative;} #news_section_link { cursor:pointer !important; position:absolute; background:transparent; width:90px; height:162px; display:block; top:0px; right:11px; z-index:100; } #center_section {width:495px; height:162px; display:block; float:left} *html #center_section{ margin-bottom:-3px; } #section_left {display:block; float:right; width:140px; margin:5px 110px 0px 0px; } *html #section_left {margin:15px 55px 0px 0px; } #section_left h4 {margin:0px 0px 10px 0px;} #section_left p {margin:0px;} #section_right {display:block; cursor:pointer; float:left; width:140px; margin:5px 0px 0px 15px;} *html #section_right {margin:15px 0px 0px 7px;} #section_right h4 {margin:0px 0px 10px 0px; cursor:pointer;} #section_right p {margin:0px; cursor:pointer;} #section_right {cursor:auto !important;} .clear { clear:both; } #confirm_table td {font-size:12px; padding:5px 40px 5px 0px;} #confirm_table {margin:10px 0px 0px 0px;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav ul {margin:0px; padding:0px;} #nav ul li {margin:0px; padding:0px; display:block; float:left; font-size:1.1em; position:relative;} #nav { width:100%; height:29px; display:block; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; border-top:1px solid #e7e7e6; border-bottom:1px solid #e7e7e6; position:relative;} *html #nav {padding-bottom:0px;} #nav a { margin:0px 0px 0px 0px; padding:8px 30px 7px 13px; color:#7f7f7f; display:block; float:left; text-transform:uppercase; font-weight:normal; font-size:1.1em;} #nav ul li a {font-size:1em; font-family: Arial, Helvetica, sans-serif;} #nav a.basket_link {color:#ad9131 !important; position:absolute; right:-25px; top:0px;} #nav a:hover { text-decoration:none; color:#ad9131; } #nav a.active { text-decoration:none; color:#ad9131; } #nav ul li ul {width:200px; position:absolute; top:29px; left:0px; display:none; padding:0px 0px 0px 0px; z-index:100;} #nav ul li ul li {width:120px; display:block; margin:0px 0px 0px 0px; filter: alpha(opacity=97); opacity:0.92; padding:0px 0px 0px 0px; float:none; } #nav ul li ul li a {width:120px; display:block; font-size:0.9em; color: #7f7f7f; background:#fff; border:1px solid #e7e7e6; border-bottom:1px solid #e7e7e6; width:100%; margin:0px !important; padding:9px 21px 5px 13px; min-height:16px; height:auto !important; height:16px; float:none; posiition:relative; z-index:100; } #nav ul li:hover ul { display:block; } #nav ul ul:hover { display:block; z-index:1000} #footer { height:15px; width:100%; margin:0px 0px 0px 0px; padding:7px 0px 7px 0px; border-top:1px solid #e7e7e6; border-bottom:1px solid #e7e7e6; position:relative; } *html #footer {padding-bottom:0px;} #footer a { margin:0px 0px 0px 0px; padding:0px 30px 0px 13px; color:#7f7f7f; display:block; float:left; text-transform:uppercase; font-weight:normal; font-size:1.1em;} #footer a:hover { text-decoration:none; color:#ad9131; } #footer a.active { text-decoration:none; color:#ad9131; } #contact_number {position:absolute; right:5px; top:7px; font-size:1.2em; color:#b2973d;} #copyright { width:100%; margin:0px 0px 0px 0px; text-align:right; padding:10px 0px 18px 0px; position:relative; } #copyright p{ color:#7f7f7f; font-size:10px; padding:0px 5px 0px 0px; margin:0px 0px 0px 0px; } #social_media a {margin-left:5px;} button#next_lefts {border:0px; background:none; cursor:pointer; margin:-1px -10px 0px -9px;} button#continue_lefts{border:0px; background:none; cursor:pointer; margin:-1px -10px 0px -9px;} *+html button#continue_lefts{border:0px; background:none; cursor:pointer; margin:-2px -100px 0px -32px; } *+html button#next_lefts {border:0px; background:none; cursor:pointer; margin:-2px -100px 0px -15px;} /*------------------------------------- Gallery ---------------------------------------*/ #gallery_text {width:259px; float:left; display:block; margin:0px 0px 0px 7px;} #breadcrumb {font-size:1.1em !important;} #breadcrumb p {font-size:1.1em !important; margin:0px 0px 10px 0px; text-transform:uppercase; } #breadcrumb a {color:#b89e4c; text-decoration:underline; text-transform:uppercase; } #gallery {width:633px; display:block; float:right; margin:2px 0px 0px 0px;} *+html #gallery {margin:8px 0px 0px 0px;} *html #gallery {margin:6px 0px 0px 0px; width:633px; display:block; float:right;} .gal_section {width:228px; display:block; float:left;} .gal_large {width:230px; position:relative; padding:0px 0px 7px 0px;} .gal_large a.tooltip img {border:1px solid #e1e0df; margin:5px 0px 5px 0px;} .gal_large a.tooltip img:hover {border:1px solid #e1e0df; margin:5px 0px 5px 0px;} .info {display:none;} .info h1 {font-size:1.1em; color:#000000; line-height:18px; font-family: Arial, Helvetica, sans-serif;} a.info_l {background:url(../images/info.gif) no-repeat top right; display:block; float:left; width:117px; height:20px;} a:hover.info_l {background:url(../images/info.gif) no-repeat top left;} a.buy_now {background:url(../images/buy_now.gif) no-repeat top left; display:block; float:right; margin:0px 0px 0px -20px; width:119px; height:20px;} a:hover.buy_now {background:url(../images/buy_now.gif) no-repeat top right; } #middle_section_gallery {width:146px; display:block; float:left; margin:0px 8px 0px 13px; min-height:100px; height:auto !important; height:100px; } a.info_s {background:url(../images/info_s.gif) no-repeat top left; display:block; float:left; width:72px; height:20px; margin:0px -3px 0px 0px;} a:hover.info_s {background:url(../images/info_s_hover.gif) no-repeat top right;} a.buy_now_s {background:url(../images/buy_now_s.gif) no-repeat top right; display:block; float:right; position:absolute; bottom:4px; right:2px; margin:0px 0px 0px -23px; width:79px; height:20px;} a:hover.buy_now_s {background:url(../images/buy_now_s.gif) no-repeat top left; } .gal_small {width:100%; padding:0px 0px 4px 0px; position:relative;} .gal_small a.tooltip img {border:1px solid #e1e0df; margin:5px 0px 4px 0px;} *html .gal_small a.tooltip img {border:1px solid #e1e0df; margin:5px 0px 3px 0px;} *+html .gal_small a.tooltip img {border:1px solid #e1e0df; margin:5px 0px 3px 0px;} .gal_small a.tooltip img:hover {border:1px solid #e1e0df; margin:5px 0px 4px 0px;} *html .gal_small a.tooltip img:hover {border:1px solid #e1e0df; margin:5px 0px 3px 0px;} *+html .gal_small a.tooltip img:hover {border:1px solid #e1e0df; margin:5px 0px 3px 0px;} .paging {position:relative; display:block; float:right; width:922px; margin:16px auto 0px auto; color:#7f7f7f; } .paging .numbers { display:block; float:right; margin:0px 7px 0px 0px;} .paging .numbers a {font-size:1.1em; color:#7f7f7f;} .paging .numbers a.active {color:#b2973d; font-weight:bold; } .paging .numbers a:hover {color:#b2973d; text-decoration:none;} .paging p {display:block; float:left; margin:-2px 0px 0px 0px; font-size:1.1em;} *html .paging p {margin:-5px 0px 0px 0px;} *+html .paging p {margin:-5px 0px 0px 0px;} #next_prev {position:absolute; top:0px; right:246px; width:145px; display:block; } a.next {width:79px; height:20px; display:block; float:right; margin:0px 0px 0px -30px; background:url(../images/next.gif) no-repeat top left;} a.previous {width:79px; height:20px; display:block; float:left; background:url(../images/previous.gif) no-repeat top left;} a:hover.next {} a:hover.previous {} /*---- Tool Tip -----*/ #tooltip { width:126px; position:absolute; z-index:500; min-height:56px; height:auto !important; min-height:50px; height:auto !important; height:50px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-left:1px solid #ccc; background:#fff; padding:0px 0px 0px 0px; color:#333; display:none;} * html #tooltip { behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "/images/hover_bac.png", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "/images/hover_bac.png")),this.pngSet=true) ); } #tooltip h1 {font-size:1.1em; color:#000000 !important; line-height:16px; margin:0px; padding:9px 0px 0px 8px; font-family: Arial, Helvetica, sans-serif;} #tooltip p {position:relative; z-index:50; color:#ffffff;} #tip_below { display:block; position:relative; bottom:-9px; width:126px; height:10px; background:url(/images/hover_below.png) no-repeat left top;} /*------------------------------------- Gallery detail ---------------------------------------*/ #gallery_top {margin:0px 0px 15px 7px;} #gallery_section_left {width:478px; margin:0px 0px 240px 7px; display:block; float:left;} *html #gallery_section_left { margin:0px 0px 240px 3px;} #main_images {width:320px; min-height:300px; height:auto !important; height:300px; position:relative; display:block; float:left; } #main_images ul {margin:0px; padding:0px;} #main_images ul li {margin:0px; padding:0px; list-style:none; } #main_images ul li img {border:1px solid #dededd;} .lightbox_link {position:absolute; bottom:4px; right:0px;} .hidden {display:none;} #image_nav {display:block; float:right; width:148px;} .gal { display:block; float:left; width:74px; text-align:center} .gal a img {border:1px solid #dededd;} #gallery_detail_text {width:420px; margin:-10px 5px 0px 0px; display:block; float:right;} *hmtl #gallery_detail_text {margin:-10px 3px 0px 0px;} .price {margin:0px 0px 0px 0px; color:#4c4c4d; font-weight:bold; display:block; margin:-5px 0px -5px 0px; font-size:2em;} a.back {background:url(../images/back.gif) no-repeat left top; width:72px; height:20px; display:block; float:left; } a:hover.back {background:url(../images/back.gif) no-repeat right top; } #gallery_detail_text form {margin:20px 0px 0px 0px; padding:0px;} #gallery_detail_text select {margin:0px 7px 0px 0px; padding:0px; display:block; float:left; width:178px; border:1px solid #dcdbdb;} #gallery_detail_text button {width:79px;margin:0px; padding:0px; display:block; float:left; background:url(../images/buy_now_s.gif) no-repeat top right; border:0px; margin:1px 0px 0px -5px; cursor:pointer;} *html #gallery_detail_text select {height:21px; font-size:1em;} *+html #gallery_detail_text select {height:21px; font-size:1em;} *html #gallery_detail_text button {margin:-1px 0px 0px -5px;} *+html #gallery_detail_text button {margin:-1px 0px 0px -5px;} /*------------------------------------- textpage ---------------------------------------*/ #textpage {width:872px; display:block; float:left; margin:-10px 0px 20px 23px; text-align:left; } *html #textpage {width:872px; display:block; float:left; margin:-10px 0px 20px 13px; text-align:center; } #textpage img {margin:5px;} /*------------------------------------- News ---------------------------------------*/ #news {display:block; float:left; width:677px; margin:-10px 0px 0px 7px;} #events_wrapper #news{ float:right; width:650px; margin-right:20px; margin-top:-10px; } #events_wrapper #news{ float:right; width:650px; margin-right:10px; margin-top:-11px; } #events_wrapper #news_nav{ float:left; margin-left:20px; } *html #events_wrapper #news_nav{ float:left; margin-left:10px; } *html #news {margin:-10px 0px 0px 3px;} #news_nav {width:214px; display:block; float:right; margin:-10px 13px 0px 0px;} *html #news_nav {margin:-10px 7px 0px 0px;} .item_news { border-bottom:1px solid #e7e7e6; padding:0px 0px 10px 0px;} .item_news img {display:block; float:left; margin:0px 21px 40px 0px; border:1px solid #e0e0df;} *html .item_news img {display:block; float:left; margin:10px 21px 40px 0px; border:1px solid #e0e0df;} *+html .item_news img {display:block; float:left; margin:10px 21px 40px 0px; border:1px solid #e0e0df;} .date {color:#737373; font-size:1.2em; font-weight:bold; display:block; margin:-5px 0px -5px 0px;} .item_news a {color:#B2973D;} .item_news a:hover {color:#B2973D;} .cat_archive { margin-top:12px; } .cat_archive a {display:block; border-bottom:1px solid #e7e7e6; font-size:1.1em; text-transform:uppercase; color:#7f7f7f; padding:13px 0px 10px 4px;} .cat_archive a:hover {color:#B2973D; text-decoration:none;} .cat_archive a.active { text-decoration:none; color:#ad9131; } #news_thin {display:block; float:left; width:450px; margin:-10px 0px 0px 7px;} *html #news_thin {margin:-10px 0px 0px 3px;} #news_pageheader {width:200px; display:block; float:left; margin:0px 0px 0px 7px;} *html #pageheader {margin:0px 0px 0px 3px;} #news_textpage {width:450px; display:block; float:left; margin:-10px 0px 60px 23px;} /*------------------------------------- events ---------------------------------------*/ #events {margin:5px 0px 0px 0px;} .item_events { border-bottom:1px solid #e7e7e6; min-height:15px; height:auto !important; height:15px; padding:0px 0px 0px 0px; margin:0px;} .item_events a span.event_date {font-weight:bold;} .item_events a span.event_title {margin-left:5px; font-weight:normal; color:#7f7f7f; font-size:1em; } .item_events a:hover span.event_title {text-decoration:underline; } .item_events a {color:#B2973D; font-size:1.2em;} .item_events a:hover {color:#B2973D; text-decoration:none;} .events_left {display:block; float:left;} .events_link {display:block; float:right; margin:15px 0px 0px 0px;} .item_news a:hover {color:#B2973D; text-decoration:none;} .item_news a span.news_date {font-size:1.2em; font-weight:bold;} .item_news a span.news_title {font-size:1.2em; margin-left:5px; font-weight:normal; color:#7f7f7f; } .item_news a:hover span.news_title {text-decoration:underline; } /*------------------------------------- Basket ---------------------------------------*/ #basket {width:677px; display:block; float:left; margin:-10px 0px 0px 7px;} *html #basket (margin:-10px 0px 0px 3px;) #basket_total {width:227px; display:block; float:right; margin:-10px 0px 0px 0px;} #basket_total table {border-collapse:collapse; border-top:1px solid #e7e7e6; width:227px; margin:23px 0px 10px 0px;} *+html #basket_total table {margin:30px 0px 10px 0px;} *html #basket_total table {margin:30px 0px 10px 0px;} #basket_total td {border-bottom:1px solid #e7e7e6; padding:14px 0px 8px 0px; font-size:1.1em;} #basket table {border-collapse:collapse; } #basket th {border-bottom:1px solid #e7e7e6; color:#858789; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px; font-size:1.1em; color:#858789; font-weight:normal; text-transform:uppercase;} #basket td {border-bottom:1px solid #e7e7e6; padding:11px 0px 8px 0px;} .img {width:90px; padding:11px 0px 8px 10px;} .img img {border:2px solid #e0e0df; } .item {width:420px;} .item a {font-size:1.2em; color:#b2973d; text-transform:uppercase;} .quantity {width:100px;} .quantity select {width:44px; } *html .quantity select {width:44px; margin:15px 0px 0px 0px; } *+html .quantity select {width:44px; margin:15px 0px 0px 0px; } .prices {width:70px;} .options {width:66px;} #newsletter {width:250px; margin:20px auto 0px auto;} #newsletter label {width:50px !important;} #newsletter button {margin:0px 0px 0px 120px;} a.update {background:url(../images/update.gif) no-repeat top right; width:72px; height:20px; diaplsy:block; float:left;} a.remove {background:url(../images/remove.gif) no-repeat top right; width:79px; height:20px; display:block; float:right; margin:0px 0px 0px -7px;} a:hover.update {} a:hover.remove {} a.checkout {background:url(../images/checkout.gif) no-repeat top left; width:79px; height:20px; display:block; float:left;} a:hover.checkout {background:url(../images/checkout.gif) no-repeat top right;} a.back_right {background:url(../images/back.gif) no-repeat left top; width:72px; height:20px; display:block; float:left; margin:0px -6px 0px -2px; position:relative;} a:hover.back_right {background:url(../images/back.gif) no-repeat right top; text-decoration:none;} #final_buttons {width:150px; display:block; float:right; margin:0px 20px 0px 0px;} #final_buttons2 {width:215px; display:block; float:right; margin:0px 20px 0px 0px;} button#next {border:0px; margin:0px; padding:0px; background:none; cursor:pointer;} button#next_left {border:0px; margin:-1px -2px 0px -3px; padding:0px; background:none; cursor:pointer;} button#continue_left {border:0px; margin:-1px -2px 0px -3px; padding:0px; background:none; cursor:pointer;} *+html button#next_left {border:0px; display:block; float:right; margin:-22px -10px 0px -3px; padding:0px; background:none; cursor:pointer;} *+html button#continue_left {border:0px; display:block; float:right; margin:-22px 0px 0px 10px; padding:0px; background:none; cursor:pointer;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ body { text-align: left; color:#737373; margin: 0px; padding: 0px; letter-spacing:normal; background:#cbb77e; font-family: Arial, Helvetica, sans-serif; font-size:0.6em;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:none; margin:0px; padding:0px; } a img{ border:none; } h1 { font-size:2.5em; color:#b2973d; font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:26px;} h2 { color:#b2973d; font-size:2.0em; font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#b2973d; font-size:1.8em; font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; font-weight:normal; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; } h4 { color:#b2973d; font-size:1.4em; font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; font-weight:normal; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; } h5 { color:#b2973d; font-size:1.2em; font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; font-weight:normal; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; } h6 { color:#b2973d; font-size:1em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } ul {} ul li {font-size:1.2em; margin-top:5px; margin-bottom:5px; list-style:disc; color:#A4A4A4; } ol {} ol li {font-size:1.2em; margin-top:5px; margin-bottom:5px; list-style:decimal; color:#A4A4A4; } address {font-size:1.2em; color:#A4A4A4; } a { color:#B2973D; text-decoration:none; } a:hover { color:#B2973D; text-decoration:underline; } p { font-size:1.2em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:18px;} button#submit_news {width:79px; cursor:pointer; height:20px; border:0px; background:url(/images/submit.jpg) no-repeat left top;} button:hover#submit_news {width:79px; height:20px; background:url(/images/submit.jpg) no-repeat right top;} /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */