@charset "utf-8";

/* ==================== */
/* = Left side column = */
/* ==================== */

#Left-side #Cart p { color: #666; }

#Left-side #Cart table { margin-top: 15px; }

#Left-side #Cart #Details {
	margin: 5px 0;
	text-align: left;
}

#Left-side #Cart #Buttons {
	margin: 10px 0 5px;
}

#Left-side #Cart table {
	padding: 5px 0;
	border-top:    1px dotted #cfcfcf;
	border-bottom: 1px dotted #cfcfcf;
}

#Left-side #Info h2 .tip {
	line-height: 1.1em;
}

/* ============= */
/* = Main area = */
/* ============= */

#Basket {
	color: #000;
	font-size: 1.1em;
}

#Basket h2.header {
	margin-top: .8em;
	margin-bottom: .5em;
}

#Basket .product-line { margin: .5em 0 1.5em; }

#Basket .total-line { 
	margin: 1em 0;
	font-weight: normal;
}

#Basket dl.attachment {
	margin: .5em 0 1em 20px;
	font-weight: normal;
	font-size: .95em;
}

#Basket dl.attachment dt {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
}

#Basket dl.attachment dd {
	margin: .5em 0 .5em 0px;
	font-size: .95em;
}

#Basket dl.attachment-selection { margin-left: 0; }

#Basket dl.attachment-selection dt {
	margin: 0;
	padding: 2px 6px;
	background-color: #fc6;
	font-weight: bold;
}

#Basket dl.attachment-selection dd {
	margin: 0;
	padding: 5px 6px 4px;
	background-color: #ffc;
}

#Basket .buttons form, #Basket .buttons form div {
	display: inline;
}

#Checkout {
    width: 600px;
	padding-left: 0px;
	padding-right: 0px;
}

#Checkout table h3 { margin: 15px 0 0; padding: 0; }

#Checkout td { width: 275px; padding: 0 0px 5px 0; }

#Checkout input,
#Checkout textarea { font-size: 1em; }

#Checkout input,
#Checkout select,
#Checkout textarea {
	margin-top: 3px;
	padding: 2px;
}

#Checkout textarea {
	line-height: 1.1em;
	font-family: inherit;
}

#Checkout .optional {
	color: #666;
	font-size: .9em;
	font-style: italic;
}

#Checkout form td.right-col {
	padding-left: 20px;
}

#Checkout .submit {
	margin-top: 10px;
}

#Checkout label.delivery_label {
	color: #666;
}

#Checkout #poll_source,
#Checkout #poll_occasion { margin-bottom: 3px; }

/* ============ */
/* = Products = */
/* ============ */

dl#Products {
/*    float: left;*/
    clear: left;
}

dl#Products dt,
dl#Products dd {
    padding: 15px 20px;
    color: #000;
}

dl#Products dt {
    margin-bottom: 0;
    padding: 10px 20px;
    font-size: 1.8em;
    font-weight: bold;
    color: rgb(64, 38, 16);
    background-color: rgb(237, 232, 187);
}

dl#Products dt .tip {
    font: italic normal normal 13px tahoma, Verdana, Arial, sans-serif;
    line-height: 2em;
    color: rgb(162, 151, 30);
}

dl#Products dd {
    position: relative;
    background-color: rgb(227, 218, 150);
}

dl#Products dd p {
    color: rgb(74, 0, 21);
}

dl#Products dd form {
    margin: 10px 0;
    padding: 0 5px;
    text-align: right;
}

dl#Products dd form * { vertical-align: middle; }

dl#Products dd form select,
dl#Products dd form input { font-size: 90%; }

dl#Products dd .box {
/*    clear: both;*/
/*    margin-top: 1em;*/
}

dl#Products dd dl.box-area {
    position: relative;
    float: left;
    width: 276px;
    margin: 2px;
    text-align: left;
}

dl#Products dd dl.box-area dt, dl#Products dd dl.box-area dd {
    font-size: 1em;
    border: none;
}

dl#Products dd dl.box-area dt {
    clear: left;
    margin-bottom: .5em;
    padding: .3em 1em;
    color: #fffae6;
    font-size: 1.1em;
    text-align: center;
    background-color: rgb(64, 38, 16);
}

dl#Products dd dl.box-area dd {
    margin-bottom: .5em;
    padding: 0;
}

dl#Products dd dl.box-area dd h2 { font-size: 2em; }

a.viewOrTailorThisBox {
    margin-right: 1em;
    padding: 3px 10px;
    font-weight: bold;
}