/* =============================== Mandatory Styles =============================== */
html { height: 100%; }
body 
{
	background: url('../images/background-bg.gif');
	font : normal 12px Tahoma;
	color : #313131;
	margin : 16px 0px 0px 0px;
	padding : 0;
	height : 100%;
}

.celltop td 
{
	vertical-align: top;
}

.message{  color: Green; margin-bottom: 20px; }
.error{  color: red; margin-bottom: 20px; }

.content_table {
	width : 968px;
}

.image_cell 
{
	font-size : 0;
}
.phtable { width: 100%; }
a img {
	border : none;
}

a {
	text-decoration : underline;
	color : #4c6802;
}

.blacklink, a.blacklink 
{
	font: italic 11px Georgia;
	color: #313131;
	text-decoration: underline;
}

h1 
{	
	background: url('../images/hr.gif') bottom repeat-x;
	font-weight: normal;
	font-size: 50px;
	color : #e56284;
	letter-spacing : normal;
	margin : 0 0 10px 0;
	padding : 0 0 16px 0;
	text-transform : none;
}

h2 {
	font : normal 14px 'Century Gothic';
	color : #e39800;
	letter-spacing : normal;
	margin : 0;
	padding : 5px 0 5px 0;
	text-transform : uppercase;
}

.dotted_h2{
	margin-bottom: 20px;
	border-bottom: 1px dotted rgb(197, 171, 172);
}

h3 {
	font-weight : normal;
	font-size: 13px;
	color : #5190aa;
	letter-spacing : normal;
	margin : 0;
	padding : 0 0 5px 0;
	text-transform : none;
}

h4 {
	font-weight : normal;
	font-size: 13px;
	color : #5190aa;
	letter-spacing : normal;
	margin : 0;
	padding : 0 0 5px 0;
	text-transform : none;
}

h5 {
	font-weight : normal;
	font-size: 13px;
	color : #5190aa;
	letter-spacing : normal;
	margin : 0;
	padding : 0 0 5px 0;
	text-transform : none;
}

h6 {
	font-weight : normal;
	font-size: 13px;
	color : #5190aa;
	letter-spacing : normal;
	margin : 0;
	padding : 0 0 5px 0;
	text-transform : none;
}

P {
	margin : 0;
	padding : 0 0 5px 0;
}

ul {
	margin : 0 0 0 31px;
	padding : 0 0 12px 0;
}

li {
	margin : 0;
	padding : 5px 0 5px 0;
}

.hr, p.hr {
	height : 1px;
	background: url('../images/hr.gif') 0px 0px no-repeat;
	margin : 10px 0;
	padding : 0;
}

hr {
	height : 1px;
	background: url('../images/hr.gif') 0px 0px no-repeat;
	margin : 10px 0;
}

#header 
{
	background: url('../images/header.png') 0px 0px no-repeat;
	height : 148px;
	margin : 0;
	padding : 0 22px 0 0;
	width : 970px;
}

.pink_text
{
	color:#e56284;
	font: normal 14px Tahoma;
}

.login_title
{
	font: normal 14px 'Century Gothic';
	color:#32b0c1;
}

#logincontent 
{
	box-shadow: -10px 10px 10px rgba(0,0,0,.5);
	-moz-box-shadow: -10px 10px 10px rgba(0,0,0,.5);
	-webkit-box-shadow: -10px 10px 10px rgba(0,0,0,.5);
}
span.img_container {
	border: solid 1px #c5c5c5;
	font-size: 0;
	vertical-align: top;
	display: inline-block;
}

span.img_container img{
	border: solid 4px rgb(255,255,255);
}

span.inline {
	display: inline-block;
}
/* ==================== Forms================================ */
.standard_field {
	width: 213px;
}

textarea {
	font: normal 12px Tahoma;
}

.wide_textarea {
	width: 493px;
	height: 60px;
}
/* ========================= Shadows ========================= */
.shadow_top 
{
	font-size: 0;
	height: 4px;
	background: url('../images/shadow-top.png') bottom repeat-x;
}

.shadow_left 
{
	font-size: 0;
	width: 4px;
	background: url('../images/shadow-left.png') top repeat-y;
}

.shadow_right 
{
	font-size: 0;
	width: 4px;
	background: url('../images/shadow-right.png') top repeat-y;
}

.shadow_bottom 
{
	font-size: 0;
	height: 4px;
	background: url('../images/shadow-bottom.png') top repeat-x;
}

/*================	Calendar Classes ====================*/
.datefield {
color : #404040;
width : 241px;
border-left : 1px solid #e2e2ec;
border-right : 1px solid #dadfe5;
border-top : 1px solid #aaadb2;
border-bottom : 1px solid #e2e9ef;
background : url('../images/icons/calendar_folder_down_new.gif') no-repeat 98% center;
cursor : default;
}

.datefield_open {
color : #404040;
width : 241px;
border-left : 1px solid #e2e2ec;
border-right : 1px solid #dadfe5;
border-top : 1px solid #aaadb2;
border-bottom : 1px solid #b7d9ed;
background : url('../images/icons/calendar_folder_up_new.gif') no-repeat 98% center;
cursor : default;
}

.cldiv {
border-left : 1px solid #e2e2ec;
border-right : 1px solid #dadfe5;
border-bottom : 1px solid #e2e9ef;
background-color : white;
width : 241px !important ;
padding : 0 0 10px 0;
text-align : center;
z-index : 10000;
}

.cltable {
width : 215px;
margin-left : 12px;
margin-right : 14px;
}

.cltable TD {
text-align : center;
font : 11px 'Lucida Sans Unicode', 'Lucida Grande Unicode', Arial;
color : #000000;
}

.cltable A {
text-decoration : none;
font : 11px 'Lucida Sans Unicode', 'Lucida Grande Unicode', Arial;
color : #404040;
}

.cltable TD.cltoday, .cltable TD.cltoday A {
color : #33cc33;
}

.cltable TD.clselected, .cltable TD.clselected A {
color : #8d3030;
}

.cltable TD.clselected {
border-bottom : 1px solid #dcdac7;
}

.clnotselected a {
color : #404040;
}

.cldayname, .cldayname .cldate {
padding-top : 5px !important ;
}
.cldayname .cldate {
padding-top : 5px;
}

.cldate {
border-bottom : 1px solid #dcdac7;
padding-bottom : 2px;
padding-top : 1px;
}

td.clpast 
{
color: #aaa;
border-bottom : 1px solid #dcdac7;
padding-bottom : 2px;
padding-top : 1px;
}

.clyeartitle {
background : url('../images/date_yearfield_bg.gif') repeat-x;
padding : 0 0 1px 0;
margin : 0;
}

.clmonthtitle {
background : url('../images/date_monthfield_bg.gif') repeat-x;
padding : 0 0 1px 0;
margin : 0;
}

.date_rowspacer {
height : 4px;
margin : 0;
padding : 0;
}

.date_row1 {
height : 12px;
margin : 0;
padding : 0;
}
/* ========================= Cart =========================== */
.cart_notification_board 
{
	height: 54px;
	padding: 0;
	margin: 0;
}
.cart_basket_table {
	font: normal 12px Tahoma;
	color: #000000;
	width: 100%;
}

.cart_basket_table td{
	padding: 10px;
}

.cart_row_odd {
	background: #fbe8ed;

}

.cart_row_even {
	background: #fef7f9;
}

.cart_totals_table {
	color: #000;
}

.cart_totals_table td {
	padding: 0 0 5px 0;
}

.cart_fabricset td
{
	height: 22px;
	padding: 1px;
	white-space:nowrap;
}
/* ============================ Menu Navigation =================== */
#menu_container  
{
	position:relative;
	background: #eff2e7;
	margin:0;
	width:150px;
	height: 100%;
	padding-top: 7px;
}
.menu_nav_left 
{
	background: #ffffff url('../images/stitchV.gif') 100% 0% repeat-y;
	width : 170px;
	padding : 0 0 10px 0;
	margin : 0;
}

#contentleft {
	height : 100%;
	margin : 0;
	padding : 0 0 20px 0;
	width : 120px;
}

.linklevel1 {
	display : block;
	width: 135px;
	font: normal 14px 'Century Gothic';
	color : #6b9300;
	height: 9px;
	line-height : 9px;
	letter-spacing : normal;
	margin : 0;
	padding : 10px 0 10px 15px;
	text-transform : uppercase;
	text-decoration : none;
}

.linklevel1:hover, .linklevel1:active {
	color : #435511;
}
.linklevel1selected
{
	position:absolute;
	width: 144px;
	height: 20px;
	left: -16px;
	top: -3px;
	padding-top: 13px;
	padding-left: 31px;
	padding-bottom: 7px;
	background-image: url('../images/menu-active.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #ffffff;
}

.linklevel2 {
	color : #1d4e63;
	display : block;
	letter-spacing : normal;
	margin : 0;
	padding : 0 0 1px 7px;
	text-decoration : none;
}

.linklevel2:hover, .linklevel2:active, .linklevel2selected {
	color : #1d4e63;
}

/* ============================ Arrow Link========================= */ 
.arrowlink {
	background : url('../images/linkarrow.gif') no-repeat 0 9px;
	display : block;
	font-weight : normal;
	font-size : 10px;
	font-family: 'Century Gothic';
	color : #000000;
	padding : 4px 0 0 11px;
	text-transform : uppercase;
	text-decoration : none;
}

.leftarrowlink {
	background : url('../images/double_arrowlink.gif') no-repeat 0 9px;
	display : block;
	font-weight : normal;
	font-size : 10px;
	font-family: 'Century Gothic';
	color : #000000;
	padding : 4px 0 0 11px;
	text-transform : uppercase;
	text-decoration : none;
}

.insidearrowlink{
	background : url('../images/lookinside.gif') right 6px no-repeat;
	display : block;
	font-weight : normal;
	font-size : 10px;
	font-family: 'Century Gothic';
	color : #000000;
	padding : 4px 13px 0 0;
	text-transform : uppercase;
	text-decoration : none;
}
.zoomlink{
	background : url('../images/zoom_icon.gif') right 7px no-repeat;
	display : block;
	font-weight : normal;
	font-size : 10px;
	font-family: 'Century Gothic';
	color : #000000;
	padding : 4px 13px 8px 0;
	text-transform : uppercase;
	text-decoration : none;
}

/*================ Image Float =================================*/
.floatimageright {
	float : right;
	margin : 0 0 20px 20px;
	padding : 0;
}

.floatimageleft {
	float : left;
	margin : 0 20px 20px 0;
	padding : 0;
}

/* ==========================Content Table =================== */
#contentcolumn {
	margin : 0;
	padding-right : 20px;
	width : 800px;
}

#contentcolumn_1 {
	margin : 0;
	padding : 0;
}

#contentcolumn_2 {
	margin : 0;
	padding : 0;
	width : 230px;
}

#contentcolumn_3 {
	margin : 0;
	padding : 0;
	width : 270px;
}
/* ====================  right column headers ====================================*/

.rcol_header { font: normal 14px 'Century Gothic'; color: #ffffff; background: #e56284; width: 200px; padding: 6px 10px  5px 10px; text-transform: uppercase; margin: 0 0 10px 0;  }

.pink_title
{
	color:#e56284;
	font: normal 14px Tahoma;
	text-transform: none;
}

/* ====================  panels====================================*/
.panels_thumbcell 
{
	padding-right: 9px;
	padding-bottom : 10px;
}
.panel_linktitle 
{
	font: bold 12px Arial;
	color : #000000;
	text-decoration : none;
}
/* ======================= Notions ======================== */
.notion_linktitle{
	padding-bottom: 20px;
}

.notion_linktitle a 
{
	color: #313131;
	text-decoration: none;
}

.notion_linktitle a:hover{
	color:#d81b47;
	text-decoration: underline;
}

.notions_table
{
	width : 100%;
}
/* ========================= Gallery ============================ */
.CMImageGallery_container { margin-top: 20px; margin-bottom: 20px; width: 740px; height: 270px; padding: 0px 0px; background-color: #fff;}
.CMImageGallery_header { background-color: #363f7d; font: bold 12px Arial; color: #8a8b90; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; }

.CMImageGallery_slider { width: 70px; height: 270px; }
.CMImageGallery_beforebutton { width: 70px; background: #ccf url('../images/up.gif') top left no-repeat; height: 13px; margin-bottom: 3px; }
.CMImageGallery_afterbutton { width: 70px; background: #ccf url('../images/down.gif') top left no-repeat; height: 13px; margin-top: 1px; }
.CMImageGallery_window { width: 70px; height: 240px; overflow: hidden; position: relative; }
.CMImageGallery_belt { width: 100px; position: relative; top: 0px; }
.CMImageGallery_panel { width: 70px; height: 55px; padding: 2px 0px 3px 0px; }
.CMImageGallery_beforeclicked { background: #fcc url('../images/upo.gif') top left no-repeat; }
.CMImageGallery_afterclicked { background: #fcc url('../images/downo.gif') top left no-repeat; }
.CMImageGallery_beforedisabled { background: #fcc url('../images/upo.gif') top left no-repeat; }
.CMImageGallery_afterdisabled { background: #fcc url('../images/downo.gif') top left no-repeat; }
.CMImageGallery_edittable {  }
.CMImageGallery_editcell { border: solid 1px #CCC; }

.CMImageGallery_imagecontainer { width: 160px; height: 160px; background-color: #eee; margin-left: 10px; }
.CMImageGallery_mainimage { filter :progid:DXImageTransform.Microsoft.Fade(duration=1.5); }

.CMImageGallery_featurestable { width: 260px; height: 270px; padding: 0px; margin: 0px 0px 0px 20px; }
.CMImageGallery_featureitem { font: 12px 'Lucida Sans'; color: #335f9c; }

/* ========================== Fabrics =========================== */

#fabrics_navigation a { color: #313131; font-size: 12px; text-decoration: none; }
.fabrics_shelf_back { background: url('../images/shelf-back.jpg') 3px 0 repeat-y; }
.swatch_container { width: 200px; height: 200px; border: solid 1px #c5c5c5; padding: 4px; font-size: 0; }
.fabric_title { color: #D81B47; font: normal 16px Tahoma; }
.fabric_code { color: #666; font-size: 11px; }

/* =========================== Cart Styles ====================== */
.item_title { font: normal 16px Tahoma; color: #d81b47; text-decoration:none; }
.item_price { font-weight: bold; font-size: 14px; background: url('../images/pricetag.gif') 0px 0px no-repeat; padding: 0 0 0 25px;  }
.item_qty, .item_desc { padding: 5px 0; }
.hide_lightbox_links { display: none; }
/* ========================== Books  ============================ */
.books_mainimage {
	display: inline-block;
	border: solid 1px #c5c5c5;
	background: #ffffff;
	padding: 4px;
	font-size: 0;
	vertical-align: top;
}

a.bookslist_title
{
	font: bold 12px Arial;
	color : #000000; 
	text-decoration : none;
}

.bookslist_title
{
	font: bold 12px Arial;
	color : #000000; 
}

.booklist_itemcell
{
	padding-bottom: 20px;
	width: 130px;
}

/* ========================== Patterns  ============================ */

a.patternslist_title
{
	font: bold 12px Arial;
	color : #000000; 
	text-decoration : none;
}

.patternslist_title
{
	font: bold 12px Arial;
	color : #000000; 
}

.patternlist_itemcell
{
	padding-right: 20px;
	padding-bottom: 20px;
}

/* ========================== Threads  ============================ */
.thread_leftcol_table 
{
	width: 160px;
	margin: 0;
	padding : 0;
	border-collapse: collapse;
}
.thread_leftcol_table td { border: solid 1px #939598; vertical-align:top; padding: 10px; }

.thread_cell { padding-right: 26px; padding-bottom : 10px; }
.last_thread { padding-right: 0;}

.thread_popup_bg 
{
	background :#ffffff;
	padding: 4px;
	border:solid 1px #c4c9b7;
	border-top: none;	
}

#threads_popup_container 
{
	display: none;
	position: absolute;
	width:145px;
}

#thread_popup_code {
	color: #d81b47;
	font-size:14px;
}

.thread_navtitle {
	color: #d81b47;
	font: normal 16px Tahoma;
	text-decoration: none;
}

.thread_description{
	font: normal 12px Tahoma;
	color: #313131;
}

/* ====================== BOMS ============================ */
.BOM_GalleryThumbs_cell 
{
	padding-top: 10px;
	vertical-align : top;
	font-size : 0;
}

.BOM_thumb_padding 
{
	padding-left: 10px;
}

.BOM_thumb 
{
	padding-bottom: 10px;
}

.BOMGallery_thumbscontainer {
	display: inline-block;
	width: 80px;
	min-height: 440px;
	overflow: hidden;
	margin-right: 10px;
	padding: 0;
	vertical-align: top;
}

.BOMGallery_thumbscontainer span {
	display: block;
	width: 78px;
	height: 78px;
	border: solid 1px #c5c5c5;
	overflow: hidden;
	font-size: 0;
	margin-bottom: 10px;
}

.BOMGallery_thumbscontainer span img {
	border: solid 4px #fff;
	cursor: pointer;
	width: 70px;
	height: 70px;
}

.BOMGallery_MainImage {
	border: solid 1px #c5c5c5;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	width: 408px;
	height: 438px;
	overflow: hidden;
	margin:0;
	padding: 0;
	position: relative;
	text-align: center;
	vertical-align: top;
}

/* ====================== Fabrics Shelve ============================ */
#fbs_shelves_table td
{
	font-size:0px;
	vertical-align : top;
}

/* ====================== footer =============================== */
.footer 
{
	background: #ffffff;
	font: normal 11px Tahoma;
	color : #878787;
	padding-left : 0;
	text-transform: uppercase;
}

.footer_text {
	margin : 0;
	padding : 0;
}

.footer_text_right {
	margin : 0;
	padding : 0 20px;
}

.footer_text a, .footer_text a:hover, .footer_text a:active, .footer_text_right a, .footer_text_right a:hover, .footer_text_right a:active {
	text-decoration : none;
	color: #878787;
}

/* =============================================== The End ==============================================================================*/