/* CSS Document */

body { background-image:url(../images/bk.jpg); background-attachment:fixed; background-repeat: repeat-x; background-color:#cc689b; margin-top:0px; margin-bottom:0px; text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:100%; }

/* Div Stuff */
.pageContainer { }
#pageContainer {}



.container { background:url(/images/logo_2.jpg) #EAC4D0 top right no-repeat; }
a { color: #000000; }
th { font-weight:bold; color:#484848; background-color:#EEEEEE; text-align:center }

#main { background-color:#ffffff; min-width:780px; width:85%; margin-left:auto; margin-right:auto; text-align:left; border-right:1px solid #E4A3C5; border-left:1px solid #E4A3C5; }
#content { font-size:80%; margin-left:151px; background-color:#FFFFFF }
#topcontent { height:50px; border-bottom:1px dotted #9B9B9B;  }

#crumbs { padding-top:20px; font-size:90%; color:#666666; float:left;}
#crumbs a { text-decoration:none; color:#030303; }

#search { padding-top:18px; float:right; padding-right:20px; }

/* text colours */
.pink { color: #CA6899; }
.grey { color: #666666; }

/* form stuff */
form { margin: 0px; }
.input { border: 1px solid #999999; color: #646464; }
.submit { border: 0px; background-color:#CC6698; color: #FFFFFF; font-weight: bold; padding: 3px 5px 3px 5px; }

/*Header*/
#header { height: 113px; background:url(/images/logo_1.jpg) top left no-repeat;  text-align:right; width:100%; }

#shoppingbag { position: relative; top: 0px; right: 26px; margin-left:auto; height:85px !important; height:60px; width:332px; border-bottom:5px solid #DDDDDD; text-align:left; line-height: 25px; }
#sbbuttons { height: 60px; width: 332px; text-align:right; }
#sbbuttons img { margin-top:24px; border: 0px; }
#sbimage { height:25px; width:116px; background-image:url(/images/shoppingbag.gif); position:relative; bottom:0px; float:left; }
#sbinfo { height: 25px; width: 216px; float:right; text-align:right; font-size:70%; background-color:#FFFFFF }

#menu { position: relative; top: 9px; height: 23px; background:url(/images/menubg.gif) center repeat-x; text-align: center;}
#menuitems { background-color: #000000; width: 551px; height: 23px; margin:auto; }

/* Navigation */
#nav { width: 131px; float:left; font-size:70%; padding-right:20px; background-color:#FFFFFF; }
.navpink { font-size:105%; padding-left: 13px; color: #CA6899; }
.navcat { background-color: #000000; color:#FFFFFF; text-transform:uppercase; font-weight:bold; padding-top:3px; padding-bottom: 3px; padding-left: 13px; }
.navcat a { color: #ffffff; text-decoration: none; }
.navmonth { line-height:170%; padding-left: 13px; color: #9C9C9C; }
.navmonth a { text-decoration: none; color: #030303; }
.navsub { line-height:170%; padding-left: 20px; color: #BD5C7D;}
.navsub a { text-decoration: none; color: #030303; } 

div #mlist { font-size: 90%; color:#646464; padding-left: 8px; letter-spacing: -0.3; }
#mlist input { border: 1px solid #999999; color: #646464; font-size:90%; }

/* Footer */
#footer { clear: both; background-color: #EAC4D1; height: 26px; font-size:70%; border-top: 4px solid #68CCCE; }
#fcopy { float:left; padding: 6px; background:url(/images/logo_1.jpg) bottom left no-repeat; width:319px;}
#flinks { float: right; padding: 6px; color:#9A9A9A;background:url(/images/logo_2.jpg) top left no-repeat; }
#flinks a { text-decoration: none; color: #030303; }

/* Index Page */
#collections { border-bottom: 1px dotted #9B9B9B; height: 220px; margin-bottom: 20px; font-size: 90%; }
#ctitle { height:43px; background:url(images/collections.gif) no-repeat #e9e9e9; }
#ctext { padding-left: 10px; } 

#welcome {  }
#preview { float:right; width: 155px; padding-left:10px; margin-right:10px; text-align:left;}
#stock { float:right; width: 155px; padding-left:10px; text-align:left;}
#showdate { width: 175px; height:150px; padding-left:0px; padding-top:13px; }
.showdate { border-bottom: 1px dotted #9B9B9B; padding-top:5px; padding-bottom:5px;  font-size: 80%; margin-right: 20px; }
.showdate a { text-decoration: none; }

/* Catalogue Pages */
.cattitle { background-color:#CA6899; font-size:150%; color:#ffffff; line-height:125px; padding-left:200px; background-repeat:no-repeat; background-position: right; }
.prodbox { height:235px; width:150px; float:left; text-align:center; border:1px solid #CA6899; margin:5px;}
.prodbox a { color: #000000; text-decoration: none; }
.prodtitle { font-size:150%; color:#C75B7F; line-height:200%; }
.sizetable td { color: #666666; font-size: 90%; line-height:60%; }
.fade { filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40; border: 1px solid #9B9B9B; }
.fade2 { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border: 1px solid #9B9B9B; }
/* Size Guide */
.classSizeTableContent { border:1px solid #666666; border-collapse:collapse; font-size:90%; }
.classSizeTableContent td{font-family:Arial, Helvetica, sans-serif; font-size:80%;}
.classSizeTableHeader {background-color:#CC6698; font-weight:bold;}


/* Show Dates */
.day { font-size: 80%; color: #666666; width: 88px; }
.event { background: #ffffff; border: 1px solid #666666; border-bottom: 0px; }
.event a { text-decoration: none; }

.classSizeTableHeader {}

/*collections page*/
.collectionContainer { background-color:#EEEEEE; border:1px solid #DDDDDD; margin-bottom:10px; padding:10px; float:left }
.collectionMonth { background-color:#FFFFFF; padding:5px; margin:0px 0px 5px 0px; border:1px solid #DDDDDD; }
.collectionMonth a { color:#C75BAE; }
.collectionMonth a:visited { color:#C75BAE; }

/* Login page */
.loginDiv{position: relative; float: left; width: 37%; border:1px solid #DDDDDD; margin:5px;padding-left:5px;padding-right:5px;}

/* related products */
.relatedProductsContainer { width:100%; border-top:1px dotted #aaa; margin-top:10px }
.relatedProduct { width:46%; margin:0px 10px 10px 0px; font-size:100%; border:1px dotted #aaa; float:left; padding:5px } 
.relatedProdTitle { font-size:150%; color:#C75B7F;}
.relatedProductText { margin:5px 0px 7px 0px; }

.swatchHolder { position:absolute; height:100px; width:100px; border:1px solid #cc689b; top:-25px; right:-100px; }