/*
The Antique Jewellery Company
-----------------------------
Main Style Sheet
Version: 3.0; Jan 2012
Author: Matt Gerrish @ www.tekkstyle.com
Copyright, all rights reserved
*/
/* -----Global Styles ----- */
html{background:#FFF;border-top:6px solid #F0F3FA;}
body{font-weight:400;font-size:0.75em;color:#000;line-height:1.6em;text-decoration:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{font-family:"ff-tisa-web-pro",Georgia,serif;margin:0;padding:0;}
*{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,dfn,th,var{font-style:normal;font-weight:400;}
caption,th{text-align:left;}
q:before,q:after{content: '';}
abbr,acronym{border:0;}
img{border:none;}
a img{border:none;outline:none;}
div{float:left;}
.alignright{text-align:right;}
.alignleft{text-align:left;}
.clearfix{clear:both;}
/* -----Links ----- */
a{color:#000;text-decoration:none;}
a:hover{color:#27408B;}
a:focus{outline:none;}
a:active{position:relative;top:1px;}
a#selected{font-weight:700;color:#27408B;}
/* ----- Headings/Paragraphs/Lists ----- */
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;margin-bottom:24px;}
h1{font-size:2em;/* 24px --> 24 ÷ 12 =2 */line-height:2em;/* 24px --> 24 ÷ 12 = 2 */}
h2{font-size:1.83em;/* 22px --> 22 ÷ 12 = 1.833 */line-height:1.0909em;/* 24px --> 24 ÷ 22 = 1.090909(09) */}
h3{font-size:1.666em;/* 20px --> 20 ÷ 12 = 1.666 */line-height:1.2em;/* 24px --> 24 ÷ 20 = 1.2 */}
h4{font-size:1.5em;/* 18px --> 18 ÷ 12 = 1.5 */line-height:1.333em;/* 24px --> 24 ÷ 18 = 1.3333333(3) */}
h5,h6{font-size:1.333em;/* 16px --> 16 ÷ 12 = 1.333 */line-height:1.5em;/* 24px --> 24 ÷ 16 = 1.5 */}
p{margin-bottom:24px;}
.p2{margin-top:12px;margin-bottom:0;}
ul{list-style-type:none;}
ul.list li{float:none;}
/* ----- Captions ----- */
.caption p.caption-text{color:#888;font-size:12px;}
.caption{line-height:18px;margin-bottom:0;text-align:center;}
.floatalignleft,img.floatalignleft{display:inline;float:left;margin-right:24px;}
.floatalignright,img.floatalignright{display:inline;float:left;margin-left:24px;}
/* ----- Main Template ----- */
#container{width:1000px;padding-top:18px;margin:0 auto;float:none;}
ul#navigation{border-bottom:6px solid #27408B;float:left;list-style:none outside none;margin-bottom:24px;width:1000px;font-size:14px;}
ul#navigation a:hover{}
ul#navigation li{float:left;position:relative;text-align:left;margin-top:0;margin:0 16px;line-height:30px;}
ul#navigation li:first-child{border-top:none;}
ul#navigation li#wardrobeBuilder{margin:0 0 -10px 15px;}
ul#navigation li li{margin:0;}
ul#navigation li .dropdown{background-color:#FFF;border-bottom:1px solid #CFCFCF;border-left:1px solid #EBE9DD;border-right:1px solid #EBE9DD;border-bottom:1px solid #EBE9DD;display:none;float:left;left:-10px;padding:0px 12px 8px 12px;position:absolute;text-align:left;top:30px;width:118px;z-index:99999;}
ul#navigation.no-js li:hover .dropdown{display:block;}
ul#navigation li a{color:#27408B;text-decoration:none;}
ul#navigation li a:hover, a:focus, a:active{color:#3B61D1;text-decoration:none;}
ul#navigation li .dropdown ul{float:left;list-style:none outside none;margin:0;overflow:hidden;padding:0;width:118px;}
ul#navigation li .dropdown ul li{float:none;padding-bottom:3px;padding-top:3px;font-size:13px;border-top:#EBE9DD solid 1px;line-height:20px;}
ul#navigation li .dropdown ul li:first-child{border:none;}
#navigation li a:hover, #navigation li:hover a{color:#3B61D1;text-decoration:none;}
ul#navigation li .dropdown li a{color:#000;text-decoration:none;}
ul#navigation li .dropdown a:hover{color:#27408B;}
#header {position:relative;width:100%;background-image: url(../graphics/lapada.jpg);background-repeat:no-repeat;background-position: 300px 0;padding-bottom:12px;}
.logo-padding{position:relative;top:4px;}
.toprightmenu{padding-top:12px;text-align:right;float:right;width:auto;clear:right;}
a.topLink,a.topLinkWishlist,a.topLinkItem{padding:0 4px;}
.icons{position:relative;top:2px;margin-left:6px;}
.toprightmenu2{float:right;font-family:"museo-sans",sans-serif;color:#F33;background-image: url(../graphics/great_britain.jpg);background-repeat:no-repeat;background-position:right center;padding-right:36px;}
.footer{font-size:13px;clear:both;margin-top:24px;padding-top:12px;padding-bottom:24px;width:100%;border-top:1px solid #D7D9DF;}
.footer ul{float:left;margin-right:40px;width:192px;}
.footer-heading{font-family:"museo-sans",sans-serif;color:#27408B;font-weight:700;}
.footer ul.last_footer_item{margin-right:0;width:303px;}
.smallprint{clear:both;font-size:12px;width:100%;padding:18px 0;}
#mc-embedded-subscribe{margin-left:6px;}
.mc_embed_close{display: none;}
.response{font-family:"museo-sans",sans-serif;color:#FF3333;display: none;padding-top:6px;padding-bottom:12px;width:100%;}
.fb-like{clear:both;}
.fan_box .profileimage{display:none;}
/* ----- Search menus ----- */
.leftmenu{font-size:14px;width:170px;background-color:#EFF1F7;padding:15px;min-height:636px;}
.leftmenu-headings {color: #27408B;font-family: "museo-sans",sans-serif;font-weight:700;text-decoration:none;width:100%;}
.menuitems{width:150px;float:left;padding-top:6px;padding-bottom:18px;}
.menuitems li{background:url("../graphics/right_arrow.png") no-repeat scroll 0 7px transparent;display:block;padding:1px 12px;width:100%;}
.hold{line-height: 24px;width:100%;}
.sold{line-height: 24px;width:100%; padding-bottom:18px;}
.menuitems li a:hover{color:#000; text-decoration:underline;}
.hold a, .sold a { text-decoration:underline;}
.hold a:hover{text-decoration: underline;}
.sold a:hover{text-decoration: underline;}
.submenu-item{padding-left:18px;}
.searchbox{clear:both;overflow:auto;}
.searchbox-container{clear:both;padding-bottom:24px;width:170px;}
.search-input{text-transform:none;padding-right:5px;}
.keywords{text-transform:none;padding-bottom:8px;padding-top:12px;}
.keywords-input{border:medium none;margin-top:5px;padding:5px;width:160px;}
.gift{padding-top:15px;}
/* ----- Search Page ----- */
.page-numbers{float:right;}
.search-results-head{width:100%;padding-top:6px;}
.search-results-head p{margin:0;padding:0;}
.search-results-foot p{margin:0;padding:0;}
.search-results-foot{width:100%;margin-top:48px;}
table.searchtable td{border:0;width:165px;line-height:1.4em;font-size:13px;}
table.searchtable td a:hover{color:#000;text-decoration:underline;}
.image{padding-top: 30px;padding-bottom:12px;text-align:center;}
.image:hover{opacity:0.9;}
.price{padding-left:14px;padding-right:14px;padding-top:6px;}
.search-results-title{text-align:left;padding-left:14px;padding-right:14px;}
.new-arrival-container{text-align:left;margin-top:10px;width:100%;}
a#viewall,a#viewpages{color:#27408B;margin-left:6px;}
a#viewall:hover,a#viewpages:hover{text-decoration:underline;}
#previous{margin-right:6px;}
#next{margin-left:6px;}
.pagenumbers{margin:0 3px;}
/* ----- Product Page ------ */
.right-container{width:775px;padding-left:25px;}
.product{width:340px;padding-top:24px;}
.search, .searchhead{width:100%;}
.pp-breadcrumbs{font-size:12px;float:left;font-style:italic;}
.pp-breadcrumbs a{color:#27408B;}
.pp-breadcrumbs a:hover{text-decoration:underline;}
a.back{font-size:14px;color:#3B61D1;background:url(../graphics/arrow_back.gif) 6px 11px no-repeat;padding-left:19px;}
a.back:hover{text-decoration:underline;}
.pp-title{font-family:"museo-sans",sans-serif;font-size:30px;font-weight:300;color:#27408B;padding-top:24px;margin-bottom:12px;}
.pp-period{margin-bottom:12px;}
.pp-description{padding-bottom:12px;line-height:1.6em;}
.pp-info{font-size:14px;width: 420px;padding-left:15px;float:left;}
.pp-price{border-bottom:1px solid #EEE;border-top:1px solid #EEE;margin-bottom:24px;margin-top:24px;padding-bottom:14px;padding-top:14px;width:100%;}
.pp-price-left{font-size:1.5em;float:left;width:50%;}
.pp-price-right{float:right;width:50%;font-size:12px;text-align:right;font-style:italic;}
.action{color:#27408B;margin-right:6px;}
.technical-info{width:100%;border-bottom:1px solid #EEE;padding-bottom:24px;margin-bottom:24px;}
#spec_row{display:block;clear:both;}
.spec_title{font-size:12px;padding:3px 0;font-style:italic;padding-right:12px;float:left;width:100px;}
.spec_info{width:240px;padding:3px 0;}
.specs-container{clear:both;width:100%;margin-top:18px;}
.smallimg-container{clear:both;float:none;padding-top:12px;text-align:center;}
.smallimg{border:1px solid #FFF;display:inline-block; }
.smallimg:hover{border:1px solid #CCC;}
.smallimg{*display:inline;*margin: 0 20px;}
.magnify{text-align:center;width:100%;padding-top:12px;}
a.Magnify{background-image:url("../graphics/icon_magnify3.png");background-position:6px center;background-repeat:no-repeat;font-style:italic;padding-left:24px;}
.further-info{border-bottom:1px solid #EEE;margin-bottom:24px;padding-top:12px;padding-bottom:24px;width:100%;}
.divider{padding:0 4px;color:#27408B;}
.pp-action{padding-top:24px;clear:both;}
.pp-action input{margin-right:6px;}
.share-links {display:inline-block;}
.share-links img{margin-right:6px;}
.share-links p{margin-bottom: 0;}
.slide-like{clear:both;float:left;width:100%;padding-bottom:12px;font-size:16px;border-bottom:1px solid #EEE;margin-bottom:12px;margin-top:12px;font-family: "museo-sans",sans-serif;}
.slideImg { /*float:left;*/ padding-right: 15px; width:160px; }
.slideImg-image:hover{opacity:0.9;}
.slideImg .slideImg-image{float:left;width:100%;}
.slideImg .slideImg-title{float:left;text-align:left;padding-left:15px;padding-top:6px;line-height:1.3em;}
.slideimgwidth{float:left;/*width:225px; height:168px;*/}
.slider-wrapper{float:left;width:725px;padding-left:50px;}
.bx-next{position:absolute;top:40%;right:-25px;z-index:0;width:30px;height:30px;text-indent:-999999px;background-image:url(bx_styles/gray_next.png);background-repeat:no-repeat;background-position:0 -30px;}
.bx-prev{position:absolute;top:40%;left:-50px;z-index:0;width:30px;height:30px;text-indent:-999999px;background:url(bx_styles/gray_prev.png) no-repeat 0 -30px;}
.enquiry-box{border:1px solid #CBCBCB;padding:24px;font-size:14px;width:auto;background-color:#FFF;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.enquiry-box h2,.pop-ups h2{font-family:"museo-sans",sans-serif;font-size:24px;font-weight:300;color:#27408B;margin-bottom:12px;}
.enquiry-box h3, .app-box h3{font-size:18px;margin-bottom:12px;}
.enquiry-box h4, .app-box h4{font-family:"museo-sans",sans-serif;font-size:14px;font-weight:700;margin-bottom:0;color:#27408B;}
.enquiry-box p{margin-bottom:18px;}
.close-icon{position:absolute;top:12px;right:12px;}
.enquiry-image{float:left;width:auto;text-align:right;padding-left:24px;}
.enquiry{width:100%;border-collapse:collapse;text-align: left;}
.required{font-size:12px;font-style:italic;margin-bottom:0;}
.enquiry th{border-bottom:1px solid #EEE;font-size:16px;padding:12px 0;}
.enquiry td{padding-top: 6px;}
.app-box{border:1px solid #CBCBCB;padding:24px;font-size:14px;width:auto;background-color:#FFF;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;padding:40px;}
.app-box h2{font-family:"museo-sans",sans-serif;font-size:24px;font-weight:300;color:#27408B;margin-bottom:24px;}
.app-box p{margin-bottom:0;}
.app-heading{width: auto;float:left;padding-right:12px;}
.app-heading img{margin-bottom: 6px;}
.app-heading p{margin-bottom:0;}
.tube{font-size:12px;font-style:italic;background-image:url(../images/static%20images/tube.jpg);background-repeat:no-repeat;background-position:left center;padding-left:26px;margin-top:6px;}
.pop-ups{-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;padding:24px;width:670px;background-color:#FFF;border:1px solid #CBCBCB;font-size:1.1em;line-height:20px;}
.pop-ups h3{font-size:18px;margin-bottom:6px;color:#27408B;}
.pop-ups h3{font-size:16px;margin-bottom:6px;}
.pop-ups li{list-style-type:disc;margin-bottom:6px;margin-left:18px;}
.pop-ups ul{clear:both;}
#ring-sizing{margin:12px 24px;width:622px;border-collapse:collapse;text-align:center;}
#ring-sizing th{font-family:"museo-sans",sans-serif;color:#27408B;padding: 6px 0;margin-bottom:6px;border-bottom:2px solid #27408B;text-align:center;}
#ring-sizing td{border-bottom:1px solid #EEE;padding:3px 0;}
/* ----- Lightbox ----- */
#lightbox{float:none;border:1px solid #E6E6E6;}
#lightbox div{float:none;}
#lightbox{position: absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 110%; z-index: 10; }
#imageContainer>#hoverNav{ left: -5%;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink{ background: url(/img/icons/arrow-left.png) left 15% no-repeat; float: left; background-position:center left;}
#nextLink{ background: url(/img/icons/arrow-right.png) right 15% no-repeat; float: right; background-position:center right; }
#imageDataContainer{margin: 0 auto;line-height:1.4em;overflow:auto;width:100%;padding-top:15px;padding-bottom:10px;}
#imageData{padding:0 10px;color:#2B2B2B;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-family: "museo-sans",sans-serif;color:#27408B;font-size:20px;}
#imageDetails #price{font-family: "museo-sans",sans-serif;float:left;padding-left:24px;font-size:16px;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:18px;padding-top:18px;font-size:12px;font-style:italic;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;outline:none;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#FFF;}
#imageDetails #caption{float:left;}
/* ----- Alert box ----- */
#modalContainer{position:absolute;width:100%;top:0;left:0;z-index:10000;}
#alertBox{background-color:#FFF;border:1px solid #CBCBCB;margin-left:0;margin-top:193px;width:350px;padding:48px 25px 25px 25px;-webkit-box-shadow:0px 1px 6px 1px #CCCCCC;-moz-box-shadow:0px 1px 6px 1px #CCCCCC;box-shadow:0px 1px 6px 1px #CCCCCC;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;min-height:80px;background-image: url(../graphics/ajc.png);background-repeat: no-repeat;background-position: center 12px;}
#modalContainer > #alertBox{position:fixed;}
#alertBox h1{border-bottom:1px dotted #333;padding:7px 0 7px 5px;border-bottom:1px solid #CBCBCB;font-size:16px;padding-bottom:12px;text-align: center;}
#alertBox p{color:#2B2B2B;font-size:16px;text-align:center;margin-bottom:12px;}
#alertBox #cancelBtn{-moz-border-radius:2px;background:none repeat scroll 0 0 #EEE;border:1px solid #CCC;color:#2B2B2B;display:block;font-size:12px;height:22px;line-height:22px;margin:25px auto 0 135px;position:absolute;text-align:center;text-decoration:none;text-transform:uppercase;width:66px;}
/*PAGES*/
.page-container {width:752px;padding-left:48px;font-size:.875em;line-height:20px;min-height:636px;}
/*Home*/
.home{width:600px;text-align:center;}
#home-container{background-image:url("/images/static%20images/home-bground1.jpg");background-repeat:no-repeat;height:400px;padding: 100px 300px 12px;text-align: center;width:400px;}
#home-container h1{font-size:31px;margin:0 0 12px;line-height:1.4em;}
#home-container h2{margin:0;font-size:22px;}
#home-container p{font-size:15px;line-height:1.8em;color:#27408B;margin-bottom:36px;}
.home-thumbs{border-bottom: 6px solid #27408B;border-top:1px solid #EEE;float:left;height:120px;margin-bottom:6px;width:239px;}
.home-text{float:left;height:auto;width:239px;font-size:14px;}
.home-text-heading{color:#27408B;font-style:italic;font-size:20px;}
.home-text p{margin-bottom:0;padding-bottom:6px;}
.home-paddingr{margin-right:12px;}
.home-text p a:after{color:#3B5998;content: " »";font-weight:bold;white-space:nowrap;}
.home-text a:hover{color:#27408B;}
/*About*/
#olly { width: 752px; height: 314px; background-image: url(../images/static%20images/olly-gerrish2.jpg); background-repeat: no-repeat; background-position: center top; margin-bottom: 24px; }
#olly-intro { float: left; text-align: center; color: #FFF; padding-left: 24px; padding-top: 168px; width: 300px; }
#olly-intro a { font-size: .8125em; text-decoration:underline; color:#FFF; }
#olly-intro a:hover {color:#EFF1F7; }
.team { width: 300px; float: left; text-align: center; font-size: .875em; line-height: 18px; }
.team a { font-size: .875em; text-decoration:underline; }
.names { text-transform: uppercase; letter-spacing: .2em; font-size: 1em; padding-bottom: 8px; margin: 0; }
.marginl { margin-left:52px; padding-right: 24px; }
.marginr { margin-right: 52px; padding-left: 24px; }
.team img { border: 1px solid #CBCBCB; padding: 4px; margin-bottom: 12px; }
.imgfloatright { float: right; padding-left: 24px; }
.imgfloatleft { float: left; padding-right: 24px; }
.lapada { color: #666666; font-size: 0.875em; padding-top: 24px; margin-top: 24px; }
/*Press*/
.press-header{clear:both;}
.press-header h1{color:#27408B;font-family:"museo-sans",sans-serif;font-size:30px;font-weight:300;margin-bottom:6px;line-height:1.2em;}
.press-header span{color:#000;font-size:22px;font-weight:400;margin-left:18px;margin-bottom:6px;}
.press-header p{margin-bottom:18px;}
.press-image{width:100%;border-bottom:#27408B solid 6px;margin-bottom:12px;clear:both;}
.press-link{font-style:italic;width:100%;margin-bottom:0;text-align:right;}
/* ----- Help Sections ----- */
.help-container { width: 752px; padding-left: 48px; font-size: 0.875em; line-height: 20px; padding-top: 24px; min-height: 636px; }
.help-container ul { clear: both; margin-bottom: 24px; }
.help-container ul p { margin-bottom: 6px; }
.help-container li { list-style-type:disc; margin-bottom: 6px; margin-left: 18px; }
.delivery-option { background-color:#EFF1F7; padding: 12px; margin-right: 24px; float: left; width: 270px; margin-bottom: 24px; }
.delivery-option p { margin-bottom: 6px }
.box-heading { font-weight: 700; padding-bottom: 6px; }
.box-heading-uline { border-bottom: 1px solid #CBCBCB; font-weight: 700; padding-bottom: 6px; margin-bottom: 12px; width: 100%; }
.highlight{color:#3B61D1;}
#contact-detail { float: left; padding-bottom: 36px; margin-right: 24px; width: 100%; border-bottom: 1px dotted #CBCBCB; margin-bottom: 36px; }
#contact-detail p { margin-bottom: 3px }
#contact-detail h5 { margin-bottom: 6px; }
.description { font-size: .875em; font-style: italic; color:#666; }
#grays { width: 368px; padding-right: 24px; }
#grays p { margin-bottom: 6px; }
#map { float: left; }
.business-hours { color: #2B2B2B; font-style: normal; font-size: 14px; padding-left: 6px; }
.small { color: #666; font-size: .875em; }
/* ----- faq ----- */
#faq-questions { background: none repeat scroll 0 0 #EFF1F7; float: left; padding:24px; margin-bottom: 24px; width: auto; }
#faq-questions p { margin-bottom: 6px; }
.faq-headings { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CBCBCB; margin-bottom: 12px; margin-top: 24px; padding-bottom: 6px; font-weight: 700; }
.generala { color:#2B2B2B; font-size: .8125em; text-transform: uppercase; }
.arrow { font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; }
.black { color: #000; }
/*------------------------------------*\
CMS
\*------------------------------------*/
.full-width { width: 100%; font-size: 16px; }
.heading { border-bottom: 1px solid #CBCBCB; padding-bottom:12px; width:100%; }
/* Deparment Header */
#section_header{width:775px;padding-bottom:14px;margin-bottom:12px;text-align:center;border-bottom:1px solid #EEE;}
#section_header h1{padding:0;margin:0;}
#section_header img{float:right;}
#bertie-proposes{width:100%;height:100px;background-image:url(../images/static%20images/bertie-proposes.png);background-repeat:no-repeat;background-position:75% 50%;}
/*sign up form*/
.padded-right-container { width: 752px; padding-left: 48px; }
.heading { border-bottom: 1px solid #CBCBCB; padding-bottom:12px; width:100%; }
.colleft { float: left; width: 328px; padding-right: 24px; }
.colright { float: left; width: 352px; padding-left: 24px; background:none repeat scroll 0 0 #EFF1F7; padding-right: 24px; padding-bottom: 24px; }
.signin { width: 100%; border-collapse: collapse; text-align: left; }
.signin th { border-bottom:1px solid #CBCBCB; font-size:16px; padding:12px 0; }
.signin td { padding-top: 12px; }
.payment { width: 100%; border-collapse: collapse; text-align: left; }
.payment th { font-size:16px; padding:12px 0; }
.payment td { padding-top: 12px; }
.review { width: 100%; border-collapse: collapse; text-align: left; }
.review th { border-bottom:1px solid #CBCBCB; font-size:16px; padding:12px 0; }
.review td { padding-top: 12px; }
.label-width { width: 120px; }
.label-width2 { width: 138px; }
.label-width3 { width: 250px; }
.label-width4 { width: 300px; }
.heading-padding { padding-top: 24px; }
.smltxt { font-size: 11px; color: #838383; }
.inputfield{border:1px solid #D7D9DF;font-size:14px;padding:4px 6px 6px 6px;width:200px;}
textarea { font-family: Georgia,serif; }
.cvv { border:1px solid #CBCBCB; font-size:12px; padding:6px; width:3em; }
a.edit { text-decoration: underline; text-transform: uppercase; }
.receipt-date { color:#838383; font-size: font-size:1.5em; line-height:1.333em; margin-bottom: 0; }
.receipt-container { width: 656px; margin-left: 48px; padding-left: 48px; padding:36px 48px; background:none repeat scroll 0 0 #EFF1F7; }
.receipt-logo { width: 100%; text-align: center; padding-bottom: 24px; }
.receipt { width: 656px; border-collapse: collapse; text-align: left; }
.receipt th { border-bottom:1px solid #CBCBCB; font-size:16px; padding-bottom: 12px; }
.receipt td { padding-top: 24px; padding-bottom: 24px; }
.account { width: 100%; border-collapse: collapse; text-align: left; }
.account th { font-size:16px; padding-bottom:12px; border-bottom:1px solid #CBCBCB; }
.account td { padding-top: 12px; font-size: 14px; }
.update { width: 100%; border-collapse: collapse; text-align: left; }
.update th { font-size:16px; padding-bottom:12px; border-bottom:1px solid #CBCBCB; }
.update td { padding-top: 12px; font-size: 12px; }
.account-label { width: 240px; }
.account-label-txt { font-size: 12px; color:#838383; }
.logged-in { text-align: right; font-size: 12px; }
.order-history-table { width: 100%; border-collapse: collapse; }
.order-history { background:none repeat scroll 0 0 #EFF1F7; padding:24px 48px; margin-top: 48px; text-align: left; width: 656px; }
.order-history th { font-size:16px; padding-bottom:12px; border-bottom:1px solid #CBCBCB; text-align: left; }
.order-history td { padding-top: 12px; font-size: 12px; }
.wishlist-right-container { width: 656px; margin-left: 48px; padding: 24px 48px; }
.wishlist-headings { margin-bottom: 0; text-align: center; }
.success { padding-top: 12px; color: red; }
/* ----- Gift Finder ----- */
#milne { width: 100%; background-image: url(../images/static%20images/milne.png); background-repeat: no-repeat; background-position: center center; }
.credit { margin-top: 12px; font-style: italic; font-size: 1.2em; }
/* ----- My Shopping Bag ----- */
#progress h5{border-bottom:10px solid #EFF1F7;float:left;margin:20px 3px 25px 0;width:185px;font-size:1.333em; line-height:1.5em;}
#progress h5.active{border-bottom:10px solid #D1D1E8;}
#progress h5.last{margin-right:0;}
/*shopping bag table*/
.bag{width:752px;border-collapse:collapse;text-align: left;}
.bag th{border-bottom:1px solid #CBCBCB;font-size:16px;padding-bottom:12px;}
.bag td{padding-top: 24px;padding-bottom:24px;}
.bag-price{font-size:14px;color:#000;padding-left:24px;}
.remove { background:url(../graphics/icon-trash.gif) 0 2px no-repeat; padding-left:19px; color:#838383; font-size:11px; }
.remove:hover { text-decoration: underline }
.overline { border-top:1px solid #CBCBCB;padding-top: 24px; width: 100%; }
.bag-action { float: left; width: 376px; padding-left: 24px; text-align: right; }
.bag-info { border-top:1px solid #CBCBCB; width: 100%; margin-top: 48px; padding-top: 12px; }
.bag-info h4 { font-size:1.333em; line-height:1.5em; margin:0 0 3px; }
.bag-info-block { float:left; width:164px; padding-right: 36px; }
.bag-info-block img, .bag-info-block-last img { float:left; padding-right: 6px; padding-top: 2px; }
.bag-info-block-last { float:left; width:152px; padding: 0; }
a.findout { color:#6C9; }
a.findout:hover { text-decoration: underline; }
.billing { float: left; width: 352px; padding-right: 24px; }
.delivery { float: left; width: 352px; padding-left: 24px; }
.terms_conditions { text-align: right; width: 100%; padding-bottom: 24px; }
/* ----- Links ----- */
a.normal-link{color:#2b2b2b;text-decoration:underline;font-size:12px;text-transform:uppercase;}
a.normal-link:hover{color:#333;}
a.quickinfo{color:#000;font-size:12px;font-family:"museo-sans",sans-serif;}
a.quickinfo:hover{text-decoration:underline;}
a.italic-link{text-decoration:underline;font-style:italic;}
a.italic-link:hover,a.italic-link:visited,a.italic-link:active,a.italic-link:focus{color:#333;}
.enquiry-box a{color:#27408B;}
.enquiry-box a:active{color:#27408B;}
.enquiry-box a:hover{text-decoration: underline;}
.page-container a{color:#0D4AFF;}
.page-container a:active{color:#0D4AFF;}
.page-container a:hover{text-decoration:underline;}
a.subscribe{color:#333;text-decoration:none;cursor:pointer;}
a.subscribe:hover{color:#000;text-decoration:none;}
/* ----- shopping basket info ----- */
.info { position:absolute;top:10px;right:0;z-index:10;color:#fff; }
.info a {font-size:11px;font-weight:400; text-decoration:none;color:#adadad;}
.info a:hover {color:#0F9;text-decoration:none; }
/* ----- generic ----- */
#skip { display: none; }
.hidden { display: none; }
.textalignleft { text-align:left; }
.textaligncenter { text-align:center; }
.textalignright { text-align:right; }
.floatleft { float:left; }
.floatright { float:right; }
.floatnone { float:none; }
.colorred{color:#FD4015;}
/* ----- tables ----- */
table.userdetailtable td{ padding-top:5px;}
table.userdetailtable1 td{ padding:5px 35px 5px 0;}
table.logintable td{padding-top:4px;font-size:11px;}
.inputEmailId { width:225px; height:19px; font-size:13px; background:none repeat scroll 0 0 #000; border:1px solid #4E4E4E; font-size:14px; margin-right:15px; color:#FFF; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; }
/*---cms class-- */
.headlink{ color:#636363; text-decoration:none; }
a.colorfff:hover{ color:#FFF; }
a.color00FF99:hover{ color:#0F9; text-decoration:underline; }
.width937{ width:937px; }
.registerbuttn .searchButtn{ width:130px; }
/* ----- pagination (page 1/2 etc.) ----- */
#pagination{ padding:10px; }
#pagination p { padding:5px;float:left;}
ul.searchli li{width:170px;height:180px;line-height:15px; }
p.image{width:110px;height:110px;}
.cartmenu{color:#08c281; background:url(../graphics/arrow_checkoutsteps.gif) 65px 4px no-repeat; padding-left:80px;}
.cartmenuout{color:#797979; background:url(../graphics/arrow_checkoutsteps_normal.gif) 65px 4px no-repeat; padding-left:80px;font-size:11px;}
.newsletter td{padding-top:4px;}
.loginnewsletter td{padding-top:4px;}
.confpadd{padding-right:220px !important;padding-right:230px;}
/* ----- featured articles ----- */
#articles ul, #articles li {margin:0;padding:0;list-style:none;}
#articles ul{padding:3px 10px;color:#777;}
#articles ul li{margin:0;line-height:150%;padding:0;padding-left:15px;list-style:none;background:url(../graphics/simple/arrow3.gif) no-repeat 0 .6em;width:505px;}
#articles ul li a{color:#777;}
#articles ul li a:hover{color:#777;text-decoration:underline;}
/* ----- Buttons ----- */
.buy {-moz-border-radius:4px;-webkit-border-radius:4px;background:-moz-linear-gradient(center top, rgba(50, 50, 50, 0.9) 0%, rgba(30, 30, 30, 0.9) 50%, rgba(20, 20, 20, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%) repeat scroll 0 0 transparent;border:1px solid #333;background:#111;font-family:"museo-sans",sans-serif;text-transform:uppercase;color:#FFF;font-size:13px;text-align:center;line-height:1;padding:4px 8px;width:auto;}
.buy:hover{background: #222;background:-moz-linear-gradient(top,rgba(70, 70, 70, 0.9) 0%,rgba(50, 50, 50, 0.9) 50%,rgba(40, 40, 40, 0.9) 50%,rgba(20, 20, 20, 0.9) 100%);background: -webkit-gradient(linear, 0 0, 0 100%,color-stop(0, rgba(70, 70, 70, 0.9)),color-stop(0.5, rgba(50, 50, 50, 0.9)),color-stop(0.5, rgba(40, 40, 40, 0.9)),color-stop(1, rgba(20, 20, 20, 0.9)));cursor: pointer;}
.buy:active{background: #000;background: -moz-linear-gradient(top,rgba(30, 30, 30, 0.9) 0%,rgba(20, 20, 20, 0.9) 50%,rgba(10, 10, 10, 0.9) 50%,rgba(0, 0, 0, 0.9) 100%);background: -webkit-gradient(linear, 0 0, 0 100%,color-stop(0, rgba(30, 30, 30, 0.9)),color-stop(0.5, rgba(20, 20, 20, 0.9)),color-stop(0.5, rgba(10, 10, 10, 0.9)),color-stop(1, rgba(0, 0, 0, 0.9)));}
.other {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:#EEE;background:-moz-linear-gradient(center top , #FFF 0%, #DDD 100%) repeat scroll 0 0 transparentborder-color:#CCC #CCC #BBB;border:1px solid #CCC;color:#2B2B2B;font-size:13px;line-height:1;padding:4px 8px;text-align:center;text-transform:uppercase;width:auto;font-family: "museo-sans",sans-serif;}
.other:hover{background:#DDD;background:-moz-linear-gradient(top, #EEE 0%, #DDD 100%);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#bbb));border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;}
.other:active{border:1px solid #AAA;border-bottom:1px solid #888;-moz-box-shadow:inset 0 0 5px 2px #AAA, 0 1px 0 0 #EEE;-webkit-box-shadow:inset 0 0 5px 2px #AAA, 0 1px 0 0 #EEE;box-shadow:inset 0 0 5px 2px #AAA, 0 1px 0 0 #EEE;}
#alertBox #closeBtn{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:none repeat scroll 0 0 #EEE;border:1px solid #CCC;color:#2B2B2B;display:block;font-size:12px;height:22px;line-height:22px;margin-left:auto;margin-right:auto;margin-top:24px;margin-bottom:0;text-align:center;text-decoration:none;text-transform:uppercase;width:66px;}
#alertBox #closeBtn:hover{background:#DDD;background:-moz-linear-gradient(top, #EEE 0%, #DDD 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#bbb));border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;}
#alertBox #closeBtn:active{border:1px solid #AAA;border-bottom:1px solid #888;-moz-box-shadow:inset 0 0 5px 2px #AAA, 0 1px 0 0 #EEE;-webkit-box-shadow:inset 0 0 5px 2px #AAA, 0 1px 0 0 #EEE;box-shadow:inset 0 0 5px 2px #AAA, 0 1px 0 0 #EEE;}
#alertBox #cancelBtn:hover{background:#DDD;background: -moz-linear-gradient(top, #EEE 0%, #DDD 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#bbb));border:1px solid #bbb;border-bottom:1px solid #999;cursor: pointer;}
#alertBox #cancelBtn:active{border:1px solid #AAA;border-bottom:1px solid #888;-moz-box-shadow:inset 0 0 5px 2px #AAA, 0 1px 0 0 #EEE;-webkit-box-shadow:inset 0 0 5px 2px #AAA, 0 1px 0 0 #EEE;box-shadow:inset 0 0 5px 2px #AAA, 0 1px 0 0 #EEE;}
.search-button{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:none repeat scroll 0 0 #DDD;border:1px solid #CCC;color:#2B2B2B;font-family:"museo-sans",sans-serif;font-size:12px;line-height:1;padding:2px 3px;text-align:center;text-transform:uppercase;}
.search-button:hover{background:#DDD;background:-moz-linear-gradient(top, #EEE 0%, #DDD 100%);background:webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#bbb));border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;}
.search-button:active{border:1px solid #AAA;border-bottom: 1px solid #888;-moz-box-shadow: inset 0 0 5px 2px #AAA, 0 1px 0 0 #EEE;-webkit-box-shadow: inset 0 0 5px 2px #AAA, 0 1px 0 0 #EEE;box-shadow:inset 0 0 5px 2px #AAA, 0 1px 0 0 #EEE;}
.enter{background: none repeat scroll 0 0 #111;border:1px solid #333;border-radius:2px 2px 2px 2px;color:#FFF;
font-size: 12px;font-weight:lighter;line-height:1;margin:24px auto;padding:8px 12px;text-align:center;text-transform:uppercase;width:150px;}
.enter:hover{background:#222;background:-moz-linear-gradient(top,rgba(70, 70, 70, 0.9) 0%,rgba(50, 50, 50, 0.9) 50%,rgba(40, 40, 40, 0.9) 50%,rgba(20, 20, 20, 0.9) 100%);background:-webkit-gradient(linear, 0 0, 0 100%,color-stop(0, rgba(70, 70, 70, 0.9)),color-stop(0.5, rgba(50, 50, 50, 0.9)),color-stop(0.5, rgba(40, 40, 40, 0.9)),color-stop(1, rgba(20, 20, 20, 0.9)));cursor:pointer;color:#FFF;}
.enter:active{background: #000;background:-moz-linear-gradient(top,rgba(30, 30, 30, 0.9) 0%,rgba(20, 20, 20, 0.9) 50%,rgba(10, 10, 10, 0.9) 50%,rgba(0, 0, 0, 0.9) 100%);background:-webkit-gradient(linear, 0 0, 0 100%,color-stop(0, rgba(30, 30, 30, 0.9)),color-stop(0.5, rgba(20, 20, 20, 0.9)),color-stop(0.5, rgba(10, 10, 10, 0.9)),color-stop(1, rgba(0, 0, 0, 0.9)));}
/*Featured products*/
.bordertop{border-top-width: 1px;border-top-style: dotted;border-top-color: #E5E5E5;}
.width660{width:660px;}
.width735{width:735px;}
.width730{width:730px;}
.width720{width:720px;}
div#emailForm {margin: 0 20px;display: none;}
.width745{width:746px;}
.width960{width:937px;}
.width540{width:540px;}
.list li{background:url(../graphics/simple/arrow3.gif) no-repeat 0 .6em;padding:0 0 0 15px; line-height:15px;}
.cart td{padding:10px 0 10px 5px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #DADADA;}
.cart th{padding:10px 0 10px 5px;border-bottom:1px solid #DADADA;}
.width525{width:525px;}
/*width220 for your payment page */
.width220{ width:220px; }
.width125{ width:125px; }
.selectbox{ background-color:#fff; font-size:12px; overflow:hidden; width:215px; border:1px solid #CBCBCB; }
.whiteselect{ background-color:#FFF; color:#000; border:1px solid #DADADA; line-height:22px; }
.browse { color:#2B2B2B; font-style: italic; text-decoration:underline; }
.browse:hover { text-decoration:underline; color:#838383; }
.newimagebdr { width:170px; }
.width700{ width:700px; }
.lightbox_div { padding-top:285px; text-align:center; width:950px; }
.black_overlay{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
.white_content { display: none; position: absolute; top: 15%; z-index:1002; overflow: auto; }
.searchbtn1:hover{ color:#454545; background-color: #DBDBDB; }
.archive a { color: #C6DEE6; }
.archive a:hover { color: #FFF; text-decoration:none; }
.textbottom { vertical-align:text-bottom; padding-right: 5px; }
.specStyle{ display:none; }
.checkout-title { float: left; width: 325px; font-size: 13px; color: #CCC; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #EEE;margin-left:20px; padding-top:15px; }
.address { font-size: 14px; color: #000; padding-bottom:7px; margin-bottom:10px; padding-top:5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #EEE; }
.padd-top { padding-top: 10px; padding-bottom:15px; color: #333; }
.tel_num{border-top:1px dotted #E5E5E5;padding-top:15px;width:350px;color:#444;font-size:14px;}
.w200{width:200px;}
.book_icon { width:10px; height:16px; background:url(../graphics/img_book.gif)2px 5px no-repeat; }
#sharethis a{ width:200px; float:left; padding-bottom:4px; }
#sharethis span{ float:left; }
.newarrival { color:#C2C2C2; font-size:12px; font-weight:400; height:20px; text-decoration:none; }
.viewdetails { color: #838383; }
.viewdetails:hover { color: #666 }
.interior-headings { font-size: 14px; }
.networks { margin-left:10px;margin-right:10px; }
.paddingleft40 {padding-left:40px;}
.paddingleft35 {padding-left:35px;}
.paddingtop30 {padding-top:30px;}
.paddingtop15 {padding-top:15px;}
.date {font-size:11px;color:#000;}
.search_bg{background: transparent url(../graphics/gradient4.jpg) repeat-x left bottom;}
.height432{ min-height:515px; height:auto !important; height:515px; }
.social img:hover { opacity:0.8 }
.fontblack { color:#000; }
.ollys-attic-link { text-transform: lowercase; color: #3FC; }
#productDisplay .width-link { width:239px; }
#enquiry-img .image-border { border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
/*pager links*/
.bx-pager a { margin-right: 5px; color: #fff; padding: 3px 8px 3px 6px; font-size: 12px; zoom:1; background: url(bx_styles/gray_pager.png) no-repeat 0 -20px; }
/*auto start button*/
.bx-auto .start { background: url(bx_styles/gray_auto.png) no-repeat 0 2px; padding-left: 13px; }
/*auto stop button*/
.bx-auto .stop { background: url(bx_styles/gray_auto.png) no-repeat 0 -14px; padding-left: 13px; }
/*
* End color scheme styles
*/
/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover { background-position: 0 0; }
/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover { background-position: 0 0; }
/*pager wrapper*/
.bx-pager { text-align:center; padding-top: 7px; font-size:12px; color:#666; }
/*captions*/
.bx-captions { text-align:center; font-size: 12px; padding: 7px 0; color: #666; }
/*auto controls*/
.bx-auto { text-align: center; padding-top: 15px; }
.bx-auto a { color: #666; font-size: 12px; }
/* ----- menu.css ----- */
.menu {
margin:0;
padding:0;
list-style:none;
}
.menu li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: #f2f2f2 url(../graphics/site/minus.gif) no-repeat 10px center;
list-style-type: none;
display:block;
width:100%;
color:#555;
margin-bottom:1px;
}
.menu li a{
display:block;
width:100%;
color:#555;
}
.menu li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: #f2f2f2 url(../graphics/site/plus.gif) no-repeat 10px 8px;
/*lks cursor: hand !important; */
cursor: pointer !important;
display:block;
width:100%;
color:#555;
}
.menu li a span{
display:block;
padding:3px 20px;
color:#555;
}
.menu li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}
.menu .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}
ul li ul{
padding:0;
margin:0;
}
/* unrelated styles */
#mContainer {
position:relative;
width:600px;
margin:auto;
padding:5px;
border-top:2px solid #000;
border-bottom:2px solid #000;
font:.7em verdana,arial;
}
code {
font-size:1.2em;
color:#069;
}
#credits {
position:relative;
margin:25px auto 0;
width:350px;
font:.7em verdana;
border-top:1px solid #000;
border-bottom:1px solid #000;
height:90px;
padding-top:4px;
}
#credits img {
float:left;
margin:5px 10px 5px 0;
border:1px solid #000;
width:80px;
height:79px;
}
.important {
background-color:#F5FCC8;
padding:2px;
}
code span {
color:green;
}
.soldtxt {
padding:0 2px;
background-attachment: scroll;
background-color: #fff09f;
background-image: none;
background-repeat: repeat;
background-position: 0 0;
}
.holdtxt {
padding:0 2px;
background-attachment: scroll;
background-color: #b7fff4;
background-image: none;
background-repeat: repeat;
background-position: 0 0;
}
/* ----- inline_editor.css ----- */
#inline_editor, #inline_editor_hidden {
position: absolute;
top: 0;
left: 0;
border: 0;
width: 125px;
height: 100%;
background: #FFF;
border: 0;
border-right: 1px dotted #CBCBCB;
z-index: 1000;
background-attachment: scroll;
background-image: url(../graphics/bg.png);
background-repeat: repeat;
background-position: 0 0;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 18px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
dl.inline_menu {
width: 150px;
padding: 0;
margin: 8px;
margin-top: 0;
}
#edit {
background-image: url(../graphics/edit-icon.png);
background-repeat: no-repeat;
background-position: 12px 12px;
padding-top: 75px;
width: 100px;
}
dl.inline_menu dt {
color: #838383;
text-decoration: none;
text-transform: uppercase;
text-align: left;
line-height: 20px;
margin: 0;
padding: 3px;
padding-left: 7px;
height: 20px;
}
html> body * html dl.inline_menu dt {
width: auto;
} /* End of Tantek hack */
dl.inline_menu dd {
margin: 0;
text-align: left;
}
dl.inline_menu dd a {
display: block;
color: #000;
vertical-align: bottom; /* This fixes Win IE5 gap! */
padding: 4px;
padding-left: 6px;
text-decoration: none;
/* Start of Tantek hack */
voice-family: "\"}\"";
voice-family: inherit;
border-bottom: 1px solid #eff3f5;
}
html>body dl.inline_menu dd a {
width: 100px; /* End of Tantek hack */
}
* html dl.inline_menu dd a {width:100px;}
dl.inline_menu dd a:hover, dl.inline_menu dd.active a {
color: #838383;
border-bottom: 1px solid #eff3f5;
}
/* [DRK] */
#show_menu {display: none;}
#inline_editor_hidden {width: 36px; padding-top: 6px; padding-left: 6px; height: 42px;border-bottom: 1px dotted #CBCBCB; }
#inline_editor_hidden .inline_menu {display: none;}
#inline_editor_hidden #show_menu {display: block;}
#inline_editor_hidden #show_menu span {display: block; width: 15px; cursor: pointer; color: #000;text-decoration: none;text-transform: uppercase;}
/* [/DRK] */
/* ----- wstyle.css ----- */
select {
height:20px;
width:130px;
color:#2B2B2B;
background-color:#FFF;
font-size:11px;
overflow:hidden;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
textarea { }
.selectArea {padding:0 0 2px; height:20px; color:#FFF; background-color:#FFF; float:left;font-size:11px; overflow:hidden; font-family: georgia, serif; }
.selectArea .left { width:3px; height:22px; float:left; }
.selectArea .right { width:16px; height:22px; float:right; background:url(../graphics/drop_down.gif) no-repeat left top; }
.selectArea .right a { display:block; width:16px;height:22px; cursor:pointer; }
.selectArea .right i { display:none; }
.selectArea .center { color:#2B2B2B; width:102px; height:22px; font-size:11px; padding-left:0px; float:left;line-height:22px;letter-spacing:0; text-transform:uppercase; }
.selectAreawhite {padding:0 0 2px;height:22px; width:130px; color:#000;background-color:#FFF; float:left;font-size:11px; overflow:hidden;}
.selectAreawhite .left1 { width:3px; height:22px; float:left; background:url(../graphics/input_left2.gif) no-repeat left top; }
.selectAreawhite .right1 { width:16px; height:22px; float:right; background:url(../graphics/drop_down2.gif) no-repeat left top; }
.selectAreawhite .right1 a { display:block; width:16px; height:22px; cursor:pointer; }
.selectAreawhite .right1 i { display:none; }
.selectAreawhite .center1 { color:#000; width:111px; height:22px; font-size:11px; background:url(../graphics/input_bg2.gif) repeat-x; padding-left:0px; float:left; line-height:22px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#niceforms { position:absolute; left:-999px; width:10px; height:10px; }
.optionsDivInvisible, .optionsDivVisible {
background:none repeat scroll 0 0 #FFF;
border:1px solid #CCC;
color:#FFF;
float:left;
height:auto;
line-height:20px;
margin-top:0;
min-width:122px;
padding:10px;
position:absolute;
width:auto;
z-index:20;
}
.optionsDivInvisible1, .optionsDivVisible1 { position:absolute; margin-top:0; background:#000; overflow-y:scroll;overflow-x:hidden; height:50px; font-size:10px; z-index:20; color:#FFF; border:1px solid #4E4E4E; float:left;}
.optionsDivInvisible { display:none; }
.optionsDivVisible { display:block; color:#FFF; }
.optionsDivVisible p { margin:0; padding:0; color:#FFF; }
.optionsDivVisible a { color:#2B2B2B; text-decoration:none; display:block; font-size:11px; text-transform:uppercase; }
.optionsDivVisible a:hover { color:#838383; border-color:#cfd0d6; }
.optionsDivInvisiblenew, .optionsDivVisiblenew { position:absolute; margin-top:-1px; background:#FFF; min-width:128px; width:auto; height:auto; font-size:11px; color:#000; z-index:20; border:1px solid #CBCBCB; float:left; line-height:22px;}
.optionsDivInvisiblenew1, .optionsDivVisiblenew1 { position:absolute; margin-top:0; background:#FFF; overflow-y:scroll; overflow-x:hidden; height:50px; font-size:10px; z-index:20; color:#000; border:1px solid #4E4E4E; float:left;}
.optionsDivInvisiblenew { display:none; }
.optionsDivVisiblenew { display:block; color:#000; }
.optionsDivVisiblenew p { margin:0; padding:0; color:#000; }
.optionsDivVisiblenew a { color:#2B2B2B; font-size:11px; text-transform:uppercase; display:block; padding-left: 5px; }
.optionsDivVisiblenew a:hover { color:#838383; }
/* ----- coda-slider-2.0.css ----- */
.coda-slider-wrapper {
padding: 0;
width: 850px;
height:auto;
}
.coda-slider {
background-color: #fff;
}
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 850px;height:auto;}
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
/* Tab nav */
.coda-nav ul li a.current {
color:#fff;
background-color: #3C9;
}
.coda-nav {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #EEE;
margin-top: 5px;
}
/* Panel padding */
.coda-slider .panel-wrapper { padding-top: 10px }
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }
/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; }
.coda-nav ul li { display: inline }
.coda-nav ul li a { background: #fff; color: #000; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left; height:450px; }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
/* ----- calendar-blue.css ----- */
/* The main calendar widget. DIV containing a table. */
div.calendar { position: absolute;z-index:1000000; }
.calendar, .calendar table {
font-size: 12px;
color: #2B2B2B;
cursor: pointer;
background-color: #FFF;
padding: 24px;
}
.calendar { border: 1px solid #CBCBCB; }
/* Header part -- contains navigation buttons and day names. */
.calendar .button2 { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center; /* They are the navigation buttons */
/* Make the buttons seem like they're pressing */
padding-bottom: 12px;
}
.calendar .nav {
background-color: #FFF;
font-size: 16px;
}
.calendar thead .title { /* This holds the current "month, year" */
font-weight: 700; /* Pressing it will take you to the current date */
text-align: center;
background: #FFF;
font-size: 14px;
padding-bottom: 12px;
color: #2B2B2B;
}
.calendar thead .headrow { /* Row containing navigation buttons */
background: #FFF;
color: #2B2B2B;
padding-bottom: 12px;
}
.calendar thead .daynames { /* Row
containing the day names */
background: #FFF;
}
.calendar thead .name { /* Cells | containing the day names */
text-align: center;
color: #2B2B2B;
background-color: #EEE;
padding: 6px;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
color: #999;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
color: #2B2B2B;
}
.calendar thead .active { /* Active (pressed) buttons in header */
background-color: #FFF;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells | containing month days dates */
padding: 6px;
color: #2B2B2B;
text-align: center;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}
.calendar table .wn {
background-color: #EEE;
color: #2B2B2B;
padding: 6px;
}
.calendar tbody .rowhilite td {
background-color: none;
}
.calendar tbody .rowhilite td.wn {
background: #DDD;
}
.calendar tbody td.hilite { /* Hovered cells | */
background-color:#EFF1F7;
}
.calendar tbody td.active { /* Active (pressed) cells | */
background-color: #EFF1F7;
}
.calendar tbody td.selected { /* Cell showing today date */
background: #fff;
color: #0D4AFF;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
}
.calendar tbody td.today { /* Cell showing selected date */
font-weight: 700;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The |
in footer (only one right now) */
text-align: center;
background: #FFF;
color: #2B2B2B;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: #FFF;
color: #2B2B2B; /* Pressing it will take you to the current date */
text-align: center;
font-size: 14px;
padding-top: 12px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
background: #FFF;
color: #2B2B2B;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
background: #FFF;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
top: 0;
left: 0;
width: 4em;
padding: 6px;
cursor: default;
border: 1px solid #CBCBCB;
background: #FFF;
color: #2B2B2B;
font-size: 12px;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .hilite {
background: #acf;
}
.calendar .combo .active {
background: #FFF;
color: #0D4AFF;
}
.calendar td.time {
text-align: center;
background-color: #FFF;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
font-weight: 700;
background-color: #fff;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
font-weight: 700;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #FFF;
color: #2B2B2B;
}
.calendar td.time span.active {
border-color: red;
background-color: #FFF;
color: #2B2B2B;
}
|