/* 4 DIRECTIONS STYLESHEET
----------------------------------------------------------------------------------------*/
body {
 font-size: 70%;
 font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
 color:#616161;
 background:#A7CBE4 url(../images/bg-main.gif) repeat-y;}

*{
 margin:0;
 padding:0;
 list-style:none;}

hr {
 display:none;}
 
a {
  text-decoration:none;
  color: #191919;
  position:relative;}

a:hover {
  color:#0066CC;}

a:focus{ outline:none;}

img {
  border:none;}

.clear {
  clear:both;
  line-height:0;
  font-size:0;}
  
p {
	color: #ccc;
	font-size: 115%;
}
/* GLOBAL
-----------------------------------------------------------------------------------------*/
.imgreplace{ /* apply image replacement */
 text-indent:-999999px;
 text-align:justify;
 overflow:hidden;
 display:block;}

h1 {
	 color:#A7CBE4;
}

h3 {
	 color:#A7CBE4;
	 padding-top: 5px;
	 padding-bottom: 5px;
}

#flash {
	font-size: 120%;
}
/* PAGE HEADER
-----------------------------------------------------------------------------------------*/
h2.shoptitle {
  background:url(../images/title-shop.gif) no-repeat;
  width:35px;
  height:18px;
  margin:0 0 22px 9px;}

h2.quicklinkstitle {
  background:url(../images/title-portfolio-links.gif) no-repeat;
  width:125px;
  height:20px;
  margin:0 0 22px 9px;}

h2.samplestitle {
  background:url(../images/title-batiks-for-a-cause.gif) no-repeat;
  width:163px;
  height:18px;
  margin:0 0 22px 0;}

h3.fdlogo {
  background:url(../images/logo-fd.gif) no-repeat;
  width:25px;
  height:27px;
  margin-right:10px;
  float:left;}

/* PAGE LAYOUT
-----------------------------------------------------------------------------------------*/
#container {
  background:#030303;
  width:911px;}
  
  
#headercontent {
  background:url(../images/bg-header.jpg) no-repeat;
  width:911px;
  height:243px;}

#mainnav {
  background:url(../images/bg-mainnav.gif) repeat-x;
  height:40px;
  position:relative;
  top:-39px;
  margin-bottom:-39px;}

#maincontent {
  background:url(../images/bg-body.gif) repeat-y;
  width:911px;
  border-bottom:1px solid #3C3C3C;}
  
#lowercontent {
  font-size: 100%;
  background:url(../images/bg-lower.gif);
  width:883px;
  border-top:1px solid #2F2F2F;
  border-bottom:1px solid #3D3D3D;
	padding: 26px 20px 26px 8px;
}

#footercontent {
  border-top:1px solid #333333;
  padding:3px 10px 15px 17px;
  font-family:Arial, Helvetica, sans-serif;}

/* headercontent
-----------------------------------------------------------------------------------------*/
.newslettersearch {
  float:right;
  padding:18px 23px 0 0 ;}

.newslettersearch label {
  font-family:Arial, Helvetica, sans-serif;
  color:#A7CBE4;
  text-transform:uppercase;
  font-size:1.1em;
  width:100px;
  text-align:right;
  float:left;
  margin:4px 7px 0 0;} 

.newslettersearch input {
  vertical-align:middle;
  display:inline;}

.newsletterbox {
  background:url(../images/bg-textboxsearch.gif) no-repeat;
  display:block;
  float:left;
  width:119px;
  height:22px;
  padding:3px 5px 0 4px;
  border:none;}

.newsletterbox input {
  background:none;
  border:none;
  width:119px;
  font-size:1em;}

.newsletterbtn {
  margin-left:-4px;
  display:block;
  float:left;}
   
/* mainnav
-----------------------------------------------------------------------------------------*/
ul.mainnavlist {
  float:right;}

ul.mainnavlist li {
  float:left;
  font-size:1.3em;
  color:#1F1F1F;
  text-transform:uppercase;
  margin:1px 0 0 0;}

ul.mainnavlist li a {
  background:url(../images/bg-navli.gif) repeat-x;
  padding:7px 9px 9px 9px;
  display:block;
  margin-top:1px;}

ul.mainnavlist li.firstnav {
  background:url(../images/bg-firstnav.gif) left no-repeat;
  padding:0 0 0 33px;
  height:33px;}

ul.mainnavlist li.firstnav a {
  padding:7px 9px 9px 0;}

ul.mainnavlist li.lastnav  {
  background:url(../images/bg-lastnav.gif) right no-repeat;
  padding:0 33px 0 0;
  height:33px;}

ul.mainnavlist li.lastnav a {
  padding:7px 0 9px 9px;}



/* maincontent
-----------------------------------------------------------------------------------------*/
.sidenav {
  width:180px;
  float:left;
  font-size: 120%;
  padding:17px 10px 0 10px;}

ul.navlist {
  background:url(../images/bg-list.gif) top no-repeat;
  padding:0 0 15px 0;
  width:177px;}

ul.navlist li {
  color:#E6E7E8;
  font-size:1.1em;
  width:177px;
  background:url(../images/bg-list.gif) bottom no-repeat;}

ul.navlist li a {
  display:block;
  color:#E6E7E8;
  padding:3px 5px 6px 9px;}

ul.navlist li a:hover {
  background:#2C2B2B;
  color:#00CCFF;}

.subcontent {
  font-size: 115%;
  width:590px;
  float:right;
  padding: 0px 100px 17px 8px;
}

/* My Comment */

.subcontent a {
  text-decoration:none;
  color:#00CCFF;
  position:relative;}
  
.subcontent a:hover {
  color:#0066CC;
  text-decoration: underline;}

.photoaligncenter {
  margin:0 auto;
  display:block;
}

.subblock {
  background:url(../images/bg-shop.gif) repeat-x;
  margin-bottom:15px;
  padding:10px 09px;
  color:#BDBDBD;
  font-size:1.1em;}

.shoppingcartblock {
  width:171px;
  display:block;
  float:left;}

a.shopping {
  background:url(../images/icon-cart.gif) left no-repeat;
  padding:0 0 0 25px;
  color:#BDBDBD;}

.numberblock {
  width:250px;
  margin-right: 140px;
  float:left;
  display:block;
  text-align:center;}

.searchblock {
  width:155px;
  float:left;
  display:block;}

.searchtxt {
  width:87px;
  background:url(../images/input-searchbox.gif) repeat-x;
  height:13px;
  border:none;
  border-right:1px solid #9F9F9F;
  border-left:1px solid #9F9F9F;
  font-size:1em;
  vertical-align:middle;
  display:inline;}

.searchbtn {
   vertical-align:middle;
  display:inline;
  position:relative;
  left:-4px;}

/* lowercontent
-----------------------------------------------------------------------------------------*/
.sidelinks {
  width:537px;
  float:left;}

.sidecontent {
  width:328px;
  float:right;}

ul.listwide {
  background:url(../images/bg-list.gif) top repeat-x;
  padding:0 0 15px 0;
  float:left;
  display:block;
  margin-right:30px;
  font-size: 85%;}

ul.listwide li {
  color:#E6E7E8;
  font-size:1.5em;
  width:150px;
  background:url(../images/bg-list.gif) bottom repeat-x;}

ul.listwide li a {
  display:block;
  color:#E6E7E8;
  padding:4px 5px 7px 9px;}

ul.listwide li a:hover {
  background:#2C2B2B;
  color:#00CCFF;}

.lastlist {
  margin-right:0 !important;}

.colimg1 {
  float:left ;
  padding-right: 10px;
  padding-bottom:13px;}

.colimg2 {
  padding-bottom:13px;}

.colimg img {
  padding-right:25px;}

.colimg img.last {
  padding-right:0 !important;}
 
/* interior page */ 
.smallroundbox {
  width:285px;
  padding:8px 0 0 0;
  float:left;
  margin-right:20px;
  background:url(../images/bg-smallroundedtop.gif) no-repeat top;}

.boxright {
  margin-right:0 !important;}

.boxcontainer {
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  min-height:140px;}

.smallroundboxbottom {
  background:url(../images/bg-smallroundedbottom.gif) no-repeat;
  width:285px;
  height:8px;}

.photobox {
  width:130px;
  float:left;
	margin: 5px 38px 5px 15px;
}

.photobox img {
  display:block;
  margin:0 auto;}

.infobox {
  width:100px;
  float:left;
  padding:10px 0 ;}

.infobox h3 ,
.bigroundbox h3 {
  color:#0a6891;
  font-weight:normal;
  padding:0 0 10px 0;}

/* My Comment */

p.btnclick a {
  background:url(../images/btn-bg.gif) no-repeat;
  width:79px;
  height:14px;
  padding:3px 0;
  text-align:center;
  margin-bottom:10px;
  font-size:0.9em;
  color:#fff;
  display:block;}

/* big rounded box */
.bigroundbox {
  background:url(../images/bg-bigroundedtop.gif) no-repeat;
  width:596px;
  padding:8px 0 0 0;
  margin:20px 0 ;}

.bigroundbox .boxcontainer {
  padding:0 10px;}

table.shoptable {
  background:#fff;
  padding:10px;
  width:576px;}

table.shoptable .prodcol {
  width:248px;}

table.shoptable .standcol {
  width:81px;}

table.shoptable tr.nop td {
  padding:0 !important;}

table.shoptable .breakdown {
  color:#0a6891;
  width:81px;
  padding:0;}

table.shoptable th {
  color:#0a6891;
  text-align:left;
  font-weight:normal;
  font-size:1.1em;
  padding:0 0 10px 0;
  margin:0 0 10px 0;
  border-bottom: 1px solid #333;
 }

table.shoptable td {
  color:#5a5a5a;
  font-size:1.1em;
  padding-bottom:5px;}
 
.bigroundboxbottom {
  background:url(../images/bg-bigroundedbottom.gif) no-repeat;
  width:596px;
  height:8px;}

.btnleft {
  float:left;
}
  
.btnright {
  float:right;}

/* checkout box */
.checkoutbox {
  width:556px;
  background:#fff;
  padding:10px;}

.checkoutbox div {
  width:268px;
  float:left;
  margin-right:10px;}

form.frmcheckout label {
  display:block;
  float:left;
  font-size:1.1em;
  width:86px;
  color:#0a6891;}

form.frmcheckout input.text {
  width:162px;
  float:right;
  margin-bottom:4px;
  font-size:1.1em;
  color:#00CCFF;
  background:#f0f0f0;
  border:1px soldi #cbc9c9;}
  
/* validation errors*/
#errors {
  font-size: 1.2em;
  font-family:Verdana;
  color: #fa6668;
}
.fieldWithErrors{
	padding: 1px;
	background-color: red;
	display: table;
}

#errorExplanation{
	
	border: 1px solid red;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 10px;
}

#errorExplanation h2{
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	margin: -7px;
	color: #fff;
}

#errorExplanation p{
	margin-bottom: 0;
	padding: 5px;
}

#errorExplanation ul li{
	list-style: none;
}


/* inspiration */

#inspiration img {
	padding: 7px;
}

/* footercontent
-----------------------------------------------------------------------------------------*/
.footerlink {
  float:left;
  width:400px;}

.footerlink ul {
  padding:10px 0 0 0;}

.footerlink ul li {
  display:inline;}

.footerlink ul li a {
  padding:0 10px 0 0 ;
  color:#E6E7E8;}

.footercopy {
  float:right;
  width:300px;
  text-align:right;
  padding:10px 0 0 0;}

.footercopy p {
  color:#E6E7E8;
  font-size:1.1em;}