@font-face {
      font-family: CoquetteBold;
      /* Copyright Mark Simonson, http://www.ms-studio.com/FontSales/coquette.html */ 
      src: url(fonts/CoquetteBold.ttf);
}

html,
body {
    margin:0;
    padding:0;
    background-color:#361B0A;
    color:#361B0A;
    font-family:Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
    font-weight:normal;
    font-style:normal;
    background:url('images/background.png');
    height:100%;
}

td {
    font-size:10pt;
}

img {
    border-style:none;
}

img.logo {
    vertical-align:middle;
}

h1 {
    font-family:CoquetteBold,"Coquette Bold",Georgia,serif;
    font-weight:normal;
    margin-top:1px;
    font-size:2em;
}

h2 {
    font-family:CoquetteBold,"Coquette Bold",Georgia,serif;
    font-weight:normal;
    font-size:1.6em;
}

.navlink {
    font-family:CoquetteBold,"Coquette Bold",Georgia,serif;
    font-weight:normal;
    font-size:1.8em;
    color:#ffa247;
    text-decoration:none;
}
.navlink:hover {
    text-decoration:underline;
    color:#ffe6c1; 
}

.dt {
    font-family:CoquetteBold,"Coquette Bold",Georgia,serif;
    line-height:18px;
    font-size:1.2em;
}

.info-box {
    width:350;
    padding:18px;

    display:none;
    background-color:#FFFFFF; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}

span.leadin {
    font-family:CoquetteBold,"Coquette Bold",Georgia,serif;
    font-size:2em;
    font-weight:normal;
}

.error a {
    color:#cc0000; 
}

.error {
    border:1px solid black;
    margin:20px;
    padding:15px;
    width:80%;
    background-color:#ffe6c1; 
    color:#cc0000; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}

.message a {
    color:#000066; 
}

.message {
    border:1px solid black;
    margin:20px;
    padding:15px;
    width:80%;
    background-color:#ffe6c1; 
    color:#000066; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}

.box-head {
    text-align:center;
    background-color:#000066; 
    color:#ffe6c1; 
    padding:5px;
    font-weight:bold;
}
.box-body {
    padding:15px;
    color:#000066; 
    text-align:left;
}
.box-body p {
    margin-top:0;
}
.important-msg-box {
    border:1px solid #361B0A;
    width:90%;
    background-color:#ffe6c1; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}

.boxy {
    background-color:#FFFFFF; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}
.boxy2 {
    background-color:#FFFFFF; 
    -webkit-border-radius: 7px; 
    -moz-border-radius: 7px; 
    border-radius: 7px; 
    padding:5px;
    border:1px solid white;
    /*border:2px solid #7e7f81;*/
}

.checkoutbtn {
    font-size:13pt;
}

.gradient {
    background-image:url(images/inset-box/gradient.png);
    background-repeat: repeat-x;
    background-position: 0% 0%;
    margin-left:auto; 
    margin-right:auto;
	text-align:center;
}

.main {
    width:840px; 
    margin-left:auto; 
    margin-right:auto;
    margin-bottom:15px;
	text-align:left;
}

.mainlogo {
    text-align:center;
    margin-top:60px
}

.textless {
    font-size:0;
}

.footer {
    margin-top:40px;
    padding-bottom:10px;
    color:#ffa247;
    text-align:center;
    font-size:0.7em;
}

.small {
    font-size:9pt;
}

.smaller {
    font-size:0.9em;
}

th {
    text-align:left;
    font-weight:bold;
    font-size:0.9em;
}

a {
    color:#361B0A;
    text-decoration:underline;
}

#tlc {
    height:5px;
    width:5px;
    background-image:url(images/inset-box/inset-box-sprite.png);
    background-position: 0 0;
}

#trc {
    height:5px;
    width:5px;
    background-image:url(images/inset-box/inset-box-sprite.png);
    background-position: -4px 0;
}

#blc {
    height:5px;
    width:5px;
    background-image:url(images/inset-box/inset-box-sprite.png);
    background-position: 0 -5px;
}

#brc {
    height:5px;
    width:5px;
    background-image:url(images/inset-box/inset-box-sprite.png);
    background-position: -4px -5px;
}

#tb, #bb {
    background-color: transparent;
    background-repeat: repeat-x;
}
            
#tb {
    background-position: 0% 0%;
}
#tb.inset {
    background-image:url(images/inset-box/tb.png);
}
#tb.outset {
    background-image:url(http://www.parfait-icecream.com/images/outset-box/tb.png);
}

#bb {
    background-position: 50% 100%;
}
#bb.inset {
    background-image:url(images/inset-box/bb.png);
}
#bb.outset {
    background-image:url(http://www.parfait-icecream.com/images/outset-box/bb.png);
}
    
#rb {
    background-position: 100% 0%;
    background-repeat: repeat-y;
}
#rb.inset {
    background-image:url(images/inset-box/r.png);
}
#rb.outset {
    background-image:url(http://www.parfait-icecream.com/images/outset-box/r.png);
}

#lb {
    background-position: 0% 100%;
    background-repeat: repeat-y;
}
#lb.inset {
    background-image:url(images/inset-box/l.png);
}
#lb.outset {
    background-image:url(http://www.parfait-icecream.com/images/outset-box/l.png);
}

#bg {
    background-image:url(images/inset-box/bg.png);
}

#tote {
    width:196px;
}
#tote-box {
}
#tote-msg {
    font-size:0.9em;
    padding:5px;
}
#tote-no-items {
    font-size:0.8em;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:2px;
}
#tote-items {
    font-size:0.8em;
    padding:5px;
}
.ti-title {
    float:left; 
    clear:left; 
    width:164px;
}
.ti-item {
    width:184px;
}
.ti-qty {
    float:left; width:20px;text-align:right
}
.ti-ctrl {
    float:left; width:15px;text-align:right
}

#tote-header {
    text-align:center;
    background-color:#361B0A;
    color:#ffe6c1; 
    padding:5px;
    font-weight:bold;
}

#tote-box {
    border:1px solid #361B0A;
    background-color:#FFFFFF; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}

#tote-btn {
    width: 90%;
}