/* GENERAL STYLES */
/*
Domani
Main stylesheet

Chris Evans

14 July 2008
*/

body 
{
    font: 70%/1.5em Arial, Helvetica, sans serif;    
    background: #000;
    color: #fff;
    margin:0;
    padding:15px 0;
}


a { color:#fff; text-decoration: none; }
a:hover {text-decoration: underline;}
a:visited {}

h1,h2,h3,h4,h5,h6 { margin: 0 0 1em 0; padding: 0; }

h1
{
    font-size: 150%;
    color:#ed1c24;
    text-transform: uppercase;
}

h2
{
    font-size: 100%;
}

p { margin: 0 0 1em 0; padding:0; }

ul.navigation 
{
    list-style: none;
    padding:0;
    margin:0;
}

img { border: none; }

div#page 
{   
  width: 930px; padding: 10px;
  margin: 0 auto;
}

div#header {
    background: transparent url(../images/bg/header2.jpg) no-repeat center top;
    position: relative;
    height:134px;
}



div#header img.main-logo {
    position: absolute;
    left:124px;
    bottom:10px;
}

div#slideshow1 { position:relative; }
div#slideshow1 img.upper-slide { position: absolute; top:0; right:0; z-index: 500; }
div#slideshow1 img.lower-slide { position: absolute; top:0; right:0; z-index: 400; }


div#mainmenu {
    margin:14px 0 23px 0;
    position: relative;
}


div#mainmenu div.search-form { position: absolute; left:0; top:0; }

div#mainmenu div.search-form input { vertical-align: middle; }

div#mainmenu div.search-form input.search-keyword { padding: 2px; border:none; background:#aaa; width:240px; }

div#mainmenu ul.navigation
{
    display: inline;
    float: right;
    background: #0c0b0b url(../images/bg/nav.gif) repeat-x left top;
    padding:4px 0 4px 8px;
}

div#mainmenu ul.navigation li
{
    display: inline;
}

div#mainmenu ul.navigation li a
{
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px 15px 4px 15px;
    background: #000;
    margin: 0 6px 0 0;
    border: 1px solid #000000;
    border-top-color: #090909;
    border-left-color: #171717;
    border-right-color: #171717;
}

div#mainmenu ul.navigation li.lastNode a { margin-right: 0; }


div#mainmenu ul.navigation li a:hover 
{
   color:#ff0000;
}

div#mainmenu ul.navigation li.selected a,
div#mainmenu ul.navigation li.selected a:hover 
{
    background: #ff0000;
    color:#fff;
    border: 1px solid #ff0000;
}



div#content 
{   
    padding: 0 50px;
min-height: 22em;
}

* div#content  { height: 22em; }


div#content p {  }

div#content div.product-details { position: relative; background: transparent url(../images/bg/product.gif) repeat-x left 120px; min-height: 565px; }

* html div#content div.product-details { height: 565px; }

div#content div.product-details p.intro { color:#ed1c24; }

div#content div.product-details div.main-image { text-align: center; }

div#content div.product-details div.more-details { width: 485px; margin-top: 20px; }

div#content div.product-details div.scroll { position: absolute; right: 0; top:220px; }

div#content div.product-details div.scroll ul { margin:0; padding:0; list-style: none; }
div#content div.product-details div.scroll ul li { padding: 5px 0; }

div#content div.product-details div.scroll p.download a {display: block; color:#ed1c24; background: transparent url(../images/bg/category-heading.gif) no-repeat left top; width: 256px; padding-left: 36px; height: 24px; padding-top: 2px; margin-top: 16px; text-transform:uppercase; text-align: left; }


div#content div.category-listing{ position: relative; background: transparent url(../images/bg/category-list.gif) repeat-x left 40px; min-height: 455px; padding:29px 84px 0; }

div#content div.products { padding-left:0; padding-right: 0; }

div#content div.products p.more-info { text-align: right; }

* html div#content div.category-listing { height: 455px; }

div#content div.category-listing div.category { float: left; width:292px; margin:0 16px 16px 16px; min-height: 180px; }

div#content div.category-listing div.category p { padding-top: 4px; }

* html div#content div.category-listing div.category { height: 180px; }

div#content div.product-details div.more-details h1,
div#content div.category-listing div.category h2,
div#content div.category-listing div.product h2 { color:#ed1c24; text-transform: uppercase; font-size: 160%; font-weight: normal; margin:0 0 10px 0; padding:0; }

div#content div.product-details div.more-details h1,
div#content div.category-listing div.category h2 a,
div#content div.category-listing div.product h2 a { display: block; color:#ed1c24; background: transparent url(../images/bg/category-heading.gif) no-repeat left top; width: 277px; padding-left: 15px; height: 24px; padding-top: 2px;  }

div#content div.category-listing div.category h2 a:hover,
div#content div.category-listing div.product h2 a:hover { text-decoration: none; }

div#content div.category-listing div.product { padding-left: 40px; padding-top: 20px; background: transparent url(../images/bg/product-item.gif) repeat-x left top; }

div#content div.category-listing div.product div.image-holder { width:300px; padding-top: 15px; float: left;}

div#content div.category-listing div.product div.text-holder { width: 460px; float: right;}


div.home-content {position: relative; min-height: 558px; }
* html div.home-content { height: 558px; }

div.home-content div.overlay {
	position: absolute; 
	bottom:20px; 
	right: -50px; 
	width: 400px; 
	padding: 18px 32px;	
	background:transparent url(../images/bg/overlay.png) repeat left top; 
	z-index: 900;
}

* html div.home-content div.overlay { background-image: url(../images/bg/overlay.gif);}

div.home-content div.overlay h1 { color: #fff; font-size: 180%; margin:0; padding:0; line-height: 1.125em; font-weight: normal; text-transform: none; }

div.home-content img.home-image {
    position: absolute; top:0; left:0; z-index: 300;
}

img.pagerbutton { display: block; float: left; margin: 20px 0; }
img.next{ display: block; float: right; }

div#content div.standard-content { width: 600px; margin: 0 auto; }
div#content div.standard-content img { display: block; margin: 0 auto; }

div#content img.finishing-logo,
div#content div.standard-content img.finishing-logo { display: block; margin: 35px auto; }

div#content table { border-collapse: collapse; }
div#content table tr td { vertical-align: top; border-bottom: 1px solid #111; padding-top: .66em; }

div#footer 
{    
 color:#9d9fa2;
margin-top: 5px;
padding-left: 50px;
}

div#footer ul { list-style: none; margin:0; padding:0; }
div#footer ul li { font-size: 70%; text-transform: uppercase; }
div#footer ul li { float: right; width: 14%; text-align: right;}
div#footer ul li.first { text-align: left; float: left; width: 85%; font-size: 100%; text-transform: none; }


div#content div.category-listing div.product:after,
div#content div.category-listing:after,
div#mainmenu:after,
div#content:after,
div#footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#content div.category-listing div.product,
div#content div.category-listing,
div#mainmenu,
div#content,
div#footer 
{
    display: inline-block;    
    height: 1%;    
    display: block; 
}

/* EDITOR PROPERTIES */