﻿

/* Forms */

fieldset
{
	margin: 0 0 5px 0;
	padding-bottom: 10px;
	border:none;
}

/* Add 200px margin to the left of each form div */
fieldset div
{
	clear: both;
	margin-bottom: 12px;
	min-height: 12px;
	margin-left: 210px;
	margin-top: 12px;
	position: relative; /* Important overrides the 10px padding applied to all divs within content */
	padding: 0 !important;
}

/* Then offset the labels into the empty space */
fieldset label
{
	display: block;
	position: absolute;
	width: 190px;
	left: -215px;
	text-align: right;
	margin-top: 3px;
}

/* Then remove the margin from nested divs */
fieldset div div
{
	clear: none;
	margin: 0;
}
fieldset legend
{
	font-weight:bold;
	color:#000;
	font-size: 13px;
	padding: 0 2px;
}
/* This pushes the asterisks into their own column so field labels continue to line up */
fieldset label .Required
{
	position: absolute;
	left: 197px;
}

fieldset p
{
	margin-left: 10px;
	margin-right: 10px;
}

.BuyBox fieldset div
{
    margin-left: 80px;
}

.BuyBox fieldset div.Quantity
{
    min-height:32px;
}

.BuyBox fieldset div.Quantity label
{
    top:4px;
}

.BuyBox fieldset select
{
    min-width:175px;
}

.Buy p
{
    padding:0 0 8px;
}

.BuyBox .Price
{
    border-bottom: 1px solid #CBE2EC;
    border-top: 1px solid #CBE2EC;
    color: #E15F02;
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 5mm;
    font-weight: 700;
    padding: 15px 0;
}

.Price .ItemContainer *
{
    font-size: 5mm;
}
.Price *
{
    font-family: 'Open Sans Condensed',sans-serif;
}

.Price span.VatLabel
{
    font-size:12px !important
}


.Required, .Error
{
	color: #ff0000;
	font-weight: bold;
}

input.Medium
{
	width: 20em;
}

input, select, textarea
{
	font-size: 14px;
	font-weight: bold;
}

input.Text
{
    display: inline-block;
    margin: 0 !important;
    background-color: #FFFFFF;
    border: 1px solid #C3C3C3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;    
    color: #000000;
    font-family: "Helvetica Neue",Helvetica,"Lucida Grande",sans-serif;
    font-size: 1.2em;
    margin: 5px 0;
    padding: 5px;
    vertical-align: middle;
}

input.Button
{
    background: none repeat scroll 0 0 #006E9F;
    border: medium none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;    
    color: #FFFFFF;
    cursor: pointer;
    padding: 6px 10px;
}

input.Action
{
	font-weight: bold;
}

* html input { overflow: visible; }

/*//////Contact page//////*/
.ContactWrapper
{
}

.ContactWrapper li
{
	list-style:square;
	padding-bottom:4px;
}

#ContactDetails
{
	float:left;
	width:49%;
}

#ContactForm
{
	float:left;
	width:49%;
}

#ContactMap
{
	float:left;
	width:566px;
	height:365px;
	border:1px solid black;
	background:url(../candyflip/images/map.png) no-repeat;
	padding:5px;
	margin-bottom:12px;
}

.ContactButton input.Text
{
	width:118px;
	border:0;
	padding:6px 0 12px 0;
	cursor:pointer;
}
#ContactForm fieldset input.Text,
#ContactForm fieldset textarea
{
	width:200px;
	border:1px solid black; 
	padding:2px !important;
}
#ContactForm fieldset textarea
{
	height:100px;
}
#ContactForm fieldset
{
}
#ContactForm fieldset legend
{
	font-weight:normal;
	font-size:10px;
	font-style:italic;
}
#ContactForm fieldset div
{
	margin-left:84px !important;
}

/*** Cheackout Styling **/

.Wizard
{
    width:692px;
}

.Wizard .Sidebar table
{
    width:692px;
}


.Wizard .Sidebar table td.Selected a
{
    color:#169AD6;
}
