html {
}
body {
margin:0;
padding: 0px 0px;
background-color: #E4D5A0;
background-image: url(../pics/body_bg_dune.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#splash{
margin: 0 0 0 0px;
padding:0;
height:400px;
position:relative;
z-index:1;
}
#page p#slideshow{
position:absolute;
left:140px;
top:0px;
padding:0;
margin:0;
}
div#slideshow{
position:absolute;
left:140px;
top:0px;
padding:0;
margin:0;
}
#nav_bottom {
position:absolute;
left:40px;
top:200px;
}
#splash p#read a{
color:#FFCF3E;
text-decoration:none;
}
#splash p#read a:hover{
color:#fff;
text-decoration:none;
}
#page {
margin: 10% auto 10% auto;
width: 900px;
position:relative;
padding: 0px;
}
#language {
position:absolute;
top:-24px;
right:0px;
width: 150px;
}
#language ul li {
text-align:center;
font-size:11px;
letter-spacing:0px;
float: left;
display:block;
padding: 0px 0px 0px 0px;
}
#page #language ul a{
text-decoration:none;
color: #D8C781 ;
padding:5px 10px 5px 10px;
background: url(../pics/content_product_bg.png) repeat left top;
display:block
}
#language ul li.language_current{
padding:5px 10px 5px 10px;
}
#language ul li.language_current{
background: url(../pics/right_about_bg.png) repeat left top
}
#container {
margin:0px;
padding: 0px;
background: url(../pics/left_bg.png) repeat-y left top;
height:260px;
}
#container2 {
margin:0px;
padding: 0px;
background: url(../pics/left_bg_2.png) repeat-y left top;
height:220px;
}
#header {
z-index:0;
margin:0;
padding: 0;
height:140px;
}
#logo {
float:left;
}
#logo img {
border:none;
}
#pageheader {
padding:70px 0 10px 160px
}
#content{
position:absolute;
left:140px;
top:0;
margin: 0;
padding:0px 30px 0px 30px;
height:400px;
width:700px;
}
#content_home{
position:absolute;
left:640px;
top:0;
padding:0px 20px;
height:400px;
width:220px;
}
html>body #content_home{
background: url(../pics/right_home_bg.png) repeat-x left top;
}
#content_about{
position:absolute;
left:500px;
top:0;
background: url(../pics/right_about_bg.png) repeat left top;
padding:25px 25px 25px 25px;
height:350px;
width:210px;
}
#content_gallery{
position:absolute;
left:500px;
top:0;
background: url(../pics/content_side_bg.png) repeat-x left top;
padding:65px 25px 0px 25px;
height:400px;
width:210px;
}
#model_desc{
position:absolute;
left:500px;
top:0;
padding:50px 30px;
height:80px;
width:200px;
}
#product_photo{
position:absolute;
left:0px;
top:140px;
padding:0;
width:500px;
height:260px;
overflow:hidden
}
#product_photo img {
border:none;
}
div.slide {
margin:0;
padding:0;
float:left;
}
#content_body{
position:absolute;
left:0px;
top:140px;
padding:25px 30px;
}
#product_features, #gallery_list{
position:absolute;
left:500px;
top:140px;
padding:20px 25px;
height:80px;
width:200px;
}
#content h1 {
padding:25px 0 10px 0;
}
p, ul, ol, td{
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0px 0 10px 0;
line-height:normal;
font-size:13px;
color: #D8C781;
}
p.date, span.note{
color: #AC9A6A;
margin-bottom:5px;
}
blockquote {
margin:0;
padding:5px 10px 0px 10px;
background:url(../pics/quote_start.png) no-repeat left top
}
blockquote p{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:12px;
}
#model_desc p{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:11px
}
div.quote {
background:url(../pics/quote_end.png) no-repeat right bottom;
}
#content p {
line-height:normal;
}
#content_home p{
padding:0;
margin:0;
}
h1, h2, h3{
font-family: "Georgia", Times, Serif;
font-weight:normal;
margin:0;
padding:0;
font-variant:small-caps;
}
h1 {
color:#CFC5A1;
}
#content h1 {
margin-top:65px;
margin-bottom:0;
padding:0;
}
#content h1.pagetitle {
height:32px;
line-height:16px;
}
#content h1 span.product_color, #content h1 span.country{
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color:#BFB182;
margin:0;
line-height:16px;
}
#content h1 span.product_name{
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color:#BFB182;
font-variant:small-caps;
}
#content h1 span.product_name_add{
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#BFB182;
font-variant:normal;
font-style:italic;
}
h3{
color: #E5DAAC;
}
#content ul {
padding:0 0 5px 5px;
margin:0;
}
#content #product_features p{
color:#BFB182;
font-family: Arial, Helvetica, sans-serif;
line-height:normal;
}
dl {
margin:0;
padding:0;
}
dt {
margin:0px 0 0px 0;
padding:0 0 0 15px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color: #FFCF3E;
background: url(../pics/dot_orange.gif) no-repeat 5px 0.5em
}
table.storeslist td {
vertical-align:top;
padding-bottom:10px;
width:250px;
}
td span.store_name {
margin:0;
padding:0 0 0 15px;
color: #FFCF3E;
background: url(../pics/dot_orange.gif) no-repeat 5px 0.5em
}
td span.store_address, td span.store_phone, td span.store_url, td span.location {
margin:0;
padding:0 0 0 15px;
display:block;
font-size:12px;
}
dd {
margin:0;
padding:0 0 5px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #E5DAAC;
}
#content #product_features ul li {
padding:0 0 0 10px;
margin:0;
font-size:12px;
color:#BFB182;
list-style-type:none;
font-family: Arial, Helvetica, sans-serif;
background:url(../pics/dot2.gif) no-repeat left 0.6em;
line-height:1.15em;
}
#content p.download{
padding-left: 20px;
background:url(../pics/download.png) no-repeat left center;
}
#content_home img {
}
#home_launch_1, #home_launch_2, #home_news {
padding-top:10px;
min-height:130px
}
#home_launch_1 h1, #home_launch_1 h1 a {
color: #FFC71C;
}
#home_launch_2 h2, #home_launch_2 h2 a, #content h2 a {
color: #FFCF3E;
min-height:10px;
}
#home_launch_1 h1 a, #home_launch_2 h2 a, #content h2 a {
display:block
}
#home_launch_1 h1, #home_launch_2 h2{
font-size:20px;
margin:0;
padding:20px 0 0px 0;
}
#content h2{
font-size:20px;
min-height:10px;
margin:0;
padding:5px 0 3px 0;
color: #E5DAAC;
}
#home_news h2{
font-size:20px;
min-height:10px;
margin:0;
padding:0px 0 5px 0;
color: #E5DAAC;
}
#content_home h3{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#content_home a, #content a{
text-decoration:none;
color: #FFCF3E;
}
#content_home p a, #content p a{
background: url(../pics/border_down_white.gif) repeat-x left bottom;
}
#content_home p a, #content p a{
padding-bottom:1px;
background: url(../pics/border_down_orange.gif) repeat-x left bottom;
}
#content_home p a:hover, #content p a:hover{
padding-bottom:1px;
background: url(../pics/border_down_white.gif) repeat-x left bottom;
}
#content_home a:hover, #content a:hover{
color: #F4F0D7;
}
#loadingmessage {
position:absolute;
left:235px;
top:120px;
padding:0;
}
#loadingmessage p{
text-align:center;
}
#browseproducts {
position:absolute;
left:0px;
top:360px;
padding:0;
}
h2#frames {
background: url(../pics/title_h2_frames.png) no-repeat left center;
margin-bottom:2px;
}
h2#lenses{
background: url(../pics/title_h2_lenses.png) no-repeat left center;
margin-bottom:2px;
}
#browseproducts table{
width:500px
}
#browseproducts table td a{
color:#663300;
font-size:16px;
}
#browseproducts table td#back{
padding-left:15px;
text-align:left;
}
#browseproducts table td#forward{
padding-right:15px;
text-align:right;
}
#content_home a:hover, #content a:hover{
color:#fff;
text-decoration:none;
}
#countries {
}
#product_photo_commands{
position:absolute;
right:20px;
top:22px;
padding:0;
z-index:1
}
#product_photo_commands p{
font-family: Arial, Helvetica, sans-serif;
text-align:right;
font-size:11px;
}
#product_photo_commands a{
color:#9D803E
}
#product_photo_commands a:hover{
color: #400000;
}
#content #product_photo p a.imagelink{
background-image:none
}
#product_photo_commands p a.enlarge{
background:url(../pics/enlarge.gif) no-repeat left center;
padding:5px 0 5px 18px
}
#product_photo_commands p a.rotate{
background:url(../pics/rotate.gif) no-repeat left center;
padding:5px 0 5px 18px
}
#submenu{
position:absolute;
left:500px;
top:20px;
padding:0px 25px 20px 25px;
height:100px;
width:250px;
}
#submenu ul, ul.modellist {
padding:0px 0 0 5px;
margin:0;
}
#news_fulltext{
width:210px;
height:280px;
position:relative;
padding-right:20px;
overflow:auto
}
#special_stores_list p:first-line {
font-weight: bold;
}
#submenu ul li, ul.modellist li{
padding:0 0 0 15px;
margin:0;
font-size:14px;
color:#BFB182;
list-style-type:none;
font-family: Arial, Helvetica, sans-serif;
line-height:1em;
letter-spacing:1px;
background:url(../pics/dot.gif) no-repeat left 0.5em;
padding-left:15px;
font-variant:small-caps;
}
#submenu ul li.column1 { margin-left: 0em; }
#submenu ul li.column2 { margin-left: 10em; }
#submenu ul li.column3 { margin-left: 20em; }
#submenu ul li.reset
{
margin-top: -225px;
}
#submenu ul li.reset2
{
margin-top: -275px;
}
#submenu #news_fulltext ul li {
font-variant:normal;
font-size:13px;
letter-spacing:0px;
}
#submenu ul li a, ul.modellist li a {
color:#FFCF3E;
}
#submenu ul li a:hover, ul.modellist a :hover{
color: #F4F0D7;
}
#submenu ul li#thismodel{
background:url(../pics/dot2.gif) no-repeat left 0.6em;
}
div.news {
margin-top:0px;
margin-bottom:15px;
}
#leftmenu{
margin: 0;
padding:20px 0;
position:absolute;
left:0;
top:140px;
width:140px;
}
#leftmenu ul{
margin: 0;
padding:0px 15px 0 0;
list-style-type:none;
}
#leftmenu ul li{
font-family: Arial, Helvetica, sans-serif;
font-size:17px;
padding-right:0px;
padding-bottom:0px;
padding-top:0px;
margin-top:3px;
margin-bottom:3px;
text-align:right;
display:block
}
#leftmenu ul li.youarehere, #leftmenu ul li.current a{
text-decoration:none;
color:#FFFFFF;
}
#leftmenu ul li.active{
background-position:right 0px;
}
#leftmenu ul li:hover{
}
#leftmenu ul li.youarehere, #leftmenu ul li.current{
}
#leftmenu ul li a{
text-decoration:none;
color: #FFCF3E;
display:block;
}
#leftmenu ul li.current a{
text-decoration:none;
}
#leftmenu ul li a:hover{
text-decoration:none;
color: #FFF5D9}
#footer {
margin:0;
padding:0px 20px 0px 10px;
background: url(../pics/footer_bg.png) repeat left top;
}
#footer_title{
width:115px;
float:left;
padding-top:15px;
padding-right:15px;
text-align:right;
padding-bottom:0;
margin:0;
}
#lgrsocial{
width:110px;
float:left;
height:30px;
padding-top:20px;
padding-left:20px;
}
#lgrsocial_networks{
padding-left:130px;
padding-top:20px;
padding-bottom:10px;
width:760px;
padding-right:0px;
margin:0;
height:30px;
}
#footer h2#alsofindus{
font-size:12px;
min-height:10px;
margin:0;
color:#BFB182;
font-family:Arial, Helvetica, sans-serif
}
#footer h2#alsofindus span{
display:none;
}
#footer h2#othermodels{
font-size:13px;
min-height:10px;
margin:0;
font-family:"calibri",Arial, Helvetica, sans-serif;
letter-spacing:0;
color:#CFC5A1;
text-align:right;
padding:0;
}
#footer p{
margin:0 0 10px 0;
padding:0;
}
#footer #thumbshow {
width:490px;
overflow:hidden;
background: url(../pics/thumbs_bg.png) left top repeat;
margin:0;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}
#footer table#thumbs {
margin:0 ;
padding:0 ;
border:none;
}
#footer table#thumbs td img {
margin:0;
padding:0;
border:none;
}
#footer table#thumbs td {
margin:0;
padding:0;
border:none;
}
#footer table#thumbs img {
}
#footer table#thumbs img.thisimage {
}
#lgrsocial_networks ul {
padding:0px 0;
text-align:right;
}
#lgrsocial_networks ul,#lgrsocial_networks ul li {
list-style: none;
margin: 0;
}
#lgrsocial_networks ul li {
float: left;
display:block;
margin:0;
padding:0;
text-align:left;
}
#lgrsocial_networks li a {
display:block;
height:24px;
margin:0;
padding:0;
width:253px;
color:#BFB182;
text-decoration:none;
font-weight:normal;
}
#lgrsocial_networks li a:hover {
color:#fff;
}
#lgrsocial_networks li a span{
display:block;
width:24px;
height:24px;
background-repeat:no-repeat;
background-image:url(../pics/social_icons.png);
float:left;
margin-right:10px;
}
#lgrsocial_networks li#facebook a span{
}
#lgrsocial_networks li#facebook a:hover span{
}
#lgrsocial_networks li#facebook a {
color: #C60 !important;
}
#lgrsocial_networks li#twitter a span{
background-position:-24px 0px;
}
#lgrsocial_networks li#twitter a:hover span{
background-position:-24px -24px;
}
#lgrsocial_networks li#youtube a span{
background-position:-48px 0px;
}
#lgrsocial_networks li#youtube a:hover span{
background-position:-48px -24px;
}
#lgrsocial_networks li#iqons a{
background-position:-72px 0px;
}
#lgrsocial_networks li#iqons a:hover{
background-position:-72px -24px;
}
#social_widgets {
position:absolute;
top:420px;
left:790px;
z-index:100;
text-align:right
}
#social_widgets a {
text-align:right;
}
#footer table#social {
margin:0;
}
#footer table#social td {
background-position:left top;
background-repeat:no-repeat;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding-right:50px;
width:180px;
}
#footer table#social td a{
color:#BFB182;
text-decoration:none;
font-weight:normal;
display:block;
padding-left:30px;
}
#footer table#social td a span.socialnetwork_name {
font-weight:bold
}
#footer table#social td a:hover{
color:#fff;
}
#footer table#social td#facebook {
background-image:url(../pics/facebook_b&w.png)
}
#footer table#social td#facebook:hover {
background-image:url(../pics/facebook.png)
}
#footer table#social td#twitter {
background-image:url(../pics/twitter_b&w.png)
}
#footer table#social td#twitter:hover {
background-image:url(../pics/twitter.png)
}
#footer table#social td#youtube {
background-image:url(../pics/youtube_b&w.png)
}
#footer table#social td#youtube:hover {
background-image:url(../pics/youtube.png)
}
#footer table#social td#iqons {
background-image:url(../pics/iqons_b&w.png)
}
#footer table#social td#iqons:hover {
background-image:url(../pics/iqons.png)
}
/**
* While we're having the loading class set.
* Removig it, will remove the loading message
*/
div.loading {
background: url(../pics/images/ajax-loader.gif) no-repeat center center;
}
a.thumb img{
border:5px solid #FFF
}
#tooltip_image{
position:absolute;
border:1px solid #ccc;
background:#655021;
padding:5px 5px 5px 5px;
display:none;
text-align:center;
font-variant:small-caps
}
p#tooltip_image_img{
margin:0;
padding:0;
}
p#tooltip_image_name{
position:absolute;
bottom:0px;
color:#655021;
text-align:center;
padding:0 auto;
right:15px;
}
a#area_9 {display: block; background-color: #FFEEEE; visibility:visible}
#company_info {
margin-top:50px;
}
#page #company_info p {
font-size:8px;
color: #960;
}
.clear {
clear:both
}
.after_multi_column
{
clear:both;
margin-top:230px
}
.news_thumb img {
border:5px solid #CBBF9C;
}
.news_thumb img:hover {
border:5px solid #FFC71C;
}