/*****************************************************         
== Global Reset 
*****************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
blockquote, a, a img, font, img, dd, dl, dt, li, ol, ul,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

/*****************************************************
== Global Layout Structure
*****************************************************/

body{
    background-color: #d9d9d9;
    text-align: center;
    font-family: Arial, helvetica, Sans-Serif;
    color: #666;
    font-size: 80%;
}

#wrap{
    margin: 0 auto;
    text-align: left;
    width: 970px;
    background-color: #fff;
    margin-top: 50px;
    position: relative;
}

#wrap #header{
    border-top: solid 5px #eb9eec;
    background: #A7A6AF url(/_images/header-bg.jpg) top left no-repeat;
    height: 184px;
    /***** Print ****/ display: none;
}

#wrap .left{
    float: left;
    width: 110px;
    margin-right: 20px;
    margin-top: 35px;
    text-align: right;
}

#wrap .main{
    float: left;
    width: 650px;
    margin-top: 15px;
}

#wrap .narrow{width: 470px;}
#wrap .wide{width: 700px;}

#wrap .suppCol
{
    float: left;
    width: 150px;
    margin-top: 35px;
    margin-left: 15px;
    border-left: solid 1px #eb9eec;
    padding-left: 20px;
}

#wrap .right{
    float: right;
    width: 170px; 
    margin-top: 35px;
}
#wrap .skinny{width: 140px}

#wrap .foot{
    float: left;
    width: 940px;
    background: #D9D9D9 url(/_images/footer-bg.gif) top left no-repeat;
    position: relative;
    padding: 75px 0 0 30px;
    font-size: 85%;
    color: #94929e;
    margin-top: 20px;
    /******* PRINT *********/ display: none;
}

/*****************************************************
== Product Pages Specifics
*****************************************************/

#wrap .main .collection
{
    margin: 0;
    float: left;
    width: 250px;
    margin-right: 0px;
    margin-bottom: 20px;
}


#wrap .main .border
{
    padding-right: 30px;
    border-right: solid 1px #eb9eec;
    margin-right: 30px;
}

#wrap .main .collection .collectionText
{
    float: left;
    width: 150px;
}

#wrap .main .collection .prodCat
{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#wrap .main .collection .prodCat img
{
    margin-right: 5px;
}

#wrap .main .prodLarge
{
    float: left;
    border: solid 1px #000;
    margin-right: 20px;
}

#wrap .main .thumbs a
{
    float: left;
    border: solid 1px #cbcbcb;
    margin: 0 4px 4px 0;
    padding: 2px;           
}

#wrap .main .thumbs a:hover
{
    background: #f0b7e1;
    border: solid 1px #f0b7e1;
}

/*****************************************************
== Text, Links & Images
*****************************************************/

/*** Text ***/

h1,h2,h3,h4{font-family:'arial narrow', 'GillSans light';font-size: 180%;color: #eb9eec;word-spacing: 2px;font-weight: normal;margin: 20px 0 5px 0;}
h2{font-size: 150%;margin: 5px 0 5px 0;}
h3{font-size: 140%;margin: 5px 0 5px 0;}
h4{font-size: 130%;margin: 5px 0 5px 0;}
h1.capital:first-letter
{
    text-transform:uppercase
}

#wrap p{margin: 10px 0;line-height: 1.4em;}

#wrap .right p{background-color: #efeff1;font-size: 90%;margin: 0;margin-bottom: 2px;padding: 10px; font-family: Century Gothic;}
#wrap .right p em{color: #eb9eec;font-size: 170%;font-style: normal;line-height: 1.4em;}
#wrap .right p span{font-size: 140%;line-height: 1.4em;}
    
#wrap .foot ul li
{
    display: inline;
    margin-right: 6px;
}

.basket{
    float: left;
    margin-left: 59px; 
    margin-top:13px;
    margin-right: 5px;    
}

.basket em{
    font-style: normal;
    font-weight: bold;
    border-right: solid 2px #eb9eec;
    padding: 3px 8px;
    margin-right: 8px;
}
#wrap .main em
{
    color: #ab8ac0;
    font-size: 105%;
    font-style: normal;
}

#wrap .main .breadcrumb
{
    color: #eb9eec;
    font-size: 90%;
}

.highlight
{
    border: dashed 1px #ab8ac0;
    padding: 5px;
    background-color: #eee;
    float: left;
    width: 270px;
    margin-right: 10px;
}

#wrap .main .promo1
{
    background: url(/_images/homePromo1.jpg) top left no-repeat;
    height: 98px;
    padding-top: 26px;
    margin-top: -30px;
    /******* PRINT ********/ display: none;
}

#wrap .main .promo2
{
    background: url(/_images/homePromo2.jpg) top left no-repeat;
    height: 100px;
    padding-top: 3px;
    /******* PRINT ********/ display: none;
}

hr
{
    border: 0;
    border-top: dashed 1px #eb9eec;
    height: 1px;
}

#wrap .main ul
{
    margin: 10px 0 10px 18px;
    list-style-type: disc;
}

#wrap .seasonalIntro
{
    background: url(/_images/xmas-intro.jpg) top left no-repeat;
    margin-top: 0;
}
#wrap .seasonalIntro .seasonalIntroText
{
    height: 425px;
    margin: 45px 20px 0 20px;
    color: #363539;
}

/*** Links ***/

#wrap .main a, #wrap .right a, #wrap .suppCol a{color: #eb9eec;}
#wrap .main a:hover, #wrap .right a:hover, #wrap .suppCol a:hover{text-decoration: none;}

#wrap .foot a{color: #94929e;text-decoration: none;}
#wrap .foot a:hover{text-decoration: underline;}

#wrap .main a.largeLink{font-size: 120%; text-decoration: none; font-family: Century Gothic;}

#wrap .main .breadcrumb a{text-decoration: none;}
#wrap .main .breadcrumb a:hover{text-decoration: underline;}

#wrap .seasonalIntro .seasonalIntroText a{color: #b959a2; text-decoration: none;}
#wrap .seasonalIntro .seasonalIntroText a:hover{text-decoration: underline;}

/*** Images ***/

.layoutImage{display: none;}

/*****************************************************
== Independant Styles
*****************************************************/

.floatLeft{float: left;}
.floatRight{float: right;}
.clr{clear: both;}

/*****************************************************
== Form Styles
*****************************************************/

#wrap #header form
{
    float: right;
    margin-right: 80px;
    display:inline;
    margin-top: 20px;
    color: #fff;
    /******* PRINT ********/ display: none;
}

#wrap #header form fieldset
{
    display: inline;
    /******* PRINT ********/ display: none;
}

#wrap #header form label
{
    font-weight: bold;
    color: #fff;
    /******* PRINT ********/ display: none;
}

#wrap #header form input, #wrap .main input, #wrap .main .inputLarge
{
    width: 215px;
    border: solid 1px #ccc;
    background: #fff url(/_images/input-bg.gif) bottom left repeat-x;
    margin-bottom: 2px;
    /******* PRINT ********/ display: none;
}

#wrap .main input.inputLarge
{
    height: 100px;
    /******* PRINT ********/ display: none;
}

#wrap #header form input.btn, .items
{
    width: 27px;
    height: 27px;
    background: transparent url(/_images/btn-bg.gif) top left no-repeat;
    border: 0;
    color: #fff;
    margin-bottom: -2px;
    cursor: pointer;
    /******* PRINT ********/ display: none;
}

.items
{
     float: left;
     padding: 5px 0 0 0;
     text-align: center;
     margin-top: 8px;
     cursor: default;
     /******* PRINT ********/ display: none;
}

#wrap .main fieldset
{
    border: solid 1px #ddd;
    padding: 10px;
    /******* PRINT ********/ display: none;
}

#wrap .main fieldset legend
{
    color: #eb9eec;
    font-size: 140%;
    font-family: Arial Narrow, Arial;
    /******* PRINT ********/ display: none;
}

#wrap .main label
{
    float: left;
    width: 120px;
}

#wrap .main .check
{
    width: auto;
    border: 0;
    background: none;
}

#wrap .main .btn
{
    border: solid 1px #ccc;
    color: #eb9eec;
    background: #fff url(/_images/btn-bg2.gif) bottom left repeat-x;
    cursor: pointer;
    font-family: Arial Narrow, Arial;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    width: auto;
    padding: 3px 6px;
    /******* PRINT ********/ display: none;
}

#wrap .main ul.error
{
    border: dashed 1px #ab8ac0;
    color: red;
    padding: 5px;
    background-color: #eee;
}
/*****************************************************
== Tables
*****************************************************/

#wrap .main table.product
{
    border-collapse: collapse;
    width: 100%;
    border: solid 1px #eb9eec;
}

#wrap .main table.product tr.header
{
    background: #efeff1;
}

#wrap .main table.product tr.header th
{
    border: solid 1px #eb9eec;
    padding: 3px 10px;
}

#wrap .main table.product td
{
    padding: 3px 10px;
}

#wrap .main table.product tr td
{
    border-bottom: solid 1px #eee;
    vertical-align: middle;
}

#wrap .main table.product tr.shade
{
    background: #f8f6f8;
}


#wrap .wl {
	width:48%; float: left;
}
#wrap .wl input, #wrap .wl .inputLarge {
	width:175px;
}
#wrap .wl label{
	width:100px;
}

select{margin-bottom: 3px;}

/*****************************************************
== Tool Tip Styling
*****************************************************/

a.tooltip {color:#c00;text-decoration: none; cursor:help;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:30px; left:-50px; padding:5px; font-weight:normal; color:#000; border:1px solid #eb9eec; background:#eee; width:170px;text-decoration: none;}