/* CSS Document */

body
{
    background-color: #d6c6ba;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #666666;
}
*
{
    margin: 0;
    padding: 0;
}
p
{
    margin: 1em 0;
}
h1
{
    font-size: small;
    color: #666666;
    margin: 1em 0;
}

h2
{
    font-size: 14px;
    color: #cc0066;
    margin: 1em 0;
}

.shopgroup h2
{
    font-size: small;
    color: #666666;
    margin: 0 0 1em 0;
}

#maincontainer
{
    width: 985px;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0 auto;
}
.clear
{
    clear: both;
    padding: 0;
    margin: 0;
}
p.right
{
    float: right;
    margin-right: 1em;
}
.fullwidth
{
    padding: 1em;
}

/*------------lists excluding nav and filters---------------*/

ul.normal
{
    margin: 0 0 0 2em;
    padding: 0;
}

ul.normal li
{
    margin: 0;
    padding: 0 0;
}

ul.franchise
{
    margin: 0 0 0 2em;
    padding: 0;
}

ul.franchise li
{
    margin: 0;
    padding: 0 0;
}

ol.franchise
{
    margin: 0 0 0 2em;
    padding: 0;
}

ol.franchise li
{
    margin: 8px 0;
    padding: 0 0;
}

ul.support
{
    margin: 0 0 0 2em;
    padding: 0;
}



/* ---------links excluding nav---------*/

a
{
    color: #CC0066;
    text-decoration: none;
}
a:hover
{
    color: #333333;
}
.headerright a
{
    color: #666;
    text-decoration: none;
}
.headerright a:hover
{
    color: #cc0066;
}
.base a
{
    color: #666;
    text-decoration: none;
}
.base a:hover
{
    color: #cc0066;
}

a.button, input.button
{
    border: 1px outset #e6ddd6;
    background-color: #e6ddd6;
    padding: 6px;
    color: #333;
    margin-left: 1em;
}
a.buttonx
{
    border: 1px outset #e6ddd6;
    background-color: #e6ddd6;
    padding: 6px;
    color: #333;
    font-size: 11px;
}

a.button:hover, input.button:hover
{
    border: 1px inset #eeeeee;
    background-color: #d6c6ba;
    color: #000;
}

a.buttonx:hover
{
    border: 1px inset #eeeeee;
    background-color: #d6c6ba;
    color: #000;
}
.buybuttons a
{
/*
    border: 1px outset #e6ddd6;
    background-color: #fff;
    padding: 6px;
    color: #333;
    margin-left: 1em;
*/
}
.buybuttons a:hover
{
    border: 1px inset #eeeeee;
    background-color: #d6c6ba;
    color: #000;
}
a.submitbutton
{
    border: 1px outset #ccc;
    background-color: #e6ddd6;
    padding: 4px;
    color: #333;
    margin: 0;
}
a.submitbutton:hover
{
    border: 1px inset #e6ddda;
    background-color: #d6c6ba;
    color: #000;
}


a.smaller
{
    color: #CC0066;
    text-decoration: none;
    font-size: 11px;
    margin-left: 8px;
}
a.smaller :hover
{
    color: #333333;
}

a.gvbutton
{
    border: 1px outset #e6ddd6;
    background-color: #e6ddd6;
    padding: 6px;
    color: #333;
}
a.gvbutton:hover
{
    border: 1px inset #eeeeee;
    background-color: #d6c6ba;
    color: #000;
}
/* --------- header---------*/

.logo
{
    width: 114px;
    float: left;
    padding: 3px 0 0 8px;
}
.header
{
    padding: 1em;
    border-bottom: 1px solid #999999;
}
.headercenter
{
    width: 400px;
    float: left;
    margin-left: 30px;
    margin-top: 3em;
    font-weight: bold;
}
.headerright
{
    width: 400px;
    float: right;
    text-align: right;
    font-size: 11px;
    padding-top: 0.25em;
}
.search
{
    width: 240px;
    background-image: url("../images/searchfield.gif");
    background-position: 8px 0;
    background-repeat: no-repeat;
    padding-left: 3px;
    float: right;
}
input.searchform
{
    background-color: transparent;
    border: none;
    color: #6C5E8B;
    font-size: 14px;
    font-style: oblique;
    height: 20px;
    margin-left: 10px;
    margin-top: 3px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 0;
    padding-top: 0;
    width: 150px;
    z-index: 999;
}

.search img
{
    float: right;
}
/* ----------navigation ---------------*/

.navtop
{
    background-color: #d6c6ba;
    height: 17px;
}
.nav
{
    background-color: #e6ddd6;
    padding: 0.5em 0;
    font-size: 11px;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
}

ul#horizontal
{
    margin: 0;
    padding: 0;
    z-index: 100;
}
ul#horizontal li
{
    list-style: none;
    display: inline;
    position: relative;
    z-index: 102;
}
ul#horizontal li a
{
    color: #666666;
    text-decoration: none;
    font-weight: bold;
    padding: 15px 7px 7px 7px;
}
ul#horizontal li a:hover
{
    color: #CC0066;
}
ul#horizontal li a.on
{
    color: #CC0066;
    background-color: #FFFFFF;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
/*___sub menus_________________*/

ul#horizontal li
{
    position: relative;
}
ul#horizontal ul
{
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 16px;
    left: 3px;
    background-color: #e6ddd6;
    width: 190px;
    z-index: 3000;
}
ul#horizontal li:hover ul, ul#horizontal li.over ul
{
    display: block;
}
ul#horizontal li a.drop
{
    font-size: 11px;
    display: block;
    text-decoration: none;
    color: #666;
    padding: 0.5em 0.75em;
    text-align: left;
    border-bottom: 1px solid #999;
    margin-right: 2px;
}
ul#horizontal li a.drop:hover
{
    color: #CC0066;
}
/*-------------MAIN CONTENT----------------*/

.centercontent
{
    background-color: #FFFFFF;
    padding: 1em;
    border-bottom: 1px solid #999;
}
.base
{
    border-bottom: 1px solid #999;
    padding: 0;
    margin: 1em auto 1em auto;
    font-size: 11px;
    background-color: #fff;
    width: 985px;
}
.baseleft1
{
    width: 100px;
    float: left;
    padding: 1em 1em 1em 2em;
}
.baseleft2
{
    width: 140px;
    float: left;
    padding: 1em;
}
.baseleft3
{
    width: 140px;
    float: left;
    padding: 1em;
}

.baseleft4
{
    width: 260px;
    float: left;
    padding: 1em 0 0 2em;
}


.baseright
{
    width: 160px;
    float: right;
    text-align: right;
    padding: 1em 2em 1em 1em;
    line-height: 1.5em;
}
.base ul
{
    margin: 0;
    padding: 0;
}
.base li
{
    list-style: none;
    padding: 2px 0;
}
/*-------------home--------------------*/

.homepagecontent
{
    border: 10px solid #e6ddd6;
    z-index: 1;
    position: relative;
}
.homeimages
{
    width: 600px;
    float: left;
    position: relative;
    z-index: 2;
}
.featuredoutfithome
{
    width: 310px;
    float: right;
    background-color: #fff;
    padding: 0;
    height: 400px;
}
.bannerleft
{
    background-color: #e6ddd6;
    width: 450px;
    padding: 0.5em;
    float: left;
    margin-top: 1em;
    height: 100px;
}

.bannerleft img {margin-right: 5px}

.bannerleft a
{
    color: #333;
    text-decoration: none;
}

.bannerleft a:hover
{
    color: #cc0066;
}

.bannerright
{
    background-color: #e6ddd6;
    width: 450px;
    padding: 0.5em;
    float: right;
    margin-top: 1em;
    height: 100px;
}
.bannerleft h1
{
    font-size: 18px;
    font-weight: bold;
    margin: 0.5em;
    color: #666;
}
.bannerright h1
{
    font-size: 18px;
    font-weight: bold;
    margin: 0.5em;
    color: #666;
}
p.banner
{
    margin: 10px;
    font-size: 14px;
    font-style: oblique;
}
p.banner2
{
    margin: 10px;
    font-size: 12px;
    font-style: oblique;
    color: #333;
}
.subscribe
{
    width: 275px;
    background-image: url("../images/submitfield.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 0 0 0.5em;
}
input.subscribeform
{
    background-color: transparent;
    border: none;
    color: #6C5E8B;
    font-size: 14px;
    font-style: oblique;
    height: 23px;
    margin-right: 5px;
    padding-bottom: 2px;
    padding-left: 9px;
    padding-right: 0;
    width: 175px;
    z-index: 999;
}
.newsletterthankyou
{
    width: auto;
    color: #CC0066 !important;
    font-size: 12px;
    font-style: oblique;
    margin-left: 10px;
}
.featuredoutfithome h1
{
    font-size: 18px;
    font-weight: bold;
}
.featureleft
{
    width: 130px;
    float: left;
}
.featureright
{
    width: 158px;
    float: right;
    margin: 0;
}


.slideshow
{
    position: relative;
    z-index: 3;
    float: left;
}

.capsulecorner
{
    z-index: 3000;
    position: absolute;
}
/*---------------------product detail -------------*/

.productbox
{
    padding: 0;
    background-color: #e6ddd6;
    padding: 6px;
}
.productboxleft
{
    padding: 8px 0 8px 8px;
    float: left;
    width: 312px;
}
.productboxright
{
    width: 600px;
    float: right;
    padding: 0 1em 0.5em 0;
}




.bigimage
{
    width: 200px;
    float: left;
}
.outfitname h1
{
    font-weight: bold;
    color: #333333;
    margin-top: 0;
}
.outfitdescription
{
    margin-top: 1em;
    font-size: 11px;
}
.styletips
{
    font-size: 11px;
}

/*------------amended stuff-------------*/

.productskus
{
    margin: 0 0 7px 0;
    padding: 5px;
    border: 2px solid #ccc;
    background-color: #FFFFFF;
    width: 430px;
    font-size: 12px;
}

.productskusleft
{
    float: left;
    width: 450px;
}

.productskusright
{
    float: right;
    width: 145px;
}


.zoomprompt
{
    font-size: 10px;
    margin: 1em 0;
    text-align: center;
}


.buybuttons2
{
    margin: 2em 0 0 0;
    float: right;
    width: 150px;
    text-align: center;
    line-height: 2em;
    padding: 0;
}

/*-----------------end amended stuff -----------*/
table.buyoptions
{
/*
    padding: none;
    text-align: left;
    float: left;
*/
}

td.stock
{
/*
    background-color: #e6ddd6;
    height: 25px;
    font-size: 11px;
    text-align: center;
    color: #333;
    padding: 2px;
*/
}

td.stock-selected
{
/*
    background-color: #cc3366;
    height: 25px;
    font-size: 11px;
    text-align: center;
    padding: 2px;
*/
}

td.stock img, td.stock-selected img
{
    cursor: pointer;
}

td.outofstock
{
    background-color: #e6ddd6;
    height: 25px;
    font-size: 11px;
    text-align: center;
    color: #333;
    padding: 2px;
}

td.size
{
    text-align: center;
    font-size: 11px;
}
th.producttitle
{
    padding-bottom: 8px;
    text-align: center;
}
table.skusbuttons
{
    width: 140px;
    float: right;
    text-align: center;
    margin: 1.5em 0 0 0;
}
table.skusbuttons td
{
    height: 30px;
}

td.emailme
{
    text-align: center;
}

.code
{
    font-size: 10px;
    font-weight: normal;
}

.productdetails
{
    padding: 1em 1em 1em 0.5em;
}

.howtoorder
{
/*
    font-size: 10px;
    background-color: #fff;
    padding: 0 12px 10px 12px;
    width: 150px;
    height: 315px;
    float: right;
    border: 1px solid #ccc;
    margin: 48px 1em 0 0;
*/
}





table.key
{
    font-size: 10px;
}
table.key th
{
    width: 39px;
    background-color: #e6ddd6;
    height: 25px;
}

a.basketbutton
{
    border: 1px outset #e6ddd6;
    background-color: #fff;
    padding: 6px;
    color: #cc0066;
    font-weight: bold;
}

a.basketbutton:hover
{
    border: 1px inset #eeeeee;
    background-color: #d6c6ba;
    color: #000;
}
.also
{
    padding: 0.5em 0 0 1em;
    width: 700px;
    float: left;
}
.alsoproduct
{
    width: 150px;
    float: left;
    margin: 0 1.5em 0 0;
    padding: 0;
    text-align: center;
    position: relative;
}


.alsotext
{
    font-size: 11px;
}

.alsotext a
{
    color: #333;
    text-decoration: none;
}

.alsotext a:hover
{
    color: #CC0066;
}

.alsoimage img
{
    border: 1px solid #ccc;
}

.sizepopup
{
    background-color: #FFFFFF;
    padding: 1em;
    font-size: 11px;
}
table.sizeguide
{
    background-color: #e6ddd6;
}
table.sizeguide td
{
    border-bottom: 1px solid #fff;
}
/*-----------categories------------------*/

.categories
{
    padding: 0 0 0 1em;
    margin: 0;
}
.filtercolumn
{
    width: 170px;
    float: left;
    background-color: #e6ddd6;
    padding: 1em 1em 1.5em 1em;
    margin-top: 1em;
}
.filtercolumn ul
{
    margin: 0 0 0 1.5em;
    padding: 0;
}
.filtercolumn ul li
{
    line-height: 1.5em;
    font-size: 11px;
}
.filtercolumn ul li a
{
    color: #666;
}
.filtercolumn ul li a:hover
{
    color: #CC0066;
}
.filtercolumn ul li a.on
{
    color: #CC0066;
}
.subcategories
{
}
.sizesearch
{
}
.colorsearch
{
}
.categoryright
{
    width: 730px;
    float: right;
    padding: 0;
    margin-top: 1em;
}
.nextproducts
{
    margin: 0.5em 2.5em;
    text-align: right;
}
.nextproducts a
{
    color: #666;
    text-decoration: none;
}
.nextproducts a:hover
{
    color: #cc0066;
}
.nextproducts a.on
{
    color: #cc0066;
}
.clearfilters
{
    border: 1px solid #E6DDD6;
    margin: 0 2.3em 1em 1em;
    padding: 5px;
    text-align: center;
}

.product
{
    width: 150px;
    margin: 0 1em 1em 1.5em;
    float: left;
    text-align: center;
    padding: 0;
    font-size: 11px;
}
span.wasprice
{
    text-decoration: none;
}
span.sale
{
    color: #cc0066;
}
.productimage
{
    padding: 0;
    border: 1px solid #ccc;
}

.productimage a img
{
    text-decoration: none;
    border: 0 none;
}
.productdescription
{
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
}
.productdescription a
{
    color: #666;
    text-decoration: none;
}
.productdescription a:hover
{
    color: #cc0066;
}


.giftvouchers
{
    padding: 1em 0 1em 1em;
}

giftvoucherimage
{
    border: 0;
}

.giftvoucherproduct
{
    padding: 0;
    width: 250px;
    float: left;
    text-align: center;
    margin: 1em 0 1em 2em;
}

.giftvoucherproduct a img
{
    text-decoration: none;
    border: 0;
}

.giftvoucherproduct img
{
    text-align: left;
}

/*------------email me------------*/

.emailinstock
{
    width: 500px;
    margin: 1em auto;
    border: 1px solid #e6ddd6;
    padding: 1em;
}
.emailinstock ul
{
    margin: 0;
}
.emailinstock ul li
{
    list-style: none;
    padding-bottom: 1em;
}
li.prodname
{
    font-weight: bold;
}
.emailinstock label
{
    width: 130px;
    float: left;
}
.emailinstock input
{
    width: 200px;
    border: 1px solid #e6ddd6;
}
.emailinstock select
{
    width: 140px;
    border: 1px solid #e6ddd6;
}

important input.submit
{
    width: 100px;
    border: 1px outset #e6ddd6;
    background-color: #e6ddd6;
}


/*----------static pages------------------*/


.textleft
{
    width: 500px;
    float: left;
    padding: 1em;
}


.textright
{
    width: 400px;
    float: right;
    padding: 1em;
}

.contactleft
{
    width: 550px;
    float: left;
    padding: 1em 0 0 3em;
    text-align: center;
}

.contactright
{
    width: 300px;
    float: right;
    padding: 1em;
}

.feedbackform1
{
    padding: 1em 0 0 3em;
}

p.feedbackform
{
    padding-top: 2em;
}

input.feedback
{
    margin-left: 1em;
    padding: 0 5px 0 5px;
    font: Verdana, Arial, Helvetica, sans-serif;
}

label.fb
{
    width: 150px;
    float: left;
}

label.fb2
{
    width: 120px;
    float: left;
}

label.fb3
{
    width: 300px;
    float: left;
}

label.fb4
{
    width: 350px;
    float: left;
}

input#checkbox
{
    margin-left: 2em;
}

select#how-did-you-hear
{
    margin-left: 2em;
}

table.deliverytable td
{
    background-color: #e6ddd6;
    border: 1px solid #fff;
    padding: 5px;
}

table.sizetable td
{
    background-color: #e6ddd6;
    border: 1px solid #fff;
    padding: 5px;
}

.roadshowsleft
{
    width: 450px;
    float: left;
}

.roadshowsright
{
    width: 300px;
    float: left;
}

.shopleft
{
    width: 500px;
    float: left;
    margin: 1em;
}

.shopright
{
    width: 300px;
    float: left;
    margin: 1em;
}

.shoptext
{
    margin: 1em;
}

.shopgroup
{
    border: 1px solid #e6ddd6;
    padding: 1em;
    margin-bottom: 0.5em;
}

/*--------------shopping basket-------------*/

table.basket
{
    width: 100%;
    margin: 0 auto 2em auto;
    border: 1px solid #e6ddd6;
}


table.basket th
{
    border: 0;
    padding: 8px 5px;
    background-color: #e6ddd6;
}

table.basket td
{
    border: 0;
    padding: 10px 5px;
    vertical-align: top;
}

.itemimage
{
    float: left;
    width: 50px;
    margin-right: 20px;
}

.itemname
{
    width: 330px;
    float: left;
    margin-right: 5px;
    text-align: left;
}

.itemsize
{
    text-align: center;
}

.itemquantity
{
    text-align: center;
}

.itemprice
{
    text-align: center;
}

.itemtotal
{
    text-align: center;
}

td.button
{
    text-align: right;
}

td.bold
{
    font-weight: bold;
    text-align: right;
    padding: 5px 25px 5px 0;
}

.proceedtocheckout
{
    width: 500px;
    float: right;
    text-align: right;
}

.continueshopping
{
    width: 200px;
    float: left;
}


div.error
{
    padding: 0 0 10px 0 !important;
}

div.error ul li
{
    list-style: none;
}

/*------------catalogue------------*/

.registercatalogue
{
    margin: 2em;
}

.catalogue li
{
    list-style: none;
    display: block;
    margin: 0;
    padding: 5px;
}

.catalogue label
{
    width: 10em;
    float: left;
    text-align: right;
    margin: 0 0.5em 0 0;
    display: block;
}

.submitcatalogue
{
    margin: 1em 0 0 9em;
}

.requestconfirmed
{
    margin: 3em 2em 2em 2em;
}



.clearwrapper
{
    clear: both;
}

/*---------new account-------------*/

.welcomeback
{
    margin: 1em 0;
    float: left;
    width: 450px;
    border: 1px solid #e6ddd6;
}

.newaccount
{
    width: 450px;
    float: right;
    margin-top: 1em;
    border: 1px solid #e6ddd6;
}


.title
{
    font-weight: bold;
    background-color: #e6ddd6;
    padding: 0.5em;
}

.editpersdetails
{
    margin: 0;
    width: 440px;
    float: left;
    border: 1px solid #e5ded6;
}

p.savechanges
{
    line-height: 40px;
}

p.butts
{
    line-height: 40px;
}

p.right-align
{
    text-align: right;
    margin-right: 1em;
}


ul.personaldetails
{
    margin: 0;
    padding: 1em 0 1em 3em;
}

ul.personaldetails li
{
    list-style: none;
}

ul.personaldetails label
{
    width: 25em;
    float: left;
    padding: 0 0.5em 0 0;
    display: block;
    font-size: 11px;
}


.editbilladdress
{
    width: 440px;
    float: right;
    margin: 0 1em 0 0;
    border: 1px solid #e5ded6;
}

ul.billingaddress label
{
    width: 12em;
    float: left;
    padding: 0 0.5em 0 0;
    display: block;
    font-size: 11px;
}

ul.billingaddress
{
    margin: 1em 0 1em 3em;
    padding: 0;
}

ul.billingaddress li
{
    list-style: none;
}

p.small
{
    display: block;
    margin: 8px 0 3px -27px;
    font-size: 11px;
}

#accountoverview
{
    margin: 0 1em;
    float: left;
    width: 350px;
    line-height: 1.5em;
}

#accountoverview h2
{
    margin-top: 0;
}

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

.acceditoptions
{
    margin: 1em 0;
    width: 400px;
    float: left;
}

.acceditoptions ul
{
    margin: 0 0 0 2em;
    padding: 0;
}

.acceditoptions ul li
{
    list-style: disc;
    margin: 0;
    padding: 0 0 0 1em;
}



.orderhistory ul li
{
    list-style: none;
    padding-left: 1em;
}

ul.password
{
    margin: 1em;
    padding: 1em;
}

ul.password li
{
    list-style: none;
    padding-bottom: 1em;
}

ul.password label
{
    width: 200px;
    float: left;
    text-align: right;
    margin-right: 1em;
}



table.viewoldorders
{
    width: 100%;
    padding: 0;
    border: 1px solid #e6ddd6;
}

table.viewoldorders tr
{
    padding: 0;
}

table.viewoldorders td
{
    text-align: left;
    font-size: small;
    padding: 3px;
}

table.viewoldorders th
{
    text-align: left;
    font-weight: bold;
    padding: 3px;
    border-bottom: 1px solid #e6ddd6;
}

/************* Add to basket dialog **************/

.jqmWindow
{
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -118px;
    width: 240px;
    height: 259px;
    z-index: 1000;
}

.jqmOverlay
{
    background-color: #FFFFFF;
}

.light_box
{
    position: relative;
    background: url(/images/lightbox.png) no-repeat;
    width: 200px;
    height: 209px;
    margin: auto;
    padding: 15px 20px;
    text-align: center;
    z-index: 2000;
}

/*----------------fashion show-----------------*/

ul.fashionshow
{
    margin: 1em;
    padding: 0;
}

ul.fashionshow li
{
    list-style: none;
}

.extrahome
{
    border: 2px solid #e6ddd6;
    padding: 0;
    margin-top: 0.5em;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    background-color: #CC0066;
}


/*-----------maintenance------------*/

.mainmaintenance
{
    width: 600px;
    background-color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    color: #333;
    text-align: center;
    margin: 3em auto 1em auto;
    padding: 2em 1em;
}


/*---------promo---------*/

p.promo
{
    font-weight: bold;
    font-size: 16px;
}


/*------------new stuff january 12-------------*/

/*----new home----------------*/


.homeleft
{
    position: relative;
    width: 534px;
    float: left;
    background-color: #fff;
}


.homeright
{
    position: relative;
    z-index: 3;
    width: 390px;
    float: right;
    background-color: #fff;
    height: 356px;
}

.homeright p
{
    padding-top: 8px;
    text-align: center;
}


img.vip
{
    padding-top: 8px;
}

.newhomepagecontent
{
    border: 10px solid #e6ddd6;
    z-index: 1;
    position: relative;
    background-color: #e6ddd6;
}

.slideshow
{
    position: relative;
    z-index: 3;
    float: left;
}

.capsulecorner
{
    z-index: 3000;
    position: absolute;
}


/*-----------competition---------------*/

.competition
{
    background-color: #fff;
    padding: 0;
    border: 10px solid #e6ddd6;
    z-index: 1;
    position: relative;
    margin-bottom: 0.5em;
}

.competitiontext
{
    padding: 1em;
}

.rules
{
    background-color: #e6ddd6;
    font-weight: bold;
    padding: 0 1em 1em 1em;
    margin: 0 1em 2em 2em;
    width: 300px;
    float: left;
}

.compform
{
    width: 500px;
    float: right;
    margin: 0 2em 1em 0;
    background-color: #e6ddd6;
}

ul.complist
{
    margin: 1em;
    padding: 0;
}

ul.complist li
{
    list-style: none;
    padding: 8px 0;
}

ul.complist label
{
    width: 14em;
    float: left;
    text-align: right;
    margin: 0 0.5em 0 0;
    display: block;
}





.compform input.submit
{
    margin: 1em 0 0 0;
}

.compform input.compbutton
{
    border: 1px solid #999;
    padding: 3px 6px;
}



ul.terms
{
    margin: 1em 3em;
    padding: 1em 3em;
}

ul.terms li
{
    padding-bottom: 1em;
}




/*-----this is all the new detail css----------------*/


.centercontent
{
    position: relative;
}

.productdetails
{
    padding: 1em 1em 1em 0.5em;
    
    float: left;
}


.productbox
{
    padding: 0;
    background-color: #e6ddd6;
    padding: 6px;
}

.productboxleft
{
    padding: 8px;
    float: left;
    width: 312px;
}

.productboxright
{
    width: 600px;
    float: right;
    padding: 0 0 1em 0;
}






.bigimage
{
    width: 200px;
    float: left;
}




.outfitname
{
    font-weight: bold;
    color: #333333;
}

.outfitdescription
{
    font-size: 11px;
}

.styletips
{
    font-size: 11px;
    padding-bottom: 1em;
}

.productskusgroup
{
    width: 380px;
    float: left;
}

.productskus
{
    margin: 1em 0 0 0;
    padding: 5px 5px 0 5px;
    border: 1px solid #ccc;
    width: 380px;
    background-color: #FFFFFF;
    float: left;
}



table.buyoptions
{
    padding: none;
    text-align: center;
    margin: 5px auto;
    font-size: 10px;
}

table.buyoptions tr td {
    width: 37px;
}

p.emailme
{
    text-align: center;
    font-size: 11px;
}


.producttitle
{
    padding-bottom: 3px;
    text-align: center;
    color: #000;
}


.code
{
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    padding: 0;
}


.farright
{
    width: 190px;
    float: right;
    margin: 8px 8px 0 8px;
}

.howtoorder
{
    width: 150px;
    font-size: 10px;
    border: 1px solid #ccc;
    padding: 8px;
    background-color: #fff;
    margin: 1em 0;
    text-align: left;
}





table.key
{
    font-size: 10px;
    padding: 5px;
    margin: 0;
    text-align: left;
}

table.key th
{
    width: 22px;
    background-color: #fff;
    height: 22px;
}


table.key td
{
    padding: 0;
    vertical-align: top;
}


.buybuttons
{
    margin: 0 1em 0 0;
    width: 170px;
    float: right;
}



.buybuttons p
{
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px 0;
    text-align: center;
}

.buybuttons a
{
    background-color: #FFFFFF;
    border: none;
    color: #333333;
    padding: 0 3px;
}

.buybuttons a.add
{
    font-weight: bold;
}

.buybuttons a:hover
{
    background-color: #fff;
    color: #C00;
    border: none;
    font-weight: bold;
}

a.sizeguide
{
    padding: 0 0 0 0;
    text-align: left;
    color: #C06;
}



.also
{
    padding: 1em 1em 2em 1em;
    margin: 0;
    background-color: #fff;
}

.alsoproduct
{
    width: 150px;
    float: left;
    margin: 0 1.5em 0 0;
    padding: 0;
    text-align: center;
    position: relative;
}

.alsotext
{
    font-size: 11px;
}

.alsotext a
{
    color: #333;
    text-decoration: none;
}

.alsotext a:hover
{
    color: #CC0066;
}

.alsoimage img
{
    border: 1px solid #ccc;
}

.sizepopup
{
    background-color: #FFFFFF;
    padding: 1em;
    font-size: 11px;
}

table.sizeguide
{
    background-color: #e6ddd6;
}

table.sizeguide td
{
    border-bottom: 1px solid #fff;
}

/*grid*/


.corpgrid
{
    padding: 1em 0;
    text-align: center;
    position: relative;
}

.corpgrid img
{
    padding: 0 auto;
}

/* trigger button */

a.trigger
{
    position: relative; /*this is the key*/
    z-index: 24;
    color: #000;
    text-decoration: none;
}

a.trigger:hover
{
    z-index: 25;
}

a.trigger span
{
    display: none;
}

a.trigger:hover span
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: -3.5em;
    left: -3.5em;
    width: 10em !important;
    border: 2px solid #333;
    background-color: #ffcc66;
    color: #000;
    text-align: center;
    z-index: 26;
}


.test
{
    width: 700px;
    margin: 2em auto;
    background-color: #fff;
    padding: 2em;
}

.zoom {text-align: center;
font-weight: bold;
 font-size: 10px;
    width: 290px;
   background-color: #fff;
   border: 1px solid #ccc;
   padding:  8px 5px }
   
   
   p.enter {background-color:#C06;
padding: 8px;
color: #fff}