/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.silk-degrees.com/
   TEMPLATE NAME:  Silk-Degrees
   DATE:           May-27th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #d508ab url(/images/bg.jpg) repeat-y center top;
} 

img{border: none}


/* ----------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: 886px;
background-color: #000;
} 



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

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 9pt Arial, Tahoma, Verdana, Sans-serif; color: #fff; }
td { line-height: 20px; }
table b { color: #fff; }
table a, tr a, td a, font a, .content table a {color: #e1e1e1; font: 9pt Arial, Tahoma, Verdana, Sans-serif; }
table hr {border: none; border-bottom: 1px solid #fff; height: 0px;}
font img { margin-right: 10px; }



/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 10pt Arial, Tahoma, Verdana, Sans-serif;
color: #FFF;
}
 
.form, textarea {
width: 20em;
border: 1px solid #777;
font: 10pt Arial, Tahoma, Verdana, Sans-serif;
color: #d508ab;
padding: 2px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 10pt Arial, Tahoma, Verdana, Sans-serif;
color: #fff;      
background: #d508ab;
padding: 4px 5px;
border: 1px solid #743b85;
}

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

#header {
background: url('/images/header.gif') no-repeat;
height: 163px;
}

#header .cart {
margin: 30px 16px 0px 0px;
float: right;
width: 150px;
height: 50px;
font: 12pt Arial, Tahoma, Verdana, Sans-serif;
color: #d508ab;
}

#header .cart a {
font-weight: bold;
color: #d508ab;
}

#header .cart img {
float: left;
}

#header .cart p {
text-align: left;
}

#header .bag {
float: left;
background: url('/images/iconbag.gif') no-repeat;
width: 34px;
height: 49px;
}

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

.logolink {
float: left;
background-image: url('/images/logo.gif');
background-repeat: no-repeat;
height: 134px;
width: 216px;
margin-left: 40px;
}
 
.logolink a { float: left;  }
 
#swap {background-image: url(/images/logo.gif);  width: 216px;  height: 134px;  }
 
.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------------- */

#topnav {
height: 53px;
}

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background: #000;/* Main DIV Background Img */
}

#main .content {
padding: 30px 0px 30px 20px;
margin: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
font: 10pt Arial, Tahoma, Verdana, Sans-serif;
line-height: 18px;
}

#main h1 {
font: 16pt Arial, Tahoma, Verdana, Sans-serif;
color: #d508ab;
margin-bottom: 10px;
}

#main p {
color: #FFF;
padding-right: 10px;
}

#main a {
color: #d508ab
}

#main .homepic {
float: right;
}

#main .homeproducts {
margin-bottom: 20px;
}


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

.clear {
clear: both;
}

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

#footer {
background: url(/images/footer.gif) no-repeat;
height: 132px;
height: auto;
}

#footer .content { 
width: 886px; 
margin: 0 auto; 
position: relative; 
text-align:center;
padding: 20px 0px 0px 0px;
font: bold 8pt Arial, Tahoma, Verdana, Sans-serif;
}

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

#footer ul {
padding: 10px;
}

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

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

#footer .links li a {
color: #000;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: bold 8pt Arial, Tahoma, Verdana, Sans-serif;
}


#footer .tiny {
color: #78647e;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 8pt Arial, Tahoma, Verdana, Sans-serif;
}




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


#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;
}

#featured{background: #000 url(/images/featuredbg.jpg) no-repeat top left;width: 395px; height: auto; height: 100%;padding: 50px 20px 20px 20px;}
#featured img{ border: 1px solid #887b8b;float: left;margin-right: 20px;}
#featured p{ color: #fff; text-align:left;}
#featured a{ color: #fff!important; font-size: 10pt; font-weight:bold;}







/* ----- 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; }