html, body { height:100%; } html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, th { font-size: 1em; font-weight: normal; font-style: normal; } ul, ol { list-style: none; } fieldset, img { border: none; } caption, th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; }  .clear { clear: both; } .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }  img { border: 0; } img.left { float: left; margin: 2px 20px 16px 0; } img.right { float: right; margin: 2px 0 16px 20px; }  body { font: 16px "Franklin Gothic Medium Cond", "Calibri", Tahoma, Geneva, sans-serif; font-weight:normal; background-color: #ffffff; color: #1D1D1D; } a { color: #336699; } a:link, a:visited, a:active { text-decoration: none; } a:hover { color:#d8833b; text-decoration: none; } strong, b { font-weight: bold; } em, i { font-style: italic; } sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; } abbr { border: 0; } p { margin-bottom: 10px; } h1 { font-weight: normal; font-size: 22px; line-height: 22px; } h2 { font-weight: normal; font-size: 20px; line-height: 20px; } h3 { font-weight: normal; font-size: 1em; line-height: 18px; } h4 { font-weight: normal; font-size: 10px; line-height: 18px; } ul { margin-bottom: 18px; list-style: none outside; } ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; } ul.square, ul.circle { margin-left: 2em; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul ul.circle, ul ul.square { margin-top: 4px; margin-bottom: 5px; } ol.sosumi { margin-left: 0; padding-left: 2em; } select { font: 14px "Franklin Gothic Medium Cond", "Calibri", Tahoma, Geneva, sans-serif; background-color:#f8f8f8; color:#a2a2a2; height:20px; line-height:20px; font-weight:normal; border:1px solid #8b8985; padding-left:5px; } select:hover, select:active, select:focus { background-color:#fff; color:#616161; height:20px; line-height:20px; font-size:14px; font-weight:normal; border:1px solid #8b8985; padding-left:5px; margin:0; } input { font: 14px "Franklin Gothic Medium Cond", "Calibri", Tahoma, Geneva, sans-serif; background-color:#f8f8f8; color:#a2a2a2; height:20px; line-height:20px; font-weight:normal; border:1px solid #8b8985; padding-left:5px; } input:hover, input:active, input:focus { background-color:#fff; color:#616161; height:20px; line-height:20px; font-size:14px; font-weight:normal; border:1px solid #8b8985; padding-left:5px; margin:0; } .checkbox { font: 14px "Franklin Gothic Medium Cond", "Calibri", Tahoma, Geneva, sans-serif; background-color:#f8f8f8; color:#a2a2a2; height:12px; font-weight:normal; border:1px solid #8b8985; padding: 1px 1px 1px 1px; } .checkbox :hover, .checkbox :active, .checkbox :focus { font: 14px "Franklin Gothic Medium Cond", "Calibri", Tahoma, Geneva, sans-serif; background-color:#f8f8f8; color:#000; height:12px; font-weight:normal; border:1px solid #8b8985; padding: 1px 1px 1px 1px; } a.dropdown { background: url(/css/../images/icon_dropdown.png) no-repeat center right; display: block; padding-right: 20px; } .a0 { margin: 0px; padding:0px; }  .footer { color: #444444; font-size: 10px; margin: 18px auto; padding: 120px 0px 36px 0px; text-align: left !important; } .footer a { color: #08c; } .footer p { margin-bottom: 1em; } .footer form { margin: 18px 10px; } .footer .search-wrapper { margin: 0 auto; } .footer .search-wrapper input.prettysearch { margin-left: 10px; } .footer ul.piped a.contact_us { padding-right: 1.5em; border-right: 1px solid #d0d0d0; } .footer ul.piped a.choose { margin-left: 0; border: 0; } .footer ul.piped a.choose img { vertical-align: middle; margin-top: -5px; position: relative; }  .width100 { width: 100%; } .width90 { width: 90%; min-width:1024px; max-width:1200px; } .width50 { width: 50%; } .width20 { width: 21%; } .width10 { width: 10%; } .width80 { width: 79%; } .width_left_panel { min-width:200px; max-width:250px; } .height100 { height: 100%; } .height50 { height: 50%; }  .top_bg { background: url(/css/../images/top_bg.gif) repeat-x scroll top left; } .top_main_bg { background: url(/css/../images/top_main_bg.gif) repeat-x scroll top left; } .footer_bg { background: url(/css/../images/footer_bg.jpg) no-repeat scroll bottom center; }  .tab15 { padding: 15px; } .tabl15 { padding: 0px 0px 0px 15px; } .tabr15 { padding: 0px 15px 0px 0px; } .tabb15 { padding: 0px 0px 15px 0px; } .tabrl15 { padding: 0px 15px 0px 15px; } .tabt15 { padding: 15px 0px 0px 0px; } .tabtb15 { padding: 15px 0px 15px 0px; } .tab3 { padding: 3px; } .tabtbl3 { padding: 3px 0px 3px 3px; } .tabtrb3 { padding: 3px 3px 3px 0px; } .tabrll3 { padding: 0px 3px 0px 3px; } .tab5 { padding: 5px; } .tabb5 { padding: 0px 0px 5px 0px; } .tabr5 { padding: 0px 5px 0px 0px; } .tabl5 { padding: 0px 0px 0px 5px; } .tabrb5 { padding: 0px 5px 5px 0px; } .tab10 { padding: 10px 10px 10px 15px; } div.left { float: left; margin: 0px 10px 10px 0; }  .t12 { font-size: 12px; line-height: 12px; } .t14 { font-size: 14px; line-height: 14px; } .t16 { font-size: 16px; line-height: 16px; } .t18 { font-size: 18px; } .t20 { font-size: 20px; line-height: 20px; } .t24 { font-size: 24px; } .upper { text-transform:uppercase; } .t0 { font-size: 0px; line-height: 0px; }  .cfff { color: #fff; } .c000 { color: #000; } .cffcc66 { color: #ffcc66; } .cf0ebd3 { color: #f0ebd3; } .ce10136 { color: #e10136; } .c84000e { color: #84000e; } .c9d9d9d { color: #9d9d9d; } .ce3e3e3 { color: #e3e3e3; } .ca42323 { color: #a42323; }  .line_bottom { border-bottom: 1px solid #dcdcdc; } .line_right { border-right: 1px solid #dcdcdc; } .line_left { border-left: 1px solid #dcdcdc; } .line_top { border-top: 1px solid #dcdcdc; }  .click2me { cursor: pointer; cursor: hand; } .curr_eur { color: #336699; } .curr_usd { color: #336633; } .curr_pou { color: #cc3333; }  .clear { overflow: hidden; width: 100%; } a.button_main { color: #ffffff; display: block; float: left; height: 33px; margin-right: 6px; padding-right: 15px; text-decoration: none; } a.button_main span { line-height: 16px; padding: 8px 0 9px 15px; } a.button_main:active { color: #ffffff; outline: none; } a.button_main:active span { padding: 9px 0 8px 15px; } a.button_main_black { background: transparent url(/css/../images/bg_button_main_black_a.png) no-repeat scroll top right; } a.button_main_black span { background: transparent url(/css/../images/bg_button_main_black_span.png) no-repeat; display: block; } a.button_main_black:active { background-position: bottom right; } a.button_main_black:active span { background-position: bottom left; } a.button_main_green { background: transparent url(/css/../images/bg_button_main_green_a.png) no-repeat scroll top right; } a.button_main_green span { background: transparent url(/css/../images/bg_button_main_green_span.png) no-repeat; display: block; } a.button_main_green:active { background-position: bottom right; } a.button_main_green:active span { background-position: bottom left; } a.button_main_red { background: transparent url(/css/../images/bg_button_main_red_a.png) no-repeat scroll top right; } a.button_main_red span { background: transparent url(/css/../images/bg_button_main_red_span.png) no-repeat; display: block; } a.button_main_red:active { background-position: bottom right; } a.button_main_red:active span { background-position: bottom left; } a.button_main_blue { background: transparent url(/css/../images/bg_button_main_blue_a.png) no-repeat scroll top right; } a.button_main_blue span { background: transparent url(/css/../images/bg_button_main_blue_span.png) no-repeat; display: block; } a.button_main_blue:active { background-position: bottom right; } a.button_main_blue:active span { background-position: bottom left; } a.button_main_disable { background: transparent url(/css/../images/bg_button_main_disable_a.png) no-repeat scroll top right; } a.button_main_disable span { background: transparent url(/css/../images/bg_button_main_disable_span.png) no-repeat; display: block; } a.button_main_disable:active { background-position: bottom right; } a.button_main_disable:active span { background-position: bottom left; } a.button_action { color: #ffffff; display: block; float: left; font-size:14px; height:28px; margin-right:6px; padding-right:14px;  text-decoration:none; } a.button_action span { line-height:14px; padding:6px 0 8px 14px; } a.button_action:active { color: #ffffff; outline:none;  } a.button_action:active span { padding:7px 0 7px 14px;  } a.button_black { background: transparent url(/css/../images/bg_button_action_black_a.png) no-repeat scroll top right; } a.button_black span { background: transparent url(/css/../images/bg_button_action_black_span.png) no-repeat; display: block; } a.button_black:active { background-position: bottom right; } a.button_black:active span { background-position: bottom left; } a.button_black_arrow { background: transparent url(/css/../images/bg_button_action_black_arrow_a.png) no-repeat scroll top right; } a.button_black_arrow span { background: transparent url(/css/../images/bg_button_action_black_span.png) no-repeat; display: block; } a.button_black_arrow:active { background-position: bottom right; } a.button_black_arrow:active span { background-position: bottom left; } a.menu { padding: 9px 10px 9px 10px !important; line-height:32px !important; color:#ffffff; } a.menu:hover, a.menu:active, a.menu:focus { background-color:#b67147; color:#ffffff; } a.menu_18 { padding: 12px 10px 12px 10px !important; line-height:42px !important; color:#ffffff; } a.menu_18:hover, a.menu_18:active, a.menu_18:focus { background-color:#655e59; color:#ffffff; } a.menu_shopping { padding: 12px 10px 12px 10px !important; line-height:42px !important; color:#ffffff; } a.menu_shopping:hover, a.menu_shopping:active, a.menu_shopping:focus { background-color:#49aa62; color:#ffffff; } a.menu_dark { padding: 2px !important; line-height:18px !important; color:#000000; } a.menu_dark:hover, a.menu_dark:active, a.menu_dark:focus { background-color:#000000; color:#ffffff; } a.menu_main { padding: 2px 5px 2px 5px !important; line-height:30px !important; color:#36291d; } a.menu_main:hover, a.menu_main:active, a.menu_main:focus { background-color:#36291d; color:#ffffff; } a.menu_selected { background-color:#36291d !important; color:#ffffff !important; } a.menu_sub_selected { background-color:#666666 !important; color:#ffffff !important; } a.menu_sub_main { padding: 2px 5px 2px 5px !important; line-height:18px !important; color:#666666; } a.menu_sub_main:hover, a.menu_sub_main:active, a.menu_sub_main:focus { background-color:#666666; color:#ffffff; } a.link_green { padding: 2px 5px 2px 5px !important; line-height:18px !important; background-color:#3a8b4f; color:#ffffff; } a.link_green:hover, a.link_green:active, a.link_green:focus { background-color:#49aa62; color:#ffffff; } input.link_green { padding: 2px 5px 2px 5px !important; line-height:18px !important; background-color:#3a8b4f; color:#ffffff; height:26px; } input.link_green:hover, input.link_green:active, input.link_green:focus { background-color:#49aa62; color:#ffffff; } a.link_blue { padding: 2px 5px 2px 5px !important; line-height:18px !important; background-color:#336699; color:#ffffff; } a.link_blue:hover, a.link_blue:active, a.link_blue:focus { background-color:#407ebc; color:#ffffff; } input.link_blue { padding: 2px 5px 2px 5px !important; line-height:18px !important; background-color:#336699; color:#ffffff; height:26px; } input.link_blue:hover, input.link_blue:active, input.link_blue:focus { background-color:#407ebc; color:#ffffff; } .gallery_picture { background-color:#fff; float:left; padding:1px; margin: 0px 15px 15px 0px; border-color:#ffffff; border:1px solid #ccc; } .g-i-wrap { margin:0 auto; display:block; float:left; } .gallery_video { display:block; position:relative; border:1px solid #ccc; height: 110px; width: 150px; margin:8px; } .gallery_video:hover { border-color:#fff; } .video-play { display:block; position:absolute; z-index:100; top:0; left:0; right:0; bottom:0; background: url(/images/play.png) no-repeat center; }  #video-list-page .item { min-height: 160px; overflow: hidden; padding-bottom: 10px; } #video-list-page * { margin: 0; padding: 0; position: relative; } .div_left, ._left, .float_left { display: block; float: left; } #video-list-page .item-data { margin-left: 240px; } #video-list-page .time-moovie { background: none repeat scroll 0 0 #000000; bottom: 0; color: #FFFFFF; left: 0; padding: 0 5px; position: absolute; right: 0; text-align: right; } #video-list-page img { border: medium none !important; display: block; height: 150px; margin: 0 auto; width: 220px; } #video-list-page .item-img-link { display: block; margin: 0; padding: 0; position: relative; width: 220px; } #video-page .item-obj, #video-page .item-obj object { height: 390px; margin: 0 auto; width: 550px; }  ._left { float:left; display:block; } ._right { float:right; display:block; } ._clear { clear:both; } ._block, ._b, .all-is-block span { display:block; } ._i-b, ._inline-block {display:inline-block;} ._o-hide{overflow:hidden;} ._p-rel{position:relative;} ._p-abs{position:absolute;} ._p-fix{position:fixed;} ._p-left{left:0;} ._p_top{ top:0; } ._p-right{right:0;} ._p-bottom{bottom:0;} ._p-left-top{left:0;top:0;} ._p-right-top{right:0;top:0;} ._p-left-bottom{left:0;bottom:0;} ._p-right-bottom{right:0;bottom:0;} .pad-0{padding:0;} .pad-5{padding:5px; } .pad-10{padding:10px; } .pad-15{padding:15px; } .pad-top-0{padding-top:0;} .pad-right-0{padding-right:0;} .pad-bottom-0{padding-bottom:0;} .pad-left-0{padding-left:0;} .t-upper{text-transform:uppercase; } .t-center{ text-align:center; } .pad-0-i { padding:0 !important; } .height-100 { height:100%; } .site-width { max-width:1460px; margin:0 auto; min-width:980px; } .site-right { width:210px; } .site-left { width:230px; } .site-content { margin:0 210px 0 230px; } .img-sprite-1 {background:url(/images/sprites-site.png) no-repeat;} .img-sprite-1.img-1{background-position:left 0;} .img-sprite-1.img-2{background-position:left -32px;} .img-sprite-1.img-3{background-position:left -64px;} .img-sprite-1.img-4{background-position:left -96px;} .img-sprite-1.img-5{background-position:left -118px;} .img-sprite-1.img-6{background-position:left -140px;} .img-sprite-1.img-7{background-position:left -158px;} .img-sprite-1.img-8{background-position:left -194px;} .block{padding:5px;} #header { height:80px; background-color: #4A4541; } #header .logo { background:#000000 url(/images/bullionuk_logo.png) no-repeat center; height:100%; width:330px; } #header .top { height:32px; text-transform:uppercase; } #header .mean { margin:0 210px 0 330px; } #header .mean .top { color: #FC6; background-color: #2B2622; } #header .mean .top .leaf ._left { padding:10px 0 0 10px; } #header .bottom a { color:fff; font-size:12px; line-height:24px !important; display:block; padding: 12px 5px 12px 5px !important; } #menu-h a { color:#ffffff; } #menu-h a:hover { background-color:#655e59; color:#ffffff; } @media(max-width: 1920px) {#header .bottom a { font-size:18px; padding: 12px 10px !important; }} @media(max-width: 1250px) {#header .bottom a { font-size:16px; padding: 12px 5px !important; }} @media(max-width: 1200px) {#header .bottom a { font-size:16px; padding: 12px 5px !important; }} @media(max-width: 1150px) {#header .bottom a { font-size:14px; padding: 12px 5px !important; }} @media(max-width: 1100px) {#header .bottom a { font-size:14px; padding: 12px 5px !important; }#header .mean .top a { padding-left:2px !important; padding-right:2px !important; }} @media(max-width: 1050px) {#header .bottom a { font-size:12px; padding: 12px 5px !important; }} @media(max-width: 1000px) {#header .bottom a { font-size:12px; padding: 12px 2px !important; }} #header .mean .bottom a { float:right; } #header .mean .bottom .img-wrap span, #header .mean .bottom .img-wrap span { display:inline-block; margin:13px 0 0 10px; height:22px; width:30px; } #header .site-right { background-color:#3A8B4F; } #header .site-right .top { background-color: #F7C856; } #header .site-right .top .leaf { padding:4px; } #header .site-right .top .leaf._left { float:none; margin-right: 65px; } #header .site-right .top .leaf._right { float:right; width:55px; } #header .site-right .top .leaf._right a { display:block; text-align:center; } #header .site-right .bottom { height:48px; } #header .site-right .bottom .menu_shopping { display:block; float:left; } #left .block{padding:5px;} #left ul,#left li {display:block;list-style:none !important;} #left li.c-3 {padding-left:10px;} #content { padding:10px; } #content .prod-item { overflow:hidden; padding:15px 5px 0; } #content .prod-item .-head { display:block; height:38px; overflow:hidden; font-size:18px; line-height:18px; } #content .prod-item .-left { width:100px; } #content .prod-item .-right { margin-left:110px; } #content .prod-item .price { color:#ca4232; font-size:16px; padding:10px 0; } #content .prod-item.prod-page { overflow:visible; } #content .prod-item.prod-page .-left { width:auto; } #content .prod-item.prod-page .-right { float:left; margin-left:10px; } #content .prod-item.prod-page .-right-right { margin-left:275px; } #content .prod-item.prod-page .-right-right .-in { padding:0 10px; overflow:hidden; } #content .g-bl-wrap { float:left; overflow:hidden; } #content .ce-gallery-list .g-bl-wrap {float:none;} #content .home-page h1.specials { background: #9b1818; } #content .home-page .specials-list { background:#f7cfa4; overflow:hidden; padding:0 5px 5px; } #content .home-page h2.featured { } #content .home-page .featured-list { overflow:hidden; padding:15px; } #warning_box {background:#fa5501; font-size:14px; padding:15px;} #warning_box a {display:block;width:16px;height:16px;} #right .r-aside-box { padding:15px 0; } #right .-in {padding:0 15px;} #right p{margin:0;} #right .block {padding:0 !important;} #right .block p {margin-top:5px;} #right #follow-links {font-size:0; line-height:0;} #right #follow-links a {display:inline-block; width:32px; height:32px; padding:0; margin:0 13px 13px 0;} #footer { overflow:hidden; position:relative; } #footer ._left { padding:15px !important; color: #444; font-size: 10px; text-align: left !important; } #footer .mean { position:absolute; left:375px; right:20%; bottom:35px; text-align:center; } #footer .mean img { max-width:100%; } #footer ._right { } #footer ._right a, #footer ._right a img { padding:0 !important; margin: 0 !important; display:block; } #footer .belsource {display:block;position:absolute; right:0; bottom:0; height:37px; width:108px;} .comp-banner img { max-width:100%; }  @media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } } table.cart_products_table td { border-bottom:1px solid #555 } input.checkbox { background-color:none; width:auto; height:auto; border:0px; padding:0px; } .rank_item { color:red; } #trailimageid { position: fixed; visibility: hidden; left: 0px; top: 0px; height: 1px; z-index: 5000; } #trailimageid * { border:none !important; } #typecasttest label { display: block; width: 8em; float: left; clear: right; text-align:right; padding:0px 5px 0px 0px; } fieldset { border: solid 0px #fff; } fieldset fieldset { border: none; } fieldset fieldset legend { margin: 0; padding: 0; } #config { padding: 1em; float: left; width: 50%; margin-bottom: 1em; } #typecasttest { padding: 1em; float: right; margin-bottom: 1em; } @media screen {#popup_container { font-family: Arial, sans-serif; font-size: 12px; min-width: 300px;  max-width: 600px;  background: #FFF; border: solid 5px #999; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #popup_title { font-size: 14px; font-weight: bold; text-align: center; line-height: 1.75em; color: #666; background: #CCC url(/libs/alerts/css/./../images/title.gif) top repeat-x; border: solid 1px #FFF; border-bottom: solid 1px #999; cursor: default; padding: 0em; margin: 0em; } #popup_content { background: 16px 16px no-repeat url(/libs/alerts/css/./../images/info.gif); padding: 1em 1.75em; margin: 0em; } #popup_content.alert { background-image: url(/libs/alerts/css/./../images/info.gif); } #popup_content.confirm { background-image: url(/libs/alerts/css/./../images/important.gif); } #popup_content.prompt { background-image: url(/libs/alerts/css/./../images/help.gif); } #popup_message { padding-left: 48px; } #popup_panel { text-align: center; margin: 1em 0em 0em 1em; } #popup_prompt { margin: .5em 0em; } }