﻿
/*
@font-face
{
	font-family: Gotham-Book;
	   src: url('Fonts/Gotham-Book.eot');
	   src: url('Fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
       url('Fonts/Gotham-Book.woff2') format('woff2'),
       url('Fonts/Gotham-Book.woff') format('woff'),
       url('Fonts/Gotham-Book.ttf') format('truetype'),
	    url('Fonts/Gotham-Book.otf') format('opentype'),
       url('Fonts/Gotham-Book.svg#Gotham-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
  font-family: 'Gotham-Book';
  src: url('Gotham-Book.eot');
  src: url('Gotham-Book.eot?#iefix') format('embedded-opentype'),
       url('Gotham-Book.woff2') format('woff2'),
       url('Gotham-Book.woff') format('woff'),
       url('Gotham-Book.ttf') format('truetype'),
       url('Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}





body 
{
    margin:0;
    padding:0;
    box-sizing:border-box;
	font-family:Gotham-Book;
}

select
{
font-family:Gotham-Book;
}
.redflag
{
    color: Red;
}
H1
{
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
    line-height: 40px;
}

h2.subhead, .subhead_link, .subhead_link:visited, .subhead_link:hover
{
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
    margin-bottom: 40px;
    text-decoration: none;
}

.dot
{
    font-size: 55px;
    color: #CE3B3B;
}
.dot2
{
    font-size: 20px;
    color: #CE3B3B;
}

.leftnav
{
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    line-height: 14pt;
}

.leftnav:link, .leftnav:visited
{
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    line-height: 14pt;
}

.leftnav:hover
{
    font-size: 11px;
    color: #CC3333;
    text-decoration: underline;
    line-height: 14pt;
}

.leftnav:active
{
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    line-height: 14pt;
}


.leftnavOn
{
    font-size: 11px;
    color: #CC3333;
    text-decoration: none;
    line-height: 14pt;
}

.leftnavOn:link, .leftnavOn:visited
{
    font-size: 11px;
    color: #CC3333;
    text-decoration: none;
    line-height: 14pt;
}

.leftnavOn:hover
{
    font-size: 11px;
    color: #CC3333;
    text-decoration: underline;
    line-height: 14pt;
}

.leftnavOn:active
{
    font-size: 11px;
    color: #CC3333;
    text-decoration: none;
    line-height: 14pt;
}


.midnav
{
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    line-height: 11pt;
}

.midnav:link, .midnav:visited
{
    font-size: 11px;
    color: #CC3333;
    text-decoration: none;
    line-height: 11pt;
}

.midnav:hover
{
    font-size: 11px;
    color: #CC3333;
    text-decoration: underline;
    line-height: 11pt;
}

.midnav:active
{
    font-size: 11px;
    color: #CC3333;
    text-decoration: none;
    line-height: 11pt;
}


.subnav
{
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    line-height: 11pt;
}

.subnav:link, .subnav:visited
{
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    line-height: 11pt;
}

.subnav:hover
{
    font-size: 11px;
    color: #CC3333;
    text-decoration: underline;
    line-height: 11pt;
}

.subnav:active
{
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    line-height: 11pt;
}

.subnavOn
{
    font-size: 11px;
    color: #CC3333;
    text-decoration: none;
    line-height: 11pt;
}

.subnavOn:link, .subnavOn:visited
{
    font-size: 11px;
    color: #CC3333;
    text-decoration: none;
    line-height: 11pt;
}

.subnavOn:hover
{
    font-size: 11px;
    color: #CC3333;
    text-decoration: underline;
    line-height: 11pt;
}

.subnavOn:active
{
    font-size: 11px;
    color: #CC3333;
    text-decoration: none;
    line-height: 11pt;
}


/* added & modified by wei */
.text, .poll
{
    font-size: 12px;
    color: #000000;
}
.text
{
    line-height: 16pt;
}
.poll
{
    line-height: 12pt;
}

A.nav_dropdown, A.nav_dropdown:link, A.nav_dropdown:visited
{
    width: 146px;
    height: 25px;
    text-decoration: none;
    color: #000000;
    font-size: 11px;
    display: block;
    background-color: #ffffff;
    padding-top: 4px;
    padding-left: 3px;
}
A.nav_dropdown:hover
{
    color: #CC3333;
    background-color: #E6E6E6;
}
A.nav_dropdown:active
{
    color: #00000;
    background-color: #ffffff;
}

td, .text2, .text2bld
{
    font-size: 11px;
    color: #000000;
    line-height: 10pt;
}
.text2bld
{
    font-weight: bold;
    line-height: 16px;
}

.text3, .text3bld
{
    font-size: 11px;
    color: #000000;
    line-height: 14pt;
}
.text3bld
{
    font-weight: bold;
    line-height: 18pt;
}

.text4
{
    font-size: 14px;
    color: #000000;
    line-height: 20pt;
}

A
{
    color: #CC3333;
}
A:link, A:visited
{
    text-decoration: none;
}
A:hover
{
    text-decoration: underline;
}
A:active
{
    text-decoration: none;
}

/* used for copyright */
.legal
{
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    line-height: 12pt;
}
.gray
{
    font-size: 11px;
    line-height: 14px;
    color: #999999;
    font-style: italic;
    margin-left: 1px;
}
.question
{
    font-size: 11px;
    line-height: 15px;
    color: #EB2A2E;
    text-decoration: none;
    font-weight: bold;
}

.smallblk, .smallblk a, .smallblk a:link, .smallblk a:active, .smallblk a:visited
{
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    line-height: 12pt;
}
.smallblk a:hover
{
    color: #CC3333;
    text-decoration: underline;
}
.smallblk a
{
    padding: 0 15 0 15px;
}

.smallred
{
    font-size: 10px;
    color: #CC3333;
    text-decoration: none;
    line-height: 12pt;
}
.smallred a
{
    padding: 0 10 0 0px;
}

ul.content
{
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.content li
{
    background-image: url(/na/images/bullet2.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 10px;
}

ul.qa
{
    list-style: none;
    margin-left: 0;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
}
.qa li.q
{
    font-weight: bold;
    background-image: url(/na/images/240_q.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 10px;
}
.qa li.a
{
    background-image: url(/na/images/240_a.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 30px;
}

ul.cycle
{
    list-style: none;
    margin: 0 0 0 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.cycle li
{
    background-image: url(/na/images/312_med_red_dot.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
    padding-left: 15px;
    padding-top: 0px;
    padding-bottom: 8px;
}

div.line
{
    width: 100%;
    line-height: 2px;
    padding: 0 0 0 0px;
    border-top: 1px dashed #000000;
    border-bottom: 1px dashed #000000;
    margin: 0 0 20 0px;
}
.lnkSiteMap
{
    font-size: 11px;
    color: #000000;
    line-height: 10p;
    text-decoration: none;
}

img.product
{
    float: right;
}

/******
	Home Page Updates - 04242007
						*********/
td.secondaryGlobalNav
{
    color: #000000;
    font-size: 10px;
}
table.globalnavborder
{
    border-bottom: solid 1px #000000;
    width: 760px;
}
td.globalnavigationcontainer
{
    width: 575px;
}
td.searchcontainer
{
    width: 160px;
    margin: 0px 0px 0px 0px;
    color: #666666;
    font-size: 12px;
}
td.globalnavlink
{
    padding: 20px 25px 2px 0px;
}
td.globalnavdropdowncontainer
{
    background: url(../images/globalnavdropdownbackground.gif) no-repeat;
    width: 152px;
    height: 24px;
    font-size: 11px;
    color: #000000;
    padding-left: 4px;
}
td.globalnavdropdowncontainer a, td.globalnavdropdowncontainer a:link
{
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}
td.globalnavdropdowncontainer a:hover
{
    font-size: 11px;
    color: #d11241;
    text-decoration: none;
}
td.globalnavdropdowncontainer a:active
{
    font-size: 11px;
    color: #d11241;
    text-decoration: none;
}
td.globalnavbordercontainer
{
    width: 152px;
    height: 1px;
}
td.searchtext
{
    font-size: 11px;
    color: #666666;
}
td.textboxcontainer
{
    width: 140px;
    padding-top: 3px;
}
td.textboxcontainer input
{
    width: 135px;
    border: solid 1px #999999;
    font-size: 11px;
}
td.textboxbuttoncontainer
{
    padding-top: 3px;
}
table.footercontainer
{
    width: 760px;
    margin: 16px 0px 0px 0px;
}
td.kotexconnectioncontainer
{
    background: url(../images/kotexconnectbackground.gif) no-repeat;
    width: 760px;
    height: 39px;
}
td.joinkotexcopycontainer
{
    width: 200px;
    padding: 7px 60px 0px 256px;
    font-size: 10px;
    color: #000000;
}
td.joinkotexemailcontainer
{
    color: #000000;
    font-size: 12px;
    padding: 12px 3px 0px 0px;
}
td.joinkotextextboxcontainer
{
    padding: 9px 4px 0px 0px;
}
td.joinkotextextboxcontainer input
{
    width: 135px;
    border: solid 1px #999999;
    font-size: 12px;
}
td.joinkotexbuttoncontainer
{
    width: 43px;
    height: 22px;
    padding-top: 7px;
}
/**** footer
		*****/
table.footerglobalnavcontainer
{
    padding: 10px 0px 20px;
}
td.footernavlinkcontainer
{
    text-align: center;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    line-height: 16px;
}
td.footernavlinkcontainer a, td.footernavlinkcontainer a:link
{
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    padding: 0px 10px;
}
td.footernavlinkcontainer a:hover
{
    font-size: 10px;
    color: #d11241;
    text-decoration: none;
}
td.footernavlinkcontainer a:active
{
    font-size: 10px;
    color: #d11241;
    text-decoration: none;
}
td.footersecondarylinkcontainer
{
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}
td.footersecondarylinkcontainer a, td.footersecondarylinkcontainer a:link
{
    font-size: 10px;
    color: #009ed6;
    text-decoration: none;
}
td.footersecondarylinkcontainer a:hover
{
    font-size: 10px;
    color: #009ed6;
    text-decoration: underline;
}
td.footersecondarylinkcontainer a:active
{
    font-size: 10px;
    color: #009ed6;
    text-decoration: none;
}
table.footerlegalcontainer
{
    margin-top: 20px;
}
td.footerlegalcopy
{
    font-size: 10px;
    color: #666666;
}
td.footerlegalcopy a, td.footerlegalcopy a:link
{
    font-size: 10px;
    color: #009ed6;
    text-decoration: none;
}
td.footerlegalcopy a:hover
{
    font-size: 10px;
    color: #009ed6;
    text-decoration: underline;
}
td.footerlegalcopy a:active
{
    font-size: 10px;
    color: #009ed6;
    text-decoration: none;
}
td.footerkimberlyclarklogo
{
    padding-top: 10px;
}
.errorheading
{
    font-size: 11px;
    color: #636363;
}
.error
{
    font-size: 11px;
    color: red;
}

/*  New Styles */

table#tbContent tr td input[type="text"]
{
    min-width:260px;
    padding:3px;
}
table#tbContent tr td select
{
    min-width:270px;
    padding:3px;
}

table.form-tbl tr td
{
    padding:3px;
    vertical-align:middle;
}

#bar_code_img1 td img, #bar_code_img2 td img, #bar_code_img1 td .close, #bar_code_img2 td .close
{
    display:none;
}


.open_box_txt1, .open_box_txt2
{
    cursor:pointer;
    text-decoration:underline;
    padding: 0 3px;
}

#bar_code_img1, bar_code_img2 
{
    position:relative;
    display: none;
} 

 #bar_code_img1 .close, #bar_code_img2 .close
{
    position: relative;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    display: none;
    top: -46px;
    left: -27px;
    background-color: #fff;
    padding: 3px 5px;
    border-radius: 50%;
    width:8px;
}

.othercountrytextbox
{
    min-width: 210px !important;
}
.question-textbox
{
    width:264px;
}

#Country_tdcountry span, #Country_tdcountry select, #Country_tdcountry input
{
margin-top: 10px;
}
#ThankYou_tdinner2{
width: 100%;
}

#ThankYou_tblMain{
width: 70% !important;
}

#ThankYou_tblMain .text{
font-size: 14px !important;
}
#ThankYou_tdinner1
{
font-size: 14px !important;
}
@media screen and (max-width: 768px) 
{
	.question-textbox
	{
		width:224px;
	}
}    

@media screen and (max-width: 365px) {
	.ddlProduct
	{
		width:211px;
	}
	.question-textbox
	{
		width: 205px;
	}
	.othercountrytextbox {
		min-width:188px !important;
	}
	
}
@media screen and (max-width: 330px) {
	.ddlProduct
	{
		width:173px;
	}
	.question-textbox
	{
		width:168px;
	}
	.othercountrytextbox {
		min-width:169px !important;
	}
	
}

@media screen and (max-width: 290px) {
	.ddlProduct
	{
		width:153px;
	}
	.question-textbox
	{
		width:128px;
	}
	.othercountrytextbox {
		min-width:134px !important;
	}
	.extralargetextbox , .mediumtextbox, .smalltextbox, .othercountrytextbox, .largetextbox {
	width:134px !important;
	}
	.tdbox1 p {
	width:134px !important;
	}
	#trDeptCode3 td .text , #trManuCode3 td .text
	{
	width:140px !important;
	}
}

