@import url("nav.css");
@import url("dnndefault.css");

/* =================================

CSS Document for Maxam 
Author: Rick Beddie
Email: rick@psdtodnn.com
Skype: r.beddie
Website: www.psdtodnn.com
Twitter: @psdtodnn

================================= */


/* -- General -- */

*{
outline:none;
}

.clear{
height:0px;
clear:both;
}

.title{
margin-top:0;
}

.left{
float:left;
}

img.left{
margin:0 10px 10px 0;
}

.right{
float:right;
}

img.right{
margin:0 0 10px 10px;
}

a:link, a:visited, a:hover, a:active{
text-decoration:underline;
color:#961D1F;
font-weight:normal;
}

a:hover{
text-decoration:none;
}

p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
margin:0 0 1em 0;
line-height:1.2em;
}

h1, h2, h3, h4, h5, h6{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
}

h1{
margin:0 0 0.5em 0;
font-size:30px;
}

h2{
font-size:24px;
margin:0.8em 0 0.6em 0;
}

h3{
font-size:22px;
margin:0.8em 0 0.6em 0;
}

h4{
font-size:18px;
margin:0.8em 0 0.6em 0;
}

h5{
font-size:16px;
margin:0.8em 0 0.6em 0;
}

h6{
font-size:14px;
margin:0.8em 0 0.6em 0;
}

table{
}

tfoot, thead{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

th, td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

th{
font-weight:bold;
}

td{
font-weight:normal;
}

small{
font-size:11px;
}

big{
font-size:13px;
font-weight:bold;
}

blockquote, pre{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
color:#000;
padding:2px;
}

li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
line-height:1.2em;
}

ul{
margin-top:0.8em;
margin-bottom:0.6em;
}

ul li{
list-style:disc;
}

ol{
margin-top:0.8em;
margin-bottom:0.6em;
}

ol li{
list-style-type:decimal;
}

dl{
margin:0.8em 0 0.6em 0;
font-size:12px;
color:#000;
}

dt, dd{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left:40px;
margin-right:40px;
font-size:12px;
}

dt{
font-weight:bold;
color:#000;
}

hr{
color:#000;
background-color:#000;
border:none;
height:1px;
clear:both;
}

.width{
margin:0 auto;
width:1004px;
}

/* -- Body -- */

body{
margin:0;
padding:0;
background-color:#dcdcdc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:Black;
}

#Body
{
}

/* -- Header -- */

#tophalf
{
    background: url(images/grad_background.jpg) top left repeat-x;
    }
    
#maxheader{
}

#maxlogo{
float:left;
padding:30px 0 0 10px;
height: 80px;
}

#maxheadright{
float:right;
width:650px;
padding:0px 5px 0px 0;
}

/* -- Search -- */

#maxsearch{
color:#000;
font-size:10px;
float:right;

margin:10px 10px 2px 0;
height:22px;
width:143px;
background:url(images/search-bground.gif) scroll no-repeat top right;
}

#maxsearch span{
display:block;
position:absolute;
width:143px;
height:10px;
}

#maxsearch input.NormalTextBox
{
    background-color: #FFB0B0;
    position:absolute;
    border:none;
    top:3px;
    left:2px;
    width:120px;
    margin:0 5px 0 5px;
    height:10px;
    padding-right:5px;
}

#maxsearch a.skinsearch{
position:absolute;
vertical-align:middle;
left:124px;
top:2px;
}


/* -- Navigation -- */

#maxnav
{
float:right;
margin: 78px -150px 20px 0;

}

/*-- Van Start --*/

/*-- User --*/
#maxuser
{
    float:right;
    padding: 10px 15px 0px;
}

#maxuser a{
color: white;
font-size:10px;
text-decoration: none;
}
#maxbread
{
    float:left;
    width:100%;
    height:15px;
    margin-top:0px;
    vertical-align:middle;
    padding: 10px;
    font-size:10px;
    font-family: Arial Verdana Sans-Serif;
    text-decoration: none;
    font-weight: bold;
}
#maxbread a
{
    font-family: Arial Verdana Sans-Serif;
    text-decoration: none;
    font-weight: bold;
}

#underbread
{
    background: url(images/background-separator2.png) top center repeat-y;
    padding-top: 10px;}
    
/*-- Van End --*/

#underbread2
{
        background: url(images/background-separator-bottom.png) bottom center no-repeat;}
#overbread
{
    margin-top: auto;
        background: url(images/background-separator-top.png) top center no-repeat;}

/* -- Inside Content Area -- */

#maxwhite{
background: #4c4c4c url(images/full-gradient-back-pic.jpg) top center no-repeat;
padding:0px 0 15px 0;
}
#dnn_ContentPane
{
    padding: 20px;}
    
#dnn_TopBanner
{
float:inherit;
margin: 0 auto;
text-align: center;
margin: -20px 0 0 0px;
}

#dnn_TopBanner2
{
float:inherit;
margin: 0 auto;
text-align: center;
margin: -10px 0 0 0px;
}

#dnn_LeftMarginPane{
float:left;
width:280px;
padding-left:20px;
}

#dnn_RightMarginPane{
float:right;
width:280px;
margin:20px 20px 0 0;
}

#dnn_RightContentPane{
float:right;
width:640px;
padding-right:30px;
}

#dnn_LeftContentPane{
float:left;
width:610px;
margin:10px 0 0 40px;
}

#dnn_InnerLeftMarginPane{
float:left;
width:280px;
}

#dnn_InnerRightMarginPane{
float:right;
width:280px;
}

#dnn_InnerContentPane{
float:left;
width:320px;
margin-left:40px;
}

/* -- Flash Banner -- */

#maxflashbar{
background-color:#000;
}

#dnn_BannerPane{
}

/* -- Footer Content Area -- */

#maxfooter{
color:#282828;
background: black url(images/footer-back.jpg) top repeat-x;
}
#maxfooter .width
{
margin:0 auto;
width:1004px;
background-color:#E1E1E1;
border: 2px solid black;
}

#maxfooter, #maxfooter h2, #maxfooter h3, #maxfooter h4, #maxfooter h5, #maxfooter h6, #maxfooter li, #maxfooter p, #maxfooter a{
color:#282828;
}

#maxfooter h4{
font-size:14px;
color:#282828;
padding:10px;
border-bottom: 1px #282828 solid;
}

#maxfooter h5{
color: #e52e2b;
font-size:11px;
}

#maxfooter h5.title{
padding:0 10px;
}
/*-- Van Start --*/
.newstitle
{
    color: White;
    font-family: verdana;
    font-size:10px;
}

.announcetext th, td
{
    font-size: 11px;
    line-height: 1.5em;
    padding-bottom: 5px;
    color: #939393;
}

/*-- Van End --*/
#dnn_Footer1Pane{
float:left;
width:150px;
padding: 0 20px 0 20px;
}

#dnn_Footer2Pane{
float:left;
width:150px;
padding-right: 20px;
}

#dnn_Footer3Pane{
float:left;
width:170px;
padding-right: 20px;
}

#dnn_Footer4Pane{
float:left;
width:180px;
padding-right: 20px;
}

#dnn_Footer5Pane{
float:left;
width:250px;
}
/* -- Site Footer -- */

#maxsitefooterwrap , #maxsitefooterwrap a
{
    background-color: Black;
    color: #C3C3C3;
}

#maxsitefooter
{
padding:10px 0;
margin-top:0px;
width:1000px;
}

#maxcopyright{
float:left;
}

#maxclickback
{
    float:left;
    margin-left: 200px;
    width:200px;
 
    }
    
#maxsitelinks{
float:right;
text-align:right;
}

/* -- Layout -- */

.item
{
border-bottom:1px solid #454545;
padding:0 10px;
margin-bottom:10px;
}

.item.last{
border-bottom:none;
}

/*-- Van Start --*/
/*-- Product Listing 

.dropdown1 {display:block; position:relative;}
.dropdown1 dt {margin: 0 0 0 30px;width:180px; cursor:pointer; padding:0;}
.dropdown1 .upperdd {border-bottom:none}
.dropdown1 dt:hover {}
.dropdown1 dd {position: absolute; top:0; overflow:hidden; display: block; background:#fff; opacity:0; width:120px;}
.dropdown1 ul {margin-top: 0px;margin-left:-35px;list-style:none;}
.dropdown1 li {display:inline}
.dropdown1 a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; font-weight:bolder; color:#333; text-decoration:none; width:180px}
.dropdown1 a:hover {background:#d9e1e4; color:#000}
.dropdown1 a:sel {background:#d9e1e4; color:#000}
.dropdown1 .underline {border-bottom:1px solid #535353}    --*/

.dropdown1 {display:block; position:relative; margin:0px;}
.dropdown1 dt {width:188px; padding:0px; font-weight:bold; cursor:pointer;}
.dropdown1 .upperdd {border-bottom:none}
.dropdown1 dt:hover {}
.dropdown1 dd {position: relative; top:0; overflow:hidden; width:208px; display:none; background:#fff; opacity:0}
.dropdown1 ul {width:204px; list-style:none}
.dropdown1 li {display:inline}
.dropdown1 a, .dropdown a:active, .dropdown a:visited { font-weight:bold;display:block; padding:5px; color:#333; text-decoration:none; width:194px}
.dropdown1 a:hover {background:#d9e1e4; color:#000}
.dropdown1 a.sel {background:red; color:white}
.dropdown1 .underline {border-bottom:1px solid #535353}


/*-- tables --*/
.hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 0px;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #961D1F;
	text-align: left;
}

.hor-minimalist-b a{color:#961D1F; text-decoration:none;}
.hor-minimalist-b a:hover{text-decoration:underline;}

.hor-minimalist-b th
{
	font-size: 14px;
	font-weight: bold;
	color: White;
	padding: 10px 8px;
	border-bottom: 2px solid #961D1F;
	background-color:#e52e2b;
}
.hor-minimalist-b td
{
    font-size:12px;
	border-bottom: 1px solid #ccc;
	color: black;
	padding: 6px 8px;
}
.hor-minimalist-b a
{
    font-size:10px;
}
.hor-minimalist-b tbody tr:hover td
{
	background-color: #D9E1E4;
}

.minimal-table
{
    	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 0px;
	width: 95%;
	border-collapse: collapse;
	border: 1px solid #961D1F;
	text-align: center;
}
.minimal-table td
{
    font-size:12px;
	border: 1px solid #ccc;
	color: black;
	padding: 6px 8px;
}
.minimal-table th
{
    font-weight: bold;
	border: 1px solid #961D1F;
	color: black;
	padding: 6px 8px;
}
.minimal-tablepics
{
	margin: 0px;
	width: 95%;
	border-collapse: collapse;
	text-align: center;
}

/*-- Van Start --*/
	
.footer-header-sep
{
    color: #961D1F;
    border-bottom: 1px dashed #961D1F;
    width: 80%;
    line-height: 20px;
    font-size: 13px;
    padding-top: 10px;
    }
.footer-sep
{
    color: #961D1F;
    border-bottom: 1px dashed #961D1F;
    width: 95%;
    line-height: 20px;
    font-size: 13px;
    padding: 10px 0 5px 5px;
    }    
.footer-header-text
{
    color: #961D1F;
    font-size: 12px;
    }    

.separator-line
{
    border-top: 1px dotted grey;
    width: 80%;
    text-align: center;}


.NormalText p, li, blockquote
{
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#000;
}
    
/*-- Lightbox --*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }