/*----------------------------------------------------------
GENERAL STYLESHEET for Gardena
------------------------------------------------------------
Use together with:      reset.css
----------------------------------------------------------*/

/*----------------------------------------------------------
GENERAL
----------------------------------------------------------*/
body { width:720px; margin:0; color:#77828C; font:12px/1.2 Arial,Helvetica,Sans-serif; background-color:transparent; }
a { color:#E85A25; text-decoration:none; outline:none; }
a:link, a:visited { }
a:hover { color:#AB4018; }
a:active { color:#6A280F; }
p {  }
p.preamble { font-size:14px; }
input, select { font: 11px Arial,Helvetica,Sans-serif; vertical-align: middle; }
input[type="text"] { width:200px; padding:2px; }
input[type="submit"], input[type="button"] { margin:20px 0 0; padding:2px 5px; display:block; }
select { width:206px; padding:2px; }
.noTopMargin { margin-top:0; }
.topMargin { margin-bottom:20px; }
.bottomMargin { margin-bottom:20px; }

.clearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearFix { zoom:1; display:block; }

/*----------------------------------------------------------
HEADINGS
----------------------------------------------------------*/
h2,h3 { color:#3F444A; font-weight:normal; }
h2 { margin:5px 0 6px; font:22px Arial,Helvetica,Sans-serif; color:#3C4243; letter-spacing:-1px; }
h3 { margin:5px 0 0; font:18px Arial,Helvetica,Sans-serif; letter-spacing:-0.5px; }

/*----------------------------------------------------------
FORM
----------------------------------------------------------*/
/* General */
span { margin:20px 0 3px; display:block; }
span.msgError { color:#E85A25; margin-top:5px; }
span.productInfo { width:328px; padding:10px 20px 15px; border:1px solid #ccc; background-color:#fff; font-weight:bold; text-transform:uppercase; }
span.about { width:360px; margin-top:5px; font-size:11px; }
/* Checkboxes */
.checkboxList { margin:20px 0; }
.check { display:inline; }
.checkLabel { display:inline; }
.checkLabel span { margin-left:5px; vertical-align:middle; display:inline; }
.iceSelOneRb { vertical-align:middle; }
/* Radiobuttons */
.radioBtnList { margin:10px 0 0; }
.radioBtnList td { padding-right:10px;  }
.radioBtnList input { vertical-align:baseline; }
.radioBtnList label { margin-left:2px; vertical-align:baseline; }
/* Calendar */
.selectDateInput { width:180px !important; margin-right:3px; }
/* Calendar table */
.selectDate { margin:-1px 0 0; border-radius:3px; border:1px solid #ccc; background-color:#fff; box-shadow:4px 5px 5px 0px #999; }
.selectDate td { padding:4px 3px; text-align:center; }
/* Calendar header table */
table.selectDate tbody tr td table { border:0 !important; }
/* Calendar month/year selection */
.selectDateMoYrDropdown { width:95px; }
/* Calendar days */
.selectDateDay { border:1px solid #ccc; }
.selectDateDay:hover { background-color:#eaeaea; }
.selectDateDay a { display:block; text-decoration:none !important; }
.selectDateDay a span { color:#E85A25; margin:0 !important; }
.selectDateDay a span:hover { color:#ab4018; }
/* Selected calendar day */
.selectDateCur { font-weight:bold; border:1px solid #ccc; background-color:#84939A; }
.selectDateCur a { display:block; text-decoration:none !important; font-weight:bold; }
.selectDateCur a span { color:#fff; margin:0 !important; }
/* Div around input field and calendar image */
.selectDatePopup { display:inline; }
.selectDateWeek { border-top:1px solid #ccc; background-color:#f6f6f6; }

.findInfo { width:400px; margin-left:6px; display:inline-block;/* IE7 fix for inline-block --> */ *zoom:1; *display:inline; /*<--*/ vertical-align:middle; }

/* Info icon for fields*/
.iconInfo { height:16px; width:16px; margin-left:6px; display:inline-block;/* IE7 fix for inline-block --> */ *zoom:1; *display:inline; /*<--*/ cursor:pointer; vertical-align:middle; background:url("../images/GAR/iconInfo.png") no-repeat; }


/*----------------------------------------------------------
PIN CODE
----------------------------------------------------------*/
.pinCodeContainer { margin:10px 0; padding:7px 100px 10px; border:1px solid #edeeee; text-align:center; display:inline-block; /* IE7 fix for inline-block --> */ *zoom:1; *display:inline; /*<--*/ }
.pinCode { margin:0; font-size:20px; color:#222526; font-weight:bold; letter-spacing:2px; }
.pinCode2 { margin:0; font-size:10px; color:#2D3132; text-transform:uppercase; }