body {

  padding: 0;

  margin: 0;

  font: normal 12px Arial, Verdana, Tahoma, "Trebuchet MS";

	background:#F3F3F3 url('../images/frontend/gradient_grey.png') repeat-x top left;

}

h1{

	background-image:none;

	background-color:#cccccc;

}

#container, body.embed{

	background-color:#FFFFFF;

}

#container {

  float: left;

}

img {

  border: 0;

}



* html img { 

	behavior: url('../js/pngfix/iepngfix.htc');

}



.hide{

	display:none !important;

}

a {

  color: #018AFF;

}

#wrapper {

  width: 990px;

  margin: 0px auto 0px auto;

}



#header, #headerBuilder {

  width: 100%;

  height: 71px;

}

#headerBuilder {

  height: 37px;

}



#footer {

  width: 100%;

  background: #EBEBEB url('../images/frontend/footer_bg.png') repeat-x 0px 0px;

  float: left;

  min-height: 150px;

}

#footer .footerColumn {

  margin: 10px;

  padding: 5px;

  float: left;

  width: 160px;

  font-size: 11px;

}

#footer .footerColumn ul {

  margin: 5px 0px 0px 0px;

  padding: 0;

  list-style: none;

}

#footer .footerColumn ul li {

  color: #ccc;

}

#footer .footerColumn:hover ul li {

  color: #333;

}

#footer .footerColumn ul li a {

  color: #666;

  background: transparent url('../images/icons/bullet_black.png') no-repeat 0px 0px;

  padding: 0px 0px 0px 17px;

  text-decoration: none;

  line-height: 16px;

}

#footer .footerColumn ul li a:hover {

  text-decoration: underline;

}

#footer .footerColumn:hover ul li a {

  color: #333;

}

#header .logo {

  width: 269px;

  float: left;

}



#headerBuilder .logoBuilder {

  width: 141px;

  float: left;

}



#header .headerMenu {

  background: #E5E5E5;

  width: 721px;

  float: left;

  height: 71px;

}



#headerBuilder .headerMenuBuilder{

  background: #fff;

  width: 849px;

  float: left;

  height: 37px;

}



#mainMenuBuilder {

  margin: 10px 0px 0px 10px ;

  padding: 0;

  list-style: none;  

}

#mainMenuBuilder li {

  padding: 0px 5px 0px 5px;

  border-right: 1px dotted #333;

  float: left;

}



#mainMenu {

  margin: 13px 0px 0px 0px ;

  padding: 0;

  list-style: none;

}



#mainMenu  li {

  float: left;

  padding: 3px 3px 18px 3px;

  margin: 0px 0px 0px 5px;

}



#mainMenu li a {

  font-size: 14px;

  font-weight: bold;

  color: #3E3E3E;

  text-decoration: none;

  padding: 10px;

  display: block;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  background: #f2f2f2;

}



#mainMenu li.active {

  /*background: transparent url('../images/frontend/menu_active_arrow.gif') 50% 37px no-repeat;*/

  padding: 3px 3px 18px 3px;

}

#mainMenu li a:hover {

  background: #d3d3d3;

}

#mainMenu li.active a {

  background: #d3d3d3;

  color: #fff;

  background: #d90000;

}



.bar {

  border-bottom: 1px dotted #ccc;

  padding: 5px 0px;

  line-height: 25px;

  float: left;

  width: 100%;

  padding-bottom: 8px;

  text-indent: 5px;

  background: #f4f4f4;

}

a.buttonCreateAccount {

  background: #fbefbe;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  padding: 10px;

  color: #333;

}

ul.benefits {

  list-style: none;

}

ul.benefits li {

  font-size: 14px;

  font-weight: bold;

  line-height: 30px;

  background: transparent url('../images/icons/accept.png') no-repeat 0px 7px;

  padding: 0px 0px 0px 25px; 

}



.leftColumn248 {

  width: 248px; 

  float: left; 

  border-right: 1px solid #d3d3d3;

  border-bottom: 1px solid #d3d3d3; 

  padding: 10px; 

  background: #e5e5e5;

  min-height: 350px;

}

.rightColumn701 {

  width: 701px; 

  float: left; 

  padding: 10px; 

  background: #fefefe;

  min-height: 350px;

}

.fullColumn {

  float: left;

  width: 970px;

  padding: 10px;

  background: #fefefe;

}

.innerContent {

  padding: 10px;

  float: left;

}

.innerContent .innerLeft, .innerContent .innerRight {

  float: left;

  width: 325px;

}

.innerContent .innerRight {

  margin-left: 5px;

  width: 350px;

}

.fullColumn .innerContent {

  width: 950px;

}

.fullColumn .innerContent .innerLeft {

  width: 400px;

}

.fullColumn .innerContent .innerRight {

  width: 535px;

  margin-left: 15px;

}

h2.red {

  font-weight: normal;

  font-size: 160%;

  color: #d90000;

}

.innerContent p {

    line-height: 20px;

}

.innerLeft p, p.grey {

  color: #555;

  line-height: 20px;

}

.leftColumn3-4 {

  float: left;

  width: 700px;

}

.rightColumn1-4 {

  float: left;

  width: 240px;

  margin-left: 10px;

}

.userInfoBox {

  padding: 5px;

  width: 230px;

  background: #E5E5E5;

  color: #555;

}

.advantages-list {

  width: 535px;

  float: left;

}

.advantages-list .list {

  float: left;

  width: 370px;

  margin-right: 5px;

}

.advantages-list .image {

  width: 160px;

  float: left;

}

.advantages-list .list ul {

  list-style: none;

  padding: 0px;

  margin: 0px;

}

.advantages-list .list ul li {

  padding: 3px 0px 3px 25px;

  color: #2E7797;

  background: transparent url('../images/frontend/mumm.gif') no-repeat 0px 2px;

}

.banner {

  margin: 0px 0px 10px 0px;

}

.submenu {

  line-height: 25px;

  width: 100%;

  float: left;

}

.submenu a.menu, a.blue, a.grey {

  margin: 0px 10px 0px 0px;

  padding: 3px 10px 3px 26px;

  text-decoration: none;

  display: block;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  background-color: #646464;

  color: #fff;

  float: left;

  

}

.submenu a.menu:hover, .submenu a.active, a.blue {

  background-color: #2E2E2E;

}

a.blue:hover {

  background: #1e1e1e;

}

a.blue, a.grey {

  padding: 6px;

}

a.blue {

  color: #fff !important;

}

ul.process-list {

  list-style: none;

  padding: 0px;

  margin: 0px;

}

ul.process-list li {

  float: left;

  padding: 0px;

  margin: 0px;

  height: 134px;

}

ul.process-list li.arrow {

  width: 18px;

  background: url('../images/frontend/samm_nooleke.jpg') no-repeat 0px 0px;

  display: block;

  float: left;

}

.stepNav a.step 

{

  margin: 0px 6px 0px 0px;

  padding: 6px;

  border: 1px solid #ddd;

  background: #d4d4d4;

  text-decoration: none;

  color: #666;

}

.stepNav a.active,.stepNav a.active:hover

{

  border: 1px solid #ddd;

  background: #fff;

  text-decoration: none;

  color: #333;

}



.info{

	border-bottom:1px dotted #CCCCCC;

}

.info h2{

	font-size:160%;

	font-family:inherit;

	font-weight:;

	font-style:;

	color:#000000;

}

.info div{

	font-size:95%;

	font-family:inherit;

	font-weight:;

	font-style:;

	color:#444444;

}

.active {

  font-weight: bold;

  color: #333;

}

.upload {

  background: url('../images/icons/image_add.png') no-repeat 6px 7px;

}

.projects {

  background: url('../images/icons/application_form_magnify.png') no-repeat 6px 7px;

}



.photos {

  background: url('../images/icons/images.png') no-repeat 6px 7px;

}



.profile {

  background: url('../images/icons/user.png') no-repeat 6px 7px;

}

.help {

  background: url('../images/icons/help.png') no-repeat 6px 7px;

}



.category {

  float: left;

  width: 100%;

  padding: 5px 0;

}

.category ul {

  padding: 0px;

  margin: 0px 5px 0px 0px;

  list-style: none;

}

.category ul li {

  float: left;

  margin: 0px 5px 0px 0px;

}

.category ul li div.item {

  float: left;

  background: #fbefbe;

  padding: 10px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

}

.category ul li div.item span.title {

  width: 100%;

  float: left;

  text-align: center;

}

.category ul li div.item span.title a {

  font-weight: bold;

  color: #333;

  font-size: 14px;

  text-decoration: none;

}



div#previewImages {

  float: left;

  width: 100%;

  padding: 0;

  margin: 0;

}

#listImages {

  padding: 0;

  margin: 0;

  list-style: none;

}

#listImages li {

  margin: 3px;

  float: left;

}

#listImages li img {

  padding: 1px;

  border: 1px solid #bbb;

}

#listImages li a img 

{

  border: none;

}

#listImages li div.imageInfo {

  width: 100%;

  text-align: center;

  font-weight: bold;

  font-size: 10px;

  color: #666;

  height: 20px;

}

.imgInfo {

  width: 100%;

  text-align: center;

  color: #666;

  font-size: 10px;

}



.imgAction {

  background:black none repeat scroll 0 0;

  display:none;

  height:0;

  margin:1px 0px 0px 1px;

  position:absolute;

  width:130px;

  color: #fff;

}

.imgAction .imgActionText {

  width: 128px;

  float: left;

  font-size: 10px;

  padding-left: 5px;

}

.subInfo {

  font-weight: bold;

  padding: 5px 0px 5px 25px;

}



/* PROJECT */

.bookSelection .middle  {

  width: 100%;

}

.bookSelection .splash {

  float: left;



  width: 640px;

  padding: 0px 5px 10px 0px;

  border-right: 1px dotted #d3d3d3;

}

.bookSelection .description {

  float: left;

  position: relative;

  width: 240px;

  padding: 0px 0px 0px 5px;

  font-size: 14px;

}

.bookSelection .price {

  margin: 10px 0px 0px 0px;

}



.projectList {

  width: 100%;

  float: left;

  padding: 5px 0px;

  margin: 0px 0px 30px 0px;



}

.projectList ul {

  padding: 0;

  margin: 0;

  list-style: none;

  width: 100%;

}

.projectList ul li {

  margin: 5px 5px 0px 0px;

  float: left;

  padding: 6px;

  background: #d3d3d3;

  text-align: center;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

}



li.bookCoverSelector {

  width: 250px;

}

li.bookCoverSelector strong {

  font-size: 14px;

}

.selectorHover {

  background: #C3C3C3 !important;

  border: 2px solid #B2B2B2;

  cursor: pointer;

  padding: 4px !important;

}

.ui-selected {

  background: #bbb !important;

}

ul#covers {

  list-style: none;

  padding: 0px;

  margin: 0px;

}

li.bookCoverSelector .price {

  padding: 7px 0px;

  font-weight: bold;

  color: #494949;

  width: 100%; 

  list-style: none;

}



div.selectGalleryButton, div.swfButtons {

  width: 96%;

  clear: both;

  border: 1px solid #dedede;

  padding: 10px 0px !important;

}

div.swfButtons {

  border: none !important;

}

div.swfButtons .swfupload {

  float: left;

  margin-left: 60px;

}

div.selectGalleryButton span {

  text-align: center;

  font-size: 90%;

  color: #333;

  padding-bottom: 5px;

  display: block;

  clear: both;

}

div.selectGalleryButton a, a.uploadButton, a.startButton {

  padding: 15px !important;

  width: 300px !important;

  font-size: 130% !important;

  color: #fff !important;

  background: #d80000;

  text-decoration: none;

  text-align: center !important;

  font-weight: bold !important;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  margin: 0 0 0px 60px !important;

  display: block;

}

div.selectGalleryButton a:hover {

  background: #BA0004;

}

div.selectGalleryButton a.inactive, a.inactive {

  background: #1e1e1e;

}

a.uploadButton {

  background: #1e1e1e;

}

a.uploadButton:hover {

  background: #4387AB;

}

a.startButton {

  background: #51AA1C;

}

a.startButton:hover {

  background: #62BE2B;

}



input.startButton, input.cancelButton {

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  padding: 8px;

  border: 0px;

  background-color: #646464;

  color: #fff;

  font-size: 12px;

  font-weight: bold;

  cursor: default;

  font-family: Arial, Verdana, Tahoma;

}

input.startButton.enabled {

  background-color: #44CE00 !important;

  cursor: pointer;

  clear: both;

}

input.uploadButton.enabled {

  background-color: #1e1e1e !important;

  cursor: pointer;

}

input.canceButton.enabled {

  background-color: #D90000 !important;

}



div#selected_gallery {

  width: 96%;

  clear: both;

  text-align: center;

  border: 1px solid #dedede;

  background: #f4f4f4;

  border-top: none;

  padding: 5px 0px;

}

div#selected_gallery span {

  font-weight: bold;

  color: #1e1e1e;

}



a.active {

  background-color: #d80000;

}

a.active:hover {

  background-color: #BA0004;

}

ul.help {

  list-style: none;

}

ul.help li {

  margin: 5px;

  padding: 5px;

  line-height: 30px;

  float: left;

  font-size: 110%;

}

div.docs_content {

  line-height: 20px;

}



.price_row {

  clear: both;

  line-height: 18px;

  color: #1e1e1e;

  float: left;

  width: 300px;

  font-size: 110%;

  margin-bottom: 3px;

  padding-bottom: 3px;

  border-bottom:1px solid #dedede;

}

div.price_row div.name {

  float: left;

  width: 240px;

  font-weight: bold;

  font-size: 130%;

}

div.price_row div.price {

  float: left;

  width: 60px;

  font-size: 130%;

  font-weight: bold;

  color: #B00004;

  text-align: left;

}

div.price_wrapper {

  line-height: 18px; 

  color: #1e1e1e; 

  margin-top: 10px; 

  width: 100%; 

  float: left;

  margin-right: 15px;

}

div.price_wrapper.detailed {

  width: 300px;

}

div.rotator {

  width: 48%;

  float: left;

  text-align: center;

  padding: 0px 0px 5px 0px;

}

a.gal.active {

  background-color: transparent

}



div.res_table {

  float: left;

  border: 1px solid #bbb;

  width: 700px;

  text-align: center;

}

div.res_table div.header {

  float: left;

  padding: 5px 0px;

  width: 100%;

  background: #808080;

  color: #fff;

  text-align: center;

  font-size: 11px;

  font-weight: bold;

}

div.res_table div.row {

  float: left;

  width: 690px;

  padding: 1px 5px;

}

div.res_table div.row.image div.c,div.res_table div.row.image div.c1 {

  margin-bottom: 5px;

}

div.res_table div.row div.c, div.res_table div.row div.c1, div.res_table div.row div.c2 {

  float: left;

  width: 100px;

  text-align: center;

  border-right: 1px solid #fff;

  background: #f2f2f2;

  padding: 5px 0px;

}

div.res_table div.row div.c1 {

  background: none;

}

div.res_table div.row div.c1, div.res_table div.row div.c2 {

  text-align: left;

  text-indent: 5px;

  width: 285px;

}

div.res_table div.row div.c2 {

  background: #ccc;

}



ul.error_list li {

  color: #d80000;

  font-weight: bold;

}



div.price_button {

  width: 228px;

  padding: 20px 5px;

  border: 1px solid #bbb;

  background: #f4f4f4 url('../images/grey_gradient.png') repeat-x top left;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  font-size: 18px;

  font-weight: bold;

  float: left;

  margin-right: 2px;

  text-align: center;

}

div.price_button.a {

  padding: 29px 5px;

}

div.price_button span {

  width: 100%;

  float: left;

  font-size: 14px;

  clear: both;

}

li div.imageSrc {

  position: relative;

}

div.imageLoader {

  position: absolute;

  z-index: 700;

  background: #fff;

  text-align: center;

  background: #fff;

  top: 0;

  left: 0;

  background: #fff url('../images/frontend/indicator.gif') no-repeat center center;

}

div.imageLoader span {

}