@charset "UTF-8";



/*=============================================================================================================



common



=============================================================================================================*/



/* heading

-----------------------------------------------------------------------*/

#main h2 {

	line-height: 1.4;

	}



/* categoryNavigation

-----------------------------------------------------------------------*/

#main .categoryNavigation {

	height: 300px;

	}

#main .categoryNavigation ul {

	position: relative;

	}

#main .categoryNavigation li {

	margin: 0;

	list-style-type: none;

	position: absolute;

	top: 20px;

	left: 30px;

	}

#main .categoryNavigation li.navi2 {

	left: 340px;

	}

#main .categoryNavigation li.navi3 {

	top: 160px;

	left: 155px;

	}





/* chooseNavigation

-----------------------------------------------------------------------*/

.chooseNavigation {

	padding-bottom: 10px;

	background: url("../../common/img/dotline_grey.gif") repeat-x left bottom;

	}

#main .chooseNavigation li {

	margin: 0 10px 0 0;

	width: 31%;

	list-style-type: none;

	float: left;

	}

#main .chooseNavigation li.currently {

	background: url("../../common/img/bg_diag_grey.gif");

	}

#main .chooseNavigation li a {

	padding: .3em 0 .3em 24px;

	background: url("../../common/img/ico_arrow_bb.gif") no-repeat 10px .7em;

	display: block;

	}



/* feature

-----------------------------------------------------------------------*/

#main .feature h4 {

	font-weight: bold;

	}



/* middleSection

-----------------------------------------------------------------------*/

#main .middleSection {

	margin-bottom: 20px;

	}







/*=============================================================================================================



topPage



=============================================================================================================*/



/* common

-----------------------------------------------------------------------*/

#main #calumnCategory h3,	/*forWinIE6,7 */

#ymcGelCategory {

	padding-top: 8px;

	background: url("../../common/img/dotline_grey.gif") repeat-x left top;

	}

#calumnCategory .left,

#calumnCategory .center,

#calumnCategory .right,

#ymcGelCategory div {

	width: 207px;

	}

#calumnCategory .left,

#ymcGelCategory .left {

	margin-right: 20px;

	}

#main .categoryList dt,

#main #ymcGelCategory li {

	padding-left: 14px;

	background: url("../../common/img/ico_arrow_bb.gif") no-repeat 0 .3em;

	}

#main .categoryList li,

#main #ymcGelCategory li {

	margin-left: 0;

	list-style-type: none;

	}

#main #ymcGelCategory li dl {	/* hackForWinIE7 */

	display: inline;

	}



/* heading

-----------------------------------------------------------------------*/

body.columnsTop #main h2 {

	margin-bottom: 12px;

	padding-bottom: 6px;

	line-height: 1;

	background: url("../../common/img/dotline_grey.gif") repeat-x left bottom;

	}

body.columnsTop #main h3 {

	margin-bottom: 6px;

	padding-bottom: 0;

	background: none;

	}



/* productOutline

-----------------------------------------------------------------------*/

.productOutline .left {

	width: 207px;

	}

.productOutline .right {

	width: 430px;

	}





/* columns, ymcGel

-----------------------------------------------------------------------*/

/* block

-----------------------------------*/

#columns,

#ymcGel {

	padding-top: 10px;

	border-top: #094AA2 3px solid;

	}



/* calumnCategory

-----------------------------------*/

#categoryLists {

	background: url("../../common/img/bg_3col_bdy.gif") repeat-y;

	}

#categoryLists div.section {

	padding-bottom: 3px;

	background: url("../../common/img/bg_3col_btm.gif") no-repeat left bottom;

	}

.categoryList {

	padding: 26px 3px 0;

	background: url("../../common/img/bg_3col_top.gif") no-repeat;

	}



#bioChromatography,

#chiral {

	padding-top: 3px;

	background-position: 0 -23px;

	}

#uhplc{

	padding-top: 3px;

	background-position: 0 -23px;

}	

.categoryList h4 {

	padding: 6px 8px;

	}

#categoryLists span.columnsNew {

	margin-left:7px;

	}

#revsersedPhaseODS h4 {

	border-top: #398D65 5px solid;

	background: #DDECE5;

	}

#otherRevsersedPhase h4 {

	border-top: #3162DD 5px solid;

	background: #DDDFEB;

	}

#normalPhase h4 {

	border-top: #F90 5px solid;

	background: #FFEED2;

	}

#chiral h4 {

	border-top: #F9C 5px solid;

	background: #FFEEF7;

	}

#bioChromatography h4 {

	border-top: #C47BA9 5px solid;

	background: #F6E4FA;

	}

#columnsForPreparative h4 {

	border-top: #666 5px solid;

	background: #CCC;

	}

#uhplc h4{

	border-top: #FF6600 5px solid;

	background: #FFDFC9;

    }

#sfc h4{
	border-top: #00dd6d 5px solid;
	background: #ccffcc;

    }	

#relatedItem h4 {

	border-top: #F33 5px solid;

	background: #F9DAE1;

	}

#main .categoryList dl,

#main .categoryList ul {

	margin: 10px;

	}

#main .categoryList dd,

#main .categoryList li {

	padding-left: 10px;

	background: url("../../common/img/ico_arrow_b.gif") no-repeat 0 .4em;

	}

#main .categoryList dd {

	margin-left: 10px;

	}





/* localNavigation

-----------------------------------*/

body.columnsTop .localNavigation {

	padding: 0;

	border: none;

	}

body.columnsTop #main .localNavigation li {

	margin-right: 20px;

	float: left;

	}

body.columnsTop #main #ymcGel .localNavigation li {

	margin-right: 0;

	background: url("../../common/img/ico_arrow_bb.gif") no-repeat 0 .3em;

	float: none;

	}



/* chooseNavigation

-----------------------------------*/

body.columnsTop #main .chooseNavigation li a {

	padding-left: 14px;

	background-position: 0 .7em;

	}





/* searchNavigation

-----------------------------------*/

#main .searchNavigation {

	margin-bottom: 30px;

	}

#main .searchNavigation li {

	margin-left: 0;

	padding-left: 14px;

	background: url("../../common/img/ico_arrow_bb.gif") no-repeat 0 .3em;

	list-style-type: none;

	}





/* ymcGelCategory

-----------------------------------*/

#main #ymcGelCategory h3 {

	margin-bottom: 12px;

	}

#main #ymcGelCategory li dd {

	padding-left: 10px;

	background: url("../../common/img/ico_arrow_b.gif") no-repeat 0 .4em;

	}

* html #main #ymcGelCategory li dl {	/* hackForWinIE6 */

	display: inline;

	}







/*=============================================================================================================



beforeDispositionTopPage



=============================================================================================================*/







/*=============================================================================================================



selectionGuideCommon



=============================================================================================================*/

#choose {

	margin: 20px 0 40px;

	text-align: center;

	}

#choose .head {

	margin-bottom: 9px;

	}

#choose .item {

	margin-bottom: 4px;

	}







/*=============================================================================================================



selectionGuideSeparation



=============================================================================================================*/

body.selectionGuide #main #separation h2 {

	padding-bottom: .5em;

	background: url("../../common/img/dotline_grey.gif") repeat-x left bottom;

	}

body.selectionGuide #main #separation h3 {

	padding-bottom: 0;

	background: none;

	}

body.selectionGuide #main #separation ol {

	margin-left: 20px;

	font-size: 1em;

	}

body.selectionGuide #main #separation ol dt {

	margin-bottom: .3em;

	}

body.selectionGuide #main #separation #feature3 ul {

	margin-bottom: 16px;

	list-style-type: none;

	}

body.selectionGuide #main #separation #feature3 li {

	margin-left: 0;

	}

body.selectionGuide #main #separation #feature3 li img {

	margin-right: .5em;

	}

body.selectionGuide #main #separation #feature3 .specTable th,

body.selectionGuide #main #separation #feature3 .specTable td {

	text-align: center;

	}

body.selectionGuide #main #separation #feature3 .specTable .tblParticle {

	width: 20%;

	}

* html body.selectionGuide #main #separation ol dl {	/* hackForWinIE6 */

	display: inline;

	}

*+html body.selectionGuide #main #separation ol dl {	/* hackForWinIE7 */

	display: inline;

	}







/*=============================================================================================================



selectionGuideUSP



=============================================================================================================*/

body.selectionGuide #main .colorTable th.tblUSP {

	width: 8%;

	}

body.selectionGuide #main .colorTable th.tblKind {

	width: 12%;

	}

body.selectionGuide #main .colorTable th.tblDefinition {

	width: 50%;

	}

body.selectionGuide #main .colorTable th.tblYmcProducts {

	}







/*=============================================================================================================



ymcGelCategory



=============================================================================================================*/



/* common

-----------------------------------------------------------------------*/

body.ymcGel #main #similarProducts .left {

	width: 45%;

	}



/* preparative

-----------------------------------------------------------------------*/

/* feature1

-----------------------------------*/

body.preparative #feature1 dl {

	margin-left: 20px;

	}

body.preparative #feature1 dt {

	width: 22px;

	float: left;

	}

body.preparative #feature1 dd {

	margin: 0 0 16px 22px;

	}



/* typeSpecial

-----------------------------------------------------------------------*/

/* block

-----------------------------------*/

body.typeSpecial #main .feature {

	padding-top: 20px;

	}

body.typeSpecial #main .feature .section {

	padding-bottom: 10px;

	}



/* heading

-----------------------------------*/

body.typeSpecial #main h2 {

	margin-bottom: .3em;

	padding-left: 12px;

	font-size: 1.2em;

	background: url("../../common/img/ico_arrow_bb.gif") no-repeat 0 .4em;

	}



/* sphericalGel

-----------------------------------------------------------------------*/

/* priceTable

-----------------------------------*/

body.sphericalGel #main .priceTable th,

body.sphericalGel #main .priceTable td,

body.preparative #main .priceTable th,

body.preparative #main .priceTable td {
	font-size: 12px;

	}