/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.main{display:table-cell;*display:block;width:auto;}
.body,.main{*zoom:1;}
.body:after,.main:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.page{margin:0 auto;width:950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{width:auto;margin:0;}
/* ====== Columns ====== */
.leftCol{float:left;width:250px;_margin-right:-3px;}
.rightCol{float:right;width:300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}

.clr{line-height: 0; height: 0; font-size:0; clear: both;}
.page a {font-weight:normal;}
.page a:hover {text-decoration:underline;}
.page li {list-style:disc inside none;}

/* General */
html {background: #adadad url(../images/mainbg.jpg) repeat-x top;}
body {background: #adadad url(../images/mainbg.jpg) repeat-x top; font-size: 12px;}
body.Iframe{
	background:none;
	background-color:#FFF;
	}
.page {width: 986px; margin: 0 auto;}
.header {padding-top:9px; padding-bottom:5px; padding-bottom:16px\9;}
.header .lastUnit img {float:right;}
.logo img {margin-top:25px; margin-right:35px}

iframe {border:thin none; _overflow:hidden;}

.dottedlist {padding: 0; margin-top:-2px;}
.dottedlist li {list-style:none outside; color: #4c4c4c; background: url(../images/dotline-list.png) no-repeat left bottom; padding:3px 0 11px;}
.dottedlist li span {display:block; background: url(../images/arrow-list.png) no-repeat left 3px; padding-left:10px;}
.dottedlist .last {background:none;}

.btn, .mainContent .btn {color:#ffe119; font-weight:bold; text-decoration:none; cursor:pointer;}
.btn .left {float:left; display:block; width:5px; height: 28px; background: url(../images/btn-left.png) no-repeat;}
.btn .content {float:left; font-weight:bold; display:block; height: 22px; background: url(../images/btn-bg.png) repeat-x; padding:6px 25px 0 25px; _padding:5px 8px 1px 8px; font-size: 13px; _color:#ffe119;}
.btn .right {float:left; display:block; width:5px; height: 28px; background: url(../images/btn-right.png) no-repeat; _font-size: 0; _line-height:0;}

.linkarrow {background: url(../images/arrow-link.png) no-repeat 0 3px; _background: url(../images/arrow-link.gif) no-repeat 0 3px; padding-left:9px;}
.image-links {float:right;}
.additionalInfos {font-size:10px;}
.bookingEngine {width:614px; _text-align:left; _float:left; _width:600px;}
.imu {margin-top:20px;}
.intermod {height:35px;}
.floatLeft {float:left;}
.floatRight {float:right;}

/* Menus */
.mainMenu {float:left;}
.mainMenu ul {overflow:hidden; padding:3px 3px 0 3px;}
.mainMenu ul, .mainMenu li {list-style: none}
.mainMenu li {float: left; font-size: 15px; color:#4c4c4c; background: url(../images/menu-separator.gif) no-repeat right 15px;}
.mainMenu li a {color:#4c4c4c;}
.mainMenu li a:hover .content {text-decoration:underline;}
.mainMenu li .left {display:block; width:9px; height:39px; float:left; background: no-repeat left top;}
.mainMenu li .content {display:block; float:left; padding-top:11px; height:28px; padding-left:18px; padding-right: 18px;}
.mainMenu li .right {display:block; width:9px; height:39px; float:left; background: no-repeat right top;}
.mainMenu .current {margin-left:-3px;}
.mainMenu .current, .mainMenu .current a {font-weight: bold; color:#00498f; background:none;}
.mainMenu .current .left, .mainMenu .current .right {background-image:url(../images/tab.png); background-image:url(../images/tab.gif);}
.mainMenu .current .content {background: #FFFFFF; padding-left:25px; padding-right: 25px;}
.mainMenu .last {background:none;}

.langMenu {float: right; margin-top:11px;}
.langMenu ul {overflow:hidden; margin-right: 10px; padding-bottom:0;}
.langMenu ul, .langMenu li {list-style: none}
.langMenu li {float: left; background: url(../images/menu-separator-small.gif) no-repeat left 3px; padding-left:9px; padding-right:8px;}
.langMenu li:first-child {background:none;}
.langMenu li a, .langMenu li {color:#4c4c4c;}
.langMenu .current, .langMenu .current a {font-weight:bold; color:#00498f;}

/* Home */
.sizeLeftColumn {width: 644px;}
.sizeIframe {
	width:614px;
	background-color:#FFF;
	background-image:none;
}

.mainContent .sizeLeftColumn .mod, .mainContent.firstTab .sizeLeftColumn .mod {margin-right: 30px}

.mod.mainContent {margin:-1px 0 30px 0; color:#4c4c4c;}
.page .mainContent {margin:-1px 0 30px 0; color:#4c4c4c;}
.mainContent .inner {background:#FFFFFF; -moz-border-radius: 10px; border-radius: 10px; padding:19px 28px 7px; padding-bottom:14px\9;}
.mainContent .tl, .mainContent .tr, .mainContent .bl, .mainContent .br {background: url(../images/mods.gif) no-repeat\9;}
.mainContent .tr {background-position: right top}
.mainContent .bl {background-position: left -10px}
.mainContent .br {background-position: right -10px}
.mainContent.firstTab .inner {-moz-border-radius: 0 10px 10px 10px; border-radius: 0 10px 10px 10px;}
.mainContent.firstTab .tl {visibility:hidden}

.mainContent h1, .footer h1 {font-size:17px; font-weight:bold; color:#0b5398; padding-left: 0; margin-bottom: 16px; text-align:left;}
.mainContent h1 .smaller {color:#4c4c4c; font-weight:normal; font-size:14px;}
.mainContent h2 {font-size:15px; font-weight:bold; color:#4C4C4c; padding-left: 0; margin-bottom: 16px; line-height: 16px;}
.mainContent h2 .choice {color: #00498f; font-weight: normal;}
.mainContent h2.blue {color:#00498f;}
.mainContent h3 {color:#00498f; font-size:14px; font-weight:bold; padding:0; margin-bottom:2px;}
.mainContent a {text-decoration:underline; color:#00498f}
.mainContent table td, .mainContent table th {border:none;}
.mainContent p {padding:0; margin:10px 0}
.mainContent .panel h1 {padding:0;}
.mainContent .middleTitle {padding-top:23px;}
.mainContent .lastUnit .panel .inner, .mainContent.firstTab .lastUnit .panel .inner {padding: 17px 18px; min-height:203px}
.mainContent hr {border-width:0}

.mainContent .middleTitle.withoutmod {margin-bottom:0;}
.noModContent {margin-right:30px; margin-bottom:27px;}
.littleSpacer {line-height:18px;}

.mod.quote {margin:0; font-size: 13px}
.quote .inner, .mainContent.firstTab .quote .inner {padding: 17px 18px 10px; background: url(../images/quotebg.jpg) repeat-x top #014A8F; -moz-border-radius: 6px; border-radius: 6px; min-height: 209px;}
.mainContent.firstTab .mod .tl {visibility:visible;}
.mainContent.firstTab .mod {margin:0;}
.quote .tl {background-position: left -20px;}
.quote .tr {background-position: right -20px;}
.quote .bl {background-position: left -30px;}
.quote .br {background-position: right -30px;}
.quote h1 {padding:0; margin:0 0 11px 0; color: #ffe119;}
.quote .bd {background: url(../images/parking-panel.png) no-repeat right center; background: url(../images/parking-panel.gif) no-repeat right center;}

.quote label {color:#FFFFFF; display:block; margin-top:3px;}
.sizeLabel {width: 132px;}
.sizeDay {width: 73px;}
.sizeMonth {width:145px;}
.sizeLabelTime {width: 49px;}
.quote .btn {color:#0b5398; display: block; float:right; margin-top:10px; margin-right: 8px;}
.quote .btn .left {background-image: url(../images/btn-inv-left.png);}
.quote .btn .content {background-image: url(../images/btn-inv-bg.png); padding:6px 14px 0; color:#0b5398;}
.quote .btn .right {background-image: url(../images/btn-inv-right.png);}

.quote .linkarrow {background: url(../images/arrow-link-inv.png) no-repeat left 5px; color: #FFFFFF; padding-left:11px; font-weight: bold; text-decoration: underline;}
.quote .line {margin-bottom:8px;}
.labelline {margin-bottom: 10px;}
.faqbtn {background: url(../images/btn-faq.jpg) no-repeat; padding:5px 10px; float: left; margin-top:11px;}

.promocode {float:left; color:#FFFFFF;}

.mod.panel {margin:0;}
.page .panel {_margin:0;}
.panel .inner, .mainContent.firstTab .panel .inner {background: #f1f1f1 url(../images/shadow-greymod.gif) repeat-x top; -moz-border-radius: 6px; border-radius: 6px; padding:0; min-height: 237px;}
.panel .tl {background-position: left -40px;}
.panel .tr {background-position: right -40px;}
.panel .bl {background-position: left -50px; font-size:0;}
.panel .br {background-position: right -50px; font-size:0;}

.steps .inner, .mainContent.firstTab .steps .inner {background: url(../images/stepsbg.jpg) no-repeat; _height:237px;}
.steps .tl, .steps .tr, .steps .bl, .steps .br {display:none}
.step {padding:6px 0 0 29px; color:#4C4C4C}
.step input {margin-right:9px; margin-top:2px; #margin-top:-3px;}
.step table {font-size:12px; margin-top: 10px;}
.step td {height: 40px; width:142px;}
.step .radio {width:22px; vertical-align:top;}
.step .btn {margin-top:36px;}

/* Wizard */
.wizresult, .optional, .btnSecond, .btnThird {display:none;}
.optional {margin:-13px 0 10px 0;}
.wizresult .inner, .mainContent.firstTab .wizresult .inner {background: #e9e9e9 url(../images/shadow-result.gif) repeat-x top; padding:28px 28px 7px; min-height: 181px;}
.wizresult .inner .panel .inner, .mainContent.firstTab .wizresult .inner .panel .inner {background: #f1f1f1 url(../images/shadow-greymod-withheader.gif) repeat-x top; padding:5px 20px; min-height:159px;}
.page .firstTab .inner .wizresult .inner .mod {_margin:28px 20px 7px;}

.wizresult .btn {float:right; margin-top:12px;}
.wizresult .btn .content {font-size:12px; padding:6px 10px 0;}
.wizresult .linkarrow {float:right; font-size: 11px; margin-right:11px; margin-top: 19px; text-decoration: underline;}

.wizresult .tl {background-position: left -140px;}
.wizresult .tr {background-position: right -140px;}
.wizresult .bl {background-position: left -150px}
.wizresult .br {background-position: right -150px}

.wizresult .panel .tl {background-position: left -120px;}
.wizresult .panel .tr {background-position: right -120px;}
.wizresult .panel .bl {background-position: left -130px}
.wizresult .panel .br {background-position: right -130px}

.selectedPanel .inner, .mainContent.firstTab .selectedPanel .inner, .wizresult .inner .selectedPanel .inner, .mainContent.firstTab .wizresult .inner .selectedPanel .inner {background: #ffab19 url(../images/selectedpanelbg.jpg) repeat-x top;}
.wizresult .selectedPanel .tl {background-position: left -100px;}
.wizresult .selectedPanel .tr {background-position: right -100px;}
.wizresult .selectedPanel .bl {background-position: left -110px}
.wizresult .selectedPanel .br {background-position: right -110px}

.mainContent .sizeLeftColumn .wizresult .mod {margin-right:-20px; zoom:1;}
.mainContent .sizeLeftColumn .wizresult .selectedPanel {margin-right:20px;}

/* Footer */

.sizeGooglemap {width: 431px;}
.googlemap {margin-right:21px;}
.googlemap-top {display:block; width:410px; height: 8px; background: url(../images/googlemap-shadow.png) no-repeat; position: absolute;}
.googlemap-bottom {display:block; width:410px; height: 8px; background: url(../images/googlemap-bottom.png) no-repeat; position: absolute; margin-top: -8px;}

.bookings {color:#4c4c4c; font-size:12px;}
.mainContent .lastUnit .bookings .inner, .mainContent.firstTab .lastUnit .bookings .inner {padding: 17px 10px 17px 18px}
.bookings .form {padding-top:4px;}
.bookings h1 {margin-bottom:9px;}
.bookings .btn .content {padding: 6px 3px 0}

.quote .txtfield {
    background-position: left -377px;
    margin: 0;
    width: 92px;
}
.quote .txtfield input {
    background-position: right -377px;
}
.txtfield {
    background: url("../images/form.gif") no-repeat scroll 0 0 transparent;
    display: block;
    margin: 16px 0;
    width: 239px;
}
.txtfield input {
    background: url("../images/form.gif") no-repeat scroll right top transparent;
    border: medium none;
    margin-left: 5px;
    padding: 5px 5px 2px;
    width: 229px;
}
.selectTime{
	background:none;
	background-color: #FFF;
	}
.page .footer {margin:0;}
.footer .inner, .mainContent.firstTab .footer .inner {background: url(../images/footer-bg.gif) repeat-x;}
.footer .inner {padding: 17px 27px}
.footer .tl, .footer .tr, .footer .bl, .footer .br {background: url(../images/mods.gif) no-repeat\9;}
.footer .tl {background-position: left -60px}
.footer .tr {background-position: right -60px}
.footer .bl {background-position: left -70px}
.footer .br {background-position: right -70px}
.footer h1 {margin-bottom: 20px}

.footer .panel .inner, .mainContent.firstTab .footer .panel .inner {background: #cbcbcb url(../images/shadow-footergreymod.gif) repeat-x top; min-height: 259px; padding: 10px 14px}
.tagcloud {padding: 7px 0 0 20px;}
.footer .panel .tl {background-position: left -80px}
.footer .panel .tr {background-position: right -80px}
.footer .panel .bl {background-position: left -90px}
.footer .panel .br {background-position: right -90px}
.footer .panel h1 {margin-bottom: 14px;}

.linkslist, .linkslist li {list-style: none; padding:0;}
.linkslist li {background: url(../images/dotline-footer.gif) repeat-x bottom; padding: 5px 0 10px 0; _margin-left:-15px;}
.linkslist .style1, .linkslist .style1 a {color:#0b5398}
.linkslist .style2, .linkslist .style2 a {color:#4c4c4c}

.tagcloud, .tagcloud a {font-size:12px; color:#0b5398;}
.tagcloud .size1 {font-size:11px;}
.tagcloud .size2 {font-size:12px;}
.tagcloud .size3 {font-size:13px;}
.tagcloud .size4 {font-size:14px;}
.tagcloud .size5 {font-size:15px;}
.tagcloud .size6 {font-size:16px;}
.tagcloud .size7 {font-size:17px;}
.tagcloud .size8 {font-size:18px;}
.tagcloud .size9 {font-size:19px;}
.tagcloud .size10 {font-size:20px;}
.tagcloud .size11 {font-size:21px;}
.tagcloud .size12 {font-size:22px;}
.tagcloud .size13 {font-size:23px;}
.tagcloud .size14 {font-size:24px;}
.tagcloud .size15 {font-size:25px;}
.tagcloud .size16 {font-size:26px;}

.legalNotice, .legalNotice a, .legalNotice a:visited {font-size: 11px; color:#FFFFFF;}
.legalNotice {padding: 12px 28px;}

/* FAQ */
.anchor-links {margin-top:-6px;}
.question {font-weight: bold; line-height: 18px; margin-top:2px;}

/* Comparaison Table */
.topTable .left {float:left; width:6px; height:6px; background: url(../images/mods.gif) no-repeat left -160px; line-height:0; font-size:0}
.topTable .right {float:right; width:6px; height:6px; background: url(../images/mods.gif) no-repeat right -160px; line-height:0; font-size:0}
.topTable {position: absolute; width:930px;}

.mainContent .comparisonTable th {text-align:center; background: #00498f url(../images/tableheader-bg.gif) repeat-x top; height: 64px; _height:45px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; border-left:1px solid #0b5398; padding: 20px 0 0 0; font-size:13px;}
.mainContent th .parkingCategory {text-transform:capitalize; font-size:12px; font-weight:normal; display:block;}
.mainContent .comparisonTable td {font-size:12px; line-height:13px; padding:13px 5px; text-align:center; vertical-align:middle;}
.mainContent .comparisonTable img {display:inline;}
.mainContent .comparisonTable .availabilitytable_odd td {border-left:1px solid #9dbad6}
.mainContent .comparisonTable .availabilitytable_even td {background:#f1f1f1; border-left:1px solid #95b2cd;}
.mainContent .comparisonTable tr .first  {font-weight:bold; color:#0b5398; padding-left:13px; text-align:left; border-left:2px solid #f6f6f6;}
.mainContent .comparisonTable .timeWalk td, .mainContent .comparisonTable td.timeWalk {background: url(../images/icon-walk.gif) no-repeat 13px 7px; padding-left:18px; text-align:center;}
.mainContent .comparisonTable .timeWalk .first {background:none; text-align:left;}

.mainContent .comparisonTable .express {width:96px;}
.mainContent .comparisonTable .fast {width:93px}
.mainContent .comparisonTable .front {width:101px}
.mainContent .comparisonTable .economy {width:119px}
.mainContent .comparisonTable .holiday {width:114px}
.mainContent .comparisonTable .lock {width:108px;}
.mainContent .comparisonTable .vip {width:118px}
.comparisonTable .btn {display:block; margin-left:0px; margin-bottom:5px; overflow:hidden;}
.comparisonTable ul {padding-left:25px; padding-top:10px;}
.comparisonTable ul li {list-style:disc outside; text-align:left; padding-bottom:5px}
.comparisonTable {margin-bottom:29px; border-bottom:1px solid #f7f7f7;}

.promotions {margin-bottom:30px;}
.promotions-btn {margin-top:-45px; position:relative; margin-right:15px;}
.promotions-btn .content {padding-left:5px; padding-right:5px;}

/* Booking Confirmation */

.panel.form .inner {min-height:1px; padding:25px 20px 18px; color:#4c4c4c;}
.panel.form label {display:block; float:left; width:151px; padding-top:10px;}
.panel.form .forSelect {padding-top:5px; padding-bottom:5px;}
.panel.form .txtfield {float:left; margin:5px 0;}
.panel.form .fieldsmarked {font-weight:bold; margin-bottom:15px;}
.panel.form p {clear:both; margin:0;}
.panel.form b {font-size:13px;}
.panel.form .btn {float:right;}
.form h3 {margin-top:10px;}
#rememberme label {padding-top:0; float:none; width:100%}
#rememberme input {margin-top:2px; #margin-top:2px; _margin-top:-3px; margin-right:14px;}
#rememberme .btn .content {padding-left:6px; padding-right:6px;}
#rememberme .btn input {margin:0; color:#ffe119; font-weight:bold; background:none; border:none;}
#rememberme .line {margin-bottom:13px;}
.confirmation {color:#ffffff;}
.confirmation a, .confirmation a:visited {color:#ffffff; text-decoration:none;}
.confirmation a:hover {text-decoration:underline;}
.confirmation b {font-size:inherit;}
.confirmation .bd {background:none;}
.confirmation .parkingName {color:#ffe119; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; margin-bottom:17px;}
.confirmation .bigPrice {font-size:23px; color:#ffe119; background: url(../images/bigprice.png) no-repeat; width:109px; height:51px; text-align:center; padding-top:12px; margin-top:30px;}
.confirmation .parkingLabel {font-weight:bold; margin-bottom:17px;}
.confirmation .unit {padding-right:0px; _padding-right:5px;}
.confirmation .unit.lastUnit {padding-right:0;}
.confirmation .inner {background: url(../images/confirmationbg.jpg) repeat-x; min-height:153px; padding: 24px 18px 10px; _padding:15px;}
.confirmation .selectedDate {width:282px; margin-bottom:0;}
.confirmation .dateLabel {width:80px; font-weight:bold; padding-right:0;}
.confirmation .actions-btn {width:150px;}

.confirmation .semitransparent {color:#FFFFFF; margin-top:0; float:left;}
.confirmation .semitransparent.last {margin-right:0;}
.confirmation .semitransparent .left {background-image: url(../images/btn-semi-left.png);}
.confirmation .semitransparent .right {background-image: url(../images/btn-semi-right.png);}
.confirmation .semitransparent .content {background-image: url(../images/btn-semi-bg.png); padding: 6px 6px 0 6px; color:#FFFFFF;}
.confirmation span.semitransparent {float:none; overflow:hidden; margin-right:0; margin-top:17px;}
.confirmation span.semitransparent .content {width:556px; _width:530px;}
.confirmation span.semitransparent .price {color:#ffe119; font-size:17px; margin-left:27px; margin-right:7px;}

.bookingEngine dl {display:inline-block;}
.bookingEngine dt {clear: left; float: left; font-weight: normal; margin: 0 28px 0 0; padding: 0; text-align: right; width: 168px; _margin-right:14px; _width:160px;}
.bookingEngine dd {float: left; font-weight: bold; margin: 0 0 5px; text-align: left; width: 358px;}
.bookingEngine .mod {_margin:0;}

/* Plug-ins */

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span {
  background-image: url(../images/form.gif);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: left -26px;
  line-height: 26px;
  height: 26px;
}

.form div.selector {background-position:left -52px;}

div.selector span {
  background-position: right -26px;
  height: 26px;
  line-height: 26px;
}

.form div.selector span {background-position:right -52px;}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

/* Select */
div.selector {
  font-size: 12px;
}

div.selector select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff;
  display:block;
  padding-right:20px;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #0b5398;
  text-shadow: 0 1px 0 #fff;
}

.form div.selector span {color:#4C4C4C}

div.selector.disabled span {
  color: #bbb;
}

/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, 
.checker, 
.button, 
.radio, 
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Select */

div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  height: 25px;
  border: none;
  background: none;
  background-color:#FFF;
}

.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

body{font-family:Arial, Helvetica, sans-serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%; font-weight:normal; font-style: normal; color:#AE0345;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#DF2B72;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links */
a { color: #036; font-weight:bold;text-decoration: none }
a:focus, a:hover { text-decoration: underline }
a:visited { color:#005a9c; }
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
th, td{vertical-align:top;border:1px solid #AE0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/
/* ====== media ====== */
.media{overflow:hidden; overflow:visible; zoom:1;margin:10px;}
.media .img{float:left;margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}
/* ====== special formatting classes ====== */
.detail{color: #777; font-size:11px;display:block;}

/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod{margin:10px;}
.mod .inner{/*background: url(skin/transparent.png) repeat left top;*/}
.hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;}
.br{background-position: right bottom;}
.br,.tr{float:right;}
.tr, .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}

/* **************** BLOCK SKINS ***************** */
/* ====== Contour blocks ====== */
/* remove background-image:" to default to square corners for IE */
/* ----- simple (extends mod) ----- */
.simple .inner {border:1px solid #D7D7D7;/*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/}
.simple b{background-image:url(skin/simple_corners.png);}
/* ----- basic (extends mod) ----- */
.basic .inner {/*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/}
.basic b{background-image:url(skin/round.png);}
/* ----- simpleExt (extends mod) ----- */
.simpleExt,.simpleExt .inner{border:1px solid #c7c7c7;/*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/ }
.simpleExt .inner{border-color:#fff; border-width:4px; background-color:#e2e2e2;}
.simpleExt b{background-image:url(skin/simple_extended.png);}
.simpleExt .tl{left:-1px;top:-1px;height:12px; width:12px;}
.simpleExt .tr{right:-1px;top:-1px;height:12px; width:12px;}
.simpleExt .bl{left:-1px;bottom:-1px;height:12px; width:12px;margin-top:-12px;}
.simpleExt .br{right:-1px;bottom:-1px;height:12px; width:12px;margin-top:-12px;}
/* ----- me (extends mod) use for my comments ----- */
.me,.me .inner{border:1px solid #909090;/*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/}
.me .inner{border-color:#d76a84;}
.me b{background-image:url(skin/me.png);}
.me .tl{left:-1px;top:-1px;}
.me .tr{right:-1px;top:-1px;}
.me .bl{left:-1px;bottom:-1px;}
.me .br{right:-1px;bottom:-1px;}
/* ----- noted (extends mod) ----- */
.noted,.noted .inner{border:1px solid #c2c2c2;/*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/}
.noted .inner{border-color:#eded68;}
.noted b{background-image:url(skin/noted.png);}
.noted .tl{left:-1px;top:-1px;}
.noted .tr{right:-1px;top:-1px;}
.noted .bl{left:-1px;bottom:-1px;}
.noted .br{right:-1px;bottom:-1px;}
/* ----- grab (extends mod) ----- */
.grab .inner{border: 3px solid #00477a; border-bottom-width:10px;}/* can't be done w border radius */
.grab b{background-image:url(skin/grab.png);}
/*.grab .tl, .grab .tr{height:10px; width:10px;}*/
.grab .bl, .grab .br{height:16px;/*if height is set, margin set*/margin-top:-16px;}
/* ----- faq (extends mod) ----- */
.faq .inner{border: 3px solid #b20029; border-bottom-width:10px;}/* can't be done w border radius */
.faq b{background-image:url(skin/faq.png);}
.faq .bl, .faq .br{height:16px;/*if height is set, margin set*/margin-top:-16px;}
/* ----- onlinestore (extends mod) ----- */
.onlinestore .inner{border: 3px solid #9a9800; border-bottom-width:10px;}/* can't be done w border radius */
.onlinestore b{background-image:url(skin/store.png);}
.onlinestore .bl, .onlinestore .br{height:16px;/*if height is set, margin set*/margin-top:-16px;}
/* ----- about (extends mod) ----- */
.about .inner{border: 3px solid #494949; border-bottom-width:10px;}/* can't be done w border radius */
.about b{background-image:url(skin/about.png);}
.about .bl, .about .br{height:16px;/*if height is set, margin set*/margin-top:-16px;}
/* ----- talk (extends mod) ----- */
.talk,.talk .inner{border:1px solid #c7c7c7;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.talk .inner{border-color:#ededed;}
.talk b{*background-image:url(skin/talk.png);}
.talk .tl{left:-1px;top:-1px;}
.talk .tr{right:-1px;top:-1px;}
.talk .bl{left:-1px;bottom:-1px;}
.talk .br{right:-1px;bottom:-1px;}
/* ----- photo (extends complex) ----- */
.photo .inner{border:solid 10px #fff;margin:0 4px;}/* muck with margins to change how the block will align with other blocks, any value between 0-10px */
.photo b{background-image:url(skin/photo.png);}
.photo .tr, .photo .tl{width:20px;}
.photo .top, .photo .bottom{height:4px;margin-top:0px;}
.photo .bl, .photo .br{height:16px;margin-top: -12px;}
/* ----- flow (extends complex) ----- */
.flow{margin:6px;}
.flow b{background-image:url(skin/even.png);}
.flow .inner{padding:0 4px;}
.flow .top{height:4px;}
.flow .bottom{height:4px;margin-top:-4px;}
.flow .br,.flow .bl{margin-top:-6px;}/* margin top = bottom height - corner height */
/* ----- shadow test (experimental attempt to match "flow" cross browser w no img)----- */
.boo{-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,33);-moz-box-shadow: black 2px 2px 2px 2px;/*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/border:solid 1px #949494;background:#fff;}
/* ----- .excerpt (extends complex) ----- */
.excerpt b{background-image:url(skin/excerpt.png);}
.excerpt .top{height:1px;}
.excerpt .bottom{height:6px;margin-top:-6px;}/* margin top equal to - height of bottom */
.excerpt .br,.excerpt .bl{height:12px;margin-top:-6px;}/* margin top = bottom height - corner height */
/* ----- sommers (extends pop) ----- */
.sommers .inner{_border:3px solid #D7D7D7;}/*IE6 backup no alpha transparency */
.sommers,.sommers .inner,.sommers b{background-image:url(skin/glow_7px.png);_background-image:none;}
.sommers{margin:3px 20px 20px 3px;}
/* ----- gonzalo ----- */
.gonzalo, .gonzalo .inner, .gonzalo b{background-image:url(skin/gc.png);}
/* ====== Background blocks ====== */
.sale .inner{background:red none;}
.nicole .inner{background:#c01c41 none; color:#fff;}
.nicole *, .login *{ color:#fff;}
.highlight .inner{background:#e3e36f none;}
.universe .inner{background:url(skin/universe.png) repeat left top;}
.foo .inner{background: url(skin/universe_gray.png) repeat left top;}
.login .inner{background: url(skin/universe_login.png) repeat left top;}
.comment .inner{background:#e2e2e2 none;}
/* ====== Block headers and footers ====== */
.hd h1, .hd h2, .hd h3, .hd h4, .hd h5, .hd h6{padding: 5px 10px;}
.section{background: #e9e9e9 url(skin/header.png) repeat-x left bottom; color:#de2c72;font-size:120%;padding:5px 10px;}
.section h1,.section h2,.section h3,.section h4,.section h5,.section h6{font-size:100%;color:#de2c72;padding:0;}
.act{background-color:#e9e9e9;}
.topper{background: #fff url(skin/header_gradient_light.png) repeat-x left bottom;color: #4D4D4D;font-size:120%;padding:5px 10px;}
.topper h1,.topper h2,.topper h3,.topper h4,.topper h5,.topper h6{font-size:100%;color:#4D4D4D;padding:0;}
.bam{background: #00477a url(skin/header_glossy.png) repeat-x left top;color: #fff;font-size:120%;padding:5px 10px;}
.bam h1,.bam h2,.bam h3,.bam h4,.bam h5,.bam h6{font-size:100%;color:#fff;padding:0;}
.gonz{background:url(skin/gc_header.png) no-repeat left top;}/* messed up */
.online{background: #9a9400 url(skin/online.png) repeat-x left top;color: #000;font-size:120%;padding:5px 10px;}
.online h1,.online h2,.online h3,.online h4,.online h5,.online h6{font-size:100%;color:#000;padding:0;}
.help{background: #b20029 url(skin/help.png) repeat-x left top;color: #fff;font-size:120%;padding:5px 10px;}
.help h1,.help h2,.help h3,.help h4,.help h5,.help h6{font-size:100%;color:#fff;padding:0;}
.info{background: #636363 url(skin/info.png) repeat-x left top;color: #fff;font-size:120%;padding:5px 10px;}
.info h1,.info h2,.info h3,.info h4,.info h5,.info h6{font-size:100%;color:#fff;padding:0;}