/* changed for Sportclubphoto */

#content_outer a {
	margin-bottom:4px;
}

#content_outer a:link {
	color: #000000;
}
#content_outer a:visited {
	color: #000000;
}
#content_outer a:hover {
	color: #000000;
}

/* end changed for Sportclubphoto */


/*
copied from Px App
*/

.box .label .header
{
position: absolute;
background-color: transparent;
left: 10px;
top: 5px;
height: 29px;
width: 600px;
marginp: 0;
font-size: 15px;
font-weight: bold;
}

.box .label
{
position: absolute;
left: 0px;
top: 0px;
height: 29px;
width: 280px;
overflow: visible;
}



/*****************************
* Buttons
*****************************/
/* default hover and active - use active class off-screen for pre-loading hover */
.btn:hover,
a.btn-act {
 text-decoration:none;
 color:#3287D5;
 background-image:url(../images2/tl_hover.gif);
}

.btn:hover strong,
a.btn-act strong {
 background-image:url(../images2/tr_hover.gif);
}

.btn:hover strong strong,
a.btn-act strong strong {
 background-image:url(../images2/bl_hover.gif);
}

.btn:hover strong strong strong,
a.btn-act strong strong strong {
 background-image:url(../images2/br_hover.gif);
 font: 10px; color: #ffa800;
}

/* default */

.btn {
 color:#666;
 background:transparent url(../images2/tl.gif) no-repeat top left;
 font-weight:normal;
 text-decoration:none;
 text-align:center;
 margin:0;
 cursor:pointer;
 display:block;
}

.btn strong {
 background:transparent url(../images2/tr.gif) no-repeat top right;
 right:-4px;
 position:relative;
 display:block;
}

.btn strong strong {
 background:transparent url(../images2/bl.gif) no-repeat bottom left;
 top:4px;
 left:-4px;
 right:0;
}

.btn strong strong strong {
 background:transparent url(../images2/br.gif) no-repeat bottom right;
 padding:0 .85em .5em .85em;
 top:auto;
 right:-4px;
 left:auto;
 text-indent:-5px;
 font: 10px; color: #333333;
 font-weight:normal;
}

/* disabled hover */
.btn-dis,
.btn-dis:hover {
 color:#666;
 background:transparent url(../images2/tl.gif) no-repeat top left;
 font-weight:bold;
 text-decoration:none;
 text-align:center;
 margin:0;
 cursor:pointer;
 display:block;
}

.btn-dis strong,
.btn-dis:hover strong {
 background:transparent url(../images2/tr.gif) no-repeat top right;
 right:-4px;
 position:relative;
 display:block;
}

.btn-dis strong strong,
.btn-dis:hover strong strong {
 background:transparent url(../images2/bl.gif) no-repeat bottom left;
 top:4px;
 left:-4px;
 right:0;
}

.btn-dis strong strong strong,
.btn-dis:hover strong strong strong {
 background:transparent url(../images2/br.gif) no-repeat bottom right;
 padding:0 .85em .5em .85em;
 top:auto;
 right:-4px;
 left:auto;
 text-indent:-5px;
 font: 10px; color: #888888;
}

/* secondary */
.btn-2 {
 color:#5A57A5;
 background-image:url(../images2/tl.gif);
 font-weight: normal;
}

.btn-2 strong {
 background-image:url(../images2/tr.gif);
}

.btn-2 strong strong {
 background-image:url(../images2/bl.gif);
}

.btn-2 strong strong strong {
 background-image:url(../images2/br.gif);
}

/* disabled */
.btn-dis,
.btn-dis:hover {
 color:#999;
 cursor:default;
}

.btn-dis:active {
 cursor:not-allowed;
}

.btnsep {
 border-right:#B4B6B0 1px solid;
}

.btn-float-l {
 list-style:none;
 margin:0;
 padding:0;
 font-size: 10px;
 font-weight: normal;
 font-style: normal;
}

.btn-float-l li {
 float:left;
 vertical-align: middle;
 margin-right:.75em;
 padding-bottom:.3em;
 height:1.75em;
 font-weight: normal;
}

.btn-float-l li.last {
 margin-right:0;
}

.btn-float-l .btnsep {
 margin-left:.4em;

}

.btn-bar {
 background:#f4f5eb;
 border:#b5b5af 1px solid;
 border-left:none;
 border-right:none;
 padding:.5em .95em;
}

.btn-bar-bottom {
 border-bottom:none;
 padding-bottom:.35em;
}
.title { font: 20px; font-weight:bold; padding:0px 0px 0px 10px}
FONT.boldhead
{
    COLOR: #666666;
    FONT-SIZE: 18px;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 22px;
}


div.previousArrow
{
  line-height: 11px;
  width: 11px;
  height: 11px;
  vertical-align: middle;
  display: inline;
}

div.previousArrowDisabled
{
  line-height: 11px;
  width: 11px;
  height: 11px;
  vertical-align: middle;
  display: inline;
}

div.nextArrow
{
  line-height: 11px;
  width: 11px;
  height: 11px;
  vertical-align: middle;
  display: inline;
}


/*
end copied from app
*/

.vmBody {
	position: absolute;
	z-index: 20;
	left: 22px;
	top: 81px;
	width: 756px;
	height: 510px;
	overflow: auto;
}

input, textarea, select { 
	color: black; 
}


.vmNav {
	float: left;
	width: 200px;
	padding-right: 25px;
}

.vmMain { 
	float: left; 
}

/* firefox bug: soms geen inputfield cursor in overflow: auto div */
.vmBody { 
	overflow: visible; 
}

#vmCheckoutBox {
	position: relative;
	top: 106px;
	width: 752px;
	height: 358px;
/*	position: absolute;
	left: 17px;
	top: 96px;
	height: 355px;
	width: 734px;
	z-index: 10;*/
}

.vmCheckoutBoxContent {
	z-index: 30;
	position: absolute;
	background-color: Transparent;
	left: 17px;
	top: 140px;
	height: 318px;
	width: 730px;
	overflow: auto;
}

.vmCheckoutBoxContent a {
	text-decoration: underline;
}

.vmCheckoutBoxContent a.btn {
	text-decoration: none;
}


.vmCheckoutBoxPadding {
	padding: 0px 0 0 44px;
	margin: 0;
	width: 650px;
}

div.copyright {
	width:380px;
}

div.backgroundProgressMenu {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 533px;
	height: 23px;
}

div.progressMenu {
	position: absolute;
	top: 10px;
	left: 6px;
	width: 580px;
}

div.progressMenu td {
	padding: 0 8px;
}

div.progressMenuButtons { 
	width: 500px; 
}

.progressMenuButtons#cart {
	top: 470px;
	left: 56px;
	width: 700px;
}

.contentheading {
	font-weight: bold;
	font-size: 16px;
	padding: 10px 0 0 0;
}


div.box { 
	position: absolute; 
	width: 100%; 
	height:300px;
	left:0px;
	width: 330px;
	top: 20px; 
}
div.boxcontent { 
	position: absolute; 
	width: 100%; 
	height:300px;
	left:0px;
	margin-top:50px;
	margin-left:30px;
}

div.formLine {
	margin-bottom:14px;
	width:280px;
}

div.boxcontent .labelText {
	margin-bottom:4px;
}
div.boxcontent .inputbox {
	margin-bottom:14px;
	padding:5px 6px;
	width:215px;	
}

/* general login / register page */ 
#login_product { 	
	float: right; 
}

.login_box form { 
	padding-top: 45px; 
}

.login_box #lostPassword { 
	margin-bottom: 10px;
}

.login_box #lostPassword a { 
	text-decoration: underline;
}

.login_box #lostPassword a:hover { 
	text-decoration: none;
}

.login_box form#reg { 
	padding-top: 0px; 
}

.login_box .inputbox {
	width: 215px;
	padding: 5px 6px;
	margin-bottom: 14px;
}

.login_box .labelText { margin-bottom: 4px; }

/* end general login / register page */ 

div#registerForm {
	height: 400px;
}

div#registerForm div.box { 
	width: 320px;
	height:400px;
	top:80px;
}
div#registerForm div.boxcontent { 
	width: 300px;
}


div.login div.box { 
	/*NOT IMPLEMENTED*/
}
div#registerForm div.progressMenuButtons {
	top:450px;
}

/* login page */

div.login div.login_box { 
	position: absolute; 
	z-index: 20; 
	left: 125px; 
	top: 135px; 
	height: 220px; 
	width: 285px; 
}

div.login .contentpaneopen { 
	width: 756px; 
}


div.progressMenuButtons {
	position:absolute;
	left:105px;
	top: 280px;
	width:200px;
	z-index:20;		
}

div.progressMenuButtons div.progressMenuButtonsInnerDiv {
	float:right;
}

/*
#login_box {
	left:100px;
	margin-left:20px;
	position:relative;
	top:150px;
}
#login_box .labelText {
	margin-bottom:4px;
}
#login_box .inputbox {
	margin-bottom:14px;
	padding:5px 6px;
	width:215px;	
}*/



/* end login page */



/* register page */
div.register div.box {
	position: absolute; 
	left: 88px; 
	top: 110px; 
	height: 300px; 
	width: 330px; 
}

div.register div.login_box { 
	position: absolute; 
	left: 123px; 
	top: 150px; 
	height: 220px; 
	width: 285px; 
}

.contentpaneopen#reg {
	 width: 756px; 
}

.contentpaneopen#reg .borderbox { 
	height: 40px; 
}

form#reg { width: 300px;}
form#reg #registerName .labelText { float: left; width: 97px;}
form#reg #registerName #middle_name_label { 
	width: 34px; 
}
form#reg #registerName input { 
	float: left; 
	width: 85px;
}

form#reg #registerName input#middle_name_field { 
	width: 15px; 
	margin: 0 3px; 
}

form#reg #registerBirth , form#reg #title {  
	margin-bottom: 7px; 
}

div.register .login_box .inputbox {
	margin-bottom: 7px;
}


/* end register page */


/* login and register on one page */
div.boxcontent#loginForm {
	width: 300px;
	left: 400px;
	top: 10px;
}

div.boxcontent#loginForm div.box {
	height: 300px;
	width: 290px;
}

div.boxcontent#loginForm .borderTL, 
div.boxcontent#loginForm .borderTR, 
div.boxcontent#loginForm .bottomCorners {
	display: none;
}

div.boxcontent#loginForm form#pxlogin_form {
	position: relative;
	z-index: 99;
	top: 63px;
	left: 30px;
}

div.boxcontent#loginForm div.progressMenuButtons {
	left: 30px;
	top: 180px;
}

div.boxcontent#loginForm div.progressMenuButtons #pmb-register {
	display: none;
}

/* end login and register on one page */


/* lost password page */
div.lostpassword .progressMenuButtons {  
	/* top: 220px; */ 
	left: 0px; 
	width: 300px; 
}

div.lostpassword div.box {
/*	position: absolute; 
	left: 130px; 
	top: 60px; 
	height: 230px; 
	width: 493px;*/ 
}
/* end lost password page */






div.backgroundPageNarrative
{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 750px;
}

div.backgroundPageNarrativeText
{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 745px;
	height: 65px;
	overflow: auto;
}


#HelpTextTD {  }


/* general form */

.inputWrapper { clear: both;}

.inputbox
{
	margin-bottom:14px;
	padding:5px 6px;
	width:215px;
	border: none;
	/*padding: 2px 6px;*/
	background-color: white;
}

.prod a.modify { text-decoration: underline; }
.prod a.modify:hover { text-decoration: none; }

.prod input { float: left }

.prod input.small
{
	width: 15px;
	text-align: center;
}

.prod form
{
	float: left;
	padding: 0;
	margin: 0;
}

.cartTable form
{
	padding: 0;
	margin: 0;
}

.cartTable td { padding: 6px 10px; }

.cartTable th
{
	background-color: #4cccdd;
	padding: 3px 10px;
}

.sectiontableentry1 td, .sectiontableentry2 td { 
	background-color: #bee5ee; 
}

.deleteForm { 
	clear: both; 
	padding-top: 0px;
	float: right; 
}
.updateForm { 
	width: ;
	60px;
}
.updateForm .edit { 
	margin-left: 
	5px; 
}

.cartTable #couponTable form {
	margin: 0;
	padding: 0;
}

.cartTable #couponTable .inputbox { 
	width: 120px; 
}

.cartTable #couponTable td {
	padding: 0;
	width: 183px;
}

.cartTable #couponTable td#pad { 
	padding: 3px 0 0 10px; 
}

.cartTable .c1 { 
	width: 65px; 
}

.cartTable .c2 { 
	width: 80px; 
}

.cartTable .c3 { 
	width: 290px; 
}

.cartTable .c4 { 
	width: 110px; 
}

.cartTable#FinalCheck .c1 { 
	width: 45px; 
}

.cartTable#FinalCheck .c2 { 
	width: 80px; 
}

.cartTable#FinalCheck .c3 { 
	width: 250px; 
}

.cartTable#FinalCheck .c4 { 
	width: 170px; 
}

#FinalCheckInfo .c1 { 
	width: 220px; 
}

#FinalCheckInfo .c2 {
	width: 219px; 
}

#FinalCheckInfo .c4 { 
	width: 190px; 
}

#FinalCheckInfo td { 
	padding-left: 4px; 
}

#FinalCheckInfo table th {
	background-color: #4cccdd;
	padding: 3px 10px;
}

#FinalCheckInfo table td {
	background-color: #bee5ee;
	padding: 6px 10px;
	height: 70px;
}

#FinalCheckInfo textarea {
	border: 0;
	width: 164px;
	height: 50px;
	margin: 0;
	padding: 3px
}

.cartTable .right {
	text-align: right;
	font-size: 13px;
}

.cartTable .big {
	font-size: 15px;
	font-weight: bold;
}

.addressTable { 
	width: 600px; 
}

.addressTable td { 
	padding: 2px 0; 
}

.addressTable .lbl { 
	width: 102px; 
}

.addressTable .inputbox {
	margin-bottom:6px;
}

.addressTable #first_name_field, .addressTable #last_name_field { 
	width: 85px; 
}
.addressTable #middle_name_field { 
	width: 15px; 
}
.addressTable #zip_field { 
	width: 40px; 
}

.addressTable #city_field { 
	width: 160px; 
}

.addressTable #country_field { 
	width: 227px; 
}

.shippingTable .sectiontableentry2 td { 
	background: none; 
}

.vmCover { 
	border: 1px solid #94afb7; 
}

/* ogone confirmation page */
#ogoneResult p { 
	padding: 10px;  
}

div.message { 
	width: 700px; 
	text-align: center; 
	color: #FF0066; 
	font-weight: bold; 
	padding-top: 15px;
}

 /* never show this box */
div.shop_error, div.shop_critical {
	height:0px;
	margin:0px;
	padding:0px;
	visibility:hidden;
}

#getFinalConfirmation a { text-decoration: underline; }
#getFinalConfirmation a:hover { text-decoration: none; }