/* Additional styles for the 
*  PG Music Shopping cart
*  www.pgmusic.com
-------------------------------------*/


/*-------------General---------------*/

.text p {margin-bottom:0; padding-bottom:8px}
.text td{font-size: 14px;line-height: 20px;}

/*space below the main nav bar*/

#nav_main {margin-bottom:10px}

/*headings*/

.text h1 {font-size: 24px; margin:6px 0px 10px 0px;text-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);}
.text h2 {margin-bottom:20px}
.text h3 {font-size: 16px; font-weight:bold; padding: 8px 0 8px 0;}

/*cart buttons*/

.cart-button-back {float:left}
.cart-button-continue {float:right}

/*make the "messages" red and same size as other errors*/

font[color="red"] b {color:red; font-size:15px}

/*misc*/

.center {text-align:center}
.red {color:red}
.invalid {color:red; font-size:14px}

/*misc tables*/

table.finale-academic {border: 1px solid #CCCCFF;border-collapse: collapse;font-size: 14px;margin: 0;padding: 0;}
table.finale-academic td {padding: 10px 5px 10px 15px;vertical-align: top}
table.finale-academic .bgh {background: none repeat scroll 0 0 #EAEDEE;}
table.finale-academic .bg {background: none repeat scroll 0 0 #F0F3F4;}

/*forms - general*/

label {width:120px; float: left; padding-top:4px}
input.textfieldbg {background-color:#fdfdfd; background-image:none; width:200px; border:1px solid grey; padding:2px;}
.field {margin:8px 0; font-size:14px}
label.required {font-weight:bold}
label.optional {font-weight:normal}
.valication {}


/*-------------Header and Footer-------------*/

/*nav_main - 6 buttons (overrides styles.general.css)*/

#nav_main ul.six-buttons li:first-child a {width:156px}
#nav_main ul.six-buttons li a,
#nav_main ul.six-buttons li#bbwin a,
#nav_main ul.six-buttons li#bbmac a {width:159px}
#nav_main ul.six-buttons li.last a {width:156px}

/*nav_main - 5 buttons (overrides styles.general.css)*/

#nav_main ul.five-buttons li:first-child a,
#nav_main ul.five-buttons li a,
#nav_main ul.five-buttons li#bbwin a,
#nav_main ul.five-buttons li#bbmac a, 
#nav_main ul.five-buttons li.last a {width:190px}

/*nav_main - English navbar with biab.com menu button added - temporary, until all new biabcom pages are available*/
#nav_main ul.biabcom-temp li#biabcom a {width:140px}

/*secure checkout steps header*/

#header-secure-checkout {margin:34px 0 24px}
#header-secure-checkout .account-options, #header-secure-checkout .account-options-invc {float: right; font-size: 12px; margin-left:16px; list-style-type:none; position:relative; top:-20px}
#header-secure-checkout .account-options li, #header-secure-checkout .account-options-invc li {background-image:url("/css/gfx/listbullet_grey.png"); background-repeat:no-repeat; background-position:0 3px; padding-left: 10px; margin-bottom:4px}
#header-secure-checkout .account-options li a, #header-secure-checkout .account-options-invc li a  {color:#555555;}
#header-secure-checkout .account-options li a:hover, #header-secure-checkout .account-options-invc li a:hover {color:#000; text-decoration:underline}
#header-secure-checkout .account-options-invc {top:0px}


#header-secure-checkout .secure-checkout {float:left; padding-right:22px; margin:0 60px 0 0; font-size:14px; font-weight:normal; background:url("gfx/secure_checkout_lock.png") no-repeat right top}
#header-secure-checkout .checkout-steps {display:block; list-style:none; height:25px}
#header-secure-checkout .checkout-steps li {margin:0 10px 0 10px; padding-right:22px; float:left; display:block; font-size:13px; max-width: 144px; color:grey; background:url("gfx/secure_checkout_arrow.png") no-repeat right top}
#header-secure-checkout .checkout-steps li.current-step {color:black; font-size: 15px; font-weight: bold; line-height: 15px; text-align: center;}
#header-secure-checkout .checkout-steps li.last {background:none; padding-right:0}
#header-secure-checkout .checkout-steps #complete {color:green}

/*blocks*/

.block .moneyback {cursor: default; height: 222px;position: relative}
.block .minicontact #win {bottom:131px}
.block .minicontact #win .title {width:65px}
.block .minicontact #mac {bottom:85px}

/*livehelp blocks - international - overrides styles.blocks.content*/

.block .livehelp-fr {height: 222px; background: url(../mm5/graphics/fr/mmui/block_livehelp_fr.jpg) no-repeat bottom left;}
.block .livehelp-da {height: 222px; background: url(../mm5/graphics/da/mmui/block_livehelp_da.jpg) no-repeat bottom left;}
.block .livehelp-de {height: 222px; background: url(../mm5/graphics/de/mmui/block_livehelp_de.jpg) no-repeat bottom left;}
.block .livehelp-es {height: 222px; background: url(../mm5/graphics/es/mmui/block_livehelp_es.jpg) no-repeat bottom left;}
.block .livehelp-it {height: 222px; background: url(../mm5/graphics/it/mmui/block_livehelp_it.jpg) no-repeat bottom left;}
.block .livehelp-ko {height: 222px; background: url(../mm5/graphics/ko/mmui/block_livehelp_ko.jpg) no-repeat bottom left;}
.block .livehelp-nl {height: 222px; background: url(../mm5/graphics/nl/mmui/block_livehelp_nl.jpg) no-repeat bottom left;}
.block .livehelp-pl {height: 222px; background: url(../mm5/graphics/pl/mmui/block_livehelp_pl.jpg) no-repeat bottom left;}
.block .livehelp-pt {height: 222px; background: url(../mm5/graphics/pt/mmui/block_livehelp_pt.jpg) no-repeat bottom left;}
.block .livehelp-ru {height: 222px; background: url(../mm5/graphics/ru/mmui/block_livehelp_ru.jpg) no-repeat bottom left;}
.block .livehelp-se {height: 222px; background: url(../mm5/graphics/se/mmui/block_livehelp_se.jpg) no-repeat bottom left;}
.block .livehelp-zh1 {height: 222px; background: url(../mm5/graphics/cs/mmui/block_livehelp_zh1.jpg) no-repeat bottom left;}
.block .livehelp-zh2 {height: 222px; background: url(../mm5/graphics/ct/mmui/block_livehelp_zh2.jpg) no-repeat bottom left;}

/*money back guarantee blocks - international - overrides styles.blocks.content*/

.block .moneyback {position: relative; height: 222px; cursor: default; height: 222px}
.block .moneyback .desc {top: 156px}
.block .moneyback-fr {background: url(../mm5/graphics/fr/mmui/block_30day_fr.jpg) no-repeat top left;}
.block .moneyback-da {background: url(../mm5/graphics/da/mmui/block_30day_da.jpg) no-repeat top left;}
.block .moneyback-de {background: url(../mm5/graphics/de/mmui/block_30day_de.jpg) no-repeat top left;}
.block .moneyback-es {background: url(../mm5/graphics/es/mmui/block_30day_es.jpg) no-repeat top left;}
.block .moneyback-it {background: url(../mm5/graphics/it/mmui/block_30day_it.jpg) no-repeat top left;}
.block .moneyback-ko {background: url(../mm5/graphics/ko/mmui/block_30day_ko.jpg) no-repeat top left;}
.block .moneyback-nl {background: url(../mm5/graphics/nl/mmui/block_30day_nl.jpg) no-repeat top left;}
.block .moneyback-pl {background: url(../mm5/graphics/pl/mmui/block_30day_pl.jpg) no-repeat top left;}
.block .moneyback-pt {background: url(../mm5/graphics/pt/mmui/block_30day_pt.jpg) no-repeat top left;}
.block .moneyback-ru {background: url(../mm5/graphics/ru/mmui/block_30day_ru.jpg) no-repeat top left;}
.block .moneyback-se {background: url(../mm5/graphics/se/mmui/block_30day_se.jpg) no-repeat top left;}
.block .moneyback-zh1 {background: url(../mm5/graphics/cs/mmui/block_30day_zh1.jpg) no-repeat top left;}
.block .moneyback-zh2 {background: url(../mm5/graphics/ct/mmui/block_30day_zh2.jpg) no-repeat top left;}

/*miva bottom link*/

.miva-merchant-link {  float: left; font-size:13px; margin-top:40px; text-align:center ; width:960px}


/*---------Shopping cart basket page (BASK, BSKE)-------------*/

table.basket {margin-top:30px}
input.quantity {width:25px; background-image:url("../css/gfx/formbg.jpg");background-repeat:repeat-x;border:1px solid #BBBBBB; padding:3px; margin: 0 3px}
input.update-quantity,
input.remove-item {background: none repeat scroll 0 0 transparent; color: #555555; cursor: pointer; font-size: 12px; padding: 3px; text-decoration: underline;}
input.update-quantity:hover,
input.remove-item:hover {color:black}
strong.product-page-link {margin-left:12px}
.req-products {margin:16px 0px; border:1px solid red; width: 600px;}
.req-products p {color: red; padding: 5px; font-weight:bold; font-size:16px}
.req-products li {color:red; font-weight:normal; margin: 10px;}
.special-offer h2 {color:red; margin-top:0px; font-weight:bold}
.special-offer p {color:red; font-weight:normal; font-size:16px; line-height:22px}


/*-------------Login screen (ORDL, LOGN)---------------*/

#login-option-1,
#login-option-2 {background: url("gfx/bg_fade1.png") repeat-x scroll 0 0 #CCD2DB; border: 1px solid grey; border-radius: 4px 4px 4px 4px; 
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); float: left; height: 245px; margin: 20px 20px 20px 0; padding: 8px 16px 16px; position: relative; width: 414px}
#login-option-2 {margin-right:0px}
#login-option-1 .continue,
#login-option-2 .continue {display:block; position:absolute; top:200px}
#login-option-3 {background: url("gfx/bg_fade1.png") repeat-x scroll 0 0 #CCD2DB; border: 1px solid grey; border-radius: 4px 4px 4px 4px; 
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); padding:8px 16px 16px 16px}
.login-invalid {color:red; font-weight:bold; font-size: 15px}
.password-sent {color:green; font-weight:bold; font-size: 15px; margin-top:8px}
.forgot-password a {font-size:14px; text-decoration:underline}


/*form*/

label {width:120px; float: left; padding-top:4px}
#loginform label {width: 200px} 
input.textfieldbg {background-color:#fdfdfd; background-image:none; width:200px; border:1px solid grey; padding:2px;}
select.textfieldbg {background-color:#fdfdfd; background-image:none; width:200px; border:1px solid grey; padding:2px;}
textarea {background-color:#fdfdfd; background-image:none; width:100%; border:1px solid grey; padding:2px;}
.field {margin:8px 0; font-size:14px}


/*-------------Customer info (OCST ACAD, ACED)---------------*/

.field-error {color: red; padding: 0px 0 14px 0px; margin: 0px; font-weight: bold; font-size:15px}

/*Create new account*/

#create-new-login {background: url("gfx/bg_fade1.png") repeat-x scroll 0 0 #CCD2DB; border: 1px solid grey; border-radius: 4px 4px 4px 4px; 
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); height: 180px; padding: 8px 16px 16px; position: relative; width:882px}
#create-new-login label {width:280px}
#create-new-login input.textfieldbg {width:260px}
#create-new-login .field {margin:18px 0 8px 0; font-size:14px}

/*Customer Ship To and Bill To*/

#info {min-height:514px}
#shipto,
#billto {background: url("gfx/bg_fade1.png") repeat-x scroll 0 0 #CCD2DB; border: 1px solid grey; border-radius: 4px 4px 4px 4px; 
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); min-height: 454px; padding: 8px 16px 16px; position: relative; width: 408px}
#shipto {float:left; margin:20px 20px 0 0}
#billto {float:right; margin:20px 0 0 0}

/*form*/

#shipto label,
#billto label {width:150px}
#shipto input.textfieldbg,
#billto input.textfieldbg {width:250px}
#shipto select.textfieldbg,
#billto select.textfieldbg {width:256px}
#shipto .field,
#billto .field {margin:16px 0 8px 0; font-size:14px}
#shipto .field .state,
#billto .field .state {margin-top:-5px}
#update-record {font-size: 14px; margin-top: 16px; text-align: center;}


/*-------------Shipping, payment selection (OSEL)---------------*/

#shippay-select {margin-bottom:63px}
#shippay-select .field {margin: 16px 0}
#shippay-select label {width:130px; font-weight:bold}
#shippay-select select.textfieldbg {width:400px}
p.errormsg {color:red; margin:10px 0 0 0; font-weight:normal}
#cvv2-info {float:left}


/*--------Order Review and Payment Info page (OPAY)---------------*/

#authorize-error {color: red; padding: 5px}
.process-error {color: red; padding: 20px 0 0px 0px; margin: 0px; font-weight: normal; font-size:15px}
.process-error-fields {color: red; padding: 0; margin: 3px 0px 0px 22px; font-weight: normal; font-size:15px}
.process-error-heading, .process-error-heading b {color: red; padding: 15px 0 0 0; font-weight: bold; font-size:17px}
.process-msg-heading, .process-msg-heading b {color: green; padding: 15px 0 0 0; font-weight: bold; font-size:17px}
.process-desc {color:#000066; font-weight:bold; text-decoration: underline; font-size: 14px}
.err {font-size:18px; color:red}
#payment-info {margin-top:20px}

/*card name and number fields*/

#payment-info table {width:600px; background: url("gfx/bg_fade1.png") repeat-x scroll 0 0 #CCD2DB; border: 1px solid grey; border-radius: 4px 4px 4px 4px; 
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); padding: 8px 16px 33px}
#payment-info table h2 {margin:0px 0 8px 0}
#payment-info table td {line-height:26px}
#payment-info table td b, #payment-info table td strong {float:left}
#payment-info table td input {background-color:#fdfdfd; background-image:none; width:280px; border:1px solid grey; padding:2px; float:right; position:relative; left:-70px}
#payment-info table td select {background-color:#fdfdfd; background-image:none; width:126px; border:1px solid grey; padding:3px; float:left; margin-left: 22px; height:23px}

/*targetting each input/select box individually to position them*/	

	/*AMEX*/
	#payment-info table td select[name="MOD10_CardExp_Year"]{position:relative; float: right; left: -68px;  top: 0px;}
	#payment-info table td select[name="MOD10_CardExp_Month"]{margin-right:13px; margin-left:79px}

	/*VISA*/
	#payment-info table td select[name="PaymentNet_CardExp_Year"]{position:relative; float: right; left: -68px;  top: 0px;}
	#payment-info table td select[name="PaymentNet_CardExp_Month"]{margin-right:13px; margin-left:79px}

	/*PAYPAL*/
	#payment-info table td input[value="paypal:paypal"]{}

#payment-info table td input[name="PaymentNet_CardCvv"]{position:relative; left:-400px; top:2px; width: 65px;}
#payment-comments {margin:16px 0}

/*customer info review*/

#customer-info-review {margin-top:10px}
#customer-info-review #info {border: 1px solid black; border-radius: 4px 4px 4px 4px; height: auto; min-height:0; margin: 0; width: 100%} 	
#customer-info-review #shipto,
#customer-info-review #billto {background:none; border:none; height:auto; min-height:0; margin-top:0}
#customer-info-review #billto table td:first-child,
#customer-info-review #shipto table td:first-child {width:140px}
#customer-info-review #billto table td,
#customer-info-review #shipto table td {width:auto;padding-top:6px}
#basket-info-review {border: 1px solid black; border-radius: 4px 4px 4px 4px; height: auto; margin: 30px 0 20px; padding: 8px 20px 20px 20px}
#basket-info-review table {width:100%}


/*-------------Invoice / Order complete (INVC)---------------*/

hr.invoice {background:#242424; height:1px}
#ordernum {float:left}
#orderdate {float:right; margin-right:50px}
#ordertime {float:right; margin-right:20px}
#order-thankyou {margin:30px 0 15px}
#order-thankyou p {font-size: 14px;line-height: 22px;margin: 15px 0;}
#download-message {text-align:center; margin:7px 0 30px 0}
#download-message a {color: #1c72b8; font-weight: bold; text-decoration:underline}
#download-message a:hover {color:red}
.resource-name {color:green; font-weight:bold; font-size:16px}
.serial-number {color:green; font-weight:bold; font-size:16px; padding-left:70px; padding-right:25px; cursor:text; display:inline; font-family:"Courier New", monospace}
#serial-number-box {width:770px; margin:0 auto 20px; border:1px solid green; border-radius: 4px; padding:10px; text-align:center}
#serial-number-box p {font-size:16px; margin-bottom: 6px;}

/*see styles.cart.print.css - will format the invoice nicely for printing, with address at top.*/

#pgmusic-print-header-address {display:none}
#pgmusic-print-header-address strong {font-size:20px; line-height:30px}
#order-complete-header {display:block; margin-bottom:18px}
.inv-shipping-desc {font-size: 14px;line-height: 22px;margin: 15px 0;}


/*--------Change email (CEML), Change password (CPWD), and Reset Password (ACRT) pages ---------------*/	

#change-email label {width:250px}
#change-email #current-password {margin:20px 0}
#change-email #new-email-address {margin:20px 0}
#change-email font {color:green; font-weight:bold} /*Hack. To get at the success message*/
#old-email {width:250px; font-weight:bold; float: left;font-size: 14px;}

#change-password label {width:250px}
#change-password #current-password {margin:20px 0}
#change-password #new-password {margin:20px 0}
#change-password font {color:green; font-weight:bold} /*Hack. To get at the success message*/
#old-email {width:250px; font-weight:bold; float: left;font-size: 14px;}

pre#temp-password {font-size:16px}