/*******************************************/
/*                  Common                 */
/*******************************************/

body, table, input, select, textarea { font:11px Arial, Helvetica, sans-serif; color:#333; }
a { color:#00b0d8; text-decoration:none; }
a img { border:0; }
form { margin:0; padding:0; }
hr { clear:both; margin:20px 0; color:#E0E0DE; background-color:#E0E0DE; border:0 none; height:1px; }

/* Headings */
h1, .h1 { margin:0 0 5px; padding:3px 0; font-size:16px; color:#00b0d8; } 
h2, .h2 { font-size:12px; color:#000; font-weight:bold; }
h3, .h3 { display:block; padding:5px 10px; font-size:14px; color:#FFF; background:#00b0d8; font-weight:bold; text-transform:uppercase; }
h4, .h4 { display:block; font-size:12px; color:#777; font-weight:bold; }
h5, .h5 { display:block; margin:0; padding:5px 10px; font-size:12px; color:#777; font-weight:bold; background:#F1F1F1; }

/* Custom */
.Clear, .clear { clear:both; }
.Important { color:#FF0000; }
.InfoBox { margin:10px 0; border:1px solid #CCC; background:#FFF; width:470px; height:120px; padding:5px; overflow:auto; }
.BasketInfo { width: 300px; background: #F8FAFC url(../images/ico_information.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #B5D4FE; border-bottom: 2px solid #B5D4FE; margin-bottom: 25px; }
.Req { margin-right:3px; color:#c00001; }
.Failed { margin-bottom:5px; }
.EventCalendar { margin:10px 15px 0 15px; border:0; width:137px; height:22px; }
.ProductInfo { width:300px; background: #F8FAFC url(../images/ico_information.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #B5D4FE; border-bottom: 2px solid #B5D4FE; margin-bottom: 25px; }

/* Breadcrumbs */
.Breadcrumbs { margin-bottom:10px; padding:5px; background:#e6e6e6; }
.Breadcrumbs a { color:#5c5c5c; text-decoration:underline; }

/* Alert */
.Alert { margin-bottom:15px; padding:10px 20px 20px 50px; min-height:20px; border:1px solid #EADFBA; background:#FDF7E4 url(../images/icons/alert.gif) no-repeat 12px 12px; }
.Alert h2 { margin-top:3px; color:#CA0000; }
.Alert a { color:#CA0000; }
.Alert ul { margin:0 0 0 10px; padding:0; }
.Alert ul li { margin:0; padding:0 0 5px 0; }

/* Processing */
#Processing, #PayPayContinue { margin:150px auto 0; padding:20px; width:280px; background:#FFF; border:1px solid #EBEBEB; }
#Processing h2, #PayPayContinue h2 { margin:0 0 20px; font-size:12px; color:#FF0000; }

/* Progress */
#Progress { margin:0 0 30px; }
#Progress ul { float:left; margin:0; padding:0; height:40px; list-style:none; }
#Progress ul li { float:left; padding:5px 0; }
#Progress ul li span { display:block; padding:5px 10px; font-weight:bold; font-size:14px; background:#FFF; border-left:3px solid #F1F1F1; text-transform:uppercase; }
#Progress ul li.Active { padding-right:20px; background:url(../images/bg_progress_arrow.png) no-repeat right; }
#Progress ul li.Active span, #Progress li.Complete span { color:#FFF; background:#00b0d8; }

/* Col */
.Col { float:left; clear:none; }

/* Forms */
.Form div { display:block; clear:both; margin:0 0 5px 0; }
.Form div label { display:block; float:left; padding:3px 8px 0 0; width:94px; color:#777; text-align:right; }
.Form div .Data { display:block; margin:0; padding:2px 0 8px; width:180px; color:#000; }
.Form input[type="text"], .Form input[type="password"], .Form select, .Form textarea, .InfoBox { border:1px solid #E1E1E1; }
.Form input[type="text"]:focus, .Form input[type="password"]:focus, .Form select:focus, .Form textarea:focus  { background-color:lightyellow; }
.Form input.FieldFailed, .Form textarea.FieldFailed, .Form textarea.select {  background:#FFE6E6; border:1px solid #FF0000; }
.Form .Col { clear:none; margin:0; }
.Form .Col div { display:block; margin:0 0 5px 0; clear:both; }
.Form .Clear { margin:0; padding:0; }
.Form .FormButton { margin:10px 0 0 102px; }

/* Tabs */
#TabMenu { clear:both; height:28px; margin:0; padding-left:10px; background:url(../images/bg_tabs.gif) repeat-x bottom; }
#TabMenu li { display:inline; margin:0; padding:0; list-style-type:none; }	
#TabMenu a:link, #TabMenu a:visited { float:left; margin-right:4px; padding:6px 15px 6px 15px; height:14px; background:#F7F4F4; font-weight:bold; border:1px solid #c7c7c7; text-decoration:none; color:#666; }
#TabMenu a:link.Selected, #TabMenu a:visited.Selected { border-bottom:1px solid #FFF; background:#FFF; color:#000; }
#TabMenu a:hover { background: #FFF; }
#TabContent .Content { display:none; padding:10px; }

/* Loading */
.Form .Loading, .Form div .Loading { clear:none; display:block; width:60px; height:14px; padding:3px 0 3px 20px; background:transparent url(../images/bg_loader.gif) no-repeat left center; }

/* Agree */
.Form .Agree  { padding-bottom:0; }
.Form .Agree label { float:left; padding-left:5px; width:160px; text-align:left; }
.Form .Agree input { float:left; margin:2px 0 0 102px; }

/* Captcha */
.Form .Captcha { margin:0 0 15px 8px; padding-left:94px; font-size:10px; }
.Form .Captcha img { margin-top:3px; }

/* Button */
.Button { display:inline-block; margin:0; padding: 5px 10px 6px; line-height: 1; color:#FFF; font-size:11px; font-weight:bold; border:0; background-image:url(../images/alert-overlay.png); text-decoration:none; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); text-decoration:none; }
button.Button { text-decoration:none; }
.Button-Red { background-color:#009fc3; text-shadow: 0 -1px 1px #0195b7;  }
.Button-Red:hover { color:#FFF;  background-color:#00b0d8; text-decoration:none; }
.Button-Grey { background-color:#000; text-shadow: 0 -1px 1px #222; }
.Button-Grey:hover { color:#FFF; background-color:#333; text-decoration:none; }
.Buttons .Button { margin-right:10px; }

#FacebookLike .Social { float:left; width:185px; margin-right:12px; }
#FacebookLike .Social #Likebox { border:2px solid #FFF; width:180px; z-index:10; height:245px; overflow:hidden; position:relative; top:-1px; }
#FacebookLike .Social #Likebox iframe { left:-5px; top:-5px; position:relative; overflow:hidden; }

.paddingTop20 { padding-top:20px; }
.paddingTop15 { padding-top:15px; }
.paddingBot10 { padding-bottom:10px; }
#content div.post h3 a { color: #ffffff !important; }
.media a { padding-left:5px; }
