/*unique-candle-holders/site/css/css.css 2007 03 07*/ /* NB - replace URLs as necessary... */ /* Layout. TAKE CARE WITH PADDING AND WIDTHS...Use secondary divs to pad content. --------------------------------------------------*/ body {margin:0; padding-bottom:4px;} div {margin:0; padding:0;} div.float_aligner {clear:both;} div#outer_container {margin:0 auto 0 auto; width:768px; padding:0 0 0 32px; } div#container {} div#site_title {float:left; width:325px;} div#subhead {margin:0 0 0 300px; padding:40px 0 0 0; text-align:right; } div#subhead, div#subhead p {font-size:90%; color:#e96e04; } div#titlebar {float:right;/*IE needs the float for the borders to work*/ margin:15px 0 0 0px; padding:2px 0 0px 0; font-size:90%; color:#e96e04; border-top:1px solid #222222; border-bottom:1px solid #222222;} div#site_title #site_title_text_holder {margin:40px 0 0 50px;} div#main_content {margin-top:30px; float:right; width:616px; }/* ALTERNATIVE BOXED VERSION div#main_content {margin-top:20px; float:right; width:600px; padding:8px; border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #e96e04; border-bottom:1px solid #e96e04;} */ div#main_menu {margin-top:98px; width:139px; width:137px/*for IE*/; padding:4px 0 4px 0; } div#subhead {} div#mini_cart {} div#search {} div#footer {margin:12px 0 0 0;} div#siteinfo_container {} div#siteinfo_links {margin:8px 0 8px 0;} div#signoff {margin:8px 0 8px 0;} div#copyright {float:left; width:50%;} /* Styling -------------------------------------------------------------------------------------------------------------------------*/ body {background-color:#000000; } body, td, p, td p, th, th p, input, td input, select, td select, textarea, td textarea {font-family:Verdana,Arial,sans-serif; color:#ffffed; font-size:11px;} p, h1, h2, h3, h4, h5, h6, div.float_aligner {margin: 0 0 10px 0;}/*inter-browser consistency*/ blockquote {margin-bottom:10px;}/*inter-browser consistency; blockquote uses margin left to indent itself*/ ul, ol {margin-bottom:10px;}/*inter-browser consistency; ul ol use margin left to indent themselves and display li images*/ h1,h2,h3,h4,h5,h6 {color:#e96e04; font-weight:lighter; letter-spacing:5px; word-spacing:1px;} h2,h3,h4,h5,h6 {} h1 {font-size:150%;} div#site_title #site_title_text_holder h1 {color:#e96e04; font-size:16px; font-weight:lighter; letter-spacing:7px; word-spacing:2px;} h2 {font-size:120%;} h3, h4, h5, h6 {font-size:115%;} ul {list-style-type:circle;} ul ul {list-style-type:disc;} ul ul ul {list-style-type:square;} img {border-top:2px solid #666666; border-right:2px solid #e96e04; border-bottom:2px solid #e96e04; border-left:2px solid #666666; padding:1px;} td.shim img, img.shim {border:none; background-image:none; padding:none;} a:link {color:#ffffed; text-decoration:none; border-bottom:1px solid #666666;} a:visited {color:#ffffed; text-decoration:none; border-bottom:1px solid #666666;} a:hover {text-decoration:none; border-bottom:1px solid #e96e04;} a:active {} .number_right_align, .number_right_align input {text-align:right;} .text_left_align {text-align:left;} .center_align {text-align:center;} /* Form, form controls and links styled as buttons----------------*/ form {margin:0; padding:0; } input, td input, select, td select, textarea, td textarea {font-size:90%; background-color:#000000;/*otherwise text not legible*/ /*color:#ffffed;*/ margin:0; padding:2px; color:#e96e04;/*firefox auto complete background is messing up otherwise*/ border-top:1px solid #444444; border-left:1px solid #444444; border-right:1px solid #222222; border-bottom:1px solid #222222; /*wont work with just border: etc*/ /*select border not affected ie*/} .input_box {} .button {border-top:1px solid #666666; border-right:1px solid #e96e04; border-bottom:1px solid #e96e04; border-left:1px solid #666666;/*margin:0; color:#e96e04; background-color:#000000; font-weight:normal; font-size:9px; /*border:1px single #e96e04; border-top:1px single #666666; border-right:1px single #e96e04; border-bottom:1px single #e96e04; border-left:1px single #666666; */} input.button {color:#e96e04;/*required*/} a.button {padding:4px 6px 4px 6px; text-decoration:none;color:#e96e04; font-weight:normal;/*need to repeat colour*/} a:link.button, a:visited.button {border-top:1px solid #666666; border-right:1px solid #e96e04; border-bottom:1px solid #e96e04; border-left:1px solid #666666; color:#e96e04;} /* User data-entry Table ----------------------------------------*/ table.entry_table {margin:0 0 10px 0; border-top:1px solid #444444; border-left:1px solid #444444; border-right:1px solid #222222; border-bottom:1px solid #222222; border-collapse:collapse;} table.entry_table th {padding:3px 5px 3px 5px; border-bottom:1px solid #222222; background-color:#111111; font-weight:normal;} table.entry_table td {/*padding:10px 5px 10px 5px; border-bottom:1px solid #222222;*/ padding:5px; vertical-align:top;} table.entry_table .label {font-weight:bold;} /* Display Table -----------------------------------------------*/ table.styled_table {margin:0 0 10px 0; border-top:1px solid #444444; border-left:1px solid #444444; border-right:1px solid #222222; border-bottom:1px solid #222222; border-collapse:collapse;} table.styled_table th {padding:3px 5px 3px 5px; border-bottom:1px solid #222222; background-color:#111111; font-weight:normal;} table.styled_table td {padding:10px 5px 10px 5px; border-bottom:1px solid #222222; vertical-align:top;} table.styled_table .label {font-weight:bold;} /*pagination widget*/ table.styled_table div.pagination table, table.styled_table div.pagination table td, table.styled_table div.pagination table th {border:none;} /* Error */ div.errormessage {font-size:115%; text-align:center; color:red; padding:8px; border-top:3px double red; border-right:3px double red; border-bottom:3px double red; border-left:3px double red; margin-bottom:10px;} /* Styling of site specific components ----------------------------------------------------------------------------------------------------*/ div#outer_container {background-image:url(../images/candles_190.jpg); background-position:-6px 0; background-repeat:no-repeat; } div.supplement {margin: 0 0 5px 5px; padding:5px; background-color:#222222; border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #444444; border-bottom:1px solid #444444;} div.supplement, div.supplement p, div.supplement td, div.supplement td p, div.supplement th, div.supplement th p {font-size:90%;} div#displaycontainer {margin-bottom:10px;} /* Link variations */ div#site_title #site_title_text_holder h1 a:link, div#site_title #site_title_text_holder h1 a:visited {color:#e96e04; border-bottom:none;} h2 a:link, h2 a:visited {color:#e96e04; border-bottom:none;} h2 a:hover {border-bottom: 1px solid #e96e04;} #subhead a:link, #subhead a:visited, #titlebar a:link, #titlebar a:visited, div#footer a:link, div#footer a:visited {color:#e96e04;} a:link.imagelink, a:visited.imagelink, a:hover.imagelink {border-bottom:none;} /* Main_Menu---------------------------------------------------*/ div#main_menu {} div#menu_rptsection {} div#collectionlinks, div#brandlinks, div.globalnav {} div.classgroup {} p#collectionheader, p#brandheader, p#globalheader {display:block; padding:4px 0 0 0; margin:2px 0 4px 0;} div#main_menu a { display:block; font-size:90%; color:#e96e04; padding:2px 4px 4px 18px; width:93%; /*width % <100% needed to hold display*/} div#main_menu a:link, div#main_menu a:visited {text-decoration:none; font-weight:normal; border-bottom:1px solid #000000;} div#main_menu a:hover {font-weight:normal; background-image:url(../images/link_flame.jpg); background-repeat:no-repeat; } div#subcollectionlinks a:link, div#subcollectionlinks a:visited {color:#302ba3;} div#main_menu div.thawte a {padding:4px 0 0 2px; margin-bottom:10px;} div#main_menu div.thawte a:hover {background-image:none;} /* Footer / site info -----------------------------------------*/ div#footer { border-top:1px solid #666666; border-top:1px solid #222222;} div#siteinfo_container {font-size:90%; color:#e96e04; } div#today {text-align:right;} #siteinfo_links {color:#ffffed;} /* Cart / checkout -------------------------------------------*/ div.checkout_section {margin:0 0 10px 0; border-top:1px solid #444444; border-left:1px solid #444444; border-right:1px solid #222222; border-bottom:1px solid #222222;} div.checkout_section table.table.entry_table, div.checkout_section table.table.styled_table {border:none;} div.checkout_section table.entry_table {margin-bottom:0px;} div.checkout_section table.entry_table td.label {width:150px;} p.checkout_section_heading {background-color:#111111; padding:5px; margin-bottom:0;} /* MultiLevelTitle -------------------------------------------*/ span#multileveltitle a:link, span#multileveltitle a:visited {text-decoration:underline;} span#multileveltitle #level0 {display:block; margin-left:0px} span#multileveltitle #level1 {display:block; margin-left:10px;} span#multileveltitle #level2 {display:block; margin-left:20px;} span#multileveltitle #level3 {display:block; margin-left:30px;} span#multileveltitle #level4 {display:block; margin-left:40px;} span#multileveltitle #level5 {display:block; margin-left:50px;} span#multileveltitle #level6 {display:block; margin-left:60px;} span#multileveltitle #level7 {display:block; margin-left:70px;} span#multileveltitle #level8 {display:block; margin-left:80px;} span#multileveltitle #level9 {display:block; margin-left:90px;} span#multileveltitle #level10 {display:block; margin-left:100px;} span#multileveltitle .mlimage {border: none; background-image:none;} /* Gallery/Picture --------------------------------------------*/ .gallery .gallerycontrol {margin-bottom:5px;} .gallery .gallerycontrol .pagination {width:100%;} .gallery .gallerycontrol .pagination table {width:100%;} .gallery .gallerycontrol .pagination table td {padding:0px;} .gallery .gallerycontrol .pagination_previous, .gallery .gallerycontrol .pagination_first {text-align:left; width:30%;} .gallery .gallerycontrol .pagination_pages {text-align:center; width:40%;} .gallery .gallerycontrol .pagination_next, .gallery .gallerycontrol .pagination_last {text-align:right; width:30%;} .gallery .gallerycontrol .pagination_pagedisplay {font-weight:normal; font-size:90%;} .gallery .shim {padding:0px; margin:0px;} .PictureWidget2 .gallery .gallerycontrol {/*padding:3px 0px 3px 0px; border-bottom: solid 1px blue; border-top: solid 1px blue;*/} .PictureWidget2 .gallery .gallerycontrol a:link, .PictureWidget2 .gallery .gallerycontrol a:visited, .PictureWidget2 .gallery .gallerycontrol a:active {/*color:blue;*/} .gallery .imgcaption_top {} .gallery .imgcaption_bottom {} div.picture_widget {margin:0 0 5px 5px; padding:5px; border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #e96e04; border-bottom:1px solid #e96e04; background-color:#222222; border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #444444; border-bottom:1px solid #444444; background-color:#111111; border-top:1px solid #444444; border-left:1px solid #444444; border-right:1px solid #222222; border-bottom:1px solid #222222;} div.picture_widget td/*, div.picture_widget td, div.picture_widget p, div.picture_widget td p */{font-size:90%;} /* Locations / Found in */ div.locations {margin:0 0 10px 5px; padding:5px; background-color:#222222; border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #444444; border-bottom:1px solid #444444; background-color:#111111; border-top:1px solid #444444; border-left:1px solid #444444; border-right:1px solid #222222; border-bottom:1px solid #222222;} div.locations, div.locations td, div.locations td p, div.locations p, div.locations ul, div.locations li {font-size:90%; text-align:center;} /* filtercontrolpanel------------------------------------------*/ /* BEFORE CHANGE 11/3/2007 1030 div.filtercontrolpanel {padding:4px 16px 5px 16px; margin-bottom:16px; width:75%; border-top:1px solid #222222; border-bottom:1px solid #222222;}*/ div.filtercontrolpanel {margin:0 0 10px 5px; padding:5px; background-color:#222222; border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #444444; border-bottom:1px solid #444444; background-color:#111111; border-top:1px solid #444444; border-left:1px solid #444444; border-right:1px solid #222222; border-bottom:1px solid #222222;} div.filtercontrolpanel, div.filtercontrolpanel p, div.filtercontrolpanel td, div.filtercontrolpanel td p, div.filtercontrolpanel th, div.filtercontrolpanel th p {font-size:90%;} /* Associated product choices */ .associated_selected {background-color:none; color:#FF0000;} .associated_hover {background-color:#333333;} .associated_additional_price {font-weight:bold;} /* Google adword tracking --------------------------------------------------------------------------------- */ div#GoogleAdwordTracking,div#GoogleAdwordTracking iframe {width:120px;} /* Site messages --------------------------------------------------------------------------------- */ #SiteMessage { border:1px solid #E96E04; width: 128px; padding:3px; margin-bottom:12px; } #SiteMessage .SiteMessageItem h2 { } #SiteMessage .SiteMessageItem h3 { } #SiteMessage .SiteMessageItem p { } #SiteMessage .SiteMessageItem { margin-bottom:5px; }