/*  ===== pt_customerservice Notes =====   /
	Styles for the pt_customerservice page.
	
	Use this style sheet to put custom styles specific to the Content Asset Pages,
	editable in the Business Manager.
*/

/***********************************************/
/* Page Structure CSS                          */
/***********************************************/
#pt_customerservice #contentheader {
	position: relative;
	height: 120px;
	background: transparent url(../images/bg_add_to_cart_top.jpg) no-repeat 100% 0;
}
#pt_customerservice h1 {
	padding: 20px 0 0 20px;
	font-size: 30px;
}
#pt_customerservice #help_hint {
	position: absolute;
	top: 20px;
	right: 0;
	margin: 20px 0 0 0;
	padding: 0 0 0 80px;
	background: transparent url(../images/searchhelp.png) 0 center no-repeat;
}
#pt_customerservice #help_hint p {
	border-left: 1px solid #d5d5d5;
	width: 287px;
	padding: 5px 0 5px 10px;
	color: #444444;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold; 
}
#pt_customerservice #contentheader #contenttopborder {
	position: absolute;
	bottom: 0;
	margin-left: 196px;
	border-bottom: 3px solid #CE0C09; 
	width: 792px;
}
#pt_customerservice #leftColumn {
	padding: 0 10px 120px 0;
	width: 175px;
	background: transparent url(../images/listenbird.png) center 100% no-repeat;
}
#pt_customerservice #leftColumn #help_menu {
	margin-bottom: 5px;
	border-top: 1px solid #d5d5df;
	padding-bottom: 15px;
	background:	transparent url(../images/navi_shadow_footer.jpg) no-repeat scroll 0 100%;
}
#pt_customerservice #leftColumn #help_menu ul li {
	margin: 0;
	border-bottom: 1px solid #d5d5df;
	padding: 10px 0 10px 10px;
}
#pt_customerservice #leftColumn #help_menu ul li ul{
	padding-top: 10px;
}
#pt_customerservice #leftColumn #help_menu ul li ul li {
	border-bottom: none;
	padding-top: 0;
	padding-bottom: 0;
}
#pt_customerservice #leftColumn #help_menu li.selected {
	background-image: url(../images/navi_gradient.gif);
}
#pt_customerservice #content {
	position: relative;
	padding: 0 0 0 10px;
	width: 791px;
	background: transparent url(../images/left_shadow_middle.jpg) repeat-y scroll 0 0;
	z-index: 1;
}
#pt_customerservice #rightColumn {
	display: none; 
}	
	
#border-top {
	background:transparent url(../images/left_shadow_top.jpg) no-repeat scroll 0 0;
	margin: 0;
	height: 37px;
	left: 1px;
	position: absolute;
	top: 0;
	width: 9px;
}
#border-bottom {
	background:transparent url(../images/left_shadow_bottom.jpg) no-repeat scroll 0 0;
	margin: 0;
	bottom: 0;
	height: 37px;
	left: 1px;
	position: absolute;
	width: 9px;
}
#pt_customerservice .footerShadow {
	margin: 0 0 0 195px;
}
/***********************************************/
/* Page Styling CSS                            */
/***********************************************/	
#pt_customerservice #help_hint_text a {
	text-decoration: underline;
	color: #444;
}
#pt_customerservice #leftColumn ul a {
	font-size: 12px;
	color: #444;
}
#pt_customerservice #help_hint_text a:hover,
#pt_customerservice #leftColumn ul a:hover {
	color: #7C2222;
}
#pt_customerservice #leftColumn #help_menu {
	line-height: 18px;
	color: #444;
}
#pt_customerservice #leftColumn #help_menu ul li ul li {
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
}
#pt_customerservice #leftColumn #help_menu li.selected, 
#pt_customerservice #leftColumn #help_menu ul li ul li.selected {
	font-weight: bold;
}
#pt_customerservice #leftColumn #help_menu li {
	font-weight: normal;
}
#pt_customerservice #content h1 {
}
#pt_customerservice #content h2 {
	margin: 38px 0 0 0;
	color: #444;
	font-size: 18px;
	font-weight: bold;
	font-size: 18px;
}
#pt_customerservice #content h3 {
	margin: 20px 0 0 0;
	color: #444;
	font-size: 14px;
	font-weight: bold;
}
#pt_customerservice #content h4 {
	margin: 20px 0 0 0;
	color: #444;
	font-size: 12px;
	font-weight: bold;
}
#pt_customerservice #content p {
	margin: 8px 0 0;
	color: #444;
	font-size: 12px;
	line-height: 22px;
}
#pt_customerservice #content p a {
	text-decoration: underline;
}
#pt_customerservice #content .faqLink {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}
#pt_customerservice #content .contentasset {
	padding: 0 0 0 30px;
}
#pt_customerservice #content {
	padding-bottom: 20px;
	color: #444;
	font-size: 10px;
	line-height: 18px;
}
#pt_customerservice #content div.em, #pt_customerservice #content p.em {
	margin-top: 22px;
	font-size: 10px;
	font-weight: bold;
	line-height: 22px;
}
#pt_customerservice #content ul {
	margin: 20px 0px 20px 25px;
	list-style-position: outside;
	line-height: 18px;
	font-size: 12px; }
#pt_customerservice #content ul li {}
#pt_customerservice #content ol {
	margin: 20px 0px 20px 25px;
	list-style-position: outside;
	line-height: 18px;
	font-size: 12px;
}
#pt_customerservice #content ol li {}

#pt_customerservice #content ul li a,
#pt_customerservice #content ol li a {
	text-decoration: underline;
}

#pt_customerservice #content .pnumber {
	margin-right: 1em;
}
#pt_customerservice #content table {
	border: 1px solid #888;
	border-collapse: collapse;
	color: #444;
	font-size: 12px;
}
#pt_customerservice #content table th {
	border: 1px solid #888;
	padding: 10px;
	text-align: left;
	font-weight: bold;
}
#pt_customerservice #content table td {
	border: 1px solid #888;
	padding: 10px;
}
#pt_customerservice #content a.a_up {
	background: transparent url(../images/anchor_up.gif) 0 center no-repeat;
	padding: 0 0 0 20px;
	color: #444;
	font-size: 10px;
}
#pt_customerservice #content a.a_down {
	background: transparent url(../images/anchor_down.gif) 0 center no-repeat;
	padding: 0 0 0 20px;
	color: #444;
	font-size: 10px;
}
#pt_customerservice #content a.a_up:hover, #pt_customerservice #content a.a_down:hover {
	color: #7c2222;
}

/** 
	Styles for the new contact form within the help section 
**/
#pt_customerservice .blackButton {
	line-height: 12px;}
	
#pt_customerservice .contactHeadline {
	height: 91px; 
	padding-top: 9px; 
	padding-left: 0px;
	background: transparent url(../images/border_content_top.gif) no-repeat scroll center bottom; }

#pt_customerservice .contactHeadline h1 {
	line-height: 33px;
	font-size: 24px;
	padding: 3px 0; }
	
#pt_customerservice .contactHeadline h1.small {
	padding: 3px 0;
	line-height: 14px;
	font-size: 14px; }	
	
#pt_customerservice .contactEmptyLine {
	width: 100%;
	height:20px; }

#pt_customerservice .questionForm {
	float: left;
	width: 496px;
	padding: 17px 20px; }

#pt_customerservice .questionForm .blackButton {
	float: right;}
	
#pt_customerservice .questionForm .formfields {
	padding: 0px;
	padding-right: 60px;
	border-right: 1px solid #D5D5D5;}
	
#pt_customerservice .questionForm .questHeadline {
	padding-bottom: 15px;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #444444; }
	
#pt_customerservice .questionForm .questSubHeadline {
	padding-bottom: 10px;
	line-height: 22px;
	font-size: 12px;
	font-weight: bold;
	color: #444444; }
	
#pt_customerservice .questionForm .formSpaceLine {
	margin: 12px 0 13px 0;
	border-bottom: 1px solid #D6D6D6; }	
	
#pt_customerservice .questionForm .subjectSelectbox {
	width:437px; }
	
#pt_customerservice .questionForm .messageTextarea  {
	width:431px; }
	
#pt_customerservice .questionForm .noCreditCard {
	padding-bottom: 16px; }
	
#pt_customerservice .firstname .inputbox {
	width:161px; }
#pt_customerservice .lastname .inputbox {
	width:261px; }
#pt_customerservice .subjectSelectbox .selectbox {
	width:437px; }
#pt_customerservice .messageTextarea .inputbox {
	height:114px;
	width:431px; }
	
#pt_customerservice .contactReview {
	padding: 30px 0 26px 0; }
	
#pt_customerservice .contactReview .pushbutton {
	float: left;
	width: 70px;
	height: 40px;
	background-image: url(../images/contact_pushbutton.gif); }

#pt_customerservice .contactReview .happy {
	float: left;
	padding-left: 10px;
	line-height: 20px; 
	font-size: 14px;
	color: #444444;
	font-weight: bold; }
	
#pt_customerservice .reviewContent {
	padding: 17px 20px 20px 20px; }	 
	
#pt_customerservice .reviewContent .reviewMiddle .reviewAddress {
	line-height: 22px;
	font-size: 12px;
	color: #444444; }
	
#pt_customerservice .reviewContent .reviewMiddle .reviewAddress span {
	font-weight: bold; }
	
#pt_customerservice .reviewContent .reviewMiddle .addressSpace {
	width: 1px;
	height: 5px; }		
	
#pt_customerservice .reviewContent .reviewMiddle {
	float: left;
	padding: 0 10px 0 0;
	width: 496px;
	border-right: 1px solid #D5D5D5; }
	
#pt_customerservice .reviewContent .reviewMiddle .reviewMiddleLeft {
	float: left; }
	
#pt_customerservice .reviewContent .reviewMiddle .reviewMiddleRight {
	float: right; }

#pt_customerservice .reviewContent .reviewMiddle .message {
	width: 350px;
	line-height: 22px;
	font-size: 12px;
	font-style: italic;
	color: #444444; }

#pt_customerservice .reviewContent .reviewMiddle .message pre {
 	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 	white-space: pre-wrap; /* css-3 */
 	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 	white-space: -pre-wrap; /* Opera 4-6 */
 	white-space: -o-pre-wrap; /* Opera 7 */
 	word-wrap: break-word; /* Internet Explorer 5.5+ */
	line-height: 16px;
	font-family: Verdana,Arial,sans-serif;
}
	
#pt_customerservice .reviewContent .reviewMiddle .message span {
	font-weight: bold;
	font-style: normal; }	
	
#pt_customerservice .reviewContent .reviewMiddle .messageSpace {
	width: 350px;
	height: 17px; }	
	
#pt_customerservice .reviewContent .reviewMiddle .messageSpaceButton {
	width: 350px;
	height: 21px; }	

#pt_customerservice .contactForm .questionRight,
#pt_customerservice .reviewContent .reviewRight {
	float: left;
	text-align: center;
	margin: 20px 0 0 20px;
	width: 150px;
	height: 120px;
	background: url(../images/contact_dont_breath.gif) no-repeat; } 	

#pt_customerservice .contactThankyou {
	padding: 30px 0 26px 0; }
	
#pt_customerservice .contactThankyou .thankyou {
	float: left;
	width: 70px;
	height: 40px;
	background: url(../images/contact_thankyou.gif) no-repeat; }

#pt_customerservice .contactThankyou .thank {
	float: left;
	padding-left: 10px;
	line-height: 20px; 
	font-size: 14px;
	color: #444444;
	font-weight: bold; }	
	
#pt_customerservice .thankyouContent {
	padding: 17px 20px 20px 20px; }		
	
#pt_customerservice .thankyouContent .thankyouLeft {
	float: left;
	width: 220px;
	padding-right: 10px;
	border-right: 1px solid #D5D5D5; } 
	
#pt_customerservice .thankyouContent .thankyouLeft .breath {
	margin: 0 auto;
	width: 150px;
	height: 150px;
	background: url(../images/contact_dont_breath.gif) no-repeat; } 	
	
#pt_customerservice .thankyouContent .thankyouLeft .respond {
	padding-bottom: 20px;
	font-size: 12px;
	color: #444444; }	
	
#pt_customerservice .thankyouContent .thankyouLeft .previous {
	background: transparent url(../images/bttn_previous.gif) no-repeat scroll 0 1px;
	height:17px;
	text-transform: uppercase;
	font-size: 10px;
	padding:0 4px 0 14px; }	
	
#pt_customerservice .thankyouContent .thankyouLeft .previous:hover {
	background: transparent url(../images/bttn_previous_hover.gif) no-repeat scroll 0 1px;}
	
#pt_customerservice .thankyouContent .thankyouMiddle {
	float: left;
	padding-left: 20px; }
	
#pt_customerservice .contactForm .mandatoryhint {
	font-size: 12px;
	color: #444444;}