/* 
Document   : main
Created on : 9-Dec-2009, 10:03:37 AM
Author     : shibl
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body {
    text-align:center; /* For Internet Explorer centering fix */
    margin:0px;
    padding:0px;
    font-family: Tahoma;
    color:#605042;
}

a {
    color:#DF867A;
}
a:hover {
    color:#FDEBE7;
}

a:visited {
    color:#DF867A;
}

.brown {
    color:  #605042;
}
.banner-header {
    background-color:#EBEFFA;
    left:0;
    margin-bottom:3px;
    border:1px solid #605042;
}
.pink {
    color: #FDEBE7
}

/*Main Container */
#mainWrap {
    width:907px;
    text-align:left; /* to counter act the IE centering fix */
    margin:0 auto;

}
/*Header */
#header{
    /* background:url(../images/billie_logo.jpg) 0 50% no-repeat;
    */
    height:100px;
    margin-bottom:0px;
}
#header img {
    margin-top:20px;
    float:left;
}
/* Top Menu */
.topMenu {
    margin:0;
    padding:0;
    font-size:11px;
    letter-spacing:1px;
    border-top:7px solid #605043;
    float:right;
    width:367px;
}
.topMenu ul {
    margin:4px 0px 0 0;
    padding:0px;


}
.topMenu li {
    cursor:pointer;
    padding: 0 3px 0 3px;
    border-left:1px solid white;
    border-right:1px solid white;
    margin-right:0.8em;
    float:left;
    list-style:none;
}
.topMenu li:hover {

}

li.first{
    background: none !important;
    margin-left: 0 !important;
}

.topMenu li  a {
    color: #605043;
    text-decoration: none;
}

.topMenu li  a:visited {
    color: #605043;
    text-decoration: none;
}
.topMenu li  a:hover {
    color: #DF867A;
    text-decoration: none;
}
/*Nav Wrap */
#navWrap {

    clear:both;
}
/*Quick Menu */
#quickMenu {
    float:left;
    letter-spacing:1px;
    font-size:14px;
    height:41px;
}

#quickMenu ul {
    padding:0px;
    margin:0px;
}
#quickMenu li{
    cursor:pointer;
    font-variant:small-caps;
    list-style:none;
    margin:0.15em;
    padding:5px 10px;
    border:1px solid #DBD7D4;
    color:#605043;
    float:left;

}

#quickMenu li a{
    text-decoration:none;
    color:#605043;
}

li.pinkDottsBot{
    border-bottom:2px dotted #FDEBE7;
    border-spacing:4px;
}
#quickMenu li:hover, #quickMenu li:hover a{
    color:#DBD7D4;
    background-color:#605043;
}
/* Sing Up */
#formWrap {

}
#signUp {
    text-align:right;
    float:right;
    font-weight:bold;
    font-size:11px;
    margin-top:-4px;
}
#signUp text {

}
#signUpBtn {
    background-color:#EAC9C4;
    padding:0.3em 0.7em 0.208em;
    font-size:12px;
    cursor:pointer;
}
#signUpBtn:hover {
    color:white;
}

/* Main Menu */
#mainMenu {
    height:21px;
    padding:6px 0 2px;
    background:#FDEBE7;
    clear:both;
    border-bottom: 1px solid #404040;
    margin-bottom:2px;
    font-size:13px;
}
#mainMenu ul {
    margin:0px;
    padding:0px;
}
#mainMenu li {
    display:block;
    cursor:pointer;
    list-style:none;
    background: transparent url(../images/bullet.jpg) 0em 0.6em no-repeat;
    padding-left:15px;
    float:left;
    margin-left:15px;

}
#mainMenu li:hover {
    color:#bf9f88 ;
    margin-top:0.02em;
}
#mainMenu a {
    text-decoration: none;
    color:#605042;
}
#mainMenu a:hover {
    color:#DF867A;
    padding-top:0.02em;
}
.firstLi {
    background-image:none;
}

/* Ask Wrap */
.askWrap {
    margin-top:2px;
    padding:5px;
    border:1px solid #DBD7D4;
    /*height:122px;*/
}
#ask .alert {
    text-align:center;
    font-size:16px;
    font-family:Tahoma;
    margin-top:25px;
    font-weight:bold;
    color:#DF867A;
}
.askWrap h1 {
    border:0px;
    padding:0;
    margin:0;
}

#askLeft {
    width:81px;
    height:122px;
    float:left;
    background:#FDEBE7 url(../images/q_mark.gif) 50% 50% no-repeat;
}
#askMid {
    margin-left:12px;
    height:122px;
    float:left;
    width:556px;
}
#askMid div.left {
    float:left;
}

#askMid div.right {
    display:block !important;
    float:right;

}
#askMid h1,h2{
    border-bottom:none;
    margin:0px;
    padding:0px;
}
#askMid h1 {
    font-size:20px;
    margin:0;
    padding:0;
}
#askMid h2 {
    margin:0 !important;
    padding:0 !important;
    border: none !important;
    font-size:16px;
}
#AandVpics {
    float: left;
    width:176px;
    height:76px;
    border:1px solid #605042;
    background:url(../images/a&vFix.jpg) no-repeat;
}
#askFormEN {
    float:left;
}
#askFormEN textarea{
    margin:3px 0;
    padding:1px;
    height:63px;
    width:365px;
    max-height:63px;
    max-width:365px;
    float:left;
    resize:none;
}
#askFormFR {
    float:left;
    width:556px;
}
#askFormFR textarea{
    float:left;
    height:63px;
    width:343px;
    margin:3px 0;
    padding:1px;

}

#hiddenForm {
    clear:both;

}
#hiddenForm label{
    float:left;
    width:90px;
}
#hiddenForm input.text {
    margin:3px 0;
    padding:1px;
    width:180px;
}
#askTrigger.font-medium {
    font-size:23px;
    padding:20px 0 21px 0;
}
#askTrigger {
    cursor:pointer;
    border:1px solid;
    border-color: silver gray gray silver;
    text-align:center;
    vertical-align:middle;
    background: #FDEBE7;
    font-size:24px;
    /* margin-top:24px;
    width:560px;*/
    padding:20px 0;

}

/* Submit Button*/
#frAsk  {
    /* width:98px;*/
    font-size:18px;
    height:67px;
    margin:3px 0 0 0;
    width:114px;
}
#enAsk {
    /*width:98px;*/
    font-size:30px;
    height:67px;
    margin:3px 0;
    width:92px;
}
#askSubmit {
    margin:0 0 0 5px;
    float:right;
}
#askSubmit input{
    float:right;
    cursor:pointer;
    color:white;
    border:1px solid gray;
    /*font-size:40px;*/
    background:#605043;

}
#askSubmit input:hover {
    color:#FDEBE7;
}
#askRight {
    padding:0;
    margin:0;
    height:122px;
    width:241px;
    float:right;

}

#content {
    overflow:hidden;
    min-height:500px;
    padding: 0;
}

#footer {
    float:right;
}
#footer ul {
    margin:4px 0px 0 0;
    padding:0px;
}
#footer li {
    cursor:pointer;
    padding: 0 3px 0 3px;
    margin-right:0.8em;
    float:left;
    list-style:none;
}
#footer li a {
    text-decoration:none;
}
#footer li a:hover {
    color:#DF867A;
    text-decoration:underline;

}

/*   
.
.
.
.    
Styles for Style content 
.
.
.
.
*/

#style {
    margin: 0 0 6px 0;
}

#style h1 {
    font-size:40px;
    font-weight:bold;
    border-bottom: 1px silver solid;
    margin:10px 0 0 0;
    padding:0 0 10px 0;
}
#product-images {
    margin-left: 0px;
    margin-right:0;
    padding-right:0;
    width:550px;
}
#main-image{
    float:left;
}

#thumbnails{
    margin:0px;
    width:265px;
    float:right;
}
#thumbnails img {
    border:1px solid #605042;
}

#thumbnails ul li {
    padding:0px;
    margin:0 10px 6px 0;

}
#product-thumbnails li {
    float:left;
}
#product-description {
    float:right;
}
#refinePanel {
    margin-top:0;
}
#styleNav {
    text-align:center;
    float:left;
    width:200px;
    margin-top: 25px;
}

#styleNav h2 {
    margin:0 0 0 0;
    padding:23px 12px;
    background: #E6E8E8;
    font-size:14px;
    font-weight:normal;
    letter-spacing: 2px;

}

a.billiesLink , a.billiesLink:visited {
    list-style: none;
    text-decoration: none;
    color:#605042;
    line-height: 31px;
    letter-spacing: 1px;
    font-weight:bold;
}
a.billiesLink:hover{
    color:#DF867A;
}
ul.billiesList {
    margin: 7px 0 -25px 0;
    padding-left:0px;
    text-align:left;
    list-style:none;
    font-family: Georgia;
}

div.billiesList {
    margin-top:16px;
    width:705px;
    float:left;
}

#itemDisplay img {
    border:1px solid #605042;
}
#itemDisplay {
    float:left;
    margin: 0;
}
#itemDisplay ul{
    float:right;
    width:700px;
}

div.itemBox{
    padding:0px;
    width:162px;

    /*height:314px;*/
    float:left;
    margin:0 0 15px 13px;
}
.itemBox img {
    border:1px solid #605042;
}

#content > div.billiesList
{
    padding:0 9px;
    width:888px;
    margin-top:5px;
}
#content > div.toolWrap
{
    height:19px;
    margin-top:5px;
}
.brand {
    font-size:10px;
    text-transform:uppercase;
    color:#605042;
    font-weight:bold;
    letter-spacing:1px;
    font-family:Tahoma;
    border:medium none !important;
    margin:0 !important;
    padding:2px 2px 2px 0 !important;
}
.price.selling {
    font-size:10px;
    text-decoration:none;
    color:#605042;
    letter-spacing:1px;
    font-family:Tahoma;
}

.price.list {
    text-decoration:line-through;
}
#product-description .price.discount, .price.discount {
    font-weight:bold;
    color:#DF867A;
}


#cart-form button:hover {
    padding:0 6px;
    color:#FDEBE7;
}

#cart-form button {
    background-color:#DF867A;
    border:1px solid gray;
    color:white;
    font-weight:bold;
}
#content h1 {
    border-bottom:1px solid gray;
    margin:10px 0 0;
    padding-bottom:10px;
}
#product-description {
    color:#605042;
}
#product-description p{
    margin-top:7px;
}

#product-description h1 {
    background-color: transparent !important;
    border-top:none;
    color:#3C1503;
    font-size:21px;
    letter-spacing:2px;
    padding:8px 0 8px 0;
    text-transform:uppercase;
}

#product-description h2 {
    background-color:#E9E6DD;
    border-top:1px dotted;
    color:#605042;
    font-size:11px;
    font-weight:bold;
    padding:8px;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:7px;
}
#checkout .errors{
    background:#DF867A;
    color:#FDEBE7;
    font-size:16px;
    font-weight:bold;
    margin: 5px 0 5px 0;
    padding:10px;
    text-align:center;
}

#checkout div#registration p label {

    width:100px;
}

#checkout_form h2{
    letter-spacing:2px;
    padding-left:40px;
    background-color: #FDEBE7;
    font-size:27px;
    height:30px;
    border: 1px solid #605042;

}
#checkout-summary {
    background-color:#FDEBE7;
    border: 1px solid #605042;
    float:right;
    margin-top:5px;
    padding:5px;
    width:189px;
}
#checkout p select#checkout_creditcard_start_month ,#checkout p select#checkout_creditcard_month {
    width:40px;
}
#checkout p select#checkout_creditcard_start_year , #checkout p select#checkout_creditcard_year {
    width:55px;
}
#checkout p input#checkout_creditcard_issue_number {
    width:70px;
}

#checkout {
    float:left;
    width:77%;
}
#checkout h3 {

    letter-spacing:1px;
    color:#605042;
}
#checkout .inner {
    padding: 0 10px;
}
#checkout_form div#registration h2{
    background: #FDEBE7 url(/images/reg_small.png) no-repeat scroll 7px 50%;
}
#checkout_form div#registration {
    background: url(/images/reg_big.png) no-repeat right;
}
#checkout_form div#billing h2{
    background: #FDEBE7 url(/images/adr_small.png) no-repeat scroll 7px 50%;
}
#checkout_form div#billing {
    background: url(/images/adr_big.png) no-repeat 75% 50%;
}

#checkout_form div#shipping h2{
    background: #FDEBE7 url(/images/del_small.png) no-repeat scroll 7px 50%;
}
#checkout_form div#shipping {
    background: url(/images/del_big.png) no-repeat 75% 50%;
}

#checkout_form div#shipping_method h2{
    background: #FDEBE7 url(/images/met_small.png) no-repeat scroll 7px 50%;
}
#checkout_form div#shipping_method {
    background: url(/images/met_big.png) no-repeat 75% 50%;
}

#checkout_form div#methods input{
    width:40px;
}

#checkout input.button {
    -moz-background-clip:border !important;
    -moz-background-inline-policy:continuous !important;
    -moz-background-origin:padding !important;
    -moz-border-radius-bottomleft:0.3em;
    -moz-border-radius-bottomright:0.3em;
    -moz-border-radius-topleft:0.3em;
    -moz-border-radius-topright:0.3em;
    -moz-outline-radius-bottomleft:0.3em;
    -moz-outline-radius-bottomright:0.3em;
    -moz-outline-radius-topleft:0.3em;
    -moz-outline-radius-topright:0.3em;
    background: #EFEFEF url(/images/bg-button.png) repeat-x scroll left center !important;
    border-color:#DDDDDD #999999 #999999 #DDDDDD !important;
    border-style:solid;
    border-width:1px !important;
    padding: 10px 17px;
}

#checkout_form div#payment h2{
    background: #FDEBE7 url(/images/pay_small.png) no-repeat scroll 7px 50%;
}
#checkout_form div#payment {
    background: url(/images/pay_big.png) no-repeat 85% 50%;
}

#checkout_form div#confirmation h2{
    background: #FDEBE7 url(/images/con_small.png) no-repeat scroll 7px 50%;
}
#checkout_form div#confirmation {
    background: url(/images/con_big.png) no-repeat 90% 17%;
}

#conformation div#bdisplay, div#sdisplay {
    margin-bottom:10px;
}

#continue_registration {
    margin-top:10px;
}
#checkout .inner {
    margin-top:18px;
}
#registration_input p input {
    margin:0;
    width:200px;
}

#checkout div#registration_choice {
    float:left;
    width:40%;
}

#checkout div#registration_input {
    float:left;
    width:59%;
}

#registration_choice p input{
    width:40px;
    vertical-align:middle;
}

.leftFloat {
    float:left;
}
.alignRight {
    text-align:right;
}
.thumbDesc {
    padding:5px;

}
.toolWrap {
    clear: both;
}

.product_thumb .name a{
    font-size:10px;
    text-decoration:none;
    color:gray;
}
.product_thumb .name a:hover{
    text-decoration:none;
    color:#DF867A;
}
.pagination {
    margin-top:1px;
    padding: 0;
}

.show_all {
    float:right;
    margin-left: 10px;
}

.show_all {
    background-color: white;
    border: 1px solid #DF867A;
    color:#DF867A;
    font-weight:bold;
}

.show_all a {
    color:#DF867A;
    margin:0;
    padding:2px;
    text-decoration:none;
}

.show_all a:hover {
    color: #FDEBE7
}

h1, h2{
    color: #605042;
}

/*Generalizing on Desginers
*/
#content {
    font-family: Tahoma;
}
#content h1 {
    border-bottom:1px solid gray;
    padding-bottom:10px;
    margin:10px 0 0 0;
}
#content h2 {
    border-bottom:1px solid gray;
    padding-bottom:10px;
    margin:10px 0 0 0;
}

.DandB h2 {
    font-size: 50px;
    color:#FDEBE7;
    border:none !important;
}


#orders_edit h2{
    font-size: 20px;
    color:#605042;
    margin: 20px 0;
}
#refinePanel h2 {
    font-size: 12px;
    color:#605042;
    border-bottom:none;
    padding:23px 0;
}

.DandB ul {
    float:left;
    padding:0px;
    list-style:none;
    width:180px;
}
.DandB li {

    /*border-bottom:2px dotted brown;*/
}
.DandB a {
    font-size:14px;
    text-decoration:underline;
    color:#605043;
}
.DandB a:hover {
    color:#DF867A;
}

.QandA li {
    padding-bottom:20px;
    border-bottom: 2px dotted #FDEBE7;
    list-style:none;
    margin-bottom:50px;
}
.QandA  div{
    min-height:90px;
    padding-left:56px;
    margin-bottom:5px;
}
.question {
    margin-top:5px;
    background: url(../images/question.jpg) no-repeat;
}
.QandA {
    margin-top:5px;
}
#actions{
    padding:2px;
    margin:2px;
    min-height:0;
}
.answer {
    margin-bottom:10px;
    background: url(../images/answer.jpg) no-repeat;
}
.QandA ul {
    padding-left:0;
}
#edit_question , #edit_answer , #edit_question_trad , #edit_answer_trad {
    width:500px;
    height:150px;
    margin-bottom:5px;
}
.alert {
    color: red;
}

.billie_button {
    background-color: #FDEBE7;
    color: #605043;
    border:1px solid gray;
}
.billie_button:hover {
    color:white;
}


#cart-form {
    background-color: #FDEBE7;
}

#checkout h2 {
    color: #605043;
}

#scroller {
    height:400px;
    /* overflow:hidden;*/
}
#ScrollUp , #ScrollDown{
    cursor:pointer;
    letter-spacing:1px;
    border:1px solid #605043;
}
#language-bar {
    background-color:#DF867A;
    float:right;
    padding:3px 8px;
    margin:0px;

}
#last{
    float:right;
    margin-right:0px;
    padding:0px;
    border:0;
}
#last :hover{
    background-color:#DF867A;
    float:right;
    margin:0px;
    border:0;
}

h3 {
    margin-top: 5px;
}
ul {
    margin-top:5px;
}

#cart-form {
    padding:10px 20px;
}
#post-summary-couponz {
    padding:3px;
    border:1px solid gray;
    margin-top:3px;
    text-align:center;
    font-weight:bold;
    cursor:pointer;
}
#post-summary-couponz:hover {
    color:white;
    background-color:#605043;
}

#facebook_like {margin:7px}

.social_botton {
    margin:0;
    padding:0;
    border:1px solid;
    border-top-color: silver;
    border-right-color: gray;
    border-bottom-color: gray;
    border-left-color: silver;
    width:241px;
    height:58px;
}
#facebook_button {
    
    background: #FDEBE7 url(/images/facebook.png) no-repeat 50% 50%;
}
#twitter_button {
    margin-top: 6px;
    background: #FDEBE7 url(/images/twitter.png) no-repeat 50% 50%;
}