@import url(reset.css);
@import url(lightbox.css);

/* @ ----------------------------------------------------- Global */

body {
	background-color: #e6e6e6;
	font: 100%/1.25em arial, sans-serif;
	color: #333;
	text-align: center;
/*background: #e6e6e6 url(../images/grid.png) repeat-y center top;*/
}

h1 {
   font-size: 2.25em;
   line-height: 40px;
   font-weight: bold;
   color: #24406b;
}

h2 {
   font-size: 1.635em;
   line-height: 40px;
   color: #24406b;
   letter-spacing: 1px;
}

h3 {
   font-size: 1.125em;
  /* color: #8a3672; */
  color: #777;
  line-height: 2.2em;
}

h3, h4 {
    font-family: Arial, Sans-Serif;
    font-weight: normal;
}

h4 {
    font-weight: bold;
    color: #2c2c2c;
    font-size: 0.75em;
}

ul, ol, p, h1, h2, table {
    margin-bottom: 20px;
}

p, ul, ol, table, dl, label {
    font-size: 0.8125em;
}

ul h3 {
    font-size: 1.4em;
}

ul p, ul h4 {
    font-size: 1em;
}

a:link			{color: #2c559a; text-decoration: underline;}
a:visited		{color: #2c559a;}
a:hover			{color: #83256b;}
a:active		{color: #83256b;}

h3 a			{text-decoration: none;}
h3 a:hover		{text-decoration: underline;}

/* @ ----------------------------------------------------- Layout */

#page 
{
    width: 940px;
    padding: 0 10px;
    text-align: left;
    margin: 0 auto;
    position: relative;
}

div#header 
{
    float: left;
    width: 100%;
    background: url(../images/light_bg.png) no-repeat left top;
}

div#content 
{
   float: left;
   width: 100%;
   padding: 20px 0 40px;
}

#secondaryContent 
{
    float: left;
    width: 219px;
    margin-right: 20px;
    border-top: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
}

#mainContent 
{
    width: 700px; 
    float: left;
}

#alternativeContent 
{
    width: 209px;
    border-left: 1px solid #d1d1d1;
    float: left;
    padding: 20px 0 0 10px;
    margin: -20px 0 0 20px;
}

div#footer 
{
    float: left;
    position: relative;
    border-top: 1px solid #bbb;
    width: 100%;
    font-size: 85%;
    margin-bottom: 20px;
}

/* @ ----------------------------------------------------- Content */

div#header h1 
{
    width: 135px; height: 35px;
    display: block;
    float: left;
    margin: 46px 0 24px 0;
}

div#header h1 a 
{
    width: 135px; height: 35px;
    display: block;
    background: url(../images/tellus_logotyp.png) no-repeat top left;
    text-indent: -9999px;
}

#home div#header h1 a:hover 
{
    cursor: default;
}

div#header h2 
{
    margin: 46px 0 0; padding: 17px 0 0 15px;
    color: #999;
    font-size: 18px;
    line-height: 18px;
    float: left;
    font-style: italic;
}

div#header h1 a:hover
{
    background-position: 0 0;
}

div#search 
{
    position: absolute;
    top: 50%; right: -20px;
    width: 240px; height: 24px;
    margin-top: -14px;
}

div#search input[type="text"] 
{
    border-color: #40679c;
    border-right: none;
    border-bottom: none;
    border-width: 1px;
    padding: 3px 30px 3px 5px;
    height: 18px; width: 170px;
    color: #666;
}

div#search input[type="image"] 
{
    background: url(../images/search_btn.png) no-repeat bottom left;
    position: relative;
    left: -25px; top: 5px;
    height: 18px; width: 18px;
}

div#search input[type="image"]:hover 
{
    background-position: top left;
}

div.homeMsg 
{
    float: left;
    padding: 40px 20px 0 20px;
    margin-bottom: 20px;
    background: url(../images/light2.png) no-repeat left -100px;
    height: 210px; width: 900px;
    position: relative;
}

div.homeMsg h2 
{
	letter-spacing: 1px;
	font-size: 2.5em;
	font-weight: bold;
	color: #2e5a9d;
	text-shadow: 2px 2px 2px #BBB;
	position: relative; z-index: 20;
}

div.homeMsg p 
{
    font-size: 0.875em;
    width: 430px;
    line-height: 30px;
    text-shadow: 1px 1px 1px #FFF;
}

div#homeNav div#container 
{
    float: left;
    background: #FFF;
    min-height: 330px; width: 560px;
    margin-bottom: 40px;
    padding: 24px 30px 10px 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    overflow: scroll;
}

#homeNav 
{
	position: relative; 
    z-index: 100;
}

div#homeNav div#container div 
{
    height: 100%;
    position: relative;
    margin-bottom: 20px;
}

div#homeNav div#container div p.more
{
    text-align: right;
    float: left;
    margin: 20px 0 0; padding-top: 7px;
    border-top: 1px solid #CCC;
    width: 100%;
}

div#homeNav div#container div p img
{
    float: left;
    padding-right: 30px;
}

div#homeNav div#container div ul strong
{
    width: 8em;
    display: block; 
    float: left;
}

div#homeNav div#container div ul.productCategoryList
{
    width: 300px;
    float: left;
}

div#homeNav div#container div ul.productCategoryList li
{
    float: left;
    width: 130px;
    padding-left: 10px;
    background: url(../images/li_dot.png) no-repeat left center;
}

div#homeNav div#container div ul.productCategoryList li a
{
    text-decoration: none;
}

div#homeNav div#container div ul.productCategoryList li a:hover
{
    text-decoration: underline;
}

div#homeNav .offerColumn 
{
	float: left; margin-left: 20px;
	width: 173px;
}

div#homeNav .offerColumn p
{
	margin: 20px 0 0;
	font-size: 80%;
}

div#homeNav #cOffers h3 
{
	padding-left: 20px;
}

div#homeNav #cOffers
{
    margin-left: -20px;
    width: 590px;
}

div#newsSection
{
    float: left;
    clear: none;
    width: 290px;
    padding-left: 10px;
}

div#newsSection h3
{
    margin-bottom: 14px;
    border-bottom: 1px solid #d1d1d1;
    line-height: 40px;
}

div#newsSection h3 span
{
    color: #8a2872;
    font-weight: bold;
}

div#newsSection dd 
{
    padding-bottom: 15px;
    float: left;
    width: 290px;
}

div#newsSection dt 
{
    font-size: 1em;
    padding-bottom: 7px;
    font-weight: bold;
    line-height: 1.5em;
}

div#newsSection dt a
{
    text-decoration: none;
    color: #222;
}

div#newsSection dt a:hover
{
    color: #83256b;
    text-decoration: none;
}

div#newsSection dd img
{
   float: left;
   position: relative;
   margin: 0 10px 0 0;
   border: 1px solid #CCC;
   height: 76px;
}

div#newsSection dd a img.arrowForward
{
    float: none !important;
    position: relative;
    margin: 0 0 -2px 0;
    border: none;
    height: auto;
}

ul.newsList li
{
	padding-bottom: 5px; margin-bottom: 3px;
	border-bottom: 1px solid #CCC;
}

#home div#content
{
    padding-top: 0;
}

#home div#mainContent 
{
    width: 960px; 
    clear: left;
    margin: 20px 0 0 0;
    position: relative; left: -20px;
    float: left;
}

#home div#mainContent li
{
    float: left; 
    padding-left: 20px;
    width: 220px;
}

#home div#mainContent ul img, #products div#mainContent ul img, #searchresults #mainContent ul img
{
    border: 1px solid #CCC !important;
}

#products div#mainContent ul
{
    margin-left: -20px;
    float: left;
}

#products div#mainContent ul li
{
    padding-left: 20px;
    width: 220px; /*height: 240px;*/
     display: -moz-inline-stack;
    display: inline-block;
    min-height: 160px;
    vertical-align: top;
    zoom: 1;
    *display: inline; _height: 160px; /* sry ie hacks */
}

#products div#mainContent ul a, #searchresults #mainContent ul a
{
    text-decoration: none;
}

#products div#mainContent ul li a:hover img, #searchresults #mainContent ul li a:hover img
{
    border-color: #999 !important;
}

#products div#mainContent ul.productDisplay li
{
    width: 160px; 
}

#products div#mainContent ul.productDisplay li p
{
    margin: 0 0 10px;
}

ul.productDisplay li a img 
{
	width: 156px;
}

#products div#mainContent ul.productDisplay  ul
{
    width: 160px; 
    padding-bottom: 10px;
    margin: 0 0 20px 0;
}

#products div#mainContent ul.productDisplay ul li
{
    height: 20px; width: 140px;
    min-height: 20px; 
    margin-bottom: 0; padding: 0;
}

#products div#mainContent ul.productDisplay ul li img
{
    border-width: 0!important; 
    margin: 0 5px -3px 0;
}

#products div#mainContent ul.productDisplay li p:last-child
{
    color: #333;
}

#products div#mainContent ul.productShow
{
    margin-left: 20px;
    width: 680px;
}

#products div#mainContent ul.productShow li
{
    height: auto;
    min-height: 0;
    width: 300px;
    margin: 0; padding: 0;
}


#products div#mainContent ul.productShow p.description
{
    margin-left: -10px;
}


#products div#mainContent ul.productShow ul li
{
    width: 360px;
    font-size: 1.2em;
    margin-left: 10px;
    padding-left: 13px;
    background: url(../images/bullet.png) no-repeat left center;
}

#products div#mainContent ul li.productShowName 
{
    margin-left: -10px; 
    color: #2c2c2c;
}

#products div#mainContent ul li.productShowName h3
{
  line-height: 20px;
}

#searchresults #mainContent ul li  
{
    position: relative;
    border-bottom: 1px solid #d1d1d1;
    float: left;
    width: 100%;
    padding-bottom: 19px;
    margin-top: 20px;
}

#people ul
{
	border-bottom: 1px solid #d1d1d1; 
	padding-bottom: 19px;
}

#people ul img
{
	float: right;
	border: 1px solid #BBB;
	padding: 4px;
	background: #FFF;
	-moz-box-shadow: 3px 3px 3px #CCC;
	box-shadow: 3px 3px 3px #CCC;
}

#searchresults #mainContent ul img 
{
    float: left;
    margin-right: 20px;
}

#searchresults #mainContent ul p
{
    width: 230px;
	float: left;
	padding-right: 180px;
}

#searchresults #mainContent ul ul 
{
    position: absolute;
    left: 460px; top: 0;
    border-left: 1px solid #d1d1d1;
    padding-left: 20px;
    height: 120px;
    width: 150px;
}

#searchresults #mainContent ul ul li
{
    border: none;
    padding-bottom: 0;
    margin-top: 0;
}

#adminTable, #products div#mainContent table {
	float: left;
	font-size: 0.75em;
	margin: 0 0 20px 0;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

#adminTable th, #products div#mainContent th {
	color: #2c2c2c;
	padding: 0 10px;
	border-bottom: 2px solid #2c559a;
	line-height: 40px;
}

#adminTable td, #products div#mainContent td {
	border-bottom: 1px solid #d1d1d1;
	color: #5f7d94;
	padding: 0 10px;
}

#products div#mainContent tbody tr {
	background-color: #F2F2F2;
}

#adminTable tbody tr span {
	background-image: url(../images/mainrow.png) ; background-position: left center; background-repeat: no-repeat;
	position: relative; left: -10px;
	padding: 5px 0 5px 10px;
	display: block;
}

#adminTable tbody tr:hover {
	color: #2c2c2c;
	background-color: #F2F2F2;
}

tr.subRow { background-color: #DDD; }
tr.subRow span { background-image: url(../images/subrow.png) !important; background-position: left center; background-repeat: no-repeat; }

#adminTable a { margin-right: 10px; }

#adminTable a:hover { background: #CCC; }

#alternativeContent h3 
{
    margin: -10px 0 10px;
    line-height: 1.5em;
}

#footer li.phonenumber
{
	float: right;
	margin-right: 0;
	color: #444;
}

#footer span.top 
{
    line-height: 26px;
    text-align: center;
    width: 60px; height: 26px;
    position: absolute;
    top: -27px; right: 0;
    background: url(../images/top_bg.png) no-repeat left bottom;
    font-size: 11px;
}

#footer span.top a 
{
    background: url(../images/top_arrow.png) no-repeat right 4px;
    padding-right: 10px;
    color: #FFF;
    text-decoration: none;
}

#footer span.top a:hover 
{
    color: #3c3c3c;
    background-position: right -27px;
}

ul#footerNav li, div#footerContact
{
    float: left;
    margin-right: 20px;
    line-height: 40px;
}

ul#footerNav span.copyright  
{
	color: #666;
	border-right: 1px solid #AAA;
	padding-right: 10px;
}

ul#footerNav a.sitemap
{
    padding-right: 20px;
    background: url(../images/sitemap.png) no-repeat right center;
}

div#footerContact 
{
    clear: left;
    border-top: 1px solid #d1d1d1;
    width: 100%;
    margin-bottom: 0;
    font-size: 11px;
    padding: 10px 0 40px;
}

div#footerContact div
{
    line-height: 40px;
    float: left;
    margin-right: 18px;
}


.vCardIcon
{
    padding-right: 15px;
    background: url(../images/hcard.png) no-repeat right center;
}

div#title 
{
    float: left;
    margin: 0 0 20px;
}

div#title h3, div#title p
{
    margin-left: 320px;
}

div#title h3
{
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 20px;
}

div#title p
{
    font-size: 1em;
}

div#title img 
{
    float: left;
    margin: -20px 0 0 40px;
}

.titleHeading
{
    margin-top: -40px; position: relative;
}

.titleMainHeading 
{
	border-bottom: 1px solid #d1d1d1; 
	padding-bottom: 20px; 
	margin-bottom: 19px;
}

#productFilter 
{
    background: #dad4d9;
    border: 1px solid #d1d1d1;
    padding: 9px 0 0;
    margin-bottom: 20px;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 99.8%;
}

#productFilter h3
{
    position: absolute;
    top: -41px; left: -1px;
}

#productFilter select, #productFilter input 
{
    margin: 0 0 9px 10px;
    color: #444;
}

#productFilter label 
{
    margin: 0 10px 0 0;
}

#productFilter p
{
    margin: 0;
}

#productFilter option
{
    font-size: 11px;
    height: 16px;
    color: #444;
    padding-right: 20px;
}

#productFilter input[type="text"]
{
    width: 400px;
    border: 1px solid #AAA;
}

#productFilter span
{
    font-size: 12px;
    font-weight: bold;
    display: block;
    position: absolute;
    right: 10px; top: 10px;
    color: #2c559a;
    cursor: pointer;
    padding-right: 13px;
    line-height: 20px;
    background: url(../images/more_filter_arrow.png) no-repeat right -18px;
}

#productFilter span.active
{
    background-position: right 8px;
}

#products #mainContent h3.productsHeading 
{
    background: #80256B;
    clear: left;
    padding: 0 10px;
    color: #FFF;
    line-height: 40px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#products #mainContent h3.productsHeading span
{
    display: block;
    text-indent: -99999px;
    width: 20px;
    float: right;
    background: url(../images/minus_plus.png) no-repeat 0 -40px;
    line-height: 40px;
    cursor: pointer;
}

#products #mainContent h3.productsHeading.active
{
    background: #927c8d;
}

#products #mainContent h3.productsHeading.active span
{
    background-position: 0 0;
}

#productSearch 
{
    padding: 18px 10px;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    background: #dad4d9;
    margin-bottom: 20px;
}

#productSearch input[type="submit"], #productFilter input[type="submit"]         
{
	padding: 2px 4px; 
	color: #FFF; 
	background: #704f64; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

#productSearch input[type="submit"]:hover, #productFilter input[type="submit"]:hover   
{
	background: #83256B;
}

#productSearch input[type="text"]							
{
	padding: 4px; 
	margin-right: 5px; 
	width: 110px; 
	border: 1px solid #AAA;
}

#productSearch input[type="text"]:focus, #productFilter input[type="text"]:focus	
{
	border: 1px solid #666;
	color: #222;
}

.print {background: url(../images/icon_print.png) no-repeat left center; color: #2c559a; cursor: pointer; padding-left: 25px; display: inline-block;}
/*.diam {background: url(../upload/attributes/2.png) no-repeat left center; padding-left: 18px;}
.height {background: url(../upload/attributes/3.png) no-repeat left center; padding-left: 18px;}
.weight {background: url(../upload/attributes/1.png) no-repeat left center; padding-left: 18px;}*/
li.imgZoom {position: relative; float: right !important;}
li.imgZoom span 
{
    position: absolute; 
    display: block; 
    width: 23px; height: 23px; 
    bottom: 13px; right: 10px;
    background: url(../images/img_zoom.png) no-repeat right -23px;
    text-indent: -9999px;
}

li.imgZoom a:hover span
{
    background-position: right 0;
}

li.imgZoom img {width:296px;}

.offerHolder 
{
	margin-bottom: 40px;
	float: left;
	width: 100%;
}

.offerHolder div
{
	float: left;
	margin-left: 20px;
	width: 300px;
}

.offerHolder img
{
	border: 1px solid #CCC;
	float: left;
}

.offerHolder h3
{
	color: #666 !important;
}


.offerHolder h3 {line-height: 1.2em; margin-bottom: 20px;}

.catalogList 
{
	margin-left: -20px;
}

.catalogList li
{
	margin: 0 0 20px 20px;
	float: left;
}

.catalogList li img
{
	border: 3px solid #CCC;
}

/* @ ----------------------------------------------------- Design extras */

.boxFade 
{
	background: #f0f0f0 url(../images/box_fade_bg.png) repeat-x left bottom;
	float: left;
	border: 1px solid #d1d1d1;
	margin-bottom: 20px;
	width: 99.5%;
}

/*
.boxFade.special 
{
	background: #f0f0f0 url(../images/box_fade_bg2.png) repeat-x left bottom;
}
*/

.boxFade > *
{
	padding: 0 12px;
}

.boxFade > h3
{
	padding-top: 18px;
}

#cycle 
{
	position: absolute;
	right: 0; top: 0;
	height: 240px; width: 420px;
	background: url(../images/light3.png) no-repeat center top;
	overflow: hidden;
}

#cycle img 
{
	width: 420px; height: 240px;
}

/* @ ----------------------------------------------------- Forms */

#contact #mainContent form 
{
	background: #FFF;
	padding: 30px;
	border: 1px solid #FFF;
}

#contact #mainContent input, #contact #mainContent textarea 
{
	background: #FFF url(../images/input_bg.png) no-repeat top left;
	border: 1px solid #AAA;
	color: #444;
	padding: 5px;
	width: 40%;
	margin-bottom: 10px;
}

#contact #mainContent textarea 
{
	width: 60%;
}

#contact #mainContent input:focus, #contact #mainContent textarea:focus 
{
	border: 1px solid #777;
}

#contact #mainContent label 
{
	display: block;
}

#contact #mainContent input[type="submit"] 
{
	background: #000;
	color: #FFF;
	width: auto;
	border: none;
	clear: both;
}

#contact #mainContent label span
{
	color: red;
}


/* @ ----------------------------------------------------- Misc, extra styles */

.hide			{display: none;}
.noFlow			{overflow: hidden !important;}
.left			{float: left;}
.right			{float: right !important;}
.clear			{clear: both;}
.clearLeft		{clear: left;}
.noMarg			{margin-bottom: 0;}
.margRight		{margin-right: 20px;}
.margBottom		{margin-bottom: 20px;}
.reverseMarg	{margin-top: -10px;}
.borderBottom	{border-bottom: 1px solid #d1d1d1;}
.light			{color: #666;}
.date			{font-size: 11px; font-weight: normal; color: #666; display: block;}
.photoImg		{padding: 4px; background: #FFF; border: 1px solid #BBB;}
.fullwidth		{width: 100% !important;}

ul.dotList li
{
    padding-left: 10px;
    background: url(../images/bullet.png) no-repeat left 8px;
}

#content.productContent
{
   background: url(../images/light2.png) no-repeat 50px 110px;
}

.rounded 
{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

img.bigImg 
{
	margin-bottom: 20px;
	border: 5px solid #DDD;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.mail 
{
	background: url(../images/icon_mail.png) no-repeat left center;
	padding-left: 20px;
}

.pdf 
{
	background: url(../images/icon_pdf.png) no-repeat left center;
	padding-left: 20px;
}

.phone 
{
	background: url(../images/icon_phone.png) no-repeat left center;
	padding-left: 20px;
}

.warning 
{
	color: red;
}

div.sitemapContainer {
	position: relative;
	left: -20px;
	width: 640px;
	padding: 10px 0 0 80px;
}

div.sitemapListContainer 
{
	width: 180px;
	float: left;
    margin-left: 20px;
    display: inline;
}

#sitemap div.sitemapListContainer h3 
{
	margin-bottom: 0;
    line-height: 1.25em;
    color: #777;
}

#sitemap div.sitemapListContainer ul a 
{
	background: url(../images/icon_arrow.png) no-repeat left center;
	padding-left: 15px;
	text-decoration: none;
}

#sitemap div.sitemapListContainer ul a:hover 
{
	text-decoration: underline;
}

/* @ ----------------------------------------------------- Template styles & Overrides */

#template #mainContent
{
	width: 680px;
}

#news div#newsSection
{
	width: 540px;
	padding-left: 0;
}

#news #mainContent h3
{
	width: 420px; 
	margin-bottom: 20px;
}

#news #alternativeContent a:visited 
{
	color: #83256b;
}

#news div#newsSection dd
{
	width: 100%;
}

#news #mainContent h3
{
	line-height: 1em;
}

#products #alternativeContent 
{
	margin-top: 0;
	padding-top: 0;
}

#sitemap #mainContent 
{
	margin-right: 0;
	width: 620px;
}

.twoColMainLeft #mainContent 
{
    width: 540px; 
    margin-right: 80px;
}

.twoColMainLeft #alternativeContent 
{
    width: 279px;
    padding-left: 20px;
}

.twoColMainLeft #secondaryContent 
{
    display: none;
}

.twoColMainRight #alternativeContent 
{
    display: none;
}

.twoColMainRight #mainContent
{
    width: 540px;
}

.threeCol #mainContent 
{
    width: 460px; 
}

.threeCol div#alternativeContent 
{
    border-left: none; 
    padding-left: 0; 
    width: 219px;
}

.twoColMainLeft #mainContent h3,
.twoColMainRight #mainContent h3,
.threeCol #mainContent h3
{
   color: #8a3672;
}

body#searchresults .twoColMainLeft #mainContent 
{
    width: 600px; 
    margin-right: 20px;
}

body#searchresults .twoColMainLeft #alternativeContent 
{
    width: 279px;
    padding-left: 20px;
}

body#searchresults #productFilter
{
    background: #dad4d9 url(../images/search_lookingglass.png) no-repeat 10px center;
    width: 94.8%;
    padding-left: 5%;
}

#content.productContent ul#productNav 
{
   margin-bottom: 20px;
}