/* CSS Document */

body {
	background-color:#f3f3f3;
	margin:0px 0px 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;

	}
	
	
h1 {
	font-size:120%;
	font-weight:normal;
	text-align:center;
	color:#0066CC;
	}
	
h2 {
font-size:95%;
	text-align:left;
	color:#009933;
	padding-bottom:2px;
	border-bottom:1px solid #CCCCCC;
	}

h3 {font-size:90%; color:#000000; margin-top:0px; padding-left:5px; padding-top:5px;}
.subheader{
	color:#0595d5;
	font-weight:bold;
	}
h4 {padding-bottom:3px; border-bottom:2px solid #CCCCCC; font-size:90%; color:#006699;}

h5 {background-color:#005aa1; color:#FFFFFF; padding:3px;}

#prod-title {background-color:#005aa1; color:#FFFFFF; padding:3px; margin-top:3px; font-size:90% font-weight:bold; }
	
p { font-size:12px;}

ul, li {font-size:12px;}

img {border: 0px}

a {
	color:#0066CC;
	text-decoration:underline;
	}
/* teaser for products page landing */	
.teaser-border {border: 1px solid #CCCCCC}

.icon {border:1px solid #CCCCCC; margin-right:15px;}
.icon-fix { margin-right:15px; padding-bottom:15px;}
a:hover {
	color:#009933;
	text-decoration:none;
	}

.call {font-weight:bold; font-size:12px;}

#utilities-top {
	font-size:11px;
}

#utilities-top a { 
	color:#0066CC;
	text-decoration:none;
	}
	
#utilities-top a:hover { 
	color:#0066CC;
	text-decoration:underline;
	}
	
#navigation {
	/*background-image:url(../images/nav_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;*/
	background-color:#005aa1;
	height:35px;
	}

#masthead {
	background-image:url(../images/masthead_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:300px;
	font-size:80%;
	color:#FFFFFF;
	
	}
	
#sub-masthead {
	background-image:url(../images/masthead_sub_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:75px;
	font-size:80%;
	color:#FFFFFF;
	
	}

#masthead .intro {
	color:#7eca36;
	}

#header {
width:930px;


	}
#content {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	background-color:#FFFFFF;
	padding:10px;
	}

/* ---------- FOOTER ----------------------------------------------- */

#footer {
	font-size:10px;
	color:#666666;
	margin-top:10px;
	}
	
#footer a{
	color:#0066CC;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	}
	
#footer a:hover{text-decoration:underline;}

#footer .rd {
color:#C7C7C7;
text-decoration:none;
text-align:right;
	}
		
#utilities {
font-size:70%;
}

/* ---------- SPECIAL FORMATTING ----------------------------------------------- */

.img-border {padding:3px; border:1px solid #CCCCCC;}

.video {font-size:70%; background-color:#EEEEEE;}

.dl-header {font-size:80%; background-color:#005aa1; color:#FFFFFF; font-weight:bold;}
.download {font-size:80%;}

#literature ul { list-style: none outside; line-height:20px; margin-left:-35px;}
#literature a.pdf { background:url(../images/pdf_icon.gif) 0 0.4em no-repeat; display: block; padding-left: 20px;  font-size:70%; list-style:none;}
#content a.zip { background:url(../images/zip_icon.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; font-size:75%;}

/*
#content ul { list-style: none outside; line-height:20px; margin-left:-35px;}
#content ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
*/

#content ul.square,
#content ul.circle { margin-left: 2em; }
#content ul.square { list-style: square outside; font-size:12px;}
#content ul.circle { list-style: circle outside; }
#content ul ul.circle,
#content ul ul.square { margin-top: 4px; margin-bottom: 5px; }
#content ol.sosumi { margin-left: 0; padding-left: 2em; }

.lit-bg {background-image:url(../images/literature_bg.jpg); background-position:top; background-repeat:repeat-x; border-left:1px solid #CCCCCC;}

/* font page news section */
#home-news {border-left: 1px solid #CCCCCC; padding-left:15px;}

.home-lf-sidebar-title {
	font-size:95%;
	letter-spacing:-0.5px;
	color:#0066CC;
	padding-bottom:2px;
	border-bottom:2px solid #CCCCCC;

	}


/* ---------- MASTHEAD TEASERS ----------------------------------------------- */

#sub-masthead-teaser {
	color:#aedd01;
	font-weight:bold;
	font-size:100%;
	}

.sub-masthead-title {
	color:#FFFFFF;
	font-size:21px;
	text-align:right;
	font-weight:bold;
	padding-right:8px;

}
	
	
/* ---------- COLUMN STRUCTURE ----------------------------------------------- */

#col-main {
    float:left;
    width:450px;
    }
#col-sidebar {
    float:right;
    width:330px;
	position:relative;
    }
	
	
#left-content {
	padding-right:10px;
	}
	
#right-content {
	padding-left:10px;
	}
/* ---------- DEALER PORTAL ----------------------------------------------- */


#dealer-login {
	width: 400px;
	background-color:#f3f3f3;
	border:1px solid #CCCCCC;
	margin:0 auto;
	padding:10px;
	}
	
#login{
	width:250px;
	margin:0 auto;}
	
/* ---------- FORMS ----------------------------------------------- */



.dealer {font-size:11px;}

.password {font-size:11px;}


.form-tag {
	font-size:80%;
	}
.form-header {
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	font-size:95%;
	color:#333333;
	padding:2px;
	}
.login_error{
	font-size:11px;
	color:red;
}
.login_links{
	width:250px;
	margin:0 auto;
	margin-top:15px;
	text-align:left;
}	

/* ---------- PRODUCTS STYLING ----------------------------------------------- */

#left-side-nav {padding-right:10px; font-size:12px; line-height:19px;}


#prodchoice {border:1px solid #CCCCCC; background-image:url(../images/literature_bg.jpg); background-position:top; background-repeat:repeat-x; padding-left:10px; margin:3px;}
#prodhead {border:1px solid #CCCCCC; background-image:url(../images/literature_bg.jpg); background-position:top; background-repeat:repeat-x; padding:8px; margin:0px;}

/* ---------- FORMS ----------------------------------------------- */

.required {
	color:#FF0000;
	font-size:80%;
	}
	
/* ----------- TREE NAVIGATION STYLING -------------------------------------- */

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
list-style-type: none;
padding-left: 15px !important;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: url(http://www.polaroididsystems.com/shop/pc/images/btn_expand.gif) no-repeat left 3px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

.treeview .submenu ul li ul li{ /*Style for last LIs */
padding-left: 0px !important;
}