@charset "utf-8";
/* CSS Document */


.calc_label
{
border: none;
border-color: #FFFFFF;
background-color: #FFFFFF;
}

body {
	background-image: url(images/bg.jpg);
	background-repeat:repeat-x;
	margin-top: 0px;	
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1{
	/*color: #906090;*/ color: #7A68AE;
	font-size: 16px;
}

.h1text{
	/*color: #906090;*/ color: #7A68AE;
	font-size: 16px;
	font: sans-serif;
	font-weight: normal;
}

.h1textWhite{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
}

h2{
   	/*color: #906090; bright purple */
	color: #000000;
	font-size: 24px;
	font-weight:100;
}

.h2text{
   	/*color: #906090; bright purple */
	color: #000000;
	font-size: 24px;
	font-weight:100;
}

.launchHeaderText{
   	/*color: #906090; bright purple */
	color: #000000;
	font-size: 35px;
	font-weight:100;
}

.launchDatesText{
	color: #7A68AE;
	font-size: 20px;
	font-weight:100;
}
.launchDatesText a:link{color: #7A68AE;	font-size: 20px; font-weight:100; text-decoration:none;}
.launchDatesText a:active{color: #7A68AE;	font-size: 20px; font-weight:100;  text-decoration:none;}
.launchDatesText a:visited{color: #7A68AE;	font-size: 20px; font-weight:100;  text-decoration:none;}
.launchDatesText a:hover{color: #7A68AE;	font-size: 20px; font-weight:100;  text-decoration:none;}

h2.border-bottom{
	padding: 0 0 30px 0;
	background: url(images/title-border-bottom.gif) no-repeat left bottom;
	line-height: 10px;
}

h2.border-bottom205{
	padding: 0 0 30px 0;
	background: url(images/title-border-bottom_205.gif) no-repeat left bottom;
	line-height: 10px;
}

.newsHeaderText{
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}

.newsLink{}

.loginBox{
	border: 1px solid #000000;
	width: 285px;
	padding: 0px 0px 0px 0px;
	/*margin-left:auto;
	margin-right:auto;*/
}

.newsBox{
	border: 1px solid #000000;
	width: 420px;
	padding: 5px 10px 5px 10px;
	margin-left:auto;
	margin-right:auto;
}

.trainingDatesBox{
	border: 1px solid #000000;
	width: 200px;
	height: 387px;
	padding: 0px 0px 0px 0px;
	/*margin-left:auto;
	margin-right:auto;*/
}

.blogBox{
	border: 1px solid #7968AE;
	width: 205px;
	height: 176px;
	/*height: 385px;*/
	padding: 0px 0px 0px 0px;
	/*margin-left:auto;
	margin-right:auto;*/
}

#pscroller1{
width: 180px;
height: 308px;
/*border: 1px solid black;*/
padding: 5px 5px 5px 5px;
/*background-color: lightyellow;*/
}

.headerTextBigImprint{
   	/*color: #906090; bright purple */
	color: #000000;
	font-size: 20px;
	font-weight:100;
}

.mainContainer{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 1047px;
	margin-left:auto;
	margin-right:auto;
}

.productHeaderText{
	color: #000000;
	font-size: 16px;
	font-weight: normal;
}

.productHeaderText a:link{ color: #333333;	font-size: 16px; text-decoration:none;}
.productHeaderText a:active{ color: #333333;	font-size: 16px; text-decoration:none;}
.productHeaderText a:hover{ color: #333333;	font-size: 16px; text-decoration:none;}
.productHeaderText a:visited{ color: #333333;	font-size: 16px; text-decoration:none;}

.priceText{
	font-size: 14px;
	/*color: #906090;*/ color: #7A68AE;
}

.findPhotographerContainer{
	border: 1px solid #CCCCCC;
	background-color: #ffffff;
	width: 780px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;

}

.photographerName{
	/*color: #906090;*/ color: #7A68AE;
	/*font-size: 16px;*/
	font-size: 1.4em;	
}

.photographerNameGrey{
	/*color: #906090;*/ color: #333;
	/*font-size: 16px;*/
	font-size: 1.4em;	
}

.uploaderBox{
	width: 650px;
	padding: 10px;
	background-color: #EEEEEE;
	border: 1px solid /*#906090*/ #7A68AE;
	margin-left:auto;
	margin-right:auto;
}

.regBox{
	width: 650px;
	padding: 0px;
	background-color: #EEEEEE;
	border: 1px solid /*#906090*/ #7A68AE;
	margin-left:auto;
	margin-right:auto;
}

.orderCompleteBox{
	width: 970px;
	padding: 0px;
	background-color: #EEEEEE;
	border: 1px solid #7A68AE;
	margin-left:auto;
	margin-right:auto;
}

.errorBox{
	width: 95%;
	padding: 10px;
	background-color: #EEEEEE;
	border: 1px solid #F00F00;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

.hidetext{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 5px;
	color: #000000;
}

.errorTextSmall{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F00F00;
}

.errorTextSmallPurple{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8d868d;
}
.errorTextSmallPurple a:link{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #8d868d;}
.errorTextSmallPurple a:active{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #8d868d;}
.errorTextSmallPurple a:hover{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #8d868d;}
.errorTextSmallPurple a:visited{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #8d868d;}

.errorText{
	font-size: 14px;
	color: #F00F00;
	font-weight:normal;
}

.errorText a:link{ font-size: 14px;	color: #F00F00;}
.errorText a:active{ font-size: 14px;	color: #F00F00;}
.errorText a:hover{ font-size: 14px;	color: #F00F00;}
.errorText a:visited{ font-size: 14px;	color: #F00F00;}

.priceTextBig{
	font-size: 22px;
	color: #000000;
	border-style: solid;
    border-color: #FFFFFF;
}

.priceTextCart{
	font-size: 16px;
	color: #333333;
	border-style: solid;
    border-color: #FFFFFF;
}



.purpleText{
	/*color: #906090;*/ color: #7A68AE;
	font-size: 14px;
	text-decoration:none;
	font-weight:normal;
}

.purpleText a:link{	/*color: #906090;*/ color: #7A68AE;	font-size: 14px; text-decoration:none;}
.purpleText a:active{	/*color: #906090;*/ color: #7A68AE;	font-size: 14px; text-decoration:none;}
.purpleText a:visited{	/*color: #906090;*/ color: #7A68AE;	font-size: 14px; text-decoration:none;}
.purpleText a:hover{	/*color: #906090;*/ color: #7A68AE;	font-size: 14px; text-decoration:underline;}

.mainText{
	color: #333333;
	font-size: 16px;
	font: sans-serif;
}

.mainText a:link{ /*color: #906090;*/ color: #7A68AE; font-size: 16px;	text-decoration: none;}
.mainText a:active{ /*color: #906090;*/ color: #7A68AE; font-size: 16px;	text-decoration: none;}
.mainText a:hover{ /*color: #906090;*/ color: #7A68AE; font-size: 16px;	text-decoration: none;}
.mainText a:visited{ /*color: #906090;*/ color: #7A68AE; font-size: 16px;	text-decoration: none;}

.mainTextRed{
	
	color: #F00F00;
	font-size: 16px;
	font-weight:normal;
}

.navtext{
	color: #FFFFFF;
	/*font-weight:bold;*/
	font-size: 14px;
}

.navtext a:link{ color: #FFFFFF;	/*font-weight:bold;*/font-size: 14px; text-decoration:none;}
.navtext a:active{ color: #FFFFFF;	/*font-weight:bold;*/font-size: 14px; text-decoration:none;}
.navtext a:visited{ color: #FFFFFF;	/*font-weight:bold;*/font-size: 14px; text-decoration:none;}
.navtext a:hover{ color: #FFFFFF;	/*font-weight:bold;*/font-size: 14px; text-decoration:underline;}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:80px;   /* Height of the footer */
   background-color:#000000;
   text-align:center;
}


.footerTextWhite{
	color: #FFFFFF;
	font-size: 14px;	
}
.footerTextWhite a:link{ color: #FFFFFF;	font-size: 14px; text-decoration:none;}
.footerTextWhite a:visited{ color: #FFFFFF;	font-size: 14px; text-decoration:none;}
.footerTextWhite a:active{ color: #FFFFFF;	font-size: 14px; text-decoration:none;}
.footerTextWhite a:hover{  color: #FFFFFF;	font-size: 14px; text-decoration:underline;}

.footerTextDark{
	
	color: #333333;
	font-size: 14px;
	font-weight:normal;
}
.numSpreadsBox{
	color: #333333;
	font-size: 14px;
	border-style: solid;
    border-color: #FFFFFF;
	background-color:#FFFFFF;	
}

.footerTextDark a:link{	 color: #333333; font-size: 14px; text-decoration:none;}
.footerTextDark a:active{ color: #333333; font-size: 14px; text-decoration:none;}
.footerTextDark a:visited{ color: #333333; font-size: 14px; text-decoration:none;}
.footerTextDark a:hover{ color: #333333; font-size: 14px; text-decoration:underline;}

.productContainer{
	border: 1px solid #CCCCCC;
    background-color: #ffffff;
	padding: 10px;
	width: 450px;
	margin-left:auto;
	margin-right:auto;

}

.productDetailContainer{
	border: 1px solid #CCCCCC;
    background-color: #ffffff;
	padding: 10px;
	width: 980px;
	margin-left:auto;
	margin-right:auto;

}

.mainPageInfoContainer{
	border: 1px solid #CCCCCC;
    background-color: #EEEEEE;
	padding: 10px;
	width: 980px;
	margin-left:auto;
	margin-right:auto;

}

.img_thumb{
		border: 1px solid #CCCCCC;
}

.thumbs {
	margin:0 0 20px 0; float: left;
}

.thumbs a { float: left; }

.thumbs img {
	border: solid 1px #CCCCCC!important;
	margin: 1px;
	height: 53px;
}

.thumbs img:hover {
	border-color: #7a737b!important;
}

.allButtons{
	font-size: 14px; color: #FFFFFF;
	/*background: #906090;
	padding: 4px 8px 4px 8px;
	border-top: 2px solid #b899b8;
  	border-left: 2px solid #b899b8;
  	border-right: 2px solid #4c324c;
  	border-bottom: 2px solid #4c324c;*/
	background: #7A68AE;
	padding: 4px 8px 4px 8px;
	border-top: 2px solid #AA9ECB;
  	border-left: 2px solid #AA9ECB;
  	border-right: 2px solid #40375B;
  	border-bottom: 2px solid #40375B;
	
}

.greyButtons{
	font-size: 14px; color: #FFFFFF;
	/*background: #906090;
	padding: 4px 8px 4px 8px;
	border-top: 2px solid #b899b8;
  	border-left: 2px solid #b899b8;
  	border-right: 2px solid #4c324c;
  	border-bottom: 2px solid #4c324c;*/
	background: #999999;
	padding: 4px 8px 4px 8px;
	border-top: 2px solid #BEBEBE;
  	border-left: 2px solid #BEBEBE;
  	border-right: 2px solid #505050;
  	border-bottom: 2px solid #505050;
	
}

.smallButtons{
	font-size: 10px; color: #FFFFFF;
	background: #7A68AE;
	padding: 3px 3px 3px 3px;
	border-top: 1px solid #AA9ECB;
  	border-left: 1px solid #AA9ECB;
  	border-right: 1px solid #40375B;
  	border-bottom: 1px solid #40375B;
	
}

/* FOR CHECKBOX AND RADIO BUTTON STYLING */

label {
    display: inline;
}
 
.regular-checkbox {
    display: none;
}
 
.regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
 
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    /*color: #906090;*/ color: #7A68AE;
}
 
.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    /*color: #906090;*/ color: #7A68AE;
}
 
 
.big-checkbox + label {
    padding: 18px;
}
 
.big-checkbox:checked + label:after {
    font-size: 28px;
    left: 6px;
}
 
.tag {
    font-family: Arial, sans-serif;
    width: 200px;
    position: relative;
    top: 5px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    float: left;
}
 
.radio-1 {
    width: 193px;
}
 
.button-holder {
    float: left;
}
 
/* RADIO */
 
.regular-radio {
    display: none;
}
 
.regular-radio + label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 7px;
    border-radius: 20px;
    display: inline-block;
    position: relative;
}
 
.regular-radio:checked + label:after {
    content: ' ';
    width: 9px;
    height: 9px;
    border-radius: 20px;
    position: absolute;
    top: 2px;
    background: /*#906090*/ #7A68AE;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
    text-shadow: 0px;
    left: 2px;
    font-size: 32px;
}
 
.regular-radio:checked + label {
    background-color: #e9ecee;
    color: #99a1a7;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
 
.regular-radio + label:active, .regular-radio:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.includedlist { list-style-image: url(../images/tick_purple_greybg.jpg); font-size: 16px; color: #333333;}

.img_right{
	float: right;
}

.img_left{
	float: left;
}

.quick-alert {
   position:fixed;
   top: 50%;
   left: 50%;
   width: 300px;
   /*margin: 1em 0;*/
   padding: .5em;
   background: #7A68AE;
  /* border: 1px solid #8D868D;*/
   color: #FFFFFF;
   font-weight: bold;
   display: none;
   /*margin-top: -9em;*/ /*set to a negative number 1/2 of your height*/
    margin-left: -150px; /*set to a negative number 1/2 of your width*/
   /*margin-left:auto;
   margin-right:auto;*/
   text-align:center;
   z-index: 99999;
 }

.pingpong{
	position:fixed;
    top: 50%;
}

hr.gradient-style {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

.homeTextContainers{
	width: 80%;
	font-size: 1em;
	padding: 20px;
	margin-left:auto;
	margin-right:auto;
}

/* For expanding and collapsing info   
.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

.eg-bar{
background-color: #7968AE;
font-weight: bold;
/*border: 1px solid black;
padding: 10px;
}

div.eg-bar{
width: 650px;
color: #FFFFFF;
font-size: 16px;
font-weight: normal;

}

.icongroup1{
width: 650px;
background-color: #EEEEEE;
border: 1px solid #999999;
color: #000000;
font-size: 12px;
font-weight: normal;
padding: 10px;
}
 END For expanding and collapsing info   */
