/*
CSS RESET
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, figure, footer, header,
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration: none;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}
input, select { vertical-align:middle; }.GCol, .GBox-1, .GBox-2, .GBox-3, .GBox-4, .GBox-5, .GBox-6, .GBox-7, .GBox-8, .GBox-9, .GBox-10, .GBox-11, .GBox-12 { float: left; margin-right: 10px;} .GLast { margin-right: 0; }.GBox-1 { width: 50px; }.GBox-2 { width: 110px; }.GBox-3 { width: 170px; }.GBox-4 { width: 230px; }.GBox-5 { width: 290px; }.GBox-6 { width: 350px; }.GBox-7 { width: 410px; }.GBox-8 { width: 470px; }.GBox-9 { width: 530px; }.GBox-10 { width: 590px; }.GBox-11 { width: 650px; }.GBox-12{margin-right: 0; width: 720px; }.GBorder { border-right: 1px solid #DDDDDD; margin-right: 5px; padding-right: 4px;}.GColBorder {border-right: 1px solid #DDDDDD; margin-right: 25px; padding-right: 24px;}/*
* minimal base styles
*/
/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
body, select, input, textarea { color:#444; }
/* Headers (h1,h2,etc) have no default font-size or margin,
you'll want to define those yourself. */
/* www.aestheticallyloyal.com/public/optimize-legibility/ */
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:active { outline: none; }
a:focus { outline: thin dotted; }
a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }
ul, ol { margin-bottom: 1.5em;}
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {
padding: 15px;
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
/* align checkboxes, radios, text inputs with their label
by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.IE6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* These selection declarations have to be separate.
No text-shadow: twitter.com/miketaylr/status/12228805301
Also: hot pink. */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }
/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }
/* make buttons play nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button { width: auto; overflow: visible; }
/* bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.IE7 img { -ms-interpolation-mode: bicubic; }
/*
* Non-semantic helper classes
*/
/* for image replacement */
.IR { display:block; text-indent:-999px; overflow:hidden; background-repeat: none; }
/* Hide for both screenreaders and browsers
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.Hidden { display:none; visibility:hidden; }
/* Hide only visually, but have it available for screenreaders
www.webaim.org/techniques/css/invisiblecontent/
Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.VisuallyHidden { position:absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.Invisible { visibility: hidden; }
/* >> The Magnificent CLEARFIX << */
.ClrFx:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ClrFx { display: inline-block; }
* html .ClrFx { height: 1%; } /* Hides from IE-mac \*/
.ClrFx { display: block; }
/* horizontal line */
hr.Line {background:#ddd; color: #ddd; clear:both; float: none; width: 100%; height: 1px; margin: 0 0 1.45em; border: none;}
hr.LinePlus {background:#ddd; color: #ddd; clear:both; float: none; width: 100%; height: 1px; margin: 0 0 1.45em; margin-top: 1.45em; border: none;}
/* common float elements */
.FLeft {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
.FRight {float:right;margin:1.5em 0 1.5em 1.5em;}
/* typography.css */
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:20px;line-height:1;margin-bottom:0.5em;}
h2 {font-size:16px;margin-bottom:0.75em;}
h3 {font-size:14px;line-height:1;margin-bottom:1em;}
h4 {font-size:12px;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
nav ul {margin:0; padding:0;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}/******************************************************************************
** June Styles (Joomla Template)
**
** @author: Jan Klocksien
** @version: 1.0
*****************************************************************************/
/*
* global styles
*/
html {
font-size: 100.01%;
/* background: url(../img/bg01.jpg) center top #343434; */
}
body {
color:rgb(112, 112, 112);
font-family: "myriad-pro-1","myriad-pro-2","Myriad Pro","Helvetica Neue",Arial,Helvetica,sans-serif;
font-size: 75%;
/* background: url(../img/bg01.jpg) center top #343434; */
background: #fff;/*#f0fcff*/;
/* background: url(../img/html_bg1.png) center -100px repeat-x #343434;*/
}
a, a:hover, a:visited {
color: rgb(112, 112, 112);
}
.Container {
margin: 0 auto;
width: 920px;
}
.Box1 {
/*background-image: url(../img/bg02.jpg); */
/*background-color: red;*/
border-radius: 8px;
}
.Grid {
background-image: url('../img/gridbg.php?width=720&count=12&rmargin=10');
}
.PusherContainer {
position: relative;
}
.TopPuller-4 {
position: absolute;
top: -22px; /* 18px margin + 4px */
}
.TopPuller-8 {
position: absolute;
top: -26px; /* 18px margin + 8px */
}
.TopPuller-16 {
position: absolute;
top: -34px; /* 18px margin + 16px */
}
.LeftPusher-4 {
position: absolute;
left: 22px; /* 18px margin + 4px */
}
.LeftPusher-8 {
position: absolute;
left: 26px; /* 18px margin + 8px */
}
.LeftPusher-16 {
position: absolute;
left: 34px; /* 18px margin + 16px */
}
.LeftPusher-24 {
position: absolute;
left: 42px; /* 18px margin + 24px */
}
.LeftPusher-32 {
position: absolute;
left: 50px; /* 18px margin + 32px */
}
.MoreWeight {
font-weight: bolder;
}
h1.HL {
font-size: 34px;
/*text-shadow: 10px 10px 2px #434843;*/
}
h4.SHL {
font-size: 16px;
font-weight: bold;
text-shadow: 1px 1px 0 #000000;
}
hr.Line, hr.LinePlus {
/*background:#696d77; color: #696d77; */
}
input, textarea {
background-color: #cecdcd;
border: none;
}
.LDR {
display: block;
width: 100%;
height: 100%;
background: url(../img/ldr2.gif) center center no-repeat transparent;
}
.LDR_IMG1 {
position: absolute;
display: none;
left: 0;
width: 0;
background: url(../img/ldr2.gif) center center no-repeat transparent;
z-index: 99;
}
.LDR3 {
display: block;
width: 100%;
height: 100%;
background: url(../img/ldr3.gif) center center no-repeat transparent;
}
/*
* the header
*/
header {
}
header .Logo {
margin-top: 39px;
margin-bottom: 39px;
float: left;
}
header .Logo h1 a, header .Logo span#toplogospan a {
display: block;
height: 53px;
width: 261px;
background: url(../img/logo_de.png) left top transparent;
}
nav#bc {
float: left;
}
nav#topmenu {
margin-top: 2px;
float: right;
}
nav#topmenu ul, nav#topmenu ol, nav#topmenu li { margin: 0; display: inline;}
nav#topmenu ul li {
margin-right: 12px;
}
/*nav#topmenu .menu, */nav#topmenu .seperator {
margin-right: 8px;
}
nav#topmenu .jflanguageselection li {
margin-right: 6px;
}
nav#topmenu .jflanguageselection .last {
margin-right: 0;
}
/*
* the sidebar
*/
nav#sidemenu {
float: left;
width: 200px;
font-size: 110%;
}
nav#sidemenu ul, nav#sidemenu ol { margin: 0;}
nav#sidemenu a {
text-transform: uppercase;
font-weight: normal;
/*color: #535457; */ color: rgb(112, 112, 112);
text-decoration: none;
/*text-shadow: 1px 1px 0 #000000;*/
}
nav#sidemenu a:hover {
color: #cdcdcd;
}
nav#sidemenu ul, nav#sidemenu li {
list-style-type: none;
}
nav#sidemenu li {
margin-bottom: 14px;
}
nav#sidemenu li ul {
margin-top: 12px;
}
nav#sidemenu ul li ul li a {
margin-left: 20px;
}
/*
* breadcrumb
*/
nav#bc {
color: rgb(112, 112, 112);
}
/*
* content layout
*/
.CntBox {
position: relative;
float: left;
width: 720px;
padding: 0 0 0 0;
}
.CntBox_NoPadding {
position: relative;
float: left;
width: 720px;
/*padding: 8px 18px 18px 18px; */
}
.CntBox_NoTopPadding {
position: relative;
float: left;
width: 720;
padding: 0;
}
article {
margin-top: 12px;
color: rgb(112, 112, 112);
font-size: 105%;
}
article a {
text-decoration: underline;
}
ul.WhereToBuyList a {
text-decoration: none;
}
/*
* product list
*/
.ProductList h1 {
font-size: 20px;
}
.ProductList h2 {
font-size: 12px;
}
.ProductList .GBox-2 {
width: 98px;
}
.ProductList span.DynIMG {
display: block;
width: 96px;
height: 96px;
/* border: solid 1px #d4d4d4; */
}
.ProductList .MoreInfoLink a {
font-weight: bold;
}
.CatBlog h1 {
font-weight: bold;
/*text-shadow: 1px 1px 0px #000;*/
}
.CatBlog h2 {
font-size: 13px;
}
/*
* sitemap
*/
.sm .componentheading h1 {
font-weight: bold;
/*text-shadow: 1px 1px 0px #000; */
}
.sm .contentpaneopen {
/*width: 400px;*/
}
.sm ul { padding: 8px 25px; list-style: none; background: transparent;}
.sm ul ul { background: transparent;}
.sm ul ul ul { background: transparent; }
.sm ul ul ul ul { background: transparent; }
.sm ul a {
display: block;
padding: 4px 0;
text-decoration: none;
}
.sm ul a:hover { text-decoration: underline; }
.sm .contentpaneopen > ul:last-child {
/*padding: 0px 0 4px;*/
background: red;
}
/*
* product details page
*/
hr.Line1 {background:rgb(238, 238, 238); color: rgb(238, 238, 238); clear:both; float: none; width: 100%; height: 1px; margin: 0 0 8px; border: none;}
hr.Line2 {background:rgb(238, 238, 238); color: rgb(238, 238, 238); clear:both; float: none; width: 100%; height: 1px; margin: 6px 0 1.45em; border: none;}
.ProdDetails .ZoomArea h1 {
font-weight: bold;
/*text-shadow: 1px 1px 0px #000;*/
}
.ProdDetails .ZoomArea {
float: left;
padding-right: 8px;
width: 580px;
height: 360px;
border-right: solid 1px rgb(238, 238, 238);
position: relative;
top: 0px;
left: 0px;
margin-bottom: 8px;
}
.ProdDetails .ZoomArea h1 {
float: left;
width: 490px;
}
.ProdDetails .ZoomArea .CloseBoxArea {
margin-top: 6px;
display: none;
float: right;
width: 76px;
cursor: pointer;
text-align: right;
}
.ProdDetails .ZoomArea .CloseBoxArea span {
display: block;
padding-right: 16px;
background: url(../img/closebox.png) right center no-repeat transparent;
}
.ProdDetails .SellArea {
float: right;
padding-left: 8px;
width: 123px;
}
.ProdDetails .TopFeatureArea {
float: left;
width: 322px;
overflow: hidden;
}
.ProdDetails .TopFeatureArea span {
display: block;
}
.TopFeatureArea .ColorArea {
margin-bottom: 8px;
}
.ProdDetails .MainImageArea {
position: absolute;
left: 330px;
top: 30px;
width: 250px;
height: 250px;
z-index: 2;
overflow: hidden;
}
.ProdDetails .MainImage {
position: absolute;
top: 0px;
left: 0px;
}
.ProdDetails .ZoomBt {
position: absolute;
z-index: 104;
top: 238px;
left: 232px;
}
.ProdDetails .ZoomBt a {
display: block;
width: 18px;
height: 12px;
background: url(../img/ajzoomer.png) left top no-repeat transparent;
}
.ProdDetails .ImageList {
position: absolute;
z-index: 3;
left: 330px;
top: 289px /* 319px */;
overflow: hidden;
width: 198px;
height: 62px;
}
.ProdDetails .ImageList img {
border: 0 none;
padding: 0;
margin: 0;
}
.ProdDetails ul.ImageList, .ProdDetails ul.ImageList li {
margin: 0;
padding: 0;
list-style-type: none;
}
.ProdDetails ul.ImageList li {
float: left;
border: solid 1px rgb(238, 238, 238);
margin: 0;
padding: 0;
margin-right: 4px;
height: 60px;
}
.ProdDetails ul.ImageList li:last-child {
margin-right: 0;
}
h2.NoteArea {
padding-top:40px;
}
h2.NoteArea a {
display: block;
width: 124px;
height: 98px;
background: url(../img/notepaper.png) center center no-repeat transparent;
}
.ProdDetails nav.ProductNav ul, .ProdDetails nav.ProductNav ul li {
padding: 0;
margin: 0;
list-style-type: none;
text-align: center;
}
.ProdDetails nav.ProductNav ul li {
float: left;
}
.ProdDetails nav.ProductNav a {
/*display: block;*/
/*font-weight: bolder;*/
/*width: 100px;*/
padding-right: 12px;
padding-left: 12px;
text-decoration: none;
font-size: 98%;
}
.ProdDetails nav.ProductNav a:hover {
color: #cfcfcf;
}
.ProdDetails nav.ProductNav ul li:after {
content: "\007C";
}
.ProdDetails nav.ProductNav ul li:last-child:after {
content: "";
}
.ProdDetails h3 {
font-weight: bolder;
font-size: 120%;
/*text-shadow: 1px 1px 0px #000;*/
}
.ProdDetails .MLabel {
display: inline-block;
width: 80px;
}
.ProdDetails .MainImageArea span.ProdDynIMG {
display: block;
width: 250px;
height: 250px;
}
.ProdDetails .ImageList span.ProdDynIMG {
display: block;
width: 60px;
height: 60px;
}
.ProdDetails ul.CompatibilityList, .ProdDetails ul.CompatibilityList li {
margin: 0;
padding: 0;
list-style-type: none;
border: 0 solid;
}
.ProdDetails ul.CompatibilityList {
margin-bottom: 16px;
}
.ProdDetails ul.CompatibilityList li {
display: inline-block;
}
.ProdDetails .CompatibilityList .ipad1 {
/*display: block;*/
width: 118px;
background: url('../img/apple_ipad_g1_shape.png') center top no-repeat transparent;
padding-top: 58px;
font-size: 10px;
text-align: center;
}
.ProdDetails .CompatibilityList .ipad2, .ProdDetails .CompatibilityList .ipad3 {
/*display: block;*/
width: 118px;
background: url('../img/apple_ipad_g2_shape.png') center top no-repeat transparent;
padding-top: 58px;
font-size: 10px;
text-align: center;
}
.ProdDetails .CompatibilityList .ipad2sc {
/*display: block;*/
width: 118px;
background: url('../img/apple_ipad_g2_sc_shape.png') center top no-repeat transparent;
padding-top: 58px;
font-size: 10px;
text-align: center;
}
ul.WhereToBuyList, ul.WhereToBuyList li {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.WhereToBuyList li {
margin-bottom: 12px;
}
ul.WhereToBuyList a {
position: relative;
display: block;
height: 23px;
line-height: 23px;
background-color: rgb(230,32,32);
font-weight: bold;
color: rgb(255,255,255);
/*
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: 1px solid rgb(26,26,26);
*/
padding-left: 34px;
background: url(../img/sha.png) no-repeat rgb(119,119,119);
/*
text-shadow: 1px 1px 1px #242424;
-moz-box-shadow: 0 1px 3px #242424;
-webkit-box-shadow: 0 1px 3px #242424;
box-shadow: 0 1px 3px #242424;*/
}
ul.WhereToBuyList a:hover {
/*background: url(../img/bt1_bg.png) left -30px repeat-x;*/
background-color: rgb(173, 64, 64);
text-decoration: underline;
}
ul.WhereToBuyList a:active {
background: url(../img/bt1_bg.png) left -60px repeat-x;
}
/*
* footer
*/
footer.Container {
margin-top: 36px;
color: rgb(112, 112, 112);
font-size: 90%;
}
footer #leftfooter {
float: left;
}
footer #rightfooter {
float: right;
}
footer .amaprime {
font-family: Arial;
float: right;
font-size: 1.8em;
font-style: italic;
letter-spacing: .1em;
color: #303030;
text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
}
/*
*
*/
.FBHomeArea {
margin-top: 22px;
}
.FBHomeArea #fb-like-home {
/*background: #e4e4e4;*/
width: 184px;
background: transparent;
}
/*
* pinterest
*/
#pntrarea {
margin-top: 20px;
}
/*
* topbar
*/
#fixedtopbar {
padding: 8px;
width: 100%;
position: fixed;
z-index: 201;
height: 66px; /* + 14 */
top: -82px; /* + -14 */
/*background: #030303; #030303;*/
background:-webkit-gradient(linear, left top, left bottom, from(#636363), to(#030303));
background:-moz-linear-gradient(top, #636363, #030303);
background:-o-linear-gradient(top, #636363, #030303); /* Opera */
background:-ms-linear-gradient(top, #636363, #030303); /* IE */
background:linear-gradient(top, #636363, #030303); /* W3C Standard */
opacity: .95;
color: white;
border-bottom: solid 1px #636363;
}
#fixedtopbar .lev2 a {
display: block;
width: 60px;
height: 60px;
}
#fixedtopbar ul, #fixedtopbar ul li {
list-style-type: none;
margin: 0;
padding: 0;
}
#fixedtopbar ul {
float: left;
}
#fixedtopbar ul li .lev1title {
float: left;
font-weight: normal;
font-size: 18px;
line-height: 60px;
margin-right: 12px;
}
#fixedtopbar ul li {
float: left;
}
#fixedtopbar ul li.lev1 {
margin-right: 48px;
}
#fixedtopbar ul li.lev2 {
/*border: solid 1px #565656;*/
}
/*
* related area
*/
.XSellA {
padding: 14px;
background-image: url(../img/bg02.jpg);
/*background-color: red;*/
border-radius: 8px;
text-align: center;
}
.XSellA a {
display: block;
font-weight: bold;
}
.XSellA ul.RelatedList, .XSellA ul.RelatedList li {
list-style-type: none;
margin: 0;
padding: 0;
}
Fatal error: Uncaught Error: Call to a member function getBrowser() on null in /www/htdocs/w00ab8cb/adorejune/static/templates/june/phplib/class.YLib.php:121
Stack trace:
#0 /www/htdocs/w00ab8cb/adorejune/static/templates/june/css/ylib.css(24): YLib->isIE()
#1 {main}
thrown in /www/htdocs/w00ab8cb/adorejune/static/templates/june/phplib/class.YLib.php on line 121