/*
    Document    : design.css
    Created on  : 14-sep-2009
    Modified on : 14-sep-2009
    Author      : Jochem
    License     : Redistributions of files is strictly prohibited unless stated otherwise
    Description:
        Defines the overall design
*/

body
{
    /* Styling */
    color: #333;
}

div#container
{
    /* Size and positioning */
    width: 960px;
    margin: 0 auto; /* Centers the container */
    position: relative;
}

div#header
{
    /* Size and positioning */
    height: 110px;
}

div#header h1
{
    margin: 0;
}

div#header h1#logo a
{
    /* Styling */
    background: transparent url('/img/logo.jpg') no-repeat;
    /* Size and positioning */
    height: 85px;
    width: 140px;
    position: absolute;
    top: 0px;
    left: 30px;
    /* Others */
    text-indent: -960px; /* Hide text */
    display: block;
}

div#menu
{
    /* Styling */
    background: #e8e8e8 url('/img/menu-background.jpg') repeat-x top;
    /* Size and positioning */
    height: 50px;
    width: 760px;
    position: absolute;
    left: 200px;
    top: 60px;
    font-size: 1.2em;
    font-weight: bold;
    /* Others */
    overflow: hidden;
}

div#menu ul.menu
{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 8px;
}

div#menu ul.menu li
{
    float: left;
    padding: 5px;
}

div#menu ul.menu li a
{
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    color: #73880A;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div#menu ul.menu li a:hover
{
    background: #9ABA0E;
    color: #fff;
}

div#header div#languages
{
    position: absolute;
    top: 84px;
    left: 30px;
}

div#header div#languages ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

div#header div#languages ul li
{
    float: left;
    padding: 2px;
}

div#header div#languages ul li a
{
    display: block;
    padding: 4px 4px;
    text-decoration: none;
    color: #73880A;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div#header div#languages ul li.current a
{
    background: #ccc;
    color: #fff;
}

div#header div#languages ul li a:hover
{
    background: #9ABA0E;
    color: #fff;
}

div#wrapper
{
    /* Styling */
    background: transparent url('/img/container-background.png') repeat-y;
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
}

div#sidebar
{
    /* Size and positioning */
    width: 180px;
    float: left;
    padding: 10px;
}

div#sidebar div.search
{
    border-bottom: 1px solid #fff;
    margin: -10px -10px 10px -9px;
    padding: 5px;
}

div#sidebar div.search form:after
{
    content: '';
}

div#sidebar div.search form div.input.text
{
    border: none;
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
}
div#sidebar div.search form div.input.text input
{
    width: 106px;
    font-size: 1em;
    padding: 2px;
    margin: 0;
}

div#sidebar div.search form div.submit
{
    margin: 0;
    padding: 0;
    float: right;
}

div#sidebar div.search form div.submit input
{
    width: 70px;
    font-size: 1em;
    padding: 3px 0 4px;
    background: #73880A;
}

div#sidebar div.search form div.submit input:hover
{
    background: #9ABA0E;
}

div#sidebar ul.menu
{
    /* Styling */
    list-style: none;
    /* Size and positioning */
    padding: 0;
    margin: -10px -10px 10px -9px;
}

div#sidebar ul.menu li
{
    /* Size and positioning */
    padding: 0;
    margin: 0;
}

div#sidebar ul.menu li a
{
    /* Styling */
    background: #D9DFBD url('/img/menu-button.png');
    border-bottom: 1px solid #fff;
    line-height: 26px;
    text-decoration: none;
    color: #222;
    font-weight: bold;
    /* Size and positioning */
    padding: 2px;
    padding-left: 15px;
    margin: 0;
    /* Others */
    display: block;
}

div#sidebar ul.menu li a:hover
{
    /* Styling */
    background: #fff url('/img/menu-button-hover.png');
}

div#sidebar ul.menu li a.current
{
    background: #73880A url('/img/menu-button-current.png');;
    border-color: #73880A;
}

div#sidebar ul.menu li ul
{
    /* Styling */
    list-style: none;
    border-bottom: 1px solid #fff;
    /* Size and positioning */
    padding: 0;
    margin: 0;
}

div#sidebar ul.menu li ul li
{
    background-color: #73880A;
    /* Size and positioning */
    padding: 0;
    margin: 0;
}

div#sidebar ul.menu li ul li:hover
{
    background-color: #9ABA0E;
}

div#sidebar ul.menu li ul li a
{
    /* Styling */
    background-color: #D9DFBD;
    border-top: 1px solid #fff;
    border-bottom: 0;
    line-height: 2em;
    /* Size and positioning */
    padding: 2px;
    padding-left: 15px;
    margin: 0 0 0 10px;
    /* Others */
    display: block;
}

div#sidebar ul.menu li ul li a:hover
{
    /* Styling */
    background-color: #fff;
}

div#sidebar div.payments
{
    text-align: center;
    padding: 0px;
}

div#sidebar div.payments p
{
    display: block;
    background-color: #fff;
    border: 1px solid #D0D3D8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0;
}

div#sidebar div.payments p:hover
{
    border-color: #aaa;
}

div#sidebar div.payments p img
{
    margin: 0 13px;
}

div#sidebar div#sideCart
{
    background: #fff;
    border: 1px solid #D0D3D8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-bottom: 1.5em;
}

div#sidebar div#sideCart:hover
{
    border-color: #aaa;
}

div#sidebar div#sideCart div.content p.title
{
    text-align: center;
    padding: 2px 5px;
    font-weight: bold;
    margin: 0;
}

div#sidebar div#sideCart div.content p.price, div#sidebar div#sideCart div.content p.products
{
    margin: 0;
    line-height: 1.1;
}

div#sidebar div#sideCart div.content p.price
{
    color: #cc0000;
    font-size: 1.6em;
    text-align: center;
    padding-top: 5px;
}

div#sidebar div#sideCart div.content p.products
{
    text-align: center;
    font-style: italic;
    padding-bottom: 5px;
}

div#sidebar div#sideCart ul.actions
{
    list-style: none;
    padding: 0;
    margin: 0;
}

div#sidebar div#sideCart ul.actions li a
{
    background: transparent url(/img/forward.png) right center no-repeat;
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #fff;
}

div#sidebar div#sideCart ul.actions li a.view
{
    background-color: #73880A;
    margin: 1px;
}
div#sidebar div#sideCart ul.actions li a.view:hover
{
    background-color: #9ABA0E;
}

div#sidebar div#sideCart ul.actions li a.order
{
    background-color: #0E95BA;
    font-weight: bold;
    margin: 1px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-radius-bottom-left: 8px;
    -webkit-border-radius-bottom-right: 8px;
}

div#sidebar div#sideCart ul.actions li a.order:hover
{
    background-color: #11B2DF;
}

div#content
{
    /* Styling */
    background: transparent url('/img/content-background.jpg') repeat-x;
    border-right: 1px solid #707070;
    /* Size and positioning */
    width: 738px;
    float: left;
    padding: 10px;
    margin-left: 1px;
}

div#footer
{
    /* Positioning */
    clear: both;

    color: #666;
    font-size: 0.8em;
    text-align: center;
}

div#footer p
{
    margin-bottom: 0.5em;
}

div#topCart
{
    float: right;
    background: #F0F0F0;
    padding: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

div#topCart div.content
{
    float: left;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #ccc;
}

div#topCart div.content p.title
{
    font-weight: bold;
}

div#topCart div.content p
{
    margin: 0;
}

div#topCart ul.actions
{
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

div#account
{
    float: right;
    padding: 5px;
    margin-right: 5px;
}

div#account ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

div#account ul li
{
    float: right;
    margin-left: 10px;
}

div.headerImage
{
    margin: -9px -9px 10px -9px;
    height: 150px;
}

div.headerImage div.right
{
    float: left;
    margin-left: 1px;
}

div.headerImage div.left
{
    float: left;
    background: #fff;
    width: 590px;
    height: 150px;
    overflow: hidden;
    position: relative;
}

div.headerImage div.left div
{
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    max-width: 300px;
    background: transparent url('/img/bg-000-50.png');
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
}

div.headerImage div.left div p
{
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
}

div.headerImage div.left div p.quote
{
    font-style: italic;
    margin-bottom: 0px;
}

div.headerImage div.left div p.author
{
    font-size: 1.2em;
    margin-bottom: 0px;
}

h2, h3, h4
{
    color: #333;
}

h2
{
    border-bottom: 1px solid #73880A;
}

h3
{
    line-height: 1.5em;
    color: #73880A;
}

h4
{
    border-bottom: 1px solid #ccc;
}

span.thumbnail
{
    display: inline-block;
    padding: 3px;
    background-color: #fff;
    border: 1px solid #D0D3D8;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    position: relative;
}

span.thumbnail:hover
{
    border-color: #aaa;
}

span.thumbnail a
{
    text-decoration: none;
}

span.thumbnail span
{
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 10px;
    left: 10px;
    margin: -3px;
    font-weight: bold;
    background: transparent url('/img/bg-000-50.png');
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 2px;
    overflow: hidden;
}

div.product
{
    position: relative;
    clear: both;
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

div.product:hover
{
    background-color: #eee;
}

div.product div.image
{
    float: left;
    width: 168px;
    height: 128px;
    margin-right: 5px;
}

div.product div.image img
{
    border: 1px solid #D0D3D8;
    padding: 3px;
    background: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div.product:hover div.image img
{
    border-color: #aaa;
}

div.product div.main
{
    float: left;
    width: 408px;
    height: 128px;
    margin-right: 5px;
}

div.product div.second
{
    float: left;
    width: 140px;
    height: 128px;
    text-align: right;
}

div.product p.name
{
    font-size: 1.5em;
    margin-bottom: 0.5em;
}

div.product p.price
{
    color: #CC0000;
    font-size: 1.8em;
}

div.product p.stock
{
    font-style: italic;
}

div.product p.price
{
    margin: 0;
}

div.product p.information, div.product p.order
{
    margin-bottom: 0.2em;
}

div.fullProduct div.image
{
    margin-right: 15px;
    margin-bottom: 15px;
    width: 306px;
    height: 306px;
    float: left;
}

div.fullProduct div.image img
{
    border: 1px solid #D0D3D8;
    padding: 3px;
    background: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div.fullProduct div.image img:hover
{
    border-color: #aaa;
}

div.fullProduct div.orderInformation
{
    width: 407px;
    background: #FFF7E0;
    padding: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    float: left;
    margin-bottom: 15px;
}

div.fullProduct p.price
{
    color: #CC0000;
    font-size: 2em;
    margin-bottom: 0;
}

div.fullProduct p.shipping span.free, div.fullProduct p.stock span.inStock
{
    color: #009900;
}

div.fullProduct p.order
{
    margin-bottom: 0;
}

div.fullProduct div.moreInfo{
    float: left;
    width: 417px;
}

div.fullProduct div.moreInfo a{
    display: block;
    float: left;
    -moz-border-radius: 5px;
    color: #222;
    text-decoration: none;
    vertical-align: middle;
    padding: 5px;
    padding-left: 60px;
    min-height: 50px;
    width: 352px;
    margin-bottom: 15px;
    font-size: 1.5em;
}

div.fullProduct div.moreInfo a.wikipedia{
    background: #C6E4F2 url('/img/wikipedia.png') left center no-repeat;
}

div.fullProduct div.moreInfo a.wikipedia:hover{
    background-color: #aadaf1;
}

div.fullProduct div.moreInfo a span{
    font-size: 0.8em;
}

div.fullProduct div.moreInfo a.claims{
    background: #EBB url('/img/doctor.png') left center no-repeat;;
}

div.fullProduct div.moreInfo a.claims:hover{
    background-color: #ec9e9e;
}


div#home div.main
{
    float: left;
    width: 519px;
    margin-right: 10px;
}

div#home div.side
{
    float: left;
    width: 209px;
}

div#home div.side p
{
    padding: 5px;
    background: #FFF7E0;
}

div#home div.side h4
{
    margin-bottom: 0.5em;
}

div.loginform div.login, div.signupform div.signup, div.orderForm div.order, div#paymentAdd div.form, div.contact div.contactForm
{
    float: left;
    width: 460px;
    margin-right: 10px;
    background: #FFF7E0;
    padding: 5px;
}

div.loginform div.signup, div.signupform div.information, div.orderForm div.information, div#paymentAdd div.information, div.contact div.contactDetails
{
    float: left;
    width: 257px;
}

div.signupform div.information, div.orderForm div.information
{
    font-size: 0.9em;
}

div.orderForm div#shippingAddress, div.orderForm div#billingAddress
{
    float: left;
    width: 48%;
    
}
div.orderForm div#billingAddress
{
    margin-right: 4%;
}

div.orderForm div#shippingAddress div#shippingAddressForm, div.orderForm div#billingAddress div#billingAddressForm
{
    display: none;
}

div.orderForm div#shippingAddress.edit, div.orderForm div#billingAddress.edit
{
    clear: both;
    width: auto;
    float: none;
    margin: 0;
}

div.orderForm div#shippingAddress.edit p, div.orderForm div#billingAddress.edit p
{
    display: none;
}

div.orderForm div#shippingAddress.edit div#shippingAddressForm, div.orderForm div#billingAddress.edit div#billingAddressForm
{
    display: block;
}

div.orderForm div#shoppingCart div.products
{
    float: left;
    width: 58%;
    margin-right: 2%;
    overflow: hidden;
}

div.orderForm  div#shoppingCart div.prices
{
    float: left;
    width: 40%;
}

div.orderForm div#shoppingCart div.prices p.subtotal, div.orderForm div#shoppingCart div.prices p.shipping, div.orderForm div#shoppingCart div.prices p.total
{
    text-align: right;
}

div.orderForm div#shoppingCart div.prices p.subtotal span, div.orderForm div#shoppingCart div.prices p.shipping span, div.orderForm div#shoppingCart div.prices p.total span
{
    float: left;
}

div.orderForm  div#shoppingCart div.prices p.subtotal
{
    margin-bottom: 0;
}

div.orderForm  div#shoppingCart div.prices p.shipping
{
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
}

div.orderForm  div#shoppingCart div.prices p.total
{
    font-weight: bold;
}

div#paymentAdd div.prices p
{
    text-align: right;
}

div#paymentAdd div.prices p span
{
    float: left;
}

div#paymentAdd div.prices p.subtotal, div#paymentAdd div.prices p.vat, div#paymentAdd div.prices p.shipping
{
    margin-bottom: 0;
}

div#paymentAdd div.prices p.shipping
{
    border-bottom: 1px solid #ccc;
}

div#paymentAdd div.prices p.total
{
    font-weight: bold;
}

div#service div.faq, div#service div.contact, div#service div.tos, div#service div.privacy
{
    float: left;
    width: 358px;
}

div#service div.faq, div#service div.tos
{
    padding-right: 10px;
    border-right: 1px solid #ccc;
}

div#service div.contact, div#service div.privacy
{
    padding-left: 10px;
}

div#service div.faq, div#service div.contact
{
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

div#service div.tos, div#service div.privacy
{
    padding-top: 10px;
}

div.contactDetails p span
{
    display: inline-block;
    width: 30%;
}

div.cart div.product p.amount a
{
    height: 14px;
    width: 14px;
    display: inline-block;
    line-height: 14px;
    font-size: 14px;
    text-align: center;
}

div.cart div.products div.product:last-child
{
    border-bottom: 0;
}

div.cart div.total
{
    width: 300px;
    float: right;
    margin: 10px;
    padding: 10px;
    background: #FFF7E0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

div.cart div.total p, div.orderContents div.total p
{
    margin-bottom: 0.2em;
}

div.cart div.total p span.type, div.orderContents div.total p span.type
{
    display: inline-block;
    width: 30%;
}

div.cart div.total p span.value, div.orderContents div.total p span.value
{
    display: inline-block;
    width: 70%;
    text-align: right;
}

div.cart div.total p.shipping, div.orderContents div.total p.shipping
{
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.2em;
}

div.cart div.total p.total, div.orderContents div.total p.total
{
    color:#CC0000;
    font-size:2em;
    font-weight: normal;
    text-align: right;
    margin-bottom: 0;
}

div.orderContents
{
    position: relative;
    margin-bot
}

div.orderContents div.products
{
    width: 275px;
}

div.orderContents div.total
{
    width: 180px;
    position: absolute;
    right: 0;
    bottom: 0px;
}

table.cart{
    width: 100%;
    margin-bottom: 0;
}

table.cart th.name
{
    width: 40%;
}

table.cart th.stock
{
    width: 20%;
}

table.cart th.amount, table.cart th.price, table.cart th.priceTotal, table.cart th.delete
{
    width: 10%;
}

table.cart td.amount a
{
    height: 14px;
    width: 14px;
    display: inline-block;
    line-height: 14px;
    font-size: 14px;
    text-align: center;
}

table.cart tfoot
{
    background: #e5ecf9;
    font-style: normal;
}

table.cart tfoot tr.total
{
    background: #C3D9FF;
}

table.cart tfoot tr.total td
{
    font-weight: bold;
}

table.cart tfoot tr td.key
{
    text-align: right;
}

table.cart colgroup col.uneven
{
    background: #eee;
}

div#paymentAdd div.logo
{
    float: left;
    width: 60px;
    height: 60px;
}

div#paymentAdd div.description
{
    float: left;
    margin-left: 10px;
    width: 390px;
}

a.button
{
    display: inline-block;
    background-color: #73880A;
    padding: 2px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

a.button:hover
{
    background-color: #9ABA0E;
}

a.button.loud
{
    padding: 5px;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #0E95BA;
}

a.button.loud:hover
{
    background-color: #11B2DF;
}

a.button.silent
{
    background-color: #444;
}

a.button.silent:hover
{
    background-color: #666;
}

a.button.normal
{
    background-color: #73880A;
}

a.button.normal:hover
{
    background-color: #9ABA0E;
}

div.buttons
{
    background: #f0f0f0;
    margin: 10px 0;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
}

div.buttons .left
{
    float: left;
    margin-right: 5px;
}

div.buttons .right
{
    float: right;
    margin-left: 5px;
}

a.button.forward, input.forward, form div.submit input.forward, input[type="submit"].forward
{
    background-image: url('/img/forward.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px !important;
}

a.button.backward, input.backward, form div.submit input.backward, input[type="submit"].backward
{
    background-image: url('/img/backward.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px !important;
}

.clear{ clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice, #authMessage {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
        font-weight: normal;
}
.success {
	background: green;
	color: #fff;
}

.failure, #authMessage {
    background: red;
    color: #fff;
}

div.pagination, div.sort {
    float: left;
    padding: 5px;
    background: #FFF7E0;
    margin: 5px;
}
div.pagination a, div.sort a {
    padding: 2px 5px;
    text-decoration: none;
    border: 1px solid #FFF7E0;
}
div.pagination a:hover, .pagination .current, div.sort a:hover, div.sort a.current {
    background:#9ABA0E none repeat scroll 0 0;
    border:1px solid #73880A;
    color:#FFFFFF;
    padding: 3px 5px;
}

div.sort
{
    float: right;
}

div.sort a.asc
{
    background-image: url('/img/downward.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
}

div.sort a.desc
{
    background-image: url('/img/upward.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
}

ul.tabs
{
    list-style: none;
    margin: 0;
    padding: 0;
    height: 33px;
    border-bottom: 1px solid #73880A;
    margin-bottom: 10px;
}

ul.tabs li
{
    float: left;
    margin-right: 5px;
}

ul.tabs li a
{
    display: block;
    height: 20px;
    line-height: 20px;
    background: #D9DFBD url(/img/menu-button.png) repeat-x bottom;
    padding: 4px 8px;
    color: #222;
    text-decoration: none;
}

ul.tabs li a:hover
{
    background: #D9DFBD url(/img/menu-button-hover.png) repeat-x top;
}

ul.tabs li.current a
{
    background: #73880A url(/img/menu-button-current.png) repeat-x top;
    height: 25px;
    line-height: 25px;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
}

hr
{
    background: #73880A;
    border: none;
    height: 1px;
}

h2.secure
{
    background: transparent url('/img/secure.png') no-repeat center left;
    padding-left: 20px;
}

/* Shoppingcart Popup */
div#shoppingCartDialog, div#modalDialog
{
    position: absolute;
    z-index: 1000;
    background: #fff;
    border: 5px solid #D9DFBD;
    width: 500px;
    top: 0;
    left: 0;
}

div#modalDialog{
    width: 700px;
}

div#shoppingCartDialog div.cart
{
    padding: 5px;
}

div#shoppingCartDialog div.cart div.total
{
    margin: 0;
}

div#shoppingCartDialog div.buttons, div#modalDialog div.buttons
{
    margin: 0;
}

div#shoppingCartDialog div.close, div#modalDialog div.close
{
    background: #D9DFBD;
    text-align: right;
    padding-right: 5px;
    padding-bottom: 5px;
}

div#shoppingCartDialog div.close a, div#modalDialog div.close a
{
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    vertical-align: middle;
    font-weight: bold;
}

div#modalDialog div.content{
    padding: 10px;
}

div#modalDialog div.content > p:last-of-type{
    margin-bottom: 0;
}

div#modalDialog h2{
    background-color: #D9DFBD;
    color: #73880A;
    padding: 5px;
    border: 0;
}

div#modalDialog h2:first-of-type{
    margin-bottom: 0;
}

div#shoppingCartDialogBackground, div#modalDialogBackground
{
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}