@charset "utf-8";

/*****************************************************************************
************** start - defaults */
html{
    margin: 0;
    padding: 0;
}
body {
	padding:0;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px; 
	color:#474747;
	margin:0px;
	background:url(../img/bg.jpg) repeat; 
}

img { border:none; }
<!--a { color:#046380; text-decoration:none;}-->
a { color:#706b63; text-decoration:underline;}
a:hover { text-decoration:none; color:#706b63; }
img, div { behavior: url(../img/iepngfix.htc) }
ul li { font-family:Verdana, Geneva, sans-serif; }

/* width:210px; */
input, textarea, select { width:97%; font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#474747; border:1px solid #CDC4B3; padding:3px; }

.ferr { border:1px solid #900 }

#wrapper { margin:auto; overflow:auto; width:99%; min-width:1200px;}

#header { margin:auto; overflow:auto; border-bottom:1px solid #6d87ab; background: url(../img/) repeat-x top center #ffffff !important;padding: 0px 6px 6px;text-align: right; }
#banner { background: url(../img/banner.png) repeat-x top center #ffffff !important;padding: 120px 6px 6px;text-align: right;}

.new_caption { margin:auto; text-align:center; overflow:hidden; margin-top:5px;}
.new_caption .new { float:left; }
.new_caption .caption { float:left; height:32px; line-height:32px; margin-left:10px; }

.notify_error { margin:auto; width:100%; overflow:hidden; border:1px solid #B64926; margin-bottom:10px; }
.notify_error .subt { padding:4px; font-variant:small-caps; font-size:12px; background-color:#8E2800; color:#FFF0A5 }
.notify_error .message { text-align:left; padding:5px; color:#4C1B1B }
.notify_error .message p {}
.notify_error .message ul { list-style:circle}
.notify_error .message ul li {}

.notify_success { margin:auto; width:100%; overflow:hidden; border:1px solid #E6E3AF; margin-bottom:10px; }
.notify_success .subt { padding:4px; font-variant:small-caps; font-size:12px; background-color:#D3D4AA; color:#67654E }
.notify_success .message { text-align:left; padding:5px; color:#67654E }
.notify_success .message p {}
.notify_success .message ul { list-style:circle}
.notify_success .message ul li {}
/*****************************************************************************
************** end - defaults */


/*****************************************************************************
************** start - shortcuts */
.lt { float:left; }
.rt { float:right; }
.ac { text-align:center !important; }
.ar { text-align:right !important; }
.al { text-align:left !important; }
.aj { text-align:justify !important; }
.clear{	clear:both; height:0px; overflow:hidden; }
.da { font-size:9px; }
.d10 { font-size:10px; }
.cp { cursor:pointer; }
.b { font-weight:bold; }
.u { text-decoration:underline }
.strike { text-decoration:line-through; }
.i { font-style:italic; }
.dn { display:none; }
.oh { overflow:hidden; }
.ma { margin:auto; }
.bn { border:none !important; }
.ln { text-decoration:none;}
.bl { border: 1px solid #000; }

/************* Margin - Top *************/
.tab2t { margin-top:2px; }
.tab5t { margin-top:5px; }
.tab10t { margin-top:10px !important; }
.tab20t { margin-top:20px; }
.tabtm{ margin-top:-1px; }
.tab7tm{ margin-top:-7px; }
.tab28tm { margin-top:-28px !important; }
.tab40tm{ margin-top:-40px; }

/************* Margin - Bottom *************/
.tab5b { margin-bottom:5px; }
.tab10b { margin-bottom:10px; }
.tab20b { margin-bottom:20px; }

/************* Margin - Right *************/
.tab5r { margin-right:5px; }
.tab10r { margin-right:10px; }
.tab25r { margin-right:25px; }
.tab30r { margin-right:30px; }
.tab75r { margin-right:75px; }

/************* Margin - Left *************/
.tab10l { margin-left:10px; }
.tab77l { margin-left:77px; }
.tab110l { margin-left:110px; }
.tab170l { margin-left:170px; }
.tab255l { margin-left:255px; }
.tab420l { margin-left:420px; }
.tab425l { margin-left:425px; }
.tab500l { margin-left:500px; }
.tab590l { margin-left:590px; }
.tab680l { margin-left:680px; }
.tab760l { margin-left:760px; }
.tab931l { margin-left:931px; }
.tab30lm { margin-left:-30px; }

/************* Width *************/
.w15 { width:15px !important; }
.w22 { width:22%; }
.w40 { width:40px; }
.w50 { width:50px !important; }
.w60 { width:60px; }
.w75 { width:75%; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w240 { width:240px; }
.h10 { height:7px;}

/*.min_but { border:1px solid #2F5BB7; background-color:#4689F7; color:#FFFFFF; }1padding:2px; 1line-height:15px; */
/*.min_but { border:1px solid #a6a89a; background-color:#82828E ; color:#E8E3DD; cursor:pointer; padding:3px 8px; }
.min_but:hover { border:1px solid #7a7c68; background-color:#E8E3DD; color:#82828E; }*/
.min_but { border:1px solid #a6a89a; background-color:#333 ; color:#FFF; cursor:pointer; padding:3px 8px; }
.min_but:hover { border:1px solid #7a7c68; background-color:#FFF; color:#333; }

/*****************************************************************************
************** end - shortcuts */


/*****************************************************************************
************** start - filter */
.logo_container { float:left; width:499px; padding:5px;  }
.logo_container .logo { width:150px;}
.logo_container .status_links { margin-top:10px; float:left; font-size:13px;}
.logo_container .status_links a { color:#706b63; text-decoration:underline;}
.logo_container .status_links a:hover { text-decoration:none; color:#706b63; }
/*****************************************************************************
************** end - filter */


/*****************************************************************************
************** start - top menu container */
.menu_container { float:right; overflow:auto; padding:5px;  }
.menu_container .icon_container { overflow:auto; }
.menu_container .icon_container .currency_caption { float:right; margin-right:10px; line-height:23px; font-size:13px; }
.menu_container .icon_container .currency_links { float:right; }

.menu_container .icon_container .lang_caption { float:right; margin-right:10px; line-height:17px; font-size:13px; }
.menu_container .icon_container .lang_links { float:right; margin-right:20px; }
.menu_container .icon_container .lang_links img { border:1px solid #999; }

.menu_container .menu { float:right; margin-top:25px; }
.menu_container .menu ul { overflow:hidden; margin:0; padding:0; }
.menu_container .menu ul li { display:block; float:left; cursor:pointer; margin-left:20px; width:55px;}
.menu_container .menu ul li .icon { padding-bottom:3px; width:43px; text-align:center; margin:auto}
<!--.menu_container .menu ul li .link { border-top:2px solid #CDCA9C; padding-top:2px; text-align:center}-->
.menu_container .menu ul li .link { border-top:2px solid #77283D; padding-top:2px; text-align:center; font-size:13px;}
.menu_container .menu ul li a { display:block; background-color:#A7A37E; height:20px; line-height:20px; text-align:center; color:#EFECCA; font-variant:small-caps; font-size:12px; padding:0px 20px;}
.menu_container .menu ul li a:hover, .menu_container .menu ul li a.sel { background-color:#E6E2AF; color:#A7A37E; text-decoration:none;}

.filter_container { margin:auto; overflow:hidden; border-bottom: 1px solid #706b63; padding:5px }
.filter_container .contain { width:970px; overflow:hidden; margin:auto; }
.filter_container .pan_fields { float:left; width:50%;}
.filter_container .pan_fields input { width:44%}
.filter_container .pan_fields select { width:44%}
/*****************************************************************************
************** start - second page css */
.filter_container_s { margin:auto; overflow:hidden; border-bottom: 1px solid #706b63; padding:5px; margin-bottom:5px; min-width:300px;}
.filter_container_s .contain { width:99%; overflow:hidden; margin:auto; min-width:300px; }
.filter_container_s .pan_fields { float:left; width:33%; min-width:300px;}
.filter_container_s .pan_fields_search { float:left; width:20%; min-width:300px;}
.filter_container_s .pan_fields .close { font-size:10px;}
.filter_container_s .pan_fields input { width:35%; min-width:100px;;}
.filter_container_s .pan_fields select { width:35%; min-width:15%;}

/*****************************************************************************
************** start - second page css */
.filter_container1 { margin:auto; overflow:hidden; padding:0px; margin-bottom:5px; }
.filter_container1 .contain { width:100%; overflow:hidden; margin:auto; float:left }
.filter_container1 .pan_fields { float:left; width:50%;}
.filter_container1 .pan_fields input { width:50%}
.filter_container1 .pan_fields select { width:50%}
/*****************************************************************************
************** end - top menu container */


/*****************************************************************************
************** start - main content container */
.content_holder { margin:auto; overflow:hidden; min-width:1200px; }
.content_holder .left_panel { float:left; width:20%; overflow:hidden; color:; min-width:240px; }
.content_holder .left_panel .left_panel_in { padding:5px; }
.content_holder .left_panel .left_panel_in .pan_title { border:1px dashed #3E606F; border-right:none; border-left:none; background-color:#E2E9F3; padding:8px; overflow:hidden; }
.content_holder .left_panel .left_panel_in .pan_title a { color:#474747; font-style:italic; }
.content_holder .left_panel .left_panel_in .pan_title .close { font-size:10px;}
.content_holder .left_panel .left_panel_in .pan_fields { padding:5px; text-align:left; }
.content_holder .left_panel .left_panel_in .pan_fields .cs { overflow:auto; height:150px;}
.content_holder .left_panel .left_panel_in .pan_fields .cs a { display:block; background-color:#CDC4B3; color:#000000; padding:4px; margin-top:3px;}
.content_holder .left_panel .left_panel_in .pan_fields .cs a:hover { text-decoration:none; background-color:#E8E3DD; color:#82828E}
.content_holder .left_panel .left_panel_in .pan_fields .cs a.sel { text-decoration:none; background-color:#E8E3DD; color:#82828E}
.content_holder .left_panel .left_panel_in .pan_fields .cs .pan_f { float:left; }
.content_holder .left_panel .left_panel_in .pan_fields .cs .pan_v { float:left; line-height:20px }
.content_holder .left_panel .left_panel_in .pan_fields .pan_f { float:left; }
.content_holder .left_panel .left_panel_in .pan_fields .pan_v { float:left; line-height:20px }
.content_holder .left_panel .left_panel_in .pan_fields ul { list-style:none; padding:0px; margin:0px; }
.content_holder .left_panel .left_panel_in .pan_fields ul li { float:left; padding:2px;}
.content_holder .left_panel .left_panel_in .pan_fields ul li div {border:1px dashed; width:20px; height:20px; }
.content_holder .left_panel .left_panel_in .pan_fields ul li div.selected {border:1px solid double #C00; }

.content_holder .left_panel .left_panel_in .sub_field { border-bottom:1px dashed #c5ced9 }
.content_holder .left_panel .left_panel_in .pan_break { margin-bottom:15px; margin-top:10px; border-top:1px solid #706b63; }

.content_holder .content { margin:auto; overflow:hidden;}
.content_holder .content .content_in { padding:5px; border-left: 1px solid #706b63; overflow:hidden; min-height:1110px; }
/*****************************************************************************
************** end - main content container */

/*******************************Second page and Third page CSS start*/
.content_holder { margin:auto; overflow:hidden; min-width:1200px; }
.content_holder .left_panel_s { float:left; width:0px; overflow:hidden; background-color:#FFF; position: absolute; z-index:8;}
.content_holder .left_panel_s .left_panel_in { padding:5px; border: 1px solid #706B63; }
.content_holder .left_panel_s .left_panel_in .pan_title { border:1px dashed #3E606F; border-right:none; border-left:none; background-color:#E2E9F3; padding:8px; overflow:hidden; }
.content_holder .left_panel_s .left_panel_in .pan_title a { color:#474747; font-style:italic; }
.content_holder .left_panel_s .left_panel_in .pan_title .close { font-size:10px;}
.content_holder .left_panel_s .left_panel_in .pan_fields { padding:5px; text-align:left; }
.content_holder .left_panel_s .left_panel_in .pan_fields .cs { overflow:auto; height:150px;}
.content_holder .left_panel_s .left_panel_in .pan_fields .cs a { display:block; background-color:#CDC4B3; color:#000000; padding:4px; margin-top:3px;}
.content_holder .left_panel_s .left_panel_in .pan_fields .cs a:hover { text-decoration:none; background-color:#E8E3DD; color:#82828E}
.content_holder .left_panel_s .left_panel_in .pan_fields .cs a.sel { text-decoration:none; background-color:#E8E3DD; color:#82828E}
.content_holder .left_panel_s .left_panel_in .pan_fields .cs .pan_f { float:left; }
.content_holder .left_panel_s .left_panel_in .pan_fields .cs .pan_v { float:left; line-height:20px }
.content_holder .left_panel_s .left_panel_in .pan_fields .pan_f { float:left; }
.content_holder .left_panel_s .left_panel_in .pan_fields .pan_v { float:left; line-height:20px }
.content_holder .left_panel_s .left_panel_in .pan_fields ul { list-style:none; padding:0px; margin:0px; }
.content_holder .left_panel_s .left_panel_in .pan_fields ul li { float:left; padding:2px;}
.content_holder .left_panel_s .left_panel_in .pan_fields ul li div {border:1px dashed; width:20px; height:20px; }
.content_holder .left_panel_s .left_panel_in .pan_fields ul li div.selected {border:1px solid double #C00; }

.content_holder .left_panel_s .left_panel_in .sub_field { border-bottom:1px dashed #c5ced9 }
.content_holder .left_panel_s .left_panel_in .pan_break { margin-bottom:15px; margin-top:10px; border-top:1px solid #706b63; }

.content_holder .content_s { margin:auto; overflow:hidden; min-width:300px;}
.content_holder .content_s .content_in { overflow:hidden; min-height:1200px; min-width:300px;  z-index: 1;}
/*******************************Second page and Third page CSS end */

/*****************************************************************************
************** start - subtitle and bread crumbs */
.content_in .subtitle { background-color:#706b63; color:#E8E3DD; padding:8px; font-size:13px; margin-bottom:10px; }
.content_in .subtitle a { color:#E8E3DD}
.content_in .subtitle .null:hover { color:#E8E3DD; cursor:default}
.content_in .subtitle a:hover { color:#FCFFF5; text-decoration:none; }
.content_in .subtitle .crumb_cur { color:#E8E3DD;}
.content_in .subtitle .crumb_sep { color:#E8E3DD; }
.content_in .notify_success, .content_holder .content .content_in .notify_error { margin:inherit; margin-bottom:10px;} 
/*****************************************************************************
************** end - subtitle and bread crumbs */


/*****************************************************************************
************** start - full content container */
.full_content { margin:auto; width:60%; padding:10px; }
/*****************************************************************************
************** end - full content container */


/*****************************************************************************
************** start - custom content container */
.custom_content { margin:auto; width:99%; padding:10px; }
/*****************************************************************************
************** end - custom content container */


/*****************************************************************************
************** start - my content container */
.my_content_holder { margin:auto; overflow:hidden; min-width:1200px; }
.my_content_holder .left_panel { float:left; width:15%; overflow:hidden; min-width:200px;}
.my_content_holder .left_panel .left_panel_in { padding:5px;  }
.my_content_holder .left_panel .left_panel_in ul { list-style:none; margin:0; padding:0; }
.my_content_holder .left_panel .left_panel_in ul li a { display:block; background-color:#b5aea1; padding:10px; color:#fff5e6; border-bottom:1px solid #F3F0B9}
.my_content_holder .left_panel .left_panel_in ul li a.sub { padding-left:50px;}
.my_content_holder .left_panel .left_panel_in ul li a.main:hover {background-color:#CDC4B3; color:#757167; cursor:default}
.my_content_holder .left_panel .left_panel_in ul li a:hover, .my_content_holder .left_panel .left_panel_in ul li a.sel { background-color:#CDC4B3; color:#757167; text-decoration:none}

.my_content_holder .content { margin:auto; overflow:hidden; }
.my_content_holder .content_in {padding:5px; border-left: 1px solid #6d87ab; min-height:445px;}
/*****************************************************************************
************** end - my content container */


/*****************************************************************************
************** start - admin content container */
.admin_content_holder { margin:auto; overflow:hidden; min-width:1200px; }
.admin_content_holder .left_panel { float:left; width:15%; overflow:hidden; min-width:200px;}
.admin_content_holder .left_panel .left_panel_in { padding:5px;  }
.admin_content_holder .left_panel .left_panel_in ul { list-style:none; margin:0; padding:0; }
.admin_content_holder .left_panel .left_panel_in ul li a { display:block; background-color:#9a6d76; padding:3px; color:#eae1e3; border-bottom:1px solid #f4f0f1}
.admin_content_holder .left_panel .left_panel_in ul li a.sub { padding-left:50px;}
.admin_content_holder .left_panel .left_panel_in ul li a.main:hover {background-color:#9a6d76; color:#eae1e3; cursor:default}
.admin_content_holder .left_panel .left_panel_in ul li a:hover, .admin_content_holder .left_panel .left_panel_in ul li a.sel { background-color:#c2a7ac; color:#f4f0f1; text-decoration:none}

.admin_content_holder .content { margin:auto; overflow:hidden; }
.admin_content_holder .content_in {padding:5px; border-left: 1px solid #6d87ab; min-height:752px;}
/*****************************************************************************
************** end - admin content container */


/*****************************************************************************
************** start - forms */
.forms { margin:auto; border:1px solid #91AA9D; overflow:hidden; }
.forms .subtitle { background-color:#706b63; padding:8px; font-size:13px; color:#E8E3DD; font-variant:small-caps }
.forms .form_fields { margin:auto; overflow:hidden; padding:5px; }
.forms .form_fields p { text-align:center}
.forms .form_fields .subcap { border:1px dashed #3E606F; border-right:none; border-left:none; background-color:#d8dfe2; padding:2px; overflow:hidden; font-size:12px }
.forms .form_fields .row { margin-top:10px; overflow:hidden; }

.forms .form_fields .row .label { }
.forms .form_fields .row .label .mand { color:#C00}
.forms .form_fields .row .field { margin-top:5px; overflow:hidden }
.forms .form_fields .row .field .ro { width:80%; overflow:auto; border:1px dotted #A6A47E; color:#474747; padding:4px;}
.forms .form_fields .row .field .tarea { height:40px; }
.forms .form_fields .row .field .info { font-style:italic; font-size:9px; color:#3E606F }
.forms .form_fields .row .pic { border:1px dashed #6C6E58; width:100px; height:100px; padding:5px}

.forms .multi { width:47% }
.forms .multi3 { width:32% }
/*****************************************************************************
************** end - forms */


/*****************************************************************************
************** start - series */
.my_series { overflow:hidden; width:100% }
.my_series tr td { text-align:center; padding:5px; }
.my_series tr th { padding:5px; }

.my_series.off_white tr.lite {background-color:#ffffff;}
.my_series.off_white tr.hard {background-color:#faf9ef;}
.my_series.off_white tr th { background-color:#ebe7bf; color:#8a8769; }
.my_series.off_white tr:hover { background-color:#f5f3df;}

.my_series.gblue tr.lite {background-color:#EDF6F5;}
.my_series.gblue tr.hard {background-color:#d6dfdf;}
.my_series.gblue tr th { background-color:#969e9e; color:#eef7f6;}
.my_series.gblue tr:hover { background-color:#B9CEDF;}

/*****************************************************************************
************** end - series */


/*****************************************************************************
************** start - pagination */
.page1 { border-bottom:1px dashed #A6A47E; overflow:hidden; margin:auto; margin-bottom:10px;}
.page1 .number { float:right; line-height:22px;}
.page1 .up { float:right; margin-right:10px;}
.page1 .count { float:left;}
/*****************************************************************************
************** end - pagination */


/*****************************************************************************
************** start - filter options */
.filter_options { margin:auto; overflow:hidden; margin-bottom:10px;}
.filter_options legend, .filter_options legend a {color:#6C6E58; font-weight:bold; cursor:pointer;}
.filter_options .filters { display:none;}
.filter_options .filters .ftab { overflow:hidden; margin-right:15px; float:left; padding:5px;   }
.filter_options .filters .ftab .label {  }
.filter_options .filters .ftab .field {  }
/*****************************************************************************
************** end - filter options */


/*****************************************************************************
************** start - yarn type boxes */
.rbg { padding:5px; width:300px; overflow:hidden; float:left }
.rbg_contain { overflow:hidden; width:300px; float:left;  }

.rbg2 .rbg_content { height:285px; padding:0 10px 0 10px; background-color:#E8E3DD;  }
.rbg2 .rbg_tr { background:url(../img/r2tr1.png) no-repeat top right;}
.rbg2 .rbg_tr_in { background-color:#E8E3DD; margin:0px 20px 0px 20px;}
.rbg2 .rbg_tl { background-image:url(../img/r2tl2.png);margin: 0px 20px 0px -20px;width:20px;height:20px; }
.rbg2 .rbg_br { background:url(../img/r2br3.png) no-repeat top right; }
.rbg2 .rbg_br_in { background-color:#E8E3DD;margin:0px 20px 0px 20px; }
.rbg2 .rbg_bl { background-image:url(../img/r2bl4.png);margin:0px 20px 0px -20px;width:20px;height:20px; }

.rbg_content .cap1 a { color:#82828E; font-weight:bold; }
.rbg_content .cap1 { color:#6C6E58; font-weight:bold; text-align:center; height:45px; overflow:hidden; border-bottom:1px dashed #334D5C }
.rbg_content .cap2 { color:#6C6E58; font-style:italic; text-align:center; margin-top:5px; }
.rbg_content .cap2 a{ color:#82828E;}
.rbg_content .new { float:left; width:60px; margin-top:20px; margin-left:20px;}
.rbg_content .new div { margin-top:10px;}
.rbg_content .thumb { float:left; background-color:#FFF; height:100px; width:100px;  margin-top:10px; padding:5px;  }
.rbg_content .yarns { margin:auto; overflow:hidden; margin-top:10px; width:280px; height:80px;}
.rbg_content .yarns .ybg { float:left; padding:4px;}
.rbg_content .yarns .ybg .ybgd {width:30px; height:30px; border:1px dashed; }
.rbg_content .yarn_count { font-style:italic; text-align:right; color:#82828E; margin-top:10px;}

.rbg_small { padding:5px; width:220px; overflow:hidden; float:left }
.rbg_small_contain { overflow:hidden; width:220px; float:left;  }

.rbg2_small .rbg_content_small { height:235px; padding:0 10px 0 10px; background-color:#E8E3DD;  }
.rbg2_small .rbg_content_small_price { height:258px; padding:0 10px 0 10px; background-color:#E8E3DD; }
.rbg2_small .rbg_tr { background:url(../img/r2tr1.png) no-repeat top right;}
.rbg2_small .rbg_tr_in { background-color:#E8E3DD; margin:0px 20px 0px 20px;}
.rbg2_small .rbg_tl { background-image:url(../img/r2tl2.png);margin: 0px 20px 0px -20px;width:20px;height:20px; }
.rbg2_small .rbg_br { background:url(../img/r2br3.png) no-repeat top right; }
.rbg2_small .rbg_br_in { background-color:#E8E3DD;margin:0px 20px 0px 20px; }
.rbg2_small .rbg_bl { background-image:url(../img/r2bl4.png);margin:0px 20px 0px -20px;width:20px;height:20px; }

.rbg_content_small .cap1 a { color:#82828E; font-weight:bold; }
.rbg_content_small .cap1 { color:#82828E; font-weight:bold; text-align:center; height:25px; overflow:hidden; border-bottom:1px dashed #334D5C }
.rbg_content_small .new { float:left; width:45px; margin-top:20px; }
.rbg_content_small .new div { margin-top:10px; }
.rbg_content_small .thumb { float:left; background-color:#FFF; height:100px; width:100px;  margin-top:10px; padding:5px; }
.rbg_content_small .options { overflow:hidden; width:170px; margin:auto; text-align:center } 
.rbg_content_small .options .caption {font-weight:bold; text-decoration:underline; color:#82828E} 
.rbg_content_small .options .field { margin-left:10px; color:#002F2F;} 
.rbg_content_small .options .field select { color:#002F2F}

.rbg_content_small_price .cap1 a { color:#6C6E58; font-weight:bold; }
.rbg_content_small_price .cap1 { color:#6C6E58; font-weight:bold; text-align:center; height:25px; overflow:hidden; border-bottom:1px dashed #334D5C }
.rbg_content_small_price .new { float:left; width:45px; margin-top:20px; }
.rbg_content_small_price .new div { margin-top:10px; }
.rbg_content_small_price .thumb { float:left; background-color:#FFF; height:100px; width:100px;  margin-top:10px; padding:5px; }
.rbg_content_small_price .options { overflow:hidden; width:130px; margin:auto; text-align:center } 
.rbg_content_small_price .options .caption {font-weight:bold; text-decoration:underline; color:#002F2F} 
.rbg_content_small_price .options .field { margin-left:10px; color:#002F2F;} 
.rbg_content_small_price .options .field select { color:#002F2F}
/*****************************************************************************
************** end - yarn type boxes */


/*****************************************************************************
************** start - yarn type description */
.yarn_desc_contain { margin:auto; width:100%; overflow:hidden;}
.yarn_desc_contain .thumb { border:1px dashed #046380; width:250px; height:250px; padding:2px; background-color:#DEE5E1; float:left; margin-top:5px; text-align:center;}
.yarn_desc_contain .desc { width:auto; margin-left:270px;}
.yarn_desc_contain .desc .title_contain { overflow:hidden; }
.yarn_desc_contain .desc .title_contain .title { color:#6C6E58; font-size:13px; font-weight:bold; line-height:32px; height:32px; float:left}
.yarn_desc_contain .desc .title_contain .new { float:left; margin-left:10px; overflow:hidden;}
.yarn_desc_contain .desc .in { text-align:justify; color:#6C6E58; overflow-x:hidden; overflow:auto; margin-top:10px;}
.yarn_desc_contain .desc .in_max { max-height:110px;}
.yarn_desc_contain .desc .in_min { max-height:70px;}
.yarn_desc_contain .desc .icons { margin:auto; overflow:hidden; margin-top:10px;}
.yarn_desc_contain .desc .icons .icon { float:left; width:100px; margin-top:10px; margin-right:15px; }
.yarn_desc_contain .desc .icons .icon .image { text-align:center; width:64px; height:64px; margin:auto }
.yarn_desc_contain .desc .icons .icon .cap { text-align:center; font-weight:bold; color:#5E4D28 }

.yarn_desc_contain .desc .attributes { overflow:hidden; margin-top:15px; width:auto; }
.yarn_desc_contain .desc .attributes ul { list-style:none; margin:0; padding:0;}
.yarn_desc_contain .desc .attributes ul li { display:block; float:left; margin-left:40px; line-height:20px;}
.yarn_desc_contain .desc .attributes ul li .caption { font-weight:bold; text-decoration:underline; color:#002F2F; }
.yarn_desc_contain .desc .attributes ul li .field { margin-left:10px; color:#002F2F;  }
.yarn_desc_contain .desc .attributes ul li .field select { color:#002F2F}

.yarn_desc_contain .slinks { float:left; margin-right:13px; margin-top:18px; overflow:hidden; border-right:1px dashed #046380; padding-right:10px; }
.yarn_desc_contain .slinks .scap { font-size:9px; font-variant:small-caps; white-space:nowrap; text-align:center; color:#5E4D28}
.yarn_desc_contain .slinks .srow { margin-top:5px; text-align:center;}

.yarn_desc_contain .options { float:left; overflow:hidden;}
.yarn_desc_contain .options .attributes { overflow:hidden; margin-top:15px; width:auto; }
.yarn_desc_contain .options .attributes ul { list-style:none; margin:0; padding:0;}
.yarn_desc_contain .options .attributes ul li { display:block; float:left; margin-left:40px; line-height:20px;}
.yarn_desc_contain .options .attributes ul li .caption { font-weight:bold; text-decoration:underline; color:#002F2F; }
.yarn_desc_contain .options .attributes ul li .field { margin-left:10px; color:#002F2F;  }
.yarn_desc_contain .options .attributes ul li .field select { color:#002F2F}


#swatch_contain {margin-top:-55px; dimargin-left:-5px; border:none;}
#swatch_contain legend {color:#6C6E58; font-size:12px; font-weight:bold; cursor:pointer; font-variant:small-caps}
#swatches { overflow:hidden; display:none; }
#swatches .owner_details { overflow:hidden; margin-bottom:10px; }
#swatches .owner_details .ocap { text-decoration:underline; margin-right:10px; }
#swatches .owner_details .ofield { font-style:italic; margin-right:20px;}
#swatches .owner_details a {color:#046380;}
#swatches .wash { float:left; margin-right:10px;  }
#swatches .wash .wash_title { border-bottom:4px solid #193441; width:300px; font-weight:bold; margin-bottom:10px; }
/*#swatches .wash .wash_thumb { width:150px; height:150px; padding:2px; border:1px dashed #046380; float:left; text-align:center}*/
#swatches .wash .wash_thumb { width:100px; height:100px; padding:2px; border:1px dashed #046380; float:left; text-align:center}
#swatches .wash .wash_details { float:left; margin-left:10px;}
#swatches .wash .wash_details .wcap { float:left; text-decoration:underline; font-weight:bold }
#swatches .wash .wash_details .wfield { float:left; margin-left:10px; margin-bottom:10px; }
#swatch_img {color:#6C6E58; font-size:12px; font-weight:bold; cursor:pointer; font-variant:small-caps}
/*****************************************************************************
************** end - yarn type description */



/*****************************************************************************
************** start - basket */
/*.basket { margin:auto; width:100%; }*/
.basket { margin:auto; width:100%; font-family: Verdana, Geneva, sans-serif;font-size: 11px;}
.basket tr th { background-color:#d8dfe2; padding:5px; color:#3E606F; }
.basket tr td { text-align:center; padding:5px; }
.basket tr td .options { overflow:hidden; padding-bottom:5px; border-bottom:1px dotted #91AA9D; min-width:280px; margin:auto; margin-bottom:5px; }
.basket tr td .cap { float:left; overflow:hidden; width:65%; text-align:right; line-height:18px; }
.basket tr td .field{ float:left; margin-left:5px; }
.basket tr.break td { border-bottom:1px dashed #3E606F; padding:0px;}
.basket tr.nbreak td { padding:0px;}
/*****************************************************************************
************** end - basket */


/*****************************************************************************
************** start - jquery */
.ui-tabs .ui-tabs-nav { background:#d8dfe2 !important; border:1px solid #d8dfe2 !important; }
.ui-tabs .ui-tabs-nav li.ui-state-active { }
.ui-tabs .ui-tabs-nav li.ui-state-active a { background:#FCFFF5 !important; color:#91AA9D !important; border:none !important; }
.ui-tabs .ui-tabs-panel { background:#FCFFF5 !important; overflow:auto !important; }
.ui-tabs .ui-tabs-nav li a { background:#91AA9D !important; color:#FCFFF5 !important; }
.ui-tabs .ui-tabs-nav li a:hover { background:#FCFFF5 !important; color:#91AA9D !important; }
.ui-tabs .ui-tabs-nav li { border:none !important;}
.ui-widget-header { background:#193441 !important; color:#FCFFF5 !important; font-weight:normal !important; }
.ui-dialog .ui-dialog-content { background: #FCFFF5 !important;}
.ui-button-icon-primary {position:initial !important;}
.ui-widget-overlay {position: fixed !important;}

/*ui-icon ui-icon-closethick*/
/*****************************************************************************
************** end - jquery */


/*****************************************************************************
************** start - footer */
.footer { margin-top:10px; border-top:1px solid #706b63; padding-top:5px; }
.footer .qlinks { overflow:hidden; text-align:center; margin:auto; }
.footer .qlinks ul { overflow:hidden; padding:0; margin:auto; width:450px;}
.footer .qlinks ul li { display:block; float:left; margin-right:20px;}
.footer .copyright { text-align:center; margin-top:5px; margin-bottom:5px;}
/*****************************************************************************
************** end - footer */	
/*old_css*/
.terr { font-size:10px; color:#C00; }
.drag {}
.drag #selected_list ul, .drag #overall_list ul { list-style:none; margin:0px; padding:0px; text-align:left; }
.drag #selected_list ul li, .drag #overall_list ul li { background-color:#595959; color:#D9D9D9; cursor:move; padding:5px; margin-top:2px; width:200px}
.page { overflow:hidden; margin:10px 0px; }
.page div { float:left; border:1px solid #369; margin-left:5px; }
.page div a { text-decoration:none; padding:5px; }
.page .cur { border:1px solid #369; background-color:#369; color:#CCC; padding:0px 5px;}

.grid_content { display:block; padding:8px 4px; min-height:22px; }
.grid_content.sno { width:auto; }
.grid_content span { padding:3px 0px; position:relative; top:5px; }
.grid_content.editable { /*width:110px;*/ }
.gridder_input, .gridder_add { display:none; margin:0; padding:0; outline:none; border:none; padding:2px; border:#24E2F2 solid 1px; width:100px; ight:18px; }
.gridder_add { display:block; border:#CCCCCC solid 1px; }
.gridder_input.select, .gridder_add.select { height:auto; }
.gridder_input:hover, .gridder_input:active, .gridder_add:hover, .gridder_add:active { outline:none; }
#addnew { display:none; }
.gridder_addrecord_button { margin:0; padding:0; outline:none; border:none; background:url(../images/tick.png) no-repeat; cursor:pointer; display:inline-block; height:16px; width:16px; }
.add_yarn_tabel{ margin-top:0px; border:1px solid;}
.red { color:#900}
.w300 { width:300px; }
.w305 { width:305px; }
.w200 { width:200px; }
.border_color{ border-color:#C00;}
.tab25l{ margin-left:25px;}

/********************************************************************************
******************Swatch Image Overlap*/
.over_lap { position:relative; left:10px; top:-65px; z-index:1; padding:2px; background-color:#FFF; cursor:pointer; }

/********************************************************************************
********************* Start - Site Map */
.sitemap{ width:1200px; margin:0 auto; overflow:inherit; }
.sitemap_center { width:90%; margin:0 auto; }
.sitemap_round { width:150px; height:50px; border:none; border-radius: 10px; color:#FFF; text-align:center; margin:0px 10px 0px 10px; line-height:45px; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
.sitemap_hr { height:1px; border-top:1px groove; color:#000; background-color:#000; !important; }
.sitemap_ul { list-style:none; }
.sitemap_vline{ height:40px; border-right:1px groove; width:1px; background:#000; !important; }
.site_color1{ background-color:#82828E; }
.site_color2{ background-color:#CDC4B3; color:#FFF;}
.site_color3{ background-color:#E8E3DD; color:#8d877d; }
/********************* End - Site Map 
********************************************************************************/

#doublescroll
{
  overflow: auto; overflow-y: hidden; 
}