/*
 * Club Philips UI restyle 2008.07 
 * TODO: refactor, compact
 */

div.box {  }

/* container - spacific body widths */
div.body550, div.body550x150  { width:550px; }
div.body180 { width:180px; }

/* container - top & bottom borders */
div.box div.ctop {clear: left; width:100%; height:3px; padding:0 0 0 0; margin: 0 0 0 0; background: url(/consumerfiles/assets/img/px_grey_table.gif) repeat-x top left; font-size:1px; line-height:1px;}
div.box div.ctop div.ctopleft { float:left; width:50%; height:3px; background: url(/consumerfiles/assets/img/bg_itop_cleft.gif) no-repeat top left; border: none; margin: 0 0 0 0;}
div.box div.ctop div.ctopright { float:left; width:50%; height:3px; background: url(/consumerfiles/assets/img/bg_itop_cright.gif) no-repeat top right; border: none; margin: 0 0 0 0;}
div.box div.cbot {clear: left; width:100%; height:3px; padding:0 0 0 0; margin:0 0 0 0; background: url(/consumerfiles/assets/img/px_grey_table.gif) repeat-x bottom left; font-size:1px; line-height:1px;}
div.box div.cbot div.cbotleft { float:left; width:50%; height:3px; background: url(/consumerfiles/assets/img/bg_ibot_cleft.gif) no-repeat bottom left; border:none; margin: 0 0 0 0; }
div.box div.cbot div.cbotright { float:left; width:50%; height:3px; background: url(/consumerfiles/assets/img/bg_ibot_cright.gif) no-repeat bottom right; border: none; margin: 0 0 0 0; }

/* container - side borders */
div.box div.main div.title,
div.box div.main div.title2,
div.box div.main div.productTitle,
div.box div.main div.content, 
div.box div.main div.cline { clear:both; border-left:1px solid #E0E0E8; border-right:1px solid #E0E0E8; }

/* container - specific - background shades */
div.body550 div.main { background:url(/consumerfiles/assets/img/bg_pi_gradient_800.gif) repeat-x bottom left; }
div.body550x150 div.main { background:url(/consumerfiles/assets/img/bg_pi_gradient_150.gif) repeat-x bottom left; }
div.body550x200 div.main { background:url(/consumerfiles/assets/img/bg_pi_gradient_200.gif) repeat-x bottom left; }
div.body550x250 div.main { background:url(/consumerfiles/assets/img/bg_pi_gradient_250.gif) repeat-x bottom left; }


/* container - specific - other adjustments */


/* content - main box  */
div.box div.main { clear:left; width:100%; padding:0 0 0 0; margin:0 0 0 0; text-align:center; }
div.box div.main div.title, 
div.box div.main div.title2,
div.box div.main div.productTitle { line-height:150%; padding:4px 4px 4px 8px; text-align:left; font-family:GillSans-Light, Verdana, Arial; font-size:150%; }
div.box div.main div.title,
div.box div.main div.productTitle { border-bottom:1px solid #E0E0E8; }
div.box div.main div.productTitle { color:#A33DA0; font-size:150%; }/* different color, used in the product registration pages */
div.c-productInfo .title { color:#A33DA0; font-size:180%; line-height: normal; }/* different color, used in the product registration pages */
div.box div.main div.content { text-align:left; padding:4px 4px 4px 8px; height:100%; }
div.cline { font-size:3px; height:10px; border-bottom:1px solid #E0E0E8; }


/* box content - form structure */
div.content .c-row { width:100%; min-height:30px; height:100%; clear:both; }
div.content .c-row-free { width:100%; height:auto; clear:both; }
.c-label, .c-field, .c-productImage, .c-productInfo { float:left; }
div.content .c-label { clear:left; width:172px; text-align:right; padding:0px 8px 0px 0px; }/* left-hand */
div.content .c-productImage { clear:left; width:210px; text-align:left; padding:0px 8px 0px 0px; }/* left-hand */
div.content .c-field{ }/* right-hand */
div.content .c-productInfo { width:318px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}/* right-hand */
div.content .bigform { width:400px; font-size:150%; font-weight:bold; float:left; }
div.content .p-button-action { float:left; margin-left:10px; margin-top:2px; }
.selectFix { float: left; }

/* left and right product menu */
.c-productInfo .c-product-leftmenu {margin-right:10px;float:left;}
.c-productInfo .c-product-rightmenu {float:left;width:160px;overflow:hidden;}
.c-productInfo .p-product-menu-item {width:19px;height:15px;float:left;margin-right:4px;}
.c-productInfo .p-menu-servicerequest {background-image: url('/consumerfiles/assets/nps/images/cp-sr-icon.png');}
.c-productInfo .p-menu-chat {background-image: url('/consumerfiles/assets/nps/images/cp-chat-icon.png');}
.c-productInfo .p-menu-call {background-image: url('/consumerfiles/assets/nps/images/cp-call-icon.png');}

/* box content - form fields */
.c-field input, .c-field select { font:normal 100% Verdana; width:176px; border:1px solid #E0E0E8; }
.c-field .radio { width:16px; border:none; height:14px; }
.c-required { color:#005AFF; }
#dob_day { width: 40px; }
#dob_month { width: 116px; }
#dob_year { width: 60px; }
#country { width: 180px; }
input.c-static { background:transparent; border:1px transparent; }
#select.c-static { position:absolute; }
.c-editable { display:block; z-index:50; }
input.bold { font-weight:bold; }
.link-edit, 
.link-edit-save,
.link-remove  { float:right; display:inline; text-align:right; background:transparent; }
div.box * li.p-error, div.box * li.form-error  { margin-bottom:6px; color: #333333; list-style-image: url('/consumerfiles/assets/img/bg_li_error.gif'); }
div.box * li.form-error { position:relative; left:40px; }/* fix for errors that are added on top of the form by js */

/* box content - misc */
div.content p .p-error { display:block; margin-left: 20px; margin-right:10px; }
div.content .c-message { clear:left; float:left; color:#999CA5; font-weight:500; width:270px; margin-left:60px; font-style: italic; }
/*div.content .c-message-free { float:left; color:#999CA5; font-weight:500; width:80%; margin-left:80px; font-style: italic; }*/
div.content .c-field .c-note { position: absolute; clear:left; font:normal 0.9em verdana; width:190px; display:none; border:1px solid gray; background-color:#ffffff; padding:5px; }
#createMyAccnt { font-family: GillSans-Light,Verdana,Arial; font-weight:600; }
.p-buttons-right { margin-right: 8px; margin-bottom:8px; }
.p-buttons-left { margin-left: 8px; margin-bottom:8px; }
.p-link-list { clear:left; }
.c-productImage { min-height:198px; background-image:url(/consumerfiles/assets/img/no_image_available_198x198.gif); }

/* utilities */
.displaynone { display: none;  }
.displayblock { display: block; }

/* popup layers */
div.cp-popupLayer { position:absolute; background-color:#F8F8F8;}
	/*background:transparent url(/consumerfiles/assets/img/bg_formlayer_dropshadow.png) no-repeat;*/
	/*background-position:0 5px;*/
	/*padding:0 15px 3px;*/
/* IE6 hack: give popup layer a background color rather than png dropshadow */
* html div.cp-popupLayer { background-image:none; /*padding:0px;*/ /*border:3px solid #A49A9A;*/ }
div.cp-popupLayer div.main div.title { height:50px; margin-top:0px; padding-top:0px; }
div.cp-popupLayer div.main div.title h1 { font-size:28px; color:#005AFF; }
div.cp-popupLayer div.main { background-image:none; background-color:#F8F8F8; }
div.cp-popupLayer div.ctop, div.cp-popupLayer div.cbot { background-color:#F8F8F8; } 
div.cp-popupLayer div.ctop div.ctopleft { background-color:#F8F8F8; padding:0 0 0 0; margin:0 0 0 0; background-image: url(/consumerfiles/assets/img/bg_itop_cleft2.gif) ;  }
div.cp-popupLayer div.ctop div.ctopright { background-color:#F8F8F8; padding:0 0 0 0; margin:0 0 0 0; background-image: url(/consumerfiles/assets/img/bg_itop_cright2.gif);  }
div.cp-popupLayer div.cbot div.cbotleft { background-color:#F8F8F8; padding:0 0 0 0; margin:0 0 0 0; background-image: url(/consumerfiles/assets/img/bg_ibot_cleft2.gif);  }
div.cp-popupLayer div.cbot div.cbotright { background-color:#F8F8F8; padding:0 0 0 0; margin:0 0 0 0; background-image: url(/consumerfiles/assets/img/bg_ibot_cright2.gif);  }

/* common buttons to be merged in crsc */
.p-button-special2 { border-collapse:collapse; border-spacing:0px; cursor:pointer; cursor:hand; }
.p-button-special2 td{ background:url(/consumerfiles/assets/img/but_special2_bg_right.gif) no-repeat right top; text-align:center; padding:0px 4px 0px 0px; white-space:nowrap; }
.p-button-special2 td div {  background:url(/consumerfiles/assets/img/but_special2_bg.gif); padding:0px 10px 0px 15px; height:27px; font-weight:bold; color:#FFFFFF; line-height:1.9em; }

/* While removing product from product list: popsup(Are you sure?) confirmation page's left alignment */
#confirmRemoveProduct .main .content{
 padding-left: 16px;
}

/* After registering product: popsup(Thank You) page's left alignment */ 
#registerProductSuccessLayer .main .content{
 padding-left: 16px;
}

/* "Create Account" left alignment with edit fields in ClubPhilips */
.ClubPhilips_CreateAccount{
 padding-left: 174px;
}

/* Registration form Your Communication Preferences checkbox alignment */
.reg_form_com_pref{
 padding-top:1px;
 padding-left:5px;
} 

.club_philips_editdata{
 position:absolute;
 padding-left:475px;
 padding-top:20px;
}
.club_philips_savedata{
 position:absolute;
 padding-left:467px;
 padding-top:20px;
}

/* Logout link in Registered Products page */
.p-login-logout .p-content a {
 font-size:100%;
}

/* Mozilla Firefox-Hack for brazil landing page  */
html>body .p-cl-block .p-column {
 border: 0px solid rgb(255, 0, 0);
 z-index: 10;
 position: absolute;
 float: right; 
 left: 700px; 
 top: 0px; 
 width: 250px;
}
html>body #p-navigator .p-tab-content h4 {
 font-size: 145%; 
}
/*added overriden class to solve the open window problem for content loading box 
  on product search page in club philips*/
.p-extrainfo-a .p-top {
	background:transparent url(/consumerfiles/assets/sms/images/borderbox_top.gif) no-repeat 0 17px;
}
/* used to show serial number in product registration */
.popupSerialNumberExample {
	background:#fff;
	border:1px solid #9A9A9A;
	margin:5px 0;
	padding:3px 5px;
}
.p-error span.c-required{color:#FF0000;}
.searchAdd{
	color:#A0A0A7;
	font-family: Verdana;
	font-size: 10px;
}

/* used to show Net TV messages */
.ulNetTVMessage{
	list-style-type:disc;
	padding-left:25px;
}

.liNetTVMessage{
	padding:0px;
}

/* service requests */
textarea.request-description {
	height:100px;
	font:normal 100% Verdana; 
	width:300px; 
	border:1px solid #E0E0E8;
	color:#000000;
	padding-left:5px;
}
#servicerequest select {
	height:20px;
	font:normal 100% Verdana; 
	width:183px; 
	border:1px solid #E0E0E8;
}
#servicerequest select.small {
	width:85px; 
}
#servicerequest select.auto {
	width:auto; 
}
#servicerequest input[type=text]{
	height:15px;
	font:normal 100% Verdana; 
	width:175px; 
	padding-left:5px;
}
#servicerequest input[type=text].small{
	width:125px; 
}
#servicerequest h5 {
	font-size: 150%!important;
	margin-bottom: 8px;
	margin-top: 5px;
	font-weight: normal;
}
#servicerequest p.message {
	margin-top:5px;
	margin-bottom:5px;
}
#servicerequest .remaining-chars {
	margin-top:-18px;
	margin-right: 20px;
	text-align:right;
	color:#9fa3ae;
}
/* file upload description */
#servicerequest .upload-container#upload-container-attachments .uploaded-file-title {
	width:161px;
}
#servicerequest .upload-container#upload-container-attachments .progress-placeholder {
	margin-left:182px;
}
#servicerequest .upload-container#upload-container-attachments ul.upload-list  {
	margin-left:-180px;
}
#servicerequest .upload-container#upload-container-attachments {
	margin-left:180px;
}
#servicerequest .file-description {
	float:left;
	margin-right: 10px;
}
#servicerequest .file-description textarea {
	height:30px;
	font:normal 100% Verdana; 
	width:300px; 
	border:1px solid #E0E0E8;
	color:#000000;
	padding-left:5px;
}
#servicerequest .instruction-text-toggle {
	color:#9fa3ae!important;
}
#servicerequest .c-field-wide {
	width:420px;
}
.box#servicerequest {
	width:620px; /* for non-siffered countries */
}