﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CUSTOMER ACCOUNT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.AccountPage
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.AccountPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}

.AccountPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CUSTOMER INFO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CustomerInfoBox
{
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #555;
}

.CustomerInfoBox .SectionTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
	font-size: 12px;
}

.CustomerInfoBox .SectionBody
{
	text-align: left;
	padding: 10px;
	height: auto;
}

.CustomerInfoBox .Button
{
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
}

.CustomerAddresses
{
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.CustomerAddresses .SectionTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
	font-size: 12px;
}

.CustomerAddresses .AdressList
{
}

.CustomerAddresses .AdressList .AddressItem
{
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.CustomerAddresses .AddButton
{
	margin-bottom: 5px;
	margin-top: 5px;
	float: right;
	text-align: right;
}

.CustomerOrders
{
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.CustomerOrders .OrderList
{
}

.CustomerOrders .OrderList .OrderItem
{
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.CustomerPassRecovery
{
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.CustomerInfoBox .SectionBody
{
	text-align: left;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.blockBordered
{
	border: 1px solid rgb(232, 230, 210);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LOGIN PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.LoginPage {margin-bottom: 15px;padding-bottom: 5px;padding-left: 0;}

.LoginPage .title {padding: 10px 10px 10px 5px;clear: both;}

.LoginPage .title h1 {color:#5f8bae; font-family:"Trebuchet MS", Verdana, Arial; font-size:22pt; font-weight:normal;}

.LoginPage .titleEmphasis {color:#0e3b66; font-weight:bold;}

.LoginPage .wrapper{width: 765px;margin-top: 10px;padding-left: 5px;font-size: 11px;color: #555;}

.LoginPage .wrapper .new-wrapper {float: right;width: 50%;}

#leftcol {background:url(images/bg/CheckoutBack.jpg) no-repeat;display:block;float:left;height:468px;width:370px;}

#rightcol {background:url(images/bg/CheckoutBack.jpg) no-repeat;display:block;float:left;height:468px;width:370px;}

.checkoutBoxHdr {height:30px;margin-left:15px;margin-top:20px;padding-bottom:30px;}

.registerButton {margin-top:10px}

.LoginPage .instructions .hyperlinkTPSP {margin-top:10px; margin-bottom:20px}

.LoginPage .wrapper .new-wrapper .RegisterTitle {display:block;width:216px;height:16px;text-align: left;}

.LoginPage .wrapper .new-wrapper .RegisterTitle h1 {color:#0e3b66; font-family:"Trebuchet MS", Verdana, Arial; font-size:16pt; font-weight:bold;}

.LoginPage .instructions {margin:0 auto;width:337px;color:#000;font-size:10pt;}

.LoginPage .instructions p {margin:0;padding:0; width:330px;}

.new-wrapper .divider {width:330px;background:url(images/DividerCheckout.png) no-repeat;display:block;height:10px;margin:7px 0;}

a.registerbutton{background: url(images/btnRegisterNow_Out.png) no-repeat 0 0;margin-bottom: 3px;height: 21px;width: 117px;display:block}
a.registerbutton:hover {background-image: url(images/btnRegisterNow_Over.png)}

.label {color:#386CA4}

.LoginPage .wrapper .returning-wrapper {float: right;width: 50%;}

.LoginPage .wrapper .returning-wrapper .LoginTitle {display:block;width:266px;height:20px;text-align: left;}

.LoginPage .wrapper .returning-wrapper .LoginTitle h1 {color:#0e3b66; font-family:"Trebuchet MS", Verdana, Arial; font-size:16pt; font-weight:bold;}

.LoginPage .wrapper .returning-wrapper #rightcol .textbox {width:330px;border:1px solid #386CA4}

.captionSmall, .hyperlinkSmall {color:#666666;font-size:7pt;}

.hyperlinkSmall {text-decoration:underline;}

.hyperlinkLarge {text-decoration:underline; color:#5f8bae; font-family:Verdana, Arial; font-size:9pt; font-weight:normal}

a.signout {background: url(images/btnSignIn_Out.png) no-repeat 0 0;margin-bottom: 3px;height: 21px;width: 80px;display:block}
a.signout:hover {background-image: url(images/btnSignIn_Over.png)}

.LoginTableContainer {vertical-align: middle;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	REGISTRATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#formback, .formnavback {width: 1000px;display:block;background: url(images/FormContent.jpg) repeat-y;}
.formnavback {background: url(images/FormNavBack.jpg) no-repeat;height: 97px;padding:15px 0 0 30px;}

#formback table, #formback table td {border:0}
.hiddenPic {display:none;}    
.custagreement {float: left;margin-left: 0px;}
.paneltitle {padding: 0px;margin-left: 35px;margin-bottom: 0px;}
.instructions {margin-left: 35px;margin-right: 35px;margin-top: 0px;width:900px}
.instructions p {font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000;font-size: 10pt;padding-top: 0px;}
.instructions2 {margin-left: 0px;margin-right: 35px;margin-top: 0px;}
.instructions2 p {font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000;font-size: 10pt;padding-top: 0px;}
#step1content, #step2content, #step3content, .step4content{margin-left: 35px;}
#step1rightcol {float: right;width: 520px;display: block;margin-right: 35px;padding-top:40px;}
#step1LeftCol{float: left;width: 360px;display: block;margin-left: 35px;}
#step2LeftCol{float: left;background: url(images/ColumnBack_left.jpg) no-repeat;width: 457px;height: 376px;display: block;margin-left: 0px;}
#step2RightCol { float: right;background: url(images/ColumnBack_right.jpg) no-repeat;width: 457px;height: 376px;display: block;margin-right: 35px;}
.downloadPDF { margin-top: 25px; margin-left: 35px; visibility: hidden; }
.downloadPDF a img {border:0}
.value1, .caption, .ctlCombobox, .ctlTextbox, .ctlBase, .ctlOption, .ctlOption2, ctlCheckbox, .ctlCheckbox2 { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
.ctlOption2 { color: #666666;}
.ctlCheckbox2{text-transform: uppercase;}
.ctlCombobox { border: solid 1px #386ca4; width: 123px; }
.step1table { width: 360px}
.head1 {color: #386ca4;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14pt;font-weight: bold;}
.caption2 {color: #386ca4;text-transform:uppercase;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11pt;}
.value1 {font-size: 11pt;font-weight: bold;}
#panelbuttons {width: 1000px;text-align: center;}
.biztype {margin-top: 335px;margin-left: 20px;}
#accountType { margin-right: 35px;width: 900px;}
.fieldRow{margin-right: 35px;width: 900px;}
table.tdpad td {height:45px;padding-right:20px}
.intext {font-size:11px;width:230px;}
.review td {color:#222;}

#formbottom {width: 1000px;display:block;background: url(images/bg/FormBottomBack.jpg) no-repeat;height: 99px;}
#footer { width: 1000px;display:block;background: url(images/bg/FormFooterBack.jpg) no-repeat;height: 44px;}
                        
.RegistrationPage
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.RegistrationPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}

.RegistrationPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.RegistrationPage .SectionTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
	font-size: 12px;
}

.RegistrationPage .SectionBody
{
	text-align: left;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.RegistrationPage .Button
{
	float: right;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	clear: both;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PASSWORD RECOVERY

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.PasswordRecoveryPage
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.PasswordRecoveryPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}

.PasswordRecoveryPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ADDRESS EDIT PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.AddressEditPage
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.AddressEditPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}

.AddressEditPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}