/*************************************************************************
*   
*   G L O B A L  S T Y L E  S H E E T
*   F O R  S C R E E N
*
*   Copyright 2008-2012, Jannik William Frederiksen
*   www.pixelfabrikken.net
* 
*************************************************************************/

body { 
margin: 0px;
background: #1c3b29 url(../images/background.png) 0 -150px repeat-x;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
}

/*--------------------------------------------------------------------------
Style for header elements
--------------------------------------------------------------------------*/
h1, h2 {
font-size: 14px;
margin: 19px 0 15px 10px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
color: #fff;
font-size:140%;
}

/*--------------------------------------------------------------------------
Container and containerbottom
--------------------------------------------------------------------------*/

#container{
position: absolute;
left:50%;
margin:30px 0 0 -400px;
width: 800px;
padding: 0 0 60px;
background: transparent url(../images/container-bottom.png) 0 100% no-repeat;
}

#container .container-top {width:800px;height:12px;background: transparent url(../images/container-top.png) 0 0 no-repeat;}


/*--------------------------------------------------------------------------
Navigation
--------------------------------------------------------------------------*/

#nav {list-style: none; z-index:0; width: 760px; height: 61px; background: #FFF url(../images/nav-background.png) no-repeat 0 0;margin:0 20px 0 10px;padding:0;}
#nav a {display: block;text-align:center;height: 26px; font-size: 0.7em;padding:25px 12px 0 12px;text-align:center;color:#99958b;text-decoration: none;}
#nav a:hover {text-decoration:underline;color:#FFB600;}

#nav a.selected {font-weight:bold;color:#1b3a28;text-decoration: none;}


#nav ul {height:58px;}
#nav li {height:58px;float:right;}

.picture {float:left;margin:10px;}
.balloon {float:left;padding:5px;font-size:10px;line-height:1.6em;margin:10px 0 0 0;width:140px;height:163px;background: #FFF url(../images/balloon-red.png) 0 0 no-repeat;}

/*--------------------------------------------------------------------------
Content and contentbottom
--------------------------------------------------------------------------*/
#container .content {
width: 780px;
margin: 0 10px;
padding-top: 10px;
background-color: #222222;
color: #FFF;
background: #FFF url(../images/content-top.png) 0 0 no-repeat;
}

#container .content-bottom {width: 780px;height:20px;background: transparent url(../images/content-bottom.png) no-repeat 0 100%;}

/*--------------------------------------------------------------------------
Left
--------------------------------------------------------------------------*/

#left {float:left;color:#000;margin:0 10px 10px 10px;width:180px;background: transparent url(../images/left.png) no-repeat 100% 0;font-size:10px;}

#left ul#submenu {list-style:none;margin:0;padding:0;}
#left ul#submenu li {line-height:2em;}
#left ul#submenu li a {display:block;padding:0 0 0 5px;text-decoration:none;color:#000;}
#left ul#submenu li a:hover {text-decoration:underline;}

#left ul#submenu li.highlight a {font-weight:bold;color:#ff0000;text-decoration: none;}


#left ul#submenu .sortbyzip, #left ul#submenu .search {margin:10px 0 0 0;padding:0 0 0 5px;}
#left .search {margin: 5px 0 0 5px;}

#left ul#submenu .zip {font-size:10pt;}

/*--------------------------------------------------------------------------
Left small search
--------------------------------------------------------------------------*/
#left form {margin:5px 0 0 5px;}

#left .smallDealerSearch {
border: 1px solid #9db68b;
width:100px;
line-height:1.6em;
padding:0 5px;
height:24px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
}

#left #smallSearch {
border: 1px solid #9db68b;
width:55px;
font-size:8pt;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
line-height:2em;
height:26px;
background-color:#eae3d1;}

/*--------------------------------------------------------------------------
video-waterstone
--------------------------------------------------------------------------*/

.video-waterstone {width:165px;height:33px;margin:10px 10px 0 0;padding:95px 0 0 5px;background: #FFF url(../images/nva-vandsten.png) 0 0 no-repeat;color:#FFF;line-height:1.5em;}
.video-waterstone a {text-decoration:none;color:#FFF;}
.video-waterstone a:hover {text-decoration:underline;}

/*--------------------------------------------------------------------------
catalog
--------------------------------------------------------------------------*/

.catalog {width:165px;height:50px;margin:10px 10px 0 0;padding:80px 0 0 5px;background: #FFF url(../images/NVACatalog.gif) 0 0 no-repeat;color:#FFF;line-height:1.5em;}
.catalog a, 
.catalog2010 a, 
.catalog2011 a, 
.stonesofscandinavia a,
.stonesofscandinavia2011 a,
.crescent2011 a
 {text-decoration:none;color:#FFF;cursor: pointer;}
.catalog a:hover, 
.catalog2010 a:hover, 
.catalog2011 a:hover, 
.stonesofscandinavia a:hover,
.stonesofscandinavia2011 a:hover,
.crescent2011 a:hover
{text-decoration:underline;}

.catalog2010 {width:165px;height:64px;margin:10px 10px 0 0;padding:125px 0 0 5px;background: #FFF url(../images/NVAcatalog2010.png) 0 0 no-repeat;color:#FFF;line-height:1.5em;}
.catalog2011 {width:165px;height:64px;margin:10px 10px 0 0;padding:125px 0 0 5px;background: #FFF url(../images/Granit2011.png) 0 0 no-repeat;color:#FFF;line-height:1.5em;}
.stonesofscandinavia {width:165px;height:65px;margin:10px 10px 0 0;padding:95px 0 0 5px;background: #FFF url(../images/StonesofScandinavia2010.png) 0 0 no-repeat;color:#FFF;line-height:1.5em;}
.stonesofscandinavia2011 {width:165px;height:84px;margin:10px 10px 0 0;padding:145px 0 0 5px;background: #FFF url(../images/StoneScandinavia2011.png) 0 0 no-repeat;color:#FFF;line-height:1.5em;}
.crescent2011 {width:165px;height:85px;margin:10px 10px 0 0;padding:130px 0 0 5px;background: #FFF url(../images/Crescent2011.png) 0 0 no-repeat;color:#FFF;line-height:1.5em;}


/*--------------------------------------------------------------------------
Business_card
--------------------------------------------------------------------------*/

.business_card {width:130px;height:115px;font-size:9px;padding:40px 20px 0 30px;background:#FFF url(../images/businesscard.png) 0 0 no-repeat;}


/*--------------------------------------------------------------------------
Right
--------------------------------------------------------------------------*/

#right {float:left;width:580px;color:#000;margin:0px;font-size:12px;line-height:1.5em;}
#right h1 {margin:0;}

#faq {width:165px;height:33px;margin:10px 10px 0 0;padding:95px 0 0 5px;background: #FFF url(../images/faq1.png) 0 0 no-repeat;color:#FFF;line-height:1.5em;}
#faq a {text-decoration:none;color:#FFF;}
#faq a:hover {text-decoration:underline;}

/*--------------------------------------------------------------------------
Right search
--------------------------------------------------------------------------*/

#right #search, #right .dealersearch {
border: 1px solid #9db68b;
width:75px;
font-size:8pt;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
line-height:1.6em;
height:26px;
background-color:#eae3d1;
}

#right .dealersearch {width:480px;line-height:2em;padding:0 5px;height:24px;background-color:#FFF;}
#right .sorry {line-height:7em;text-align: center;}

#right .results {width:570px;}
#right .results .footer {background: transparent url(../images/results-footer.gif) 0 100% no-repeat;height:20px;}
#right .results a {text-decoration:none;color:#000;}

#right .results .dealer {padding: 5px 0 5px 10px;color:#48443c;}

#right .results a.name, #right .results a.city, #right .results a.zip, #right .results a.phone {display:block;height:24px;padding:6px 0 0 10px;background: transparent url(../images/results.gif) 0 -30px no-repeat;}

#right .results a.name {width:240px;background-position: 0 -30px;}
#right .results a.name:hover {background-position: 0 0px;color:#FFF;}

#right .results a.city {width:140px;background: transparent url(../images/results.gif) -250px -30px repeat-x;}
#right .results a.city:hover {background-position: -250px 0;color:#FFF;}

#right .results a.zip {width:60px;background: transparent url(../images/results.gif) -400px -30px repeat-x;}
#right .results a.zip:hover {background-position: -400px 0;color:#FFF;}

#right .results a.phone {width:90px;background: transparent url(../images/results.gif) -470px -30px repeat-x;}
#right .results a.phone:hover {background-position: -470px 0;color:#FFF;}


#right .results a.selected {background-position-y: 0;}


/*--------------------------------------------------------------------------
Products
--------------------------------------------------------------------------*/

.description {border-bottom: 1px solid #CCCCCC;width:560px;padding:5px;margin:0 0 25px 0;color:#787878;}

.products {float:left;font-size: 0.8em;width:280px;height:100px;border-bottom:1px dotted #DFDFDF;margin:0 10px 10px 0;}
.products .image {float:left;margin: 0 10px 10px 0;width:90px;}
.products .title {font-size: 1.3em;margin: 0;}
.products img {float: left;margin: 0 10px 10px 0;border:0;}

/*--------------------------------------------------------------------------
Products list
--------------------------------------------------------------------------*/

.products-list {float:left;width:560px;margin:0 0 10px 0;border-bottom:1px dotted #DFDFDF;}
.products-list .title {font-size: 1.5em;margin: 0;}
.products-list .image {float:left;margin: 0 10px 10px 0;width:90px;}
.products-list img {border:0;}


.copyright {color:#FFF;padding:10px 0;margin:0 20px;font-size:10px;}