/* 汎用
-----------------------------------*/
.alCenter {
text-align:center;
}
.pdLeft15 {
	padding-left:15px !important;
}
.mgLeft15 {
	margin-left:15px !important;
}
.mgLeft25 {
	margin-left:25px !important;
}
.mgLeft35 {
	margin-left:35px !important;
}
.mgLeft45 {
	margin-left:45px !important;
}
.mgTop10 {
	margin-top:10px;
}
.mgTop20 {
	margin-top:20px;
}
.mgBottom10 {
	margin-bottom:10px;
}
.mgBottom20 {
	margin-bottom:20px;
}
.txtRed {
/* color:#ff0000; */
font-size:12px;
}
.ft10 {
font-size:10px;
}
.ft12 {
font-size:12px;
}
.ft14 {
font-size:14px !important;
}
.ftBold {
	font-weight:bold;
	padding: 0px 0px;
	margin: 0;
}
.txtRight {
	text-align:right !important;
}
.txtLeft {
	text-align:left !important;
}
.ftBeige {
color:#A5795C;
}
.ftRed {
color:#EE2D1B;
}
.ftBule {
color:#09589B;
}
.ftOrange {
color:#FF7106;
}
.textBold {
	font-weight:bold;
}
.mgLRauto {
margin-left:auto;
margin-right:auto;
}
.textLink{
color: #0066CC !important;
text-decoration: underline !important;
}
/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	padding:0;
	margin:0;
}

    html, body {
        width: 100%;
        height: 100%;
    }
    #container {
        position: relative;

        height: auto !important;

        height: 100%;
        min-height: 100%;
    }
    .main {
    }





img {
	border:0;
}

a {
	text-decoration: none;
}
a:link {
	color: #444;
	text-decoration: none;
}
a:visited {
	color:#444;
	text-decoration: none;
}
a:active {
	color: #0066CC;
	text-decoration: underline;
}
a:hover {
	color: #0066CC;
	text-decoration: underline;
}
a:hover img {
filter: alpha(opacity=80);
opacity: 0.8;
}

body  {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #444444;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
/* ヘッダ関連のフォントはU-VIX本サイトと同じフォントとする */
	font-size: 100%;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

	* html .clearFix {
		display: inline-block;
	}

	*+html .clearFix {
		display: inline-block;
	}

.clearFix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	width: 962px;
	border: 0px solid #000000;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(http://www.u-vix.com/img/bg.gif);
	background-color: #FFFFFF;
}

/* header 
-------------------------------- */
#header {
	width: 940px;
	height: 60px;
	position: relative;
	overflow: hidden;
	color: #333333;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(http://www.u-vix.com/images/topmenu_02.gif);
	background-repeat:repeat-x;
}
#header h1 {
	position: absolute;
	left: 0;
	top: 0px;
	width:316px;
	height:60px;
	margin: 0;
}

#header .utilityNavi {
	float: right;
	margin:0;
	padding:0;
	margin-right:10px;
}
#header .utilityNavi li {
	float: left;
	margin: 15px 0 0 22px;
	font-size: 85%;
	vertical-align: middle;
}

#header .utilityNavi li {
	list-style: none;
	float: left;
	margin: 6px 0 0 22px;
	padding-left:13px;
	background: url(http://www.u-vix.com/img/ico_sankaku.gif) no-repeat left 1px;
	font-size: 12px;
}
#header .siteSearch{
	display:block;
	width:500px;
	height:20px;
	position:absolute;
	top:28px;
	right:10px;
}
#header .siteSearch li{
	list-style: none;
	float: left;
	font-size:13px;
}
#header .siteSearch li.siteSearchName {
	padding-top:4px;
padding-right: 10px;
}
#header .siteSearch li input.searchTextInput {
	width:100px;
	height:17px;
	font-size:12px;
	color:#333333;
}
#header div.siteCartButton{
	display:block;
	width:105px;
	height:22px;
	position:absolute;
	top:31px;
	right:10px;
}
#header div.siteCartButton a{
margin:0;
padding:0;
width:105px;
height:22px;
}
#header div.siteCartPrice{
	display:block;
	/* width:300px;
	height:17px; */
	position:absolute;
	top:28px;
	right:125px;
	font-size: 14px;
	text-align: right;
	padding-top: 3px;
}

/* gnavi 
-------------------------------- */
#gnavi {
	width:100%;
	clear:both;
	width: 940px;
	height:22px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}

#gnaviBox {
	clear:both;
	width: 940px;
	height:22px;
	text-align:center;
	background:url(http://www.u-vix.com/img/navi.gif) no-repeat left top;
	/* overflow:hidden; ADD131201 */
}

#gnavi li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	position: relative;  /* ADD131201 */
}
#gnaviBox li a {
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
}
#gnaviBox li#home a{
	width:160px;
	height:22px;
}
#gnaviBox li#company a{
	width:156px;
	height:22px;
}
#gnaviBox li#product a {
	width:156px;
	height:22px;
}
#gnaviBox li#rd a {
	width:156px;
	height:22px;
}
#gnaviBox li#recruit a {
	width:156px;
	height:22px;
}
#gnaviBox li#news a {
	width:156px;
	height:22px;
}

#gnavi li#home a:hover {
	background:url(http://www.u-vix.com/img/navi.gif) no-repeat 0 -22px;
}
#gnavi li#home a.current01 {
	background:url(http://www.u-vix.com/img/navi.gif) no-repeat 0 -22px;
}
#gnavi li#company a:hover {
	background:url(http://www.u-vix.com/img/navi.gif) no-repeat -160px -22px;
}
#gnavi li#company a.current02 {
	background:url(http://www.u-vix.com/img/navi.gif) no-repeat -160px -22px;
}
#gnavi li#product a:hover {
	background:url(http://www.u-vix.com/img/navi.gif) no-repeat -316px -22px;
}
#gnavi li#product a.current07 {
	background:url(http://www.u-vix.com/img/navi.gif) no-repeat -316px -22px;
}
#gnavi li#rd a:hover {
	background:url(http://www.u-vix.com/img/navi.gif) no-repeat -472px -22px;
}
#gnavi li#rd a.current04 {
	background:url(http://www.u-vix.com/img/navi.gif) no-repeat -472px -22px;
}
#gnavi li#recruit a:hover {
	background:url(http://www.u-vix.com/img/navi.gif) no-repeat -628px -22px;
}
#gnavi li#recruit a.current05 {
	background:url(http://www.u-vix.com/img/navi.gif) no-repeat -628px -22px;
}
#gnavi li#news a:hover {
	background:url(http://www.u-vix.com/img/navi.gif) no-repeat -784px -22px;
}
#gnavi li#news a.current06 {
	background:url(http://www.u-vix.com/img/navi.gif) no-repeat -784px -22px;
}
/* サブメニュー ADD131201 */
#gnaviBox ul li ul.sub {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 22px;
	left: 0px;
	width:156px;
	height:44px;
	z-index: 100;
}
#gnaviBox ul li#company ul.sub li {
	margin-bottom: 0;
	width:156px;
	height:22px;
}
			
#gnaviBox li a:hover {
	position: relative;
	z-index: 100;
}
			
#gnaviBox li:hover ul.sub ,
#gnaviBox li a:hover ul.sub {
	visibility: visible !important;
	overflow: visible !important;
	height: auto !important;
	z-index: 1000 !important;
}
#gnaviBox ul li ul.sub li.s1 {
	background:url(http://img07.shop-pro.jp/PA01261/788/etc/sub_navi1.gif) no-repeat left top;
}
#gnaviBox ul li ul.sub li.s2 {
	background:url(http://img07.shop-pro.jp/PA01261/788/etc/sub_navi2.gif) no-repeat left top;
}
#gnaviBox ul li ul.sub li.s3 {
	background:url(http://img07.shop-pro.jp/PA01261/788/etc/sub_navi3.gif) no-repeat left top;
}
#gnaviBox ul li ul.sub li.s4 {
	background:url(http://img07.shop-pro.jp/PA01261/788/etc/sub_navi4.gif) no-repeat left top;
}

#gnaviBox ul li ul.sub li.s1 a:hover {
	background-image:url(http://img07.shop-pro.jp/PA01261/788/etc/sub_navi1_on.gif) !important;
	background-position:left top !important;
	background-repeat:no-repeat !important;
}
#gnaviBox ul li ul.sub li.s2 a:hover {
	background-image:url(http://img07.shop-pro.jp/PA01261/788/etc/sub_navi2_on.gif) !important;
	background-position:left top !important;
	background-repeat:no-repeat !important;
}
#gnaviBox ul li ul.sub li.s3 a:hover {
	background-image:url(http://img07.shop-pro.jp/PA01261/788/etc/sub_navi3_on.gif) !important;
	background-position:left top !important;
	background-repeat:no-repeat !important;
}
#gnaviBox ul li ul.sub li.s4 a:hover {
	background-image:url(http://img07.shop-pro.jp/PA01261/788/etc/sub_navi4_on.gif) !important;
	background-position:left top !important;
	background-repeat:no-repeat !important;
}

/*　画面左側メニューの幅　*/
.side {
font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;	float: left;
width: 160px;
margin-left: 25px !important;
z-index: 20 !important;
border-right: #f0f0f0 1px solid;
}

a.ctegoryBanner {
 margin-bottom:20px;
display: block;
}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px solid #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px dotted #C3C3C3;
	border-bottom:1px dotted #C3C3C3;
	list-style-type:none;
	margin-bottom:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}

/*　画面右側の幅　*/
.main {
font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;	float: left;
width: 735px;
margin-left: 10px;
padding-left:15px;

}

/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}

/*　フッター（コピーライト）　*/
.footer {
 width:100%;
 clear:left;
}
/*  footer -------------------------------- */
#footer{
	width: 940px;
	position: relative;
	height: 60px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background:url(http://www.u-vix.com/img/foot.gif) left top no-repeat;
 clear:left;
}

#footLink {
	*padding-top:0;
	width: 392px;
	position: absolute;
	height: 18px;
	top: 36px;
	right: 0px;
}

#footLink2 {
	*padding-top:0;
	width: 860px;
	position: absolute;
	height: 18px;
	top: 10px;
	right: 0px;
}

#footLink2 li,
#footLink li {
	float:left;
	margin-right:0px;
	font-size:12px;
	padding-left:2px;
	padding-right: 4px;
	list-style: none;
	height: 18px;
}
#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}

/* -------------------------------------
*     検索フォーム ADD 131226
* ------------------------------------- */
input.searchTopTextArea {
width: 135px;
margin: 0px !important;
border-left: 1px #423f7d solid;
border-top: 1px #423f7d solid;
border-bottom: 1px #423f7d solid;
border-right: none;
padding: 0px 0px 0px 5px !important;
height: 28px;
font-size: 18px;
font-weight:bold;
vertical-align: 10px !important;
}
:root input.searchTopTextArea{vertical-align: 10px !important;}/* IE */
input.searchTopTextArea,  x:-moz-any-link  {vertical-align: 9px !important; }/*FF only*/


input.searchTextArea {
width: 115px;
margin: 0px !important;
border-left: 1px #423f7d solid;
border-top: 1px #423f7d solid;
border-bottom: 1px #423f7d solid;
border-right: none;
padding: 0px 0px 0px 5px !important;
height: 20px;
font-size: 12px;
vertical-align: 7px !important;
}

input.imgTopSearch{
width:130px;
height:30px;
padding:0px !important;
margin:0px !important;
}
input.imgSearch{
width:22px;
height:22px;
padding:0px !important;
margin:0px !important;
}
form#search {
margin:0px !important;
padding:0px !important;
}

/*サイドメニュ
---------------------------*/
.sideMenu {
margin-bottom:20px;
}
/* ----------------------
   パンくず設定
-----------------------*/
.topicpath ol li {
    /* liを横並び＆ブレットを消す */
    display: inline;
    list-style-type: none;
}

.topicpath ol li a {
    /* aの背景画像に記号の画像を指定 */
    background-image: url(http://img07.shop-pro.jp/PA01261/788/etc/crumb.gif);
font-size:12px !important;

    /* 右寄せ＆リピート無し */
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 18px;
}
.topicpath ol li a.grp {
   /* 左寄せ＆リピート無し */
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-right: 0px;
}

.topicpath ol li.last a {
background:none !important;
}

/*グループリスト
----------------------------*/
a.grpLink {
    background-image: url(http://img07.shop-pro.jp/PA01261/788/etc/icon4.gif);
font-size:12px !important;

    /* 右寄せ＆リピート無し */
    background-position: center left;
    background-repeat: no-repeat;
    padding-right: 10px;
padding-left:18px;
}

/*--------------
料金表示
---------------*/
p.price {
color: #911b14;
}

/*カテゴリタイトル
----------------------------------------------------*/

.subCtgTitle,
.subCtg,
.moreBuy {
	font-size:16px;
	/* border-left:#C00 4px solid; */
	padding: 10px 10px;
	/* padding-left: 35px;
margin-top: 20px; */
}
.subCtg  {
background:url(http://img07.shop-pro.jp/PA01261/788/etc/subcategory.gif) no-repeat left top;
}
.subCtgTitle {
	/* background:url(http://img07.shop-pro.jp/PA01261/788/etc/subcategory_only.gif) no-repeat left top;
margin-top:10px; */
}

.subCtgTitle a {
text-decoration: underline;
}

.moreBuy {
	background:url(http://img07.shop-pro.jp/PA01261/788/etc/checkbox.gif) no-repeat left top;
}
/*最近チェックした商品
----------------------------------------------------*/
#checkPrd {
margin-top:15px;
border-bottom: #e2e2e2 1px dotted;
padding-bottom:15px;
}

#checkPrd .leftPrd{
width:100px;
float:left;
}

#checkPrd .leftPrd img {
border: #e2e2e2 1px solid;
}

#checkPrd .rightPrd{
width:575px;
float:right;
}




/*ページ説明用左右レイアウト幅は都度、styleで記述すること
-----------------------------------*/
#pageDisp{
	width:733px;
margin-top: 10px;
}
#pageDisp div.pageDispLeft{
	float:left;
}
#pageDisp div.pageDispRight{
	float:right;
}


/*Categoryカラー設定
-----------------------------------------------------*/
.ct1{/* ディスペンサー */
background-color:#3887BB;
}
.ct2{/* ディスペンサー */
background-color:#C7924B;
}
.ct3{/* ディスペンサー */
background-color:#438F6B;
}

.sTitle {
color:#fff;
font-size:14px;
padding:4px 15px 2px;
margin-bottom:10px;
}

/*Category説明
-----------------------------------------------------*/
div.disp {
font-size:12px;
padding:2px 15px 20px;
}
div.disp2 {
font-size:12px;
padding:2px 15px 10px;
}
div.mark1{
padding-left:20px;
font-size:14px;
/* background: url(http://img07.shop-pro.jp/PA01261/788/etc/icon1.gif) no-repeat left top; */
}
div.mark2{
padding-left:20px;
font-size:14px;
/* background: url(http://img07.shop-pro.jp/PA01261/788/etc/icon2.gif) no-repeat left top; */
}
div.mark3{
padding-left:20px;
font-size:14px;
/* background: url(http://img07.shop-pro.jp/PA01261/788/etc/icon3.gif) no-repeat left top; */
}
div.mark0{
padding-left:0px;
font-size:14px;
}
ul li.textList {
font-size:12px;
margin-left: 40px;
}
ul li.textList2 {
font-size:12px;
margin-left: 20px;
}



/* Clerfix
----------------------------------------------------*/
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
/* 画像
----------------------------------------------------*/
a:hover img.hoverImg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
/* Base Style
----------------------------------------------------*/
body {
	line-height: 1.6;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #555;
}
input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}


/*標準ノズル
-----------------------------------*/
table.spec_nml img {
	border:0;
	margin:0.5em;
}
table.spec_nml {
	margin:0 0 20px 1px;
	padding:0;
	border:1px solid #e5eff8;
	border-spacing:0;
	border-collapse:collapse;
	font-size:10px;
}
table.spec_nml caption {
	color: #FFFFFF;
	font-size:12px;
	letter-spacing:0.1em;
	margin:1em 0 0 0;
	padding:5px 20px;
	caption-side:top;
	text-align:left;
	background-color: #09C;
padding-left: 5px;
display:none;
}
table.spec_nml tr.odd td {
	background:#f7fbff
}
table.spec_nml tr.onDisp td {
	background:#FFCCCC;
}
table.spec_nml tr.odd .column1 {
	background:#f4f9fe;
}
.column1 {
}
table.spec_nml td {
	color:#003C4F;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.6em 1em;
	text-align:center;
}
table.spec_nml td a{
text-decoration:underline;
color:blue;
}
table.spec_nml td.co14 {
	background-color:#595C27 !important;
	color:#FFF;
}
table.spec_nml td.co15 {
	background-color:#CC6633 !important;
	color:#FFF;
}
table.spec_nml td.co18 {
	background-color:green !important;
	color:#FFF;
}
table.spec_nml td.co20 {
	background-color:pink !important;
	color:#333;
}
table.spec_nml td.co21 {
	background-color:purple !important;
	color:#FFF;
}
table.spec_nml td.co22 {
	background-color:blue !important;
	color:#FFF;
}
table.spec_nml td.co23 {
	background-color:orange !important;
}
table.spec_nml td.co25 {
	background-color:red !important;
	color:#FFF;
}
table.spec_nml td.co16 {
	background-color:#CCC !important;
}
table.spec_nml td.co30 {
	background-color:#EDD1F9 !important;
}
table.spec_nml td.co32 {
	background-color:yellow !important;
}
table.spec_nml td.co99 {
	background-color:#000000 !important;
	color:#FFF;
}
table.spec_nml td span {
	font-size:12px;
}
table.spec_nml th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
}
table.spec_nml thead th {
	text-align:center;
	color:#003C4F;
	background-color: #99CCCC;
}
table.spec_nml tfoot th {
	text-align:center;
	background:#f4f9fe;
}
table.spec_nml tfoot th strong {
	font:bold 1.2em;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
}
table.spec_nml tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
}

/*リスト
-----------------------------------------------------*/
ul.discList {
margin:10px 0px;
margin-left: 20px;
}
ul.discList li {
font-size:12px;
}


/* 小カテゴリページ用フォントサイズ 
-----------------------------------------------------*/
.small_spec12 {
	font-size:12px !important;
}
.small_spec14 {
	font-size:14px !important;
}
.small_spec16 {
	font-size:16px !important;
}

/*カテゴリテーブル
--------------------------------------*/
table.categoryTable {
	width:680px;
	border: 0;
margin-top: 20px;
}
table.categoryTable td{
	text-align:center;
padding:5px;
}
table.categoryTable td.bigCtgImg,
table.categoryTable td.bigCtgTxt {
	width:127px !important;
}
table.categoryTable td.bigCtgImg img {
	border:#CCCCCC 1px solid;
}
table.categoryTable td.bigCtgTxt {
	font-size:12px;
}

/* 大カテゴリ
-----------------------------*/
#bigCtgTitle {
	border-bottom:#CCCCCC 1px solid;
width: 680px;
padding-bottom: 10px;
margin-top: 20px;
margin-left: 40px;

}

#bigCtgTitle img {
	padding-left:20px;
	padding-right: 20px;
}

/*小カテゴリ
----------------------------------*/
.smallCtgTitle {
	font-size:16px;
	padding: 10px 0px 0px 0px;
border-bottom: #CCCCCC 1px solid;
margin-bottom: 20px;
}
/*注意事項
--------------------------------------*/
#attention {
	padding-left:0px;
	margin-bottom:10px;
	font-size:12px;
	width:600px;
}
#attention .attLeft1 {
	float:left;
	width:40px;
}
#attention .attLeft2 {
	float:left;
	width:560px;
}
/*　タイトル帯
----------------------------------------------------------- */
.bgttl01 {
	font-size: 14px;
	font-weight: bold;
	background-image: url(http://img07.shop-pro.jp/PA01261/788/etc/bg_title01.jpg?20140131200411);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 20px;
	margin-bottom:10px;
	width:695px;
	height:33px;
	line-height:33px;
}

/* footer下部配置
---------------------------------------*/
	#footer {
/*position: absolute;
bottom: 0;
left: 11px;*/
}

/* 検索窓にうっすら文字
---------------------------------------*/
.tipped {
    color: #BBB;
}

/* リスト
------------------------------*/
dl.colorList dt {
  clear: left;
  float: left;
  margin: 0 0 0.4em;
  width: 7.5em;
  color: #000;
font-size:12px;
text-align:right;
}

dl.colorList dd {
  margin-bottom: 0.4em;
  margin-left: 7.5em;
font-size:12px;
}