@charset "utf-8";

/* CSS Document */



html, body {

	height:100%;

	margin:0;

}

body {

	background: url(/images/background.gif);

	font: 12px Arial, Helvetica, sans-serif;

	color:#999;

}



img {

	border:none;

}



a {

	outline:none;

	text-decoration:none;

	color:#888;

	font-weight:bold;

	cursor:pointer;

}

a.email {

cursor:pointer;

}

a.email:hover {

cursor:pointer;

}

a:hover {

	text-decoration:underline;

}



hr {

	border:none;

	height:0;

	visibility:hidden;

	clear:both;

	margin:0;

}

hr.divider {

	size:1px;

	height:1px;

	visibility:visible;

	color:#DDD;

	background:#DDD;

	margin:10px 10px 0 10px;

}

hr.divider.nomargin {

	margin:0 10px;

}



h1 {

	margin:10px 10px 0 10px;

}



.preloads {

	visibility:hidden;

	position:absolute;

	width:0px;

	height:0px;

}



.yellow {

	color:#FFCC00

}



#loll_wrapper {

	width:950px;

	margin:auto;

	background:#FFF;

	min-height:100%;

	padding:0 5px;

	position:relative;

}



#loll_wrapper.fullscreen {

	width:90%;

	padding:0;

}



#header {

	position:relative;

	height:150px;

	width:930px;

	margin:0 10px;

}



#logo {

	position:absolute;

	top:0;

	left:0;

	width:225px;

	height:150px;

}



#icon_container {

	position:absolute;

	top:2px;

	right:0;

}



#icons {

}



#phonenumber {

	font-size:14px;

	font-weight:bold;

	position:relative;

	top:-4px;

	padding-right:5px;

	color:#AAA;

}



#menu {

	position: absolute;

	bottom:0;

	right:0;

	width:695px;

	font-weight:bold;

}

#menu a {

	color:#999;

	text-decoration:none;

	outline:none;

	display:block;

}

#menu ul a {

	padding:3px 10px;

	font-size:11px;

}

#menu ul a:hover {

	background:#F1F1F1;

}

#menu .button {

	float:left;

	width:173px;

	height:50px;

	margin-left:0px;

	background: url(/images/button_back.gif) bottom repeat-x;

	border: solid #DDD;

	border-width: 0 1px 1px 0;

	position:relative;

	overflow:hidden;

}

#menu .inner.button {

	border:none;

	background:none;

	cursor:pointer;

}

#menu .button:hover {

	overflow:visible;

}

#menu .first.button {

}

#menu .last.button {

	border-right-width:0;

}

#menu .button:hover {

	background: url(/images/button_back_over.gif) bottom repeat-x;

}

#menu .button span {

	display:block;

	position:absolute;

	left:8px;

	bottom:22px;

	padding-left:18px;

	background: url(/images/yellow_bullet.gif) left bottom no-repeat;

	border:solid #FFF;

	border-width: 0 1px;

}

#menu .button ul {

	position:absolute;

	top: 50px;

	left:0;

	width:100%;

	border:1px solid #CCC;

	background:#FFF;

	display:block;

	margin:0;

	padding:0;

}

#menu .button li {

	list-style-position:inside;

	padding:0;

	list-style-type:none;

}



#body {

	padding-bottom:70px;

}

#loll_wrapper.fullscreen #body {

	padding:0px;

}

#body.with_sidebar {

	background:url(/images/background_sidebar.gif);

}



#slideshow {

	width:930px;

	border:10px solid #FFF;

	height:300px;

	background:#FFDD00;

}



#newProductAdBlock {

	background:url(/images/highlights/blank.jpg);

	height:150px;

	width:225px;

}



#newProductAdBlock .newProduct {

	position:absolute;

}



.quarter_section {

	width:225px;

	float:left;

	border-top:1px solid #DDD;

	margin:10px 0 0 10px;

}



.quarter_section.sidebar {

	border-top: 10px solid #FFF;

	border-left: 10px solid #FFF;

	margin:0;

}



.quarter_section h3.collection-title {

  display:none;

}



.quarter_section a img.collection {

  border:1px solid #dddddd;

}

.collection_overview .description {

  margin-bottom:35px;

  /* For IE 8 */ 

/*  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#dddddd')";  */

  /* For IE 5.5 - 7 */ 

/*  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#dddddd');   */

}



#body .collection_overview .description {

  padding:0px;

}

.collection_overview .description a {

  padding:6px 0px;

 }









.body_section {

	margin:10px 0 5px 10px;

	float:left;

	width:695px;

}

.body_section h2 {

	font-size:15px;

	font-weight:bold;

	margin:0;

}

.body_section h3 {

	font-size:13px;

	font-weight:bold;

	margin:0;

}



.body_section.form {

	color:#888;

	padding:10px;

	width:675px;

}

.body_section.form .hr {

	height:1px;

	border:none;

	background:#DDD;

	width:100%;

	margin:10px 0;

}

.body_section.form .cell {

	font-size:12px;

	font-weight:bold;

	margin:0 0 5px 10px;

	display:block;

	float:left;

}

label {cursor:pointer;}

label.cell {

	width:150px;

}

label.cell, .cell.right {

	text-align:right;

}

label.cell.left, .cell.left {

	text-align:left;

}

input.submit{

	float:right;

	border:1px outset #FFF;

	background:#DDD;

	color:#333;

	outline:none;

	cursor:pointer;

}

input.submit:active {

	border:1px inset #FFF;

}

.body_section textarea{

	width:400px;

}

.body_section td {

	width:25%;

	vertical-align:top;

}

.collection_ad_block {

	width:342px;

	float:left;

	border-top:1px solid #DDD;

	margin:10px 0 0 10px;

}

.copy_section {

	padding:15px 0;

	width:343px;

	float:left;

	border-top:1px solid #DDD;

	margin:10px 0 0 10px;

}

.copy_section .text {

	float:left;

	padding:0 15px;

	width:100%;

	height:100%;

}

.sidebar {

	border:none;

}

.sidebar_title {

	padding: 15px 10px 5px 10px;

	border-bottom:10px solid white;

	background:#CCC;

	color:#FFF;

	font-size:14px;

	font-weight:bold;

}



.project {

	margin-bottom:10px;

}

.download_block {

	border-top:none; !important

}

.project h3,

.download_block h3,

h3.bullet {

	font:12px Arial, Helvetica, sans-serif;

	font-weight:bold;

	padding-left:20px;

	background: url(/images/yellow_bullet.gif) no-repeat left center;

	line-height:36px;

	margin:10px 0;

}

.download_block h3 {

	margin:15px 0 0 0;

}

.home_center h3 {

	margin:0;

}

.download_block h2, .project h2 {

	margin:10px 0 0 0;

	border-top:20px solid #DDD;

	border-bottom:1px solid #DDD;

	padding:6px;

	font-size:12px;

}

.body_section .project h2 {

	border-top:none;

	margin-right:65px;

}

.project .description,

.download_block .description {

	border-bottom: 1px solid #DDD;

	padding:6px 0;

}

.quarter_section .project .description a {

	font-size:11px;

	color:#999;

}

.body_section .project .description,

.body_section .prohect h2 {

	margin-right:65px;

}

.download_block ul {

	list-style:none;

	padding:0 10px;

}

.download_block a {

	text-decoration:none;

	color:#AAA;

	display:block;

}

.download_block a:hover {

	text-decoration:none !important;

	background:#EEE;

	color:#888;

}

.download_block .filesize {

	display:block;

	float:right;

	color:#AAA;

	font-size:11px;

}

.download_block a:hover {

	text-decoration:underline;

}

.download_block blockquote {

	margin:5px 0 0 15px;

}



.feature {

	background:#CCC;

	padding:10px;

	border-bottom:10px solid #FFF;

	color:#FFF;

}

.feature a {

	color:#FFF;

}

.feature h2 {

	margin:10px 0 0 0;

	border-top:20px solid #DDD;

	padding:6px;

	border-bottom:1px solid #DDD;

}

.feature .description {

	border-bottom: 1px solid #DDD;

	padding:6px 0 6px 2px;

	font-weight:bold;

}

.feature .yellow {

	color:#FFE532;

}



#footer_container {

	width:950px;

	position:absolute;

	bottom:0;

}

#footer {

	background:#FFF url(/images/footer_back.gif) repeat-x;

	height:48px;

	padding-bottom:12px;

	position:relative;

	width:100%;

	color:#666;

	font-size:11px;

}

#footer_text {

	position:absolute;

	left:0;

	top:0;

	padding:10px 15px;

}

#loll_link {

	padding:10px 15px;

	position:absolute;

	right:0px;

	bottom:10px;

}



/* 

  User styles 

*/



/* User page styles */

.body_section .users textarea {



}



.login-form {

  width:675px;

  float:left;

  }

.body_section .users .login-button {

/*  float:right; */

  margin-left:255px;

    

}

.body_section .users .required {

  /*color:#FF0000;

  font-size:14px;

  font-weight:bold;*/

}



.body_section .users strong.required {

  color:#FF0000;

  font-size:14px;

  font-weight:bold;

}



.body_section .users .signup-button {

  float:right;

}



/* content styles */



.content ul li {

  list-style-type:none;

  margin-bottom:5px;

  padding-left:18px;

/*  list-style-image:url(/images/yellow_bullet.gif);

  list-style-position:outside; */

  background:url("/images/yellow_bullet.gif") no-repeat scroll left top transparent;

}

.content p {

  line-height:16px;

}



.content p a.popup-image, .content a.popup-image {

  float:right;

  display:block;

  padding:15px;

}





/* user notices / errors */

.content .notice {

  /*padding:15px;  

  font-weight:bold;

  color:#ffffff;

  background-color:#719100; 

  border:2px solid #8ca82a; */

  background-color: #FFFFFF;

  border: medium none;

  color:#888;

  font-weight: bold;

  padding: 0;

}

.content .notice a {

  color:#888888;

  text-decoration:underline;

}



.content .error {

 /* color:#990000;

  padding:15px;  

  font-weight:bold;

  color:#ffffff;

  background-color:#980000; 

  border:2px solid #B02C2C; */

    background-color: #FFFFFF;

    border: medium none;

    color: #FF0000;

    font-weight: bold;

    padding: 0;

}



a.forgot-password {

  font-size:10px;

  margin-left:55px;

}

h3.login-signup-header {

 text-indent:15px;

 background: url(/images/yellow_bullet.gif) left center no-repeat;

}



.validation-advice {

  font-size:10px;

  color:#ff0000;

}



/* Signup form styles */

div.cell input.data {

  width:142px;

}



a.video-link {



}

.download_block a.video-link:hover {

  background-color:#fff;

  background:none;

}

/* Video styles */

#video-wrapper {

    margin-left: 10px;

    width: 756px;

}

#tips-wrapper {

    margin: 0 auto;

    width: 735px;

}

#videos-container .video-link {
  margin-bottom:18px;
}

#cerabox a.cerabox-right, #cerabox a.cerabox-left, #cerabox a.cerabox-close {
  margin-right:8px;
}


p.video-download-links {

    color: #999999;

    float: right;

    font-size: 10px;

    margin: 0;

    padding: 5px 0 5px 5px;

    text-align: right;

    width: 125px;

}

p.video-download-links a {

    color: #999999;

    font-family: helvetica;

	}



.archived_project {

  padding-bottom:10px;

  display:block;

    background: url("/images/yellow_bullet.gif") no-repeat scroll left top transparent;

    border-color: #FFFFFF;

    border-style: solid;

    border-width: 0 1px;

    bottom: 22px;

    display: block;

    left: 8px;

    padding-left: 18px;

  

}	

/* FAQ Stylez */

.faq_controller {
    clear: both;
    left: 525px;
    padding-bottom: 10px;
    position: relative;
    top: 0;
    width: 145px;

}

.faq_title span {
  font-size:16px;
  font-family:helvetica;
}

.faq_item h3 {
  cursor:pointer;
  margin-bottom:5px;
}

.content .faq_item {
/*  margin-bottom: 15px; */
}

.answer p {
  margin:0px;
  padding:0px 0px 10px 0px;
}
.answer ul li {
  list-style-image:none;
  background:none;
  padding-left:0px;
}

/* Collection descirption styles */
.collectionDescription {
	padding:0px 10px;
	line-height:24px;
	font-size:16px;
	font-family:helvetica;
}