html, body {margin: 0;padding: 0;text-align: center; background-color:#231f20; font-family:Arial, Verdana, MS Sans Serif;}

a, a:visited, a:link { color: #ffffff; text-decoration:none;  }
a:hover { color: #ffffff; text-decoration:underline; }

h1 { padding:0; margin:0; font-weight:normal; font-size:150%; line-height:150%; font-family:Times New Roman, Arial; color:#ffffff; }
h2 { padding:0; margin:0; font-weight:normal; font-size:18px; line-height:140%; font-family:Arial; color:#221e1f; }

.topgap { margin-top: 10px; }
.textbox-tiny { width:60px; }
.textbox-small { width: 100px; }
.textbox-medium { width: 200px; }
.textbox-large { width: 400px; }
.listbox { width:12em; }

table.form { border-collapse: collapse; font-size:90%; }
table.form tr th { font-weight: normal; text-align: right; padding: 2px 10px 0 4px; vertical-align: top; color: #fff; line-height: 22px; }
table.form tr td { padding: 2px 4px 2px 0; vertical-align: top; line-height: 22px; }
table.form tr.header td { text-align: center; padding: 4px 0; font-weight: bold; background-color: #ddd; border-bottom: solid 2px #000; }
table.form tr.footer td { text-align:left; padding: 10px 4px 4px 4px; }

table.grid { border: solid 1px #000; border-collapse: collapse; font-size:90%; }
table.grid tr th { font-weight: bold; background-color: #ccc; border-bottom: solid 2px #000; padding: 4px 5px 2px 5px; vertical-align: bottom; color: #fff; font-size: 120%; }
table.grid tr td { padding: 2px 8px; vertical-align: top; border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
table.grid tr td.center { text-align: center; }
table.grid tr.alt td { background-color: #111; }
table.grid tr.highlight td { background-color: #3399FF; color: #fff; font-weight: bold; }

#pagewidth{	width: 904px;text-align: left; margin:0 auto;background-color: #7b7b6f;}

#header{ position:relative; height: 137px; width: 100%; background-image:url(images/evolve-banner.jpg); background-repeat:no-repeat;}
#header .logo { display: block; padding: 50px 0 10px 10px; width:222px;}

.topmenu {width:100%; height:25px; margin:19px 0 0 0; padding:0;  font-size:12px; background-image:url(images/bg-menu.jpg); background-repeat:repeat-x;}
.topmenu ul { margin: 0; padding:0; list-style: none;   }
.topmenu li {float: left; margin: 2px 0 0 0; padding: 0 ; list-style:none;line-height:22px; }
.topmenu li a,.topmenu li a:visited {float: left; display: block;color: #f1f1f1; text-decoration: none;margin: 0; padding:0 22px 0 16px; text-transform:lowercase; border-right:solid 1px #707b3c; }
.topmenu li a:hover { text-decoration:none;}
.topmenu .item {}
.topmenu .first {padding: 0; }
.topmenu .last {border-right:none; }
.topmenu li.last a  {border-right:none; }
.topmenu li.sel a {text-decoration:none; }

.minicart { position:absolute; top:5%; right:0; font-size:80%; }
.minicart a,.minicart a:visited {text-decoration:none;}
.minicart a:hover { text-decoration:underline;}


.myaccountlink { position:absolute; top:12%; right:5%;font-size:80%;  }
.myaccountlink a,.myaccountlink a:visited {text-decoration:none;}
.myaccountlink a:hover { text-decoration:underline;}

.homefader { float:left;  }

/*#leftcol{width: 224px; height:100%; float: left;position: relative; background-color:#6f6e61; }
#leftcol .pagetitle { margin:12px 20px 20px 20px; font-size:90%; font-family:Georgia;}*/
/*#leftcol .pagetitlehome { margin:484px 20px 20px 20px; font-size:90%; font-family:Georgia;}*/

/*#maincol{float: right;display: inline;position: relative;width: 680px; min-height:343px; margin-top:1px; background-color:White; }*/


.leftcol {background-color:#6f6e61; width:227px; min-height:343px; }
.pagetitle { width:160px; padding: 12px 0 20px 10px; }
.leftcol .pagetitle h1{ padding:0; margin:0; font-size:17px; font-family:Georgia; color:White;}

.leftcol-p {background-color:#fff; width:227px; min-height:343px; }
.leftcol-p .pagetitle h1{ padding:0; margin:0; font-size:17px; font-family:Georgia; color:White;}

.navtd {border-right:solid 1px #b0b0a9;}

.maincol { background-color:#7b7b6f; padding:0 20px; min-height:343px; width:677px;  }

.leftfooter {background-color:#6f6e61; width:227px; }
.rightfooter { text-align:right; font-size:12px; color:#575646; padding:10px 10px 10px 0; width:677px; }

ul.homepage-button { margin: 0; padding: 0; list-style: none; height: 102px; } 
ul.homepage-button li { margin: 0; padding: 0; list-style: none; display: block; float: left; } 
ul.homepage-button li a { margin: 0; padding: 0; display: block; background-image: url(images/homepage-buttons.jpg); text-decoration: none; height: 102px; } 
ul.homepage-button li a:hover { background-image: url(images/homepage-buttons-sel.jpg); } 
ul.homepage-button li a span { visibility: hidden; }

ul.homepage-button li.gallery a { background-position: 0 0; width: 226px; } 
ul.homepage-button li.collection a { background-position: -226px 0; width: 226px; margin-left: 0; } 
ul.homepage-button li.createbracelet a { background-position: -452px 0; width: 226px; margin-left: 0; } 
ul.homepage-button li.stockists a { background-position: -678px 0; width: 226px; margin-left: 0; }

.cmscontent { color:#f1f1f1; line-height:18px; padding:0 20px 10px 0; margin:10px 0 0 5px; font-size:80%;}
.cmscontent p { margin: 0; padding: 0 0 1.5em 0; }

.wishlist  {color:#f1f1f1;}
.wishlist .content { color:#f1f1f1; line-height:18px; padding:0 20px 10px 0; margin:10px 0 0 5px; font-size:80%;}
.wishlist .content p { margin: 0; padding: 0 0 1.5em 0; }

.wishlist .content a { text-decoration:underline;}

#footer{height: 76px;clear: both;}
#footer .copyright { width:140px; float:right; margin:40px 24px 0 0; color:#706f5d; font-size:80%; }

.footermenu {width:80%; height:23px; margin:10px 0 0 0; padding:0 0 10px 0; font-size:12px; float:left;}
.footermenu ul { margin: 0; padding:0; list-style: none;   }
.footermenu li {float: left; margin: 3px 0 0 0; padding: 0 15px 0 12px; list-style:none;line-height:20px;  border-right:solid 1px #706f5d;}
.footermenu li a,.footermenu li a:visited {float: left; display: block;color: #34312e; text-decoration: none;margin: 0; padding:0; line-height:15px; text-transform:lowercase; }
.footermenu li a:hover { text-decoration:none;}
.footermenu .item {}
.footermenu .first {padding: 0; margin:3px 0 0 26px; padding: 0 15px 0 0;}
.footermenu .last {border-right:none; }
.footermenu li.sel a {text-decoration:none; }


/* *** Float containers fix:*** */
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

.separator { line-height:2px; background-color:#fff; color:#fff; width:100%;  }

.categorynav { min-height:389px; background-color:#ffffff; margin:0; padding-bottom:24px;  width:226px; }

#nav {margin: 0 0 0 26px; padding-top:20px; font-size:18px;}
#nav .menuitems {border-left:none;}
#nav .menuitems a { padding:0; }
#nav  a {color: #282426; text-decoration: none; }
#nav  a:hover {color:#96b100; }
#nav .unselected {  }
#nav a.selected	{ text-decoration:underline; }


#subnav {margin: -11px 0 0 46px; padding: 0;  font-size:14px; line-height:35px; }
#subnav .menuitems {border-left:solid 1px #282426; padding-left:10px; }
#subnav a {color: #282426; text-decoration: none;   }
#subnav  a:hover {color:#96b100; }
#subnav .unselected {   text-decoration:none;  }
#subnav a.selected  {   }

.categorydescription { color:#221e1f; padding:10px 10px 20px 10px; font-size:12px; }

.categorylist { margin: 0 0 0 0; padding:0;  }
.categorylist .categoryimage {margin:0; padding: 0; width:340px; float:left; }
.categorylist .categoryimage a { color:#221e1f; }

.productlist { margin: 0 0 0 0; padding:0 10px 10px 10px;  font-size:80%; }
.productlist a { color:#221e1f;}

.productdetail { font-size:90%; color:#221e1f; line-height:18px; padding:30px 0 0 0; }

.shortdescription {color:#221e1f; font-size:95%; }
.price  { color:#221e1f; font-size:90%; font-weight:normal; padding:5px 0 5px 0; }
.description {padding:5px 10px 5px 0; color:#221e1f;  }
.description p{margin: 0; padding: 0 0 0.4em 0; font-size:90%; }

.addtocart { padding:10px 0 5px 0; }

.productimage { float:left; width:120px; padding:0;  }
.productimage .image {padding-left:18px;}
.details {float:right; width:350px;}
.noofitems { padding:5px 0 5px 0; }
.otherbuttons { padding:40px 0 10px 0; }
.otherbuttons a, .otherbuttons:visited { font-size:11px; text-decoration:underline; color:Black; }
.otherbuttons a:hover { text-decoration:none; }

ul.gallery { list-style:none; padding:0; margin:0;}
.productname { text-align:center; padding-bottom:10px; height:28px; font-size:90%;}

/*Account*/
.accountinner { padding:10px; font-size:90%; color:#fff;}
.accountinner p { font-size:90%; margin:0; padding:0 0 0.4em 0; }

.accountinner .address { width:50%; float:left; min-height:100px; }
.accountinner .address .label { padding:5px 0 5px 0; font-size:105%; font-weight:bold; }
.accountinner .address .input { padding:5px 0 5px 10px; }

.accountinner .editaddresslink { float:left; white-space:nowrap; width:100%; }
.accountinner .revieworderlink { display:block; padding-top:20px; text-align:left; font-size:105%;}

.accountinner .accountinfo .item { padding:5px 0 10px 0; }

.accountinner .subtotal {padding: 10px 0 10px 0; text-align:right;border-top:solid 1px #666666; width:605px;}
.accountinner .actionbuttons {padding: 10px 0 10px 0; text-align:center; width:605px; vertical-align:bottom;}

.accountinner .comments { padding: 10px 0 10px 0; }

.accountinner .orderinfo {padding:10px 0 10px 0; width:100%; font-size:90%; }
.accountinner .orderinfo .item { padding:5px 0 5px 0; }
.accountinner .orderinfo .itemaddress { padding:5px 0 5px 0; width:50%; float:left; }
.accountinner .intro { padding:10px 0 10px 0; }

.accountmenuitems { font-size:85%; padding:10px 0 10px 0; }
/*End of Account*/

/*Login*/
.login { padding: 30px; min-height: 408px; color:#fff; font-size:90%; }
.login .newcustomerlink { padding:15px 0 0 0; }
.login .newcustomerlink a,#login .newcustomerlink a:visited {color: #999999; text-decoration:underline; }
.login .newcustomerlink a:hover { text-decoration:none; }
/*End of login*/

/*For inner pages*/
.innercommon { padding:20px; min-height: 408px; color:#fff; font-size:90%;  }

/*Endof inner pages*/

table.orderhistrygrid { border-collapse: collapse; width:615px; font-size:90%;}
table.orderhistrygrid tr th { font-weight: bold; background-color: #ccc; padding: 4px 5px 2px 5px; vertical-align: bottom; color: #fff; font-size: 120%; }
table.orderhistrygrid tr td { padding: 4px 8px; vertical-align:middle; text-align:center; }
table.orderhistrygrid tr td.center { text-align: center; }
table.orderhistrygrid tr td.productname { width:220px; }
table.orderhistrygrid tr.alt td { background-color:#666;  }
table.orderhistrygrid tr.highlight td { background-color: #3399FF; color: #fff; font-weight: bold; }
table.orderhistrygrid tr.firstrow td { font-weight: bold; border-bottom:solid 1px #666666; text-align:center; padding:5px;  }

table.addressgrid { border: solid 1px #fff; border-collapse: collapse; font-size:90%; }
table.addressgrid tr th { font-weight: bold; background-color: #7b796c; border-bottom: solid 2px #fff; padding: 8px 15px 6px 15px; vertical-align: bottom; color: #fff; font-size: 100%; }
table.addressgrid tr td { padding: 8px 16px; vertical-align: top; border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
table.addressgrid tr td.center { text-align: center; }
table.addressgrid tr.alt td { background-color: #444444; }
table.addressgrid tr.highlight td { background-color: #3399FF; color: #fff; font-weight: bold; }

table.addressform { margin:10px 0 0 0; border-collapse: collapse; width:600px; font-size:90%;}
table.addressform tr th { font-weight: bold; text-align: right; padding: 2px 10px 0 4px; vertical-align: top; color: #fff; line-height: 22px; }
table.addressform tr td { padding: 2px 4px 2px 0; vertical-align: top; line-height: 22px; }
table.addressform tr.header td { text-align: center; padding: 4px 0; font-weight: bold; background-color: #7b796c; border-bottom: solid 2px #fff; }
table.addressform tr.footer td { text-align: right; padding: 0 4px 4px 4px; }

/*main cart */

.maincart { padding:10px; font-size:90%; color:#fff; min-height:400px; width:615px; }
.maincart .itemcount {padding: 10px 0 10px 0; }

table.cartgrid { border-collapse: collapse; width:605px;}
table.cartgrid tr th { font-weight: bold; background-color: #ccc; padding: 4px 5px 2px 5px; vertical-align: bottom; color: #fff; font-size: 120%; }
table.cartgrid tr td { padding: 2px 8px; vertical-align:middle; text-align:center; }
table.cartgrid tr td.center { text-align: center; }
table.cartgrid tr td.productname { width:220px; }
table.cartgrid tr.alt td {  }
table.cartgrid tr.highlight td { background-color: #3399FF; color: #fff; font-weight: bold; }
table.cartgrid tr.firstrow td { font-weight: bold; border-bottom:solid 1px #666666; text-align:center; padding:5px;  }

.maincart .subtotal {padding: 10px 0 10px 0; text-align:right;border-top:solid 1px #666666; width:600px;}

.maincart .actionbuttons {padding: 10px 0 10px 0; text-align:center; width:605px; vertical-align:bottom;}


/*end main cart */

.wishlist .actionbuttons {padding: 10px 0 10px 0; text-align:center; width:605px; vertical-align:bottom;}


.error { margin:20px; color:red; }

/*.productShowcase { width:220px;  padding:10px; border:solid 1px #7a786b; }*/

.productShowcaseInProductDetails { background-color:#ffffff; width:227px; padding:0; padding-top:0; padding-bottom:22px; margin-left:0; }
.productShowcaseInProductDetails .image {margin-left:20px; }

.productShowcaseInCategoryList {  background-color:#ffffff; width:226px; padding:0; padding-top:20px; padding-bottom:22px; margin-left:-26px; }
.productShowcaseInCategoryList .image { margin-left:20px; }
.product-showcase-title { height:36px; overflow:hidden; background-image:url(images/bg-showcase-title.jpg); background-repeat:no-repeat;}

.description-p { margin-left:227px; padding:20px; color:White; font-size:12px; width:636px;}

.green { background-image:url(images/bg-green-top.jpg); background-position:top; background-repeat:no-repeat; }