/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.mydesignerfabrics.com/
   TEMPLATE NAME:  My Designer Fabrics
   DATE:           Sep-10th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { margin: 0; padding: 0px; height: 100%; background: #f6f6f3 url(/images/bg.gif) repeat-x; } 
.sub { background: #f6f6f3 url(/images/subbg.gif) repeat-x; }

#table1 {
width: 100%; text-align: center; margin-top: 20px;
}


/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent; text-decoration: none}
tr td font {
text-decoration: none
}
table, td, tr { border: none; font: 10pt "Lucida Sans", Helvetica, Arial, Sans-Serif; color: #65604c}
td { line-height: 20px; }
table b { color: #65604c; }
table a, tr a, td a, font a, .content table a {color: #65604c; font: 10pt "Lucida Sans", Helvetica, Arial, Sans-Serif;  }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #ee4591;}
table hr {border: none; border-bottom: 1px solid #61584d; height: 0px;}
font img { border: 6px solid #e7e2d1; margin-right: 10px; }

/* ----------SEARCH--------------------- */

.cartsearch {height: 34px;
width: 210px;
background: url(/images/searchbg.gif) repeat-x;
padding: 8px 10px 0px 0px;
border: 0px;
font: 10pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
color: #61584d;
}

.cartbutton {
position: absolute;
margin-top: 40px;
margin-left: -68px;
width: 69px;
height: 30px;
}


/* --------------SEARCH------------- */

#search {
margin-top: 1px;
}

#search .holder {
background-color: #ee4591;
min-height: 50px;
width: 230px;

}

#search .box {
background: url(/images/leftnav_bg.gif) repeat-y;
padding: 10px;
height: 70px;
}

#search .head {
background: url(/images/searchhead.gif) no-repeat;
height: 32px;
padding-bottom: 1px;
}


/* --------------WHOLESALERS------------- */

#wholesalers {
margin-top: 1px;
}

#wholesalers .holder {
background-color: #e0dac6;
height: 100px;
width: 230px;

}

#wholesalers .box {
background: url(/images/leftnav_bg.gif) repeat-y;
padding: 10px;
height: 100px;
}

#wholesalers .head {
background: url(/images/wholesalers.gif) no-repeat;
height: 32px;
padding-bottom: 1px;
}

#wholesalers ul li a{
color: #61584d;
background: url(/images/bullet.gif) no-repeat center left; /*custom bullet list image*/
background-color: #e0dac6;
display: block;
padding: 5px 0px;
padding-left: 25px;
text-decoration: none;
font: bold 10pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
text-transform:lowercase
}

#wholesalers ul li a:hover{ /*hover state CSS*/
color: #f24491;
}





/* --------------LEFT NAVIGATION----------------*/

.leftnav {
float: left;
width: 250px; /*width of menu*/
padding: 16px 0px 0px 10px;
min-height: 400px;
}

.leftnav .box {
background: url(/images/leftnav_bg.gif) repeat-y;
padding: 10px;
}

.leftnav .head {
background: url(/images/leftnav_top.gif) no-repeat;
height: 28px;
}

.leftnav ul{
list-style-type: none;
margin-top: 10px;
}

.leftnav ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.leftnav ul li a{
color: #61584d;
background: url(/images/bullet.gif) no-repeat center left; /*custom bullet list image*/
background-color: #f7f6f3;
display: block;
padding: 8px 0px;
padding-left: 25px;
text-decoration: none;
font: bold 10pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
text-transform:lowercase
}

.leftnav ul li a:hover{ /*hover state CSS*/
color: #f24491;
}

.leftnav .bottom {
background: url(/images/leftnav_bottom.gif) no-repeat;
height: 11px;
}

/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
} 

#subcontainer {
min-height: 800px; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
}


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 10pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
color: #61584d;
line-height: 22px;
}
 
textarea {
width: 20em;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #61584d;
padding: 12px;
margin-bottom: 20px;
border: none;
}
 
#input {
margin: 0px;
}

.form {
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #61584d;
border: none;
background-color: #e7e2d1;
margin-bottom: 20px;
height: 17px;
}

#name, #name0 {
padding: 10px 0px 0px 0px;
width: 286px;
}

#input ul, #input0 ul {
margin:0;
padding:0;
list-style-type:none;
background: url('/images/formbgleft.gif') no-repeat top left;
padding: 0px 0px 0px 7px;
width: 300px;
}

#input li, #input0 li  {
background: #f7f6f3 url('/images/form_end.gif') no-repeat center right;
}


textarea {
width: 275px;
height: 172px;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #61584d;
border: none;
background-color: transparent;
padding: 6px 0px 0px;
margin-bottom: 20px;
line-height: 20px;
overflow: auto;
}

#textarea  ul {
margin:0;
padding:0;
list-style-type:none;
background: url('/images/textareaend.gif') no-repeat top left;
padding: 0px 0px 0px 7px;
width: 300px;

}

#textarea li {
background: #f7f6f3 url('/images/textareabg.gif') no-repeat top right;
}
 
.button {
width: 6em;
height: 40px;
font: bold 10pt "Lucida Sans", Helvetica, Arial, Sans-Serif;color: #fff;      
background: #ee4591;
padding: 4px 5px;
border: 1px solid #ee4591;
margin-top: 15px
}

/* --------------HEADER------------- */

#header {
height: 134px;
}

#header .cart {
float: right;
background: url(/images/carttag.gif) no-repeat;
margin-top: 7px;
width: 125px;
height: 85px;
text-align: right;
padding: 7px 0px 0px 0px;
}

#header .cart .holder {
padding-right: 22px;
}

#header .cart .holder td {
text-align: right;
font: 8pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
}

#header .cart a {
color: white;
text-decoration: none;
font: bold 8pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
text-transform:lowercase;
background: url(/images/icon_cart.gif) no-repeat left center;
padding-left: 20px;
}

/* --------------LOGO IN HEADER *always use this*------------- */

.logolink {
float: left;
margin-top: 42px;
background-image: url('/images/logo.gif');
background-repeat: no-repeat;
height: 75px;
width: 450px;
}
 
.logolink a { float: left;  }
 
#swap {background-image: url(/images/logo.gif);  width: 412px;  height: 55px;  }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------TOPNAV---------------------------------------------- */

#nav {
height: 67px;
}

#nav .end {
float: right;
background: url(/images/nav_end.gif) no-repeat;
width: 229px;
height: 67px;
}

.topnav{
margin: 0;
padding: 0;
float: left;
width: 700px;
font: 16pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
border-width: 1px 0;
height: 67px;
}

.topnav li{
display: inline;
}

.topnav li a{
float: left;
color: #FFF;
text-decoration: none;
height: 57px;
padding-right: 25px;
padding-left: 25px;
padding-top: 10px;
text-transform:lowercase;
}

.topnav li a b {
font: 10pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
color: #f6f7db;
}

.topnav li a:hover {
color: #FFF;
text-decoration: none;
background: #746c63 url('/images/nav_on.gif') repeat-x bottom;
}

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}

/* --------------MISSION------------- */

#mission {
height: 236px;
background: url(/images/mission_floral.gif) no-repeat top right;
}

#mission .content {
width: 580px;
padding: 28px 20px 0px 8px;
font: 10pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
color: white;
line-height: 22px;
padding-bottom: 14px;
}

#mission .bottom {
background: url(/images/mission_bot.gif) no-repeat;
height: 24px;
}

/* --------------MAIN CONTENT----------------*/

#main, #mainsub {
min-height: 100%; 
height: auto !important; 
height: 100%; 
}

#mainsub {
margin-top: 15px;
}

#main .content, #mainsub .content {
padding: 0px;
margin: 0px;
margin-left: 250px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
}

#mainsub .contentblock {
padding: 15px 5px 0px 40px;
}

#main h1, #mainsub h1  {
font: 16pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
color: #ee4591;
margin-bottom: 10px;
}

#main p, #mainsub p  {
font: 10pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
color: #61584d;
line-height: 22px;
padding-bottom: 25px;
}

.contentblock a {
font: 10pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
color: #ee4591;
font-weight: bold;
}

.contentblock .subimage {
background: url(/images/subimg.gif) no-repeat;
float: right;
padding: 38px 20px 70px 70px;
}

/* --------------MAIN THREE BLOCKS----------------*/

#threeblocks {
padding: 11px 10px 0px 14px;
font: 10pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
color: #61584d;
height: 100%;
height: auto;
min-height: 100%;
width: 700px;
line-height: 18px
}

#threeblocks a:hover, #main .content ul a:hover, #main .content a:hover {
text-decoration: none
}

#threeblocks p {
padding: 0px 10px 18px 18px;
line-height: 20px;
}

#threeblocks .imagerotator a {
margin-left: 18px;
color: #ee4591;
}

#threeblocks .column a {
margin-left: 0px;
color: #61584d;
font: 10pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
text-decoration:none;
}

#threeblocks a {
margin-left: 0px;
color: #ee4591;
}

#threeblocks h1 {
font-size: 14pt;
font-weight: bold;
color: #ee4591;
margin-left: 18px;
text-transform:lowercase;
letter-spacing: 1px
}

#threeblocks img {
background: url(/images/imgborder.gif) no-repeat; 
padding: 20px 30px 20px 13px;
}

#threeblocks .block {
float: left;
width: 233px;
margin: 0px;
padding: 0px;
clear:right
}
/* --------------FOOTER------------- */

.clear { clear: both;}

#footer, .push { 
clear: both;
width: 960px;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background: url(/images/footerbg.gif) repeat-x;
height: 41px;
height: auto;
margin-top: 68px;
}

#footer .floral {
float: left;
background: url(/images/footer_floral.gif) no-repeat;
height:51px;
width: 189px;
position: absolute;
margin-top: -48px;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
position: relative; 
}

/* --------------FOOTER LINKS------------- */

#footer ul {
height: 41px;
padding: 8px 12px 12px 12px;
}

#footer .links ul {
margin: 0px;
padding: 0px;
}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #61584d;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: bold 8pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
text-transform:lowercase
}

#footer .links li a:hover {
text-decoration: underline;
}

#footer .asc ul {
margin: 0px;
padding: 0px;
}

#footer .asc li {
display: block;
list-style-type: none;
}

#footer .asc li a {
color: #000;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
}

#footer .links li a:hover {
text-decoration: underline;
}

#footer .w3 ul {
margin: 0px;
padding: 10px;
}

#footer .w3 li {
display: inline;
list-style-type: none;
}

#footer .w3 li a {
color: #000;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
}

#footer .w3 li a:hover {
text-decoration: underline;
}

#seo  { font-family: Arial, 'Trebuchet MS', Sans-Serif; text-decoration: none; color: #61584d; font-size: 8pt; text-align: left; width: 960px; margin: 0 auto; padding-bottom: 20px }

a.seo:link {  Arial, 'Trebuchet MS', Sans-Serif; text-decoration: none; color: #61584d; font-size: 8pt;}
a.seo:visited  { Arial, 'Trebuchet MS', Sans-Serif; text-decoration: none; color: #61584d; font-size: 8pt; }
a.seo:hover { Arial, 'Trebuchet MS', Sans-Serif; text-decoration: underline; color: #61584d; font-size: 8pt;}

/* ----- LEFT NAV BAR ---------- */
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 230px; /* Width of Menu Items */
font: 8pt 'Verdana', Arial, Tahoma, Sans-serif;
}
	
.suckerdiv ul li{
position: relative;
padding: 1px 0px 0px 0px;
z-index: 5;
}

	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 177px; /*sub menu width*/
top: 0;
padding: 0px;
visibility: hidden;
border: 1px solid #fff;
background: white;
color: white;
z-index: 5;
}

.suckerdiv ul li ul a {
font: 8pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
color: #61584d;
background-color: #e7e2d1;
z-index: 5;
}

.suckerdiv ul li ul a:hover {
color: #61584d;
text-decoration: underline;
z-index: 5;
}


/* Sub level menu links style */
.suckerdiv ul li a{
color: #61584d;
background: url(/images/bullet.gif) no-repeat center left; /*custom bullet list image*/
background-color: #f7f6f3;
display: block;
padding: 8px 0px;
padding-left: 25px;
text-decoration: none;
font: bold 10pt "Lucida Sans", Helvetica, Arial, Sans-Serif;
text-transform:lowercase; 
z-index: 5;
}

.suckerdiv ul li a:hover{
color: #f24491;
z-index: 5;
}



.suckerdiv .subfolderstyle{
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */






/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }