@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}

body{	
	font:14px "Calibri","sans-serif";
	color:#000;
	background:#fff;
}

a {
	text-decoration:none;
	color:#36ACFF;
}

a:hover { 
	text-decoration:underline;
	color:#36ACFF;
}

ul, li{
	list-style:none;
	margin:0;
	padding:0
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

/*------Background--------*/

#body{
	margin:auto;
	width:800px;
}

#form_main {
	margin:auto;
	padding:0;
	width:800px;
}

/*--Header--*/

#header{
	margin:18px 0 0 0;
	overflow:hidden;
}

#header_logo {
	padding:4px 0 0 0px;
	float:left;
}

/*--Login--*/

#whole_login_box {
	float:right;
	overflow:hidden;
	font-size:13px;
}

#whole_login_box a {
	color:#404040;
}

#whole_login_box a:hover {
	color:#cacaca;
}

#login_ct {
	padding:7px 0 7px 0;
	float:right;
	background:#eeeee8;
}
 
#login_ct #row1{
	color:#36acff;
	position:relative;
	float:left;
}

#login_ct #row1 input {
	font:12px "Calibri","sans-serif";
}

.login_btn{
	margin:0 0 0 4px;
	float:left;
}

#logout {
	padding:7px 0 10px 0;
	float:right;
	background:#eeeee8;
	color:#000000;
}

#template_cart {
	margin:0 0 0 20px;
	background:#eeeee8;
	text-align:center;
	float:left;
	display:inline;
}

#template_cart a{
	color:#000000;
}

/*--Navigation--*/

#navigation{
	margin:10px 0 0 0;
	background:url(/portals/pb/images/bg_navigation.jpg) repeat-x;
	height:37px;
}

#navigation_ct {
	float:left;
	width:786px;
}

#navi_ct_left {
	float:left;
	padding:10px 0 0 10px;
}


#navi_ct_left a {
	padding:0 8px;
	float:left;
	color:#000000;
}

#navi_ct_right {
	float:right;
	padding:8px 0 0 0;
}

#navi_ct_right a {
	padding:3px 0 0 0;
	float:left;
	height:20px;
	width:77px;
	text-align:center;
	color:#000000;
}

#navi_ct_right a:hover {
	background:url(/portals/pb/images/bg_hover_navi_btn.jpg) no-repeat;
	height:23px;
	width:77px;
	color:#ff1064;
}

#navi_ct_right a.highlight {
	background:url(/portals/pb/images/bg_hover_navi_btn.jpg) no-repeat;
	height:23px;
	width:77px;
	color:#ff1064;
}

#linenavi {
	padding:0 4px;
	float:left;
}

#red_box_ad {
	margin:13px 0 0 0;
	/*background:#ff005a;*/
}

#red_box_ad_ct {
	padding:18px 0 0 0;
	float:left;
	width:790px;
	font-size:21px;
	color:#FFFFFF;
	text-align:center;
}

/*--Body01--*/

#body01 {
	padding:0;
}

/*--Body 01 Left--*/

#body01_left {
	float:left;
	width:329px;
}

/*--Get Started--*/

#tab{
	margin:15px 0 0 0;
	width:329px;
	float:left;
}

#btntab{
	width:329px;
	height:36px;
}

#contenttab {
	width:325px;
	padding:0 1px;
	border-left:1px solid #e0e0df;
	border-right:1px solid #e0e0df;
}

#contenttab_sub {
	padding:10px 0 0px 20px;
	background:#fff;
	color:#333333;
}

#contenttab_sub p {
	padding:0 0 10px 0;
}

#contenttab_sub .selected  {
    margin:0 0 0 10px;
}

#contenttab_sub li{
	margin:0 0 0 20px;
	padding:0 5px;
	list-style:none;
}

#contenttab_sub a{
	padding:0 0 0 20px;
	background:url(/portals/pb/images/dot001.png) no-repeat;
	background-position:0em;
	font-size:15px;
	color:#36acff;
	line-height:20px;
}

#contenttab_sub li a{
	padding:0 0 0 20px;
	background:url(/portals/pb/images/pink_dot.png) no-repeat;
	background-position:0em;
	font-size:15px;
	color:#36acff;
	line-height:20px;
}

#contenttab_sub .selected .space{
	margin-top:3px;
	font-size:13px
}

.line_tab {
  margin:7px 10px 7px 0;
  height:1px;
  overflow:hidden;
  background:#e0e0df;
}

#bottom_tab {
	overflow:hidden;
	background:url(/portals/pb/images/tab_bt_bg.jpg) repeat-x;
}

/*--Body 01 Right--*/

#body01_right {
	float:left;
	width:454px;
	padding-left:10px;
}

#subbanner {
	margin:15px 0 0 0;
	widows:454px;
	font-size:13px;
}

#subbanner_hd_ft {
	height:7px;
	overflow:hidden;
	background:#eeeee8;
}

#subbanner_ct {
	padding:2px 2px;
	/*background:#eeeee8;*/
}

#subbanner_btn {
	margin:13px 0 11px 0;
}

#subbanner_btn a {
	color:#000000;
}

#subbanner_btn a:hover {
	color:#999;
}

/*--Body02--*/

#body02 {
	margin-top:40px;
	width:auto;
}

#body02 h3 {
	font-size:19px;
	font-weight:normal;
	color:#333;
}

#prod {
	margin:0;
	padding:10px 0 10px 10px;
}

.sp {
	margin:10px 0 0 10px;
	float:left;
	width:23%;
}

.sp img {
	padding-bottom:10px;
}

#body02 a {
	font-size:14px;
	color:#5e5e5e;
}

#body02 b {
	color:#000000;
}

#body02 p {
	margin:5px 0;
}

#line_end_product {
	margin:18px 0 8px 0;
	height:1px;
	overflow:hidden;
	background:url(/portals/pb/images/bg_line_end_product.jpg) repeat-x;
}

#body03 {
	margin:0;
}

#body03 h3 {
	font-size:19px;
	font-weight:normal;
	color:#333;
}

#maillist_box {
	float:left;
	width:400px;
}

#maillist_box_content {
	margin:15px 0 0 0;
}

#maillist_box_content_hd_ft {
	height:15px;
	background:#d6e03f;
	overflow:hidden;
}

#maillist_box_ct_sub {
	padding:0 15px;
	background:#d6e03f;
	color:#54562e;
}

#maillist_box_ct_sub p {
	padding-bottom:13px;
	color:#54562e;
}

#maillist_box_ct_sub .row_maillist {
	padding:3px 0;
}

#maillist_box_ct_sub .row_maillist label {
	width:11%;
	float:left;
}

#maillist_box_ct_sub .row_maillist input {
	float:left;
	margin:0 5px;
}

#designer_toolbox {
	margin:48px 0 0 35px;
	float:left;
	width:360px;
}

#designer_toolbox h2 {
	font-weight:100;
	color:#5e5e5e;
}

#designer_toolbox p {
	padding:4px 0 8px 0;
}

/*--Grey Box--*/

#grey_box {
	margin:0;
}

#grey_box_hd_ft {
	margin:0;
	height:5px;
	overflow:hidden;
	background:#eeeee8;
}

#grey_box_ct {
	padding:5px;
	background:#eeeee8;
}

/*--Footer--*/ 
                                    
#footer {
	margin:10px 0 0 0;
}

#copyright {
	margin:7px 0;
	font-size:13px;
	color:#282828;
}

/*--Info Bar--*/

#infobar {
	margin:0;
	padding:0 0 30px 0;
	color:#282828;
}

#infobar_sub {
	margin:0 16px 0 0;
	float:left;
	font-size:13px;
}

#infobar_sub h4 {
	padding-bottom:8px;
	font-size:14px;
}

/*--SideBar--*/

#sidebar {
	float:left;
	width:202px;
	height:auto;
	margin:0 9px 0 0;
	padding:0;
}

#sidebar.home {
  float:right;
  margin:0 0 0 19px;
}

#sidebar.home h2 {
  color:#aabdd6;
}

#sidebar form {
  width:auto;
  margin:0;
  padding:0;
  font-size:90%;
}

#sidebar form h2 {
  margin:0;
}

#sidebar form select.inputSelect {
  float:left;
  width:143px;
  margin:5px 0 0 0;
  padding:0;
}

#sidebar form input.inputSubmit.go {
  float:left;
  width:31px;
  height:22px;
  overflow:hidden;
  padding:22px 0 0 0;
  margin:5px 0 0 0;
  background-color:transparent;
  background-image:url(/portals/pb/images/containers/submit-sidebar-top-go_bg_2.gif);
  background-repeat:no-repeat;
  background-position:top left;
  font-size:13px;
  font-weight:bold;
  border-width:0;
}

#sidebar div.top {
  width:174px;
  background-color:#f6fbff;
  margin:0;
  padding:14px;
  border-left:1px solid #1A4070;
  border-right:1px solid #1A4070;
  border-top:1px solid #1A4070;
}

#sidebar div.middle {
  background-color:#f6fbff;
  padding:14px;
  width:174px;
  margin:0;
  border-top:1px solid #1A4070;
  border-right:1px solid #1A4070;
  border-bottom:1px solid #1A4070;
  border-left:1px solid #1A4070;
}

#sidebar div.bottom {
  width:174px;
  background-color:#f6fbff;
  margin:0;
  padding:14px;
  border-right:1px solid #1A4070;
  border-bottom:1px solid #1A4070;
  border-left:1px solid #1A4070; 
}

#sidebar div.external {
  width:174px;
  margin:0;
  padding:14px;
}

#sidebar div.top h2, #sidebar div.external h2 {
  color:#246ea0;
  font-size:110%;
  margin:0 0 10px 0;
}

#sidebar div.middle h2 {
  color:#246ea0;
  font-size:110%;
  margin:0 0 10px 0;
}

#sidebar p, #sidebar dl {
  color:#133054;
  margin:0 0 15px 0;
}

#sidebar p.last, #sidebar dl.last {
  margin:0;
}

#sidebar div.bottom p.synopsis {
  font-weight:bold;
  color:#246ea0;
}

#sidebar div.bottom ul {
  list-style-type:none;
  margin:0 0 14px 0;
  padding:0;
  font-size:80%;
}

#sidebar div.bottom ul li {
  color:#133054;
  list-style-type:none;
  list-style-image:none;
  margin:0 0 6px 0;
  padding:0 0 0 27px;
  background-image:url(/portals/pb/images/containers/sidebar-bottom-ul-li-blue.gif);
  background-position:1em 0.75em;
  background-repeat:no-repeat;
}


#sidebar div.bottom form, #design-print-mail.vertical form {
  width:174px;
  max-width:174px;
  min-width:174px;
  margin:0;
  padding:0 0 0 14px;
  background-image:url(/portals/pb/images/containers/design-print-mail-vertical-form_bg.gif);
  background-repeat:no-repeat;
  background-position:bottom left;
}

#sidebar div.bottom form div, #design-print-mail.vertical form div {
  padding:0;
  margin:15px 0 0 0;
  width:auto;
  height:auto;
}

#sidebar div.bottom form div.step-1, #design-print-mail.vertical form div.step-1 {
  width:auto;
}

#sidebar div.bottom form div.step-2, #design-print-mail.vertical form div.step-2 {
  width:auto;
}

#sidebar div.bottom form div.step-3, #design-print-mail.vertical form div.step-3 {
  width:auto;
}

#sidebar div.bottom form div label, #design-print-mail.vertical form div label {
  float:none;
  color:#ffffff;
  font-weight:bold;
  padding:0;
  margin:0;
  display:block;
  width:auto;
  height:auto;
  text-align:left;
}

#sidebar div.bottom label strong, #design-print-mail.vertical label strong {
  color:#f7940c;
}

#sidebar div.bottom form select, #design-print-mail.vertical form select {
  float:none;
  width:174px;
  display:inline;
  margin:5px 0 0 0;
}

#sidebar div.bottom form input.inputSubmit, #design-print-mail.vertical form input.inputSubmit {
  width:92px;
  height:40px;
  overflow:hidden;
  padding:40px 0 0 0;
  margin:5px 41px 16px 41px;
  background-color:transparent;
  background-image:url(/portals/pb/images/containers/submit-start_bg.gif);
  background-repeat:no-repeat;
  background-position:top left;
  font-size:13px;
  font-weight:bold;
  border-width:0;
}

#sidebar dd {
  color:#8da7c9;
  margin:0 0 15px 27px;
  font-size:90%;
}

#sidebar dd.last {
  margin:0 0 0 27px;
}

#sidebar p.arrow, #sidebar dl.arrow dt, #sidebar ul.arrow li a, #sidebar p.icon-info {
  display:block;
  padding:0 0 0 27px;
  background-position:top left;
  background-repeat:no-repeat;
}

#sidebar ul.subnavigation {
  font-weight:bold;
  margin:0;
  padding:0;
}

#sidebar ul.arrow li {
  display:block;
  padding:0 0 5px 0;
  margin:0;
  list-style-type:none;
  list-style-image:none;
  font-size:90%;
}

#sidebar ul.arrow li a {
  display:block;
  width:auto;
}

#sidebar div.top p.arrow.right, #sidebar div.top dl.arrow.right dt {
  background-image:url(/portals/pb/images/containers/sidebar-arrow-right-green.gif);
}

#sidebar div.top p.arrow.down, #sidebar div.top dl.arrow.down dt {
  background-image:url(/portals/pb/images/containers/sidebar-arrow-down-green.gif);
}

#sidebar div.middle p.arrow.right, #sidebar div.middle dl.arrow.right dt, #sidebar ul.arrow.right li a {
  background-image:url(/portals/pb/images/containers/sidebar-arrow-right-orange.gif);
}

#sidebar div.bottom p.arrow.right, #sidebar div.bottom dl.arrow.right dt {
  background-image:url(/portals/pb/images/containers/sidebar-arrow-right-blue.gif);
}

#sidebar div.bottom p.arrow.down, #sidebar div.bottom dl.arrow.down dt {
  background-image:url(/portals/pb/images/containers/sidebar-arrow-down-blue.gif);
}

#sidebar div.specials dl.arrow.right dt {
  background-image:url(/portals/pb/images/containers/sidebar-arrow-right-white.gif);
}

#sidebar div.help {
  
}

#sidebar ul.arrow.right li.selected a, #sidebar div.middle dl.arrow.right dt.selected {
  background-image:url(/portals/pb/images/containers/sidebar-arrow-right-green.gif);
}

#sidebar p.icon-info {
  background-image:url(/portals/pb/images/containers/sidebar-info-white.gif);
}

#sidebar a:link, #sidebar a:visited, #sidebar a:focus, #sidebar a:hover, #sidebar a:active {
  color:#133054;
  text-decoration:underline;
}

#sidebar div.external dl {
  color:#000000;
  font-size:90%;
}

#sidebar div.external dl.flat {
  width:174px;
}

#sidebar div.external dl.flat dt, #sidebar div.external dl.flat dd {
  margin:0 0.5em 0 0;
  font-size:100%;
}

#sidebar div.external dl.flat dd:after {
  content:",";
}

#sidebar div.external dl.flat dd.last:after {
  content:"";
}

#sidebar div.external a:link, #sidebar div.external a:visited, #sidebar div.external a:focus, #sidebar div.external a:hover, #sidebar div.external a:active {
  color:#8ca7c9;
}

#sidebar #special-offer-1, #design-print-mail #special-offer-1 {
  width:202px;
  height:auto;
  background-color:#ffffff;
  margin:0;
}

#sidebar #special-offer-2 {
  width:202px;
  height:85px;
  background-image:url(/portals/pb/images/containers/special-offer-2.gif);
  background-repeat:no-repeat;
  background-position:top left;
  margin:0 0 17px 0;
}

#sidebar ul.icon-list, #design-print-mail.vertical ul.icon-list {
  width:202px;
  height:auto;
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-image:none;
}

#sidebar ul.icon-list li, #design-print-mail.vertical ul.icon-list li {
  width:159px;
  padding:4px 0 8px 43px;
  margin:0;
  background-repeat:no-repeat;
  background-position:top left;
  list-style-image:none;
}
/*Notes*/

.notes {
	float:right;
	width:170px;
	margin:0 0 0 10px;
	padding:5px;
	-moz-border-radius:7px; 
    -khtml-border-radius:7px;
    border-radius:7px;
	border:1px solid #666666;
	background-color:#FFFFFF;
	color:#000066;
	font-size:88%;
}

.notes h4 {
  background-image:url(../images/info_1.png);
  background-repeat:no-repeat;
  background-position:top left;
  padding:3px 0 3px 27px;
  border-width:0 0 0px 0;
  border-style:solid;
  border-color:#666666;
  color:#666666;
  font-size:110%;
}

.notes p {
  margin:0 0 1.2em 0;
  color:#666666;
  width:auto;
}

.notes p.last {
  margin:0;
}

.notes p.center {
  text-align:center;
}

.notes ol {
  margin:0 0 1.2em 0;
  padding:0;
  width:auto;
}

.notes ol li {
  margin:0 0 0 2.5em;
  padding:0;
  width:auto;
  color:#666666;
}

.notes p img.inline {
  border-style:none;
  border-width:0;
  margin:0 5px 0 0;
}

.notes a:link, .notes a:visited,.notes a:focus,.notes a:hover,.notes a:active {
  text-decoration:underline;
}
/*Required*/		

.required{
	margin:5px 0 0 3px;
	width:283px;
	overflow:auto;
	padding:1px;
}

.classform{
	float:left;
	margin:5px 0 0 0;
	width:100%;
}

small {
  display:block;
  margin:0 0 5px 97px;
  padding:1px 3px;
  font-size:88%;
}

.required label {
  display:block;
  float:left; 
  width:90px;
  padding:3px 5px;
  margin:0 0 5px 0;
  text-align:right;
  font-weight:bold
}

.required div label.labelCheckbox, form div label.labelRadio {
  float:none;
  display:block;
  width:153px;
  padding:0;
  margin:0 0 5px 103px;
  text-align:left;
}

/*Optional*/
.optional{
	margin:5px 0 0 3px;
	width:283px;
	overflow:auto;
	padding:1px;
}

.optional label {
	display:block;
	float:left; 
	padding:5px 5px;
	text-align:right;
	font-weight:bold
}

.optional div label.labelCheckbox, form div label.labelRadio {
	float:none;
	display:block;
	width:153px;
	padding:0;
	margin:0 0 5px 103px;
	text-align:left;
}

/*--Account Page--*/

#main_acc , #more {
	padding:10px;
	margin:0;
	background:#fff;
}

#main_acc h2{
	color:#0099FF;
	font-size:16px;
	height:25px;
	border-bottom-style:dotted;
	border-bottom-color:#0099FF;
	border-bottom-width:1px;
	margin:0 0 5px 0
}

#main_acc h3{
	color:#666666;
	font-size:13px;
	margin:0 0 5px 0;
}

#main_acc a, #more a {
  text-decoration:underline;
}

#more {
  clear:left;
  margin:20px 0 0 0;
}

#main_acc.wide, #more.wide {
  width:700px;
  max-width:700px;
}

#main_acc.bordered, #main_acc div.bordered, #more.bordered, #more div.bordered {
  border:1px solid #cacaca;
  padding:14px;
  background-color:#FFFFFF;
  margin:10px 0 0 0;
}

#main_acc div.bordered, #more div.bordered {
	width:auto;
	height:expression('1%');
}

#main_acc div.bordered h2 {
  margin:0 0 10px 0;
}

#main_acc div.bordered h4 {
	padding:6px 0;
	color:#ff005a;
}

#main_acc div.bordered div.floatLeft {
  width:229px;
  height:auto;
  min-height:235px;
  padding:15px 15px 15px 0;
  margin:15px 15px;
  border-right:1px solid #7f7f7f;
  font-size:100%;
  border:1px solid #333333;
  text-align:center;
  float:left;
}

#main_acc div.bordered div.floatLeft a, #main_acc div.bordered div.floatLeft a img {
  margin-top:5px;
  text-align:center;
}

#main_acc div.bordered div.floatLeft ul.flat li {
  background-image:url(/portals/pb/images/containers/content-li-green.gif);
  background-position:0 0.5em;
  background-repeat:no-repeat;
  padding:0 0 0 9px;
  margin:0 9px 0 0;
}

#main_acc div.bordered div.floatLeft.third {
  padding:15px 0;
  margin:0;
  border-right-width:0;
  border-right-style:none;
}

#main_acc div.bordered div.right {
  float:right;
  width:229px;
  height:auto;
  min-height:235px;
  padding:15px 15px 15px 0;
  margin:15px 15px;
  border-right:1px solid #7f7f7f;
  font-size:100%;
  border:1px solid #333333;
  text-align:center
}

#main_acc div.bordered div.right dl.flat {
  float:right;
  line-height:1.5em;
  font-size:90%;
}

#main_acc div.bordered div.right a.go-to-designs {
  float:right;
  width:104px;
  height:22px;
  background-image:url(/portals/pb/images/containers/submit-go-to-designs_bg.gif);
  background-position:top left;
  background-repeat:no-repeat;
  padding:0;
  margin:0 0 0 20px;
}

#main_acc div.bordered div.right a.go-to-designs span {
  display:none;
}

#main_acc div.bordered div.account-footer {
  background-color:#e9e9e9;
  width:450px;
  margin:0 -14px -14px -14px;
  padding:14px 14px 0 14px;
  font-size:90%;
  height:auto;
  height:expression('1%');
  border-top:1px solid #bfbfbf;
}

#main_acc div.bordered div.account-footer h3 {
  color:#f7940c;
}

#main_acc div.bordered div.account-footer div.third {
  float:left;
  width:120px;
  padding:0 10px;
}

#main_acc div.bordered div.account-footer div.third.first {
  width:140px;
}

#main_acc div.bordered div.account-footer ul.icon-list {
  list-style-type:none;
  list-style-image:none;
  margin:0;
  padding:0;
}

#main_acc div.bordered div.account-footer ul.icon-list li {
  list-style-image:none;
  margin:0;
  padding:0 0 8px 0;
}

#main_acc div.bordered div.account-footer ul.icon-list li a:link, #main_acc div.bordered div.account-footer ul.icon-list li a:visited, #main_acc div.bordered div.account-footer ul.icon-list li a:focus, #main_acc div.bordered div.account-footer ul.icon-list li a:hover, #main_acc div.bordered div.account-footer ul.icon-list li a:active {
  display:block;
  margin:0;
  line-height:1.5em;
  padding:0 0 0 35px;
  background-position:left;
  background-repeat:no-repeat;
}

#main_acc div.bordered div.account-footer ul.icon-list li.edit-account a {
  background-image:url(/portals/pb/images/containers/account-footer-edit-account.gif);
}

#main_acc div.bordered div.account-footer ul.icon-list li.order-history a {
  background-image:url(/portals/pb/images/containers/account-footer-order-history.gif);
}

#main_acc div.bordered div.account-footer ul.icon-list li.mailing-lists a {
  background-image:url(/portals/pb/images/containers/account-footer-mailing-lists.gif);
}

#main_acc div.bordered div.account-footer ul.icon-list li.shopping-cart a {
  background-image:url(/portals/pb/images/containers/account-footer-shopping-cart.gif);
}

#main_acc div.bordered .link_in {
   font:12px Verdana;
   font-weight:bold;
   color:##CD0D09; 
}

#main_acc div.bordered a {
   color:#36acff;
}

#main_acc div.bordered a:hover {
   color:#999999;
}

/*TAB*/

ul.subnavigationtabs {
	line-height:2.21em;
	margin:0px;
	padding:0px 0px 0px 20px;
	height:expression('1%');
}

ul.subnavigationtabs li {
  display:inline;
  line-height:2em;
  list-style-type:none;
  margin:0px 2px 2px 0px;
  padding:5px 0px;
  padding:expression('0px');
  background-image:url(/portals/pb/images/containers/tab_top_right_white_bg.gif);
  background-position:top right;
  background-repeat:no-repeat;
}

ul.subnavigationtabs li a {
  line-height:2em;
  margin:0px;
  padding:5px 15px;
  background-image:url(/portals/pb/images/containers/tab_top_left_white_bg.gif);
  background-position:top left;
  background-repeat:no-repeat;
}

ul.subnavigationtabs li a:link, ul.subnavigation li a:visited, ul.subnavigation li a:focus, ul.subnavigation li a:hover, ul.subnavigation li a:active {
  text-decoration:none;
  font-weight:bold;  
}

ul.subnavigation.arrow.right li{
	list-style:circle;
	list-style-color:black;
	margin-left:20px;
}

ul.subnavigationtabs li.selected {
  line-height:2.2em;
  margin:0px 2px 0px 0px;
  border-bottom:2px solid #ffffff;
  background-image:url(/portals/pb/images/containers/tab_top_right_selected_bg.gif);
}

ul.subnavigationtabs li.selected a {
  background-image:url(/portals/pb/images/containers/tab_top_left_selected_bg.gif);
}

ul.subnavigationtabs li.altselected {
  line-height:2.2em;
  margin:0px 2px 4px 0px;
  padding:5px 2px 5px 0;
  border-bottom:2px solid #ffffff;
  background-image:url(/portals/pb/images/containers/content_tab_selected_right_bg.gif);
}

ul.subnavigationtabs li.altselected a {
  background-image:url(/portals/pb/images/containers/content_tab_selected_left_bg.gif);
}
/*Table have class="data"*/
table.data {
	clear:both;
	border-collapse:collapse;
	margin:0 0 0 10;
	width:100%;
	border-bottom:1px solid #bfbfbf;
}

table.data.compact {
  font-size:90%;
}

table.data caption {
  text-align:left;
  font-size:150%;
}

table.data thead, table.data tfoot {
  border:1px solid #666666;
}

table.data thead tr, table.data tfoot tr {
  background-color:#e5e5e5;
}

table.data thead tr th, table.data tfoot tr th {
  padding:3px 4px;
  vertical-align:top;
}

table.data tbody {
  border:1px solid #666666;
}

table.data th {
  font-weight:bold;
}

table.data td {
  font-weight:normal;
}

table.data.compact thead tr th, table.data.compact tbody tr th, table.data.compact tbody tr td {
  padding:1px;
}

table.data th.left, table.data td.left {
  text-align:left;
}

table.data th.center, table.data td.center {
  text-align:center;
}

table.data th.right, table.data td.right {
  text-align:right;
}

table.data th.indent10, table.data td.indent10 {
  padding-left:30px;
}

table.data th.top, table.data td.top, table.data tr.top th, table.data tr.top td {
  vertical-align:top;
}

table.data th.middle, table.data td.middle, table.data tr.middle th, table.data tr.middle td {
  vertical-align:middle;
}

table.data th.bottom, table.data td.bottom, table.data tr.bottom th, table.data tr.bottom td {
  vertical-align:bottom;
}

table.data tbody th, table.data tbody td, table.data tfoot tr th, table.data tfoot tr td {
  border-width:0;
  border-style:solid;
  border-color:#bfbfbf;
  padding:2px 4px;
  vertical-align:top;
}

table.data.bordered thead th, table.data.bordered tbody th, table.data.bordered tbody td {
  border:1px solid #bfbfbf;
}

table.data tbody th {
  width:auto;
}

table.data thead tr th, table.data tbody tr td {
  text-align:left;
}

table.data tbody tr th {
  text-align:right;
}

table.data th a:link, table.data th a:visited, table.data th a:focus, table.data th a:hover, table.data th a:active, table.data td a:link, table.data td a:visited, table.data td a:focus, table.data td a:hover, table.data td a:active {
  /*display:block;*/
  width:auto;
  height:auto;
} 

table.data th a.inline:link, table.data th a.inline:visited, table.data th a.inline:focus, table.data th a.inline:hover, table.data th a.inline:active, table.data td a.inline:link, table.data td a.inline:visited, table.data td a.inline:focus, table.data td a.inline:hover, table.data td a.inline:active {
  display:inline;
}

table.data tr td label, table.data tr th label {
  display:inline;
  margin:0;
  padding:0;
  text-indent:0;
}

table.data th input.inputCheckbox, table.data th input.inputRadio, table.data td input.inputCheckbox, table.data td input.inputRadio {
  margin:0;
}

table.data thead tr th, table.data tfoot tr th, table.data tfoot tr td, table.data tbody tr.odd th, table.data tbody tr.odd td, table.data tbody tr.even th, table.data tbody tr.even td {
  border-top:1px solid #bfbfbf;
}

.odd, table.data tbody tr.odd, div.odd {
  background-color:#ffffff;
}

.even, table.data tbody tr.even, div.even {
  background-color:#FFFBBB;
}
/*Label not bold*/
.notrequired{ margin:5px 0 0 3px; width:283px; overflow:auto; padding:1px;}
.notrequired div label.labelCheckbox, form div label.labelRadio {
  float:none;
  display:block;
  width:153px;
  padding:0;
  margin:0 0 5px 103px;
  text-align:left;
}
.notrequired label {
  display:block;
  float:left; 
  width:90px;
  padding:3px 5px;
  margin:0 0 5px 0;
  text-align:right;
}
/* mailing-list.css */

#main_acc h3.background.orange {
    background-image:url(/portals/pb/images/bg_mailinglist.png) !important;
	background-repeat:repeat-x;
	padding:5px 20px;
	color:#ffffff;
}

#bg_mailinglist {
    background-image:url(/portals/pb/images/bg_mailinglist.png) !important;
	background-repeat:repeat-x;
	padding:5px 20px;
	color:#ffffff; 
}

#main_acc dl.mailing-list-intro {
  padding:10px 182px 10px 30px;
  font-size:11px
}

#main_acc dl.mailing-list-intro dt {
  background-image:url(/portals/pb/images/containers/content-arrow-right-green.gif);
  background-position:0 6px;
  background-repeat:no-repeat;
  line-height:180%;
}

#main_acc dl.mailing-list-intro dt a {
  padding:0 0 0 21px;
}

#main_acc dl.mailing-list-intro dt a:hover {
	color:#FF9933;
}

#main_acc dl.mailing-list-intro dd {
  margin:0 0 8px 21px;
}

h2.mailinglist {
  color:#f7940c;
}

div.mailinglistRight {
  float:right;
  width:202px;
  height:auto;
  background-image:url(/portals/pb/images/containers/mailinglist-upload-needhelp-bottom.gif);
  background-position:bottom;
  background-repeat :no-repeat;
  background-color:#697d97;
}

#sidebar div.mailinglistRight {
  margin:10px 0 0 0;
}

div.mailinglistRight h3 {
  background-image:url(/portals/pb/images/containers/mailinglist-upload-needhelp-top.gif);
  background-repeat:no-repeat;
  background-color:#8ca7c9;
  color:#133054;
  margin:0;
  padding:10px 14px;
  font-size:110%;
}

div.mailinglistRight p {
  color:#ffffff;
  padding:4px 14px 4px 35px;
  background-image:url(/portals/pb/images/containers/mailinglist-upload-needhelp-arrow.gif);
  background-repeat:no-repeat;
  background-position:14px 4px;
  margin:5px 0;
}

input.inputSubmit.next-step, input.inputSubmit.previous-step {
  width:auto;
  height:27px;
  overflow:hidden;
  padding:27px 0px 0px 0px;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:top left;
  border-width:0px;
}

input.inputSubmit.next-step {
  width:103px;
  background-image:url(/portals/pb/images/containers/submit-next_step_bg.gif);
}

input.inputSubmit.previous-step {
  width:122px;
  background-image:url(/portals/pb/images/containers/submit-previous_step_bg.gif);
}

td.upload-match, th.upload-match {
	padding:5px;
}

h4.or-horizontal {
  width:100%;
  text-align:center;
  font-size:200%;
  font-weight:bold;
  color:#000000;
  margin:10px 0;
}

/**
* @auther Luan
*/
#row2 .input1 .inputText{
	width:95px;
	height:16px;
	font:10px/16px "Tahoma Bold";
	font-weight:bold;
}
fieldset {
  clear:both;
  font-size:100%;
  border:0px solid #000000;
  padding:10px;
  margin:0;
  width:auto;
}

fieldset legend {
  font-size:120%;
  font-weight:normal;
  color:#333333;
  font-weight:bold;
  margin:0 0 0 0;
  padding:0 5px;
}

/*Error*/

p.error {
	background-color:#133054;
	background-image:url(/portals/pb/images/error.png);
	background-repeat:no-repeat;
	background-position:3px 3px;
	color:#ffffff;
	padding:3px 0 5px 27px;
	margin:2px 0 2px 0;
	border:1px solid #000000;
	width:auto;
	max-width:683px
}

p.error a{
	color:#7AA9F4;
}

form div.error {
	background-color:#e6e6e6;
	background-image:url(/portals/pb/images/required_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	/*  color:#666666; */
    border:1px solid #133054;
	padding:1px 2px;
}

form div.error div {
  padding:0;
  margin:0;
  background-color:transparent;
}

form div.error p.error {
  background-image:url(/portals/pb/images/error.png);
  background-position:top left;
  background-color:transparent;
  border-style:none;
  font-size:88%;
  font-weight:bold;
  margin:0 0 0 74px;
  padding:3px 3px 5px 27px;
  color:#133054;
}

form.wide div.error p.error {
  width:394px;
}

form.super-wide div.error p.error {
  width:554px;
}

/*Author by Anh for new template*/

#sidebar_hori  {
	margin:4px 0 0 0;
	height:40px;
	width:800px;
	background-image:url(/portals/pb/images/sub-navi-2.png);
	background-repeat:repeat-x;
	float:left;
	text-align:center;
	font-size:13px;
}

#sidebar_hori a{
	margin:4px 2px 0 2px;
	padding:7px 5px 0 5px;
	height:22px;
	float:left;
	font-size:13px;
	color:#FFFFFF;
	text-align:center
}

#sidebar_hori a.highlight{
	padding:7px 4px 0 4px;
	color:#333;
	background-image:url(/portals/pb/images/bg_for_hover.png);
	background-repeat:repeat-x;
	border:1px solid #bfbfbf;
	-moz-border-radius: 7px; 
	-khtml-border-radius: 7px;
	border-radius:7px;
}

#sidebar_hori a:hover {
	padding:7px 4px 0 4px;
	color:#333;
	background-image:url(/portals/pb/images/bg_for_hover.png);
	background-repeat:repeat-x;
	border:1px solid #bfbfbf;
	-moz-border-radius: 7px; 
	-khtml-border-radius: 7px;
	border-radius:7px;
}

#sidebar_hori #select_category {
	margin-top:8px;
	color:white;
	width:730px;
	float:left;
}

/*--Billing Page--*/

#billing_frame {
    clear:both;
    margin:0;
	padding-top:0px;
	background:#fff;
}	

#billing_frame h3 {
    font-size:13px;
	color:#0099FF;
	margin:34px 0 3px 0;
}

.F1{
	color:#666;
	font-size:19px;
	height:25px;
	border-bottom-style:dotted;
	border-bottom-color:#000;
	border-bottom-width:1px;
	margin:0 0 5px 0;
	font-weight:normal;
}

.F2{
	color:#CD0D09;
	font-size:13px;
	font-family:Tahoma;
	margin:5px 0 5px 0;
	font-weight:bold;
	text-decoration:underline;
}

/*
* @author Luan
*/
#main_content{
	border:0px;
	float:left;
	width:460px;
	margin:5px 0 0 10px;
	padding:5px 0;
}

dl.paging {
	float:left;
	font-size:90%;
	text-align:center;
	width:auto;
}

dl {
	margin:0;
}

dl.subnavigation dt {
	float:left;
	margin:0pt 10px 0pt 0pt;
}

dt {
	font-weight:bold;
}

dl.subnavigation dd {
	float:left;
	font-weight:bold;
	margin:0pt;
}
dd {
	margin:0pt 0pt 0pt 15px;
}

dl.subnavigation dd a {
	padding:5px 10px;
	text-decoration:underline;
	color:#36acff;
}

dl.subnavigation dd.selected {
	background-color:#ff005a;
	border:1px solid #333333;
}

dl.subnavigation dd.selected a {
	color:#fff;
	text-decoration:none;
}

#main dt, #main dd{
	line-height:150%;
}
dl.paging dt {
	font-weight:normal;
}

dl.paging dd.previous {
	background-image:url(/portals/pb/images/containers/content-arrow-left-grey.gif);
	margin:0pt 5px 0pt 0pt;
}

dl.paging dd.previous, dl.paging dd.previous a, dl.paging dd.next, dl.paging dd.next a {
	background-position:left top;
	background-repeat:no-repeat;
	height:13px;
	width:13px;
}

dl.paging dd {
	float:left;
	height:13px;
	margin:0pt 2px;
	padding:0pt;
	width:auto;
}

dl.paging dd a {
	color:#4fb6ff;
	text-decoration:underline;
}

dd.selected {
	color:#FF0000;
}

div.grid_2 {
    border-top:1px dashed #BFBFBF;
  	width:100%;
	float:left;
	margin:15px 0 0 0
}

#whole_grid_prod {
	margin:0;
	padding:0;
	font-size:13px;
} 

#whole_grid_prod_hd {
	height:4px;
	overflow:hidden;
	background:url(/portals/pb/images/grid_pro_hd_bg.jpg) repeat-x;
}

#whole_grid_prod_ct {
	background:#e0e0df;
	padding:0 1px;
}

#whole_grid_prod_ct_sub {
	background:#fff;
	padding:12px;
}

#whole_grid_prod_ft {
	height:4px;
	overflow:hidden;
	background:url(/portals/pb/images/grid_pro_ft_bg.jpg) repeat-x;
	/*background:url(../images/bottom_round.jpg) repeat-x;*/
}

div.grid {
	float:left;
	margin:15px 0 0 0;
	width:100%;
}

div.grid .category_row {
	width:100%;
}

#main_content div.grid div.floatLeft.left {
	width:auto;
	width:100%;
	margin-bottom:25px;
}

#main_content div.grid div.floatLeft .image_prod {
	float:left;
	margin-right:20px;
	width:50%;
	text-align:center;
}

#main_content div.grid div.floatLeft .image_prod img {
	border:1px solid #c6c0bb;
}

/*--Free Shipping--*/

#whole_freeship {
	margin:10px 0 0 0;
	padding:0;
}

#whole_freeship_hd_ft {
	height:3px;
	overflow:hidden;
	background:#d6e03f;
}

#whole_freeship_ct {
	padding:20px;
	background:#d6e03f;
	font-size:16px;
}

#whole_freeship_ct h4 {
	font-size:17px;
}

#main_content div.grid div.floatLeft .description {
	float:left;
	width:38%;
}

#main_content div.grid div.floatLeft .description a {
	font-size:13px;
	color:#4fb6ff;
	text-decoration:underline;
}

#main_content .floatLeft {
	float:left;
	margin:0
}

#main_content div.grid div.floatLeft.right {
	border:1px solid #e0e0df;
	width:200px;
	margin-left:18px;
	margin-bottom:15px;
	float:right
}

.align_center{
	text-align:right; 
	width:400px; 
	float:left
}

.cat_img_thumb{
	max-width:210px;
}

#pb_left{
	float:left; 
	width: 456px;
}

#pb_left_middle{
	border-left: 1px solid #e0e0df;
	border-right: 1px solid #e0e0df;
	text-align: left;
}

#pb_right{
	width: 332px;
	float: right;	
}

#pd_bar_1{
	background: #FFFFFF url(../images/blue_bar.jpg) no-repeat;
	height: 25px;
	width: 410px;
	font: 12px/25px verdana;
	color: white;
	text-align: left;
	float: left;
	margin-left: 10px;
}

#pd_momcard_bar_1{
	background: #FFFFFF url(../images/momcard_bar.jpg) no-repeat;
	height: 25px;
	width: 437px;
	font: 12px/25px verdana;
	color: white;
	text-align: left;
	margin-left: 10px;
}

#i_icon{
	margin-left: 100px;
}

#i_icon, #edit_icon{
	position: relative;
	top: 3px;
	margin-right: 2px;
}

.ul_content ul li{
	list-style: square outside url(../images/black_star.jpg);
	font-size: 13px;
	margin-left: 30px;
	margin-top: 10px;
}

.ul_content li p{
	margin-top: 10px;
	padding-right: 5px;
}

.ul_content .hr{
	border-bottom: 1px solid #e0e0df;
	position: relative;
	left: -15px;
	margin: 0px;
	padding: 0px;
	width: 425px;
}

.ul_content_momcard ul li{
	list-style: square outside url(../images/black_star.jpg);
	font-size: 14px;
	margin-left: 30px;
	margin-top: 10px;
	padding: 0px;
	color: #36acff;	
}

.ul_content_momcard .hr{
	border-bottom: 1px solid #e0e0df;
	position: relative;
	left: -15px;
	top: -5px;
	margin: 0px;
	padding: 0px;
}

#content_1{
	margin-left: 7px;
	width: 437px;
}

.imgbtn{
	cursor: pointer;
}

#left_a{
	float: left;
	height: 23px;
}

#left_a a {
	font-size:16px;
	color:#000000;
	width: 77px;
	float: left;
	text-align: center;
}

#left_a a:hover {
	background:url(/portals/pb/images/bg_hover_navi_btn.jpg) no-repeat;
	height:23px;
	width:77px;
	color:#ff1064;
}

#left_a a.highlight {
	background:url(/portals/pb/images/bg_hover_navi_btn.jpg) no-repeat;
	height:23px;
	width:77px;
	color:#ff1064;
}

#terms_condition_a{
	float: left;
	margin-left: 150px;
	
}

#terms_condition_a a{
	width: 140px;
	float: left;
	text-align: center;
	color:#000000;
	font-size:14px;
}

#terms_condition_a a:hover {
	background:url(/portals/pb/images/term_cond_bg.jpg) no-repeat;
	height:23px;
	width:140px;
	color:#ff1064;
}

#terms_condition_a a.highlight {
	background:url(/portals/pb/images/term_cond_bg.jpg) no-repeat;
	height:23px;
	width:140px;
	color:#ff1064;
}

#privacy_a{
	float: left;
	
}

#privacy_a a{
	width: 100px;
	text-align: center;
	float: left;
	color:#000000;
	font-size:14px;
}

#privacy_a a:hover {
	background:url(/portals/pb/images/privacy_bg.jpg) repeat-x;
	height:23px;
	width:100px;
	color:#ff1064;
}

#privacy_a a.highlight {
	background:url(/portals/pb/images/privacy_bg.jpg) repeat-x;
	height:23px;
	width:100px;
	color:#ff1064;
}