﻿.Message{ padding-right:35px;}
.Message h2#pageHeader{width:250px;}

.Promos h3{font-size:1.4em;margin:53px 0 0;}
fieldset .formLabel{width:90px;}
fieldset .formRow .checkboxtext{float:left;padding-bottom:10px;width:220px;}
fieldset .formRow .checkbox{float:left;}

/**** signin page *****/
#signin fieldset{margin:10px 0px 0px 40px;}
#signin fieldset .formLabel{width:225px; font-size:1.4em; text-align:right; padding-right:10px;}
#signin fieldset .formError{width:100%;font-size:1.2em;color:Red;margin-bottom:10px;}

#signin .col-60{border-right:dashed 1px #CCC;}
#signin #join { padding:0 0 0 20px; }
#signin #join h3{color:#f9a61b; font-weight:bold;font-size:2.0em;margin:0 0 5px 0;}
#signin #join h4{color:#f9a61b; font-weight:bold;font-size:1.6em;margin:0 0 5px 0;}



/*** Register Page ****/
#register .col-35{border-right:1px dashed #CCCCCC;margin-top:53px;}
#register .signin{margin-top:53px;padding:0 0 0 20px;}
#register .signin h3{color:#f9a61b; font-weight:bold;font-size:2.0em;margin:0 0 5px 0;}
#register .signin h4{color:#f9a61b; font-weight:bold;font-size:1.6em;margin:0 0 5px 0;}
#morelink{padding-left:10px;margin:3px 0 0 0;display:block;background:transparent url(../../images/arrows/grey-bottom-head.gif) no-repeat scroll left 6px;}
#lesslink{padding-left:10px;margin:3px 0 0 0;display:block;background:transparent url(../../images/arrows/grey-bottom-head.gif) no-repeat scroll left 6px; float:right;}
#moreinfo{ margin:5px 5px 5px 0;}
#moreinfo ul li {margin:5px 0 0 5px;}
#moreinfo ul li strong{ color:#f6a51e;}
#moreinfo{border:1px solid #EEEEEE;margin:5px;padding:10px;}
#register .formField input{width:200px;}
#register .formField input.mobile{width:130px;}

/*** Forgot Password Page ***/
#forgotPassword fieldset{margin:10px 0px 0px 0px;}
#forgotPassword fieldset .formLabel{width:140px; padding-right:10px;}

/*** Inactive User Page **/

#InactiveUser fieldset .formLabel{width:250px; font-size:1.4em; text-align:right; padding-right:10px;}

/*** Post signup page ***/
.postsignup{background:transparent url(../../images/placeholders/orange.gif) no-repeat 20px 20px;width:400px; height:200px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #CCC; padding-left:172px;}
.postsignup h3{ font-size:3em; font-weight:bold; color:#FF6600;margin-top:10px;}
.postsignup h4{font-size:2.3em; color:#FFAD33;margin-bottom:10px;}


.formError{width:100%;font-size:1.2em;color:Red;margin-bottom:10px;}

/*** My account page ***/
#MyAccount .promo{margin-top:20px;clear:both;overflow:hidden;}

#MyAccount .myaccount-tab-detail {width:100%; overflow:hidden;}
#MyAccount .myaccount-tab-detail h3{background:url(../../images/common/hor-bg.gif) repeat-x 0 60%;font:1.6em/2.0em "Segoe UI", "Trebuchet MS", Arial, sans-serif;margin:35px 0 0;}
#MyAccount .myaccount-tab-detail h3 span{background:#fff;padding:0 10px 0 0;}
#MyAccount .myaccount-tab-detail .row{padding:0 10px 0 127px;margin:30px 0 0;}
#MyAccount .myaccount-tab-detail .row .content{font-size:1.2em;}
#MyAccount .myaccount-tab-detail .small-heading{background:url(../../images/common/small-heading.gif) no-repeat;width:104px;height:19px;float:left;font-size:1.1em;line-height:19px;font-weight:normal;color:#7a7a7a;overflow:hidden;padding:0 0 0 3px;margin:0 0 0 -127px;}
#MyAccount .myaccount-tab-detail .small-heading a{color:#7a7a7a;}
#MyAccount .myaccount-tab-detail .email-preferences ul li{line-height:15px;padding:0 0 15px;}
#MyAccount .myaccount-tab-detail .email-preferences ul li.last{padding:0 0 0 0;}
.email-upload .textfield{float:none; margin-bottom:10px;}
#MyAccount .myaccount-tab-detail .myaccount-myprofile-txt-name{color:#333333;font-size:14px; border: 0px;background-color: #FFFFFF;font-weight: bold; font-family:"Segoe UI", "Trebuchet MS", Arial, sans-serif; width:350px;}
#MyAccount .myaccount-tab-detail .myaccount-myprofile-txt{color:#333333;border: 0px;background-color: #FFFFFF;font-size:12px;font-family:"Segoe UI", "Trebuchet MS", Arial, sans-serif;width:350px;}  
#MyAddressBook .textfield{width:190px}
#MyAccount .email-upload .textfield{margin-right:5px;}

#MyAccount .myaccount-tab-detail .margin{margin:10px 0;}
#MyAccount .myaccount-tab-detail .email-preferences ul a.ok{background:url(../../images/common/ok.gif) no-repeat 0 2px;}
#MyAccount .myaccount-tab-detail .email-preferences ul a.ok span,
#MyAccount .myaccount-tab-detail .email-preferences ul a.ok:hover{color:#9eb515;}
#MyAccount .myaccount-tab-detail .email-preferences ul a.not-ok{background:url(../../images/common/not-ok.gif) no-repeat 0 2px;}
#MyAccount .myaccount-tab-detail .email-preferences ul a.not-ok span,
#MyAccount .myaccount-tab-detail .email-preferences ul a.not-ok:hover{color:#ec1c24;}
#MyAccount .myaccount-tab-detail .email-preferences ul a{padding:0 0 0 20px;}
* html #MyAccount .myaccount-tab-detail .email-preferences ul a{height:1%;	overflow:visible;}
#MyAccount .myaccount-tab-detail .email-preferences ul a span{font-weight:normal;}
#MyAccount .myaccount-tab-detail .import{margin:0 0 15px 0;}
#MyAccount .myaccount-tab-detail .import img{padding:0 5px; margin-bottom:-15px;}
#MyAccount .recentOrders{border-collapse:collapse; width:100%;font-size:1.2em;}
#MyAccount .recentOrders th{ border-bottom:1px solid #E0E0E0;border-top:1px solid #E0E0E0;font-weight:bold;padding:5px; background-color:#E0E0E0;}
#MyAccount .recentOrders td{ border-bottom:1px solid #E0E0E0;border-top:1px solid #E0E0E0;padding:5px;}
#MyAccount #ExistingAlbum select{max-width:426px;}
/* my rewards on MyAccount page */
#MyAccount .my-reward{margin:47px 0 0;}
#MyAccount .my-reward p{font-size:1.3em;line-height:17px;margin:7px 0 0;}
#MyAccount .my-reward p a{color:#0c8bcc;text-decoration:none;}
#MyAccount .my-reward p a:hover{text-decoration:underline;}
#MyAccount .my-reward .hold{margin:12px 0 0;}

#MyAccount .credits{background:#75b216;width:93px;height:43px;overflow:hidden;float:left;line-height:43px;font-weight:bold;color:#fff;text-align:center;margin:0 9px 0 0;}
#MyAccount .credits strong{float:left;font-size:2.8em;margin:0 4px 0 11px;}
#MyAccount .credits span{float:left; font-size:1.2em;}

#MyAccount .relatedquestions{margin:40px 0 0;}
#MyAccount .relatedquestions h2{margin-bottom:5px;}
#MyAccount .relatedquestions ul li{ list-style-type:square; margin-left:20px;padding:0 0 10px 0;}


#MyAccount .changepassword .formLabel{padding-right:5px; margin-bottom:5px;width:100px;}
#MyAccount #addressDetailWrapper{border:solid 1px #cccccc; padding:10px; margin:10px 0;}

#MyAccount .alertsuccess{display:none;margin-top:5px;}

#trackorder{width:100%; font-size:1.2em; border-collapse:collapse;}
#trackorder td{width:33%;}
#trackorder th{ border-bottom:1px solid #E0E0E0;border-top:1px solid #E0E0E0;font-weight:bold;padding:5px; background-color:#E0E0E0;}
#trackorder td{ border-bottom:1px solid #E0E0E0;border-top:1px solid #E0E0E0;padding:5px;}

.staticpage {text-align:justify;}
.staticpage h3 {font-size:1.5em;font-weight:bold; color:#75B216; margin:0 0 5px 0;}
.staticpage h3 a{color:#75B216; text-decoration:underline;}
.staticpage h4 {font-size:1em;font-weight:bold;}
.staticpage p{margin-bottom:10px;}
.staticpage ol{ padding:0 0 10px 30px;}
.staticpage li{ padding:0 0 10px 0;}