* { margin: 0; padding: 0; }
html { }
body { color: #6d6a63;  font: 62.5%/1.4 Tahoma, sans-serif; position: relative;}
a:link { color: #8b8980; text-decoration: none;}
a:visited { color: #8b8980; text-decoration: none; }
a:hover, a:active { color: #6d6a63; text-decoration: underline; }
button, input, textarea, select { font-size: 100%; font-family: Arial, Helvetica, Geneva, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; position: relative; }
h1 { font-size: 2.2em; font-family: Cambria, Georgia, Tahoma, sans-serif;}
h2 { font-size: 1.8em; font-family: Cambria, Georgia, Tahoma, sans-serif;}
h3 { font-size: 1.6em; font-family: Cambria, Georgia, Tahoma, sans-serif;}
h4 { font-size: 1.5em; font-family: Cambria, Georgia, Tahoma, sans-serif;}
h5 { font-size: 1.4em; font-family: Cambria, Georgia, Tahoma, sans-serif;}
h6 { font-size: 1.3em; font-family: Cambria, Georgia, Tahoma, sans-serif;}
body #Content { font-family: Arial;}
iframe, img { border: none; }
fieldset, form { border: 0px solid #FFFFFF; }
img { vertical-align: bottom; }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
div.pre { font-size: 1.4em; }
pre, code { font-family: monospace; font-size: 107%; line-height: 1.2; }
.adn { display: block; height: 0; overflow: hidden; width: 0; }
.columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.row { width: 100%;}
.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cleaner { clear: both; height: 1px; margin-top: -1px; overflow: hidden; }
.replace { background-repeat: no-repeat; overflow: hidden; position: relative; text-indent: -9999em; }
.replace span { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 2; }
.replace a { height: 100%; width: 100%; position: absolute; 0; top:0; left: 0; z-index: 3; }
.columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.highlight { color: #b2c235; }
.help-icon { position: absolute; top: -15px; right: -10px; z-index: 10; width: 23px; height: 25px; background: url(../images/Global/HelpIcon.gif); cursor: pointer;}
.error { color: #9c2e18; }
body { background: #e5e7d2 url(../images/Global/BodyBgBrown.jpg) top center repeat-y; }

.discount-link { background: transparent url(../images/Global/TrailArrowRight.gif) no-repeat scroll left center; padding-left: 12px;}

/*	=Rounded Corners
----------------------------------------------- */
.rounded-5px { 
border-radius: 5px; 
-moz-border-radius: 5px; /* Mozilla */
-webkit-border-radius: 5px; /* Webkit */
}
.rounded-3px { 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}


/*	=Structure
----------------------------------------------- */
#OuterContainer { background: #e5e7d2 url(../images/Global/BodyBg.jpg) top center no-repeat; padding-bottom: 20px;}
#Container { margin: 0 auto 0 auto; width: 810px; position: relative; }
#Container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#Header { margin: 46px 0 0 0; width: 100%; height: 45px;}
#Header #BrandingLogo { float: left; height: 42px; width: 125px; margin-left: 18px; }
#Header #BrandingLogo span { background: url(../images/Global/ASimpleMeasure.png) 0 0 no-repeat; }
#Header #BrandingTagline { display: none; } 
#Footer { width: 100%; background: url(../images/Global/FooterBg.jpg) top center no-repeat; height: 150px;padding: 20px 0 0 0;  }
#FooterContent { margin: 0 auto; width: 630px; position: relative; color: #4e4c43; }
#FooterContent ul { list-style: none; margin:0; padding: 0;}
#FooterContent ul li { padding: 0 0 4px 0;  }
#FooterContent a { color: #4e4c43;}
#FooterContent .f-column { float: left;font-size: 1.1em; }
#FooterContent .f-column-1 {width: 150px; margin-left: 10px;}
#FooterContent .f-column-2 { width: 150px; margin-left: 18px;}
#FooterContent .f-column-3 { width: 240px; margin-left: 0px;}
#FooterContent .f-column-3 p { padding: 0 0 4px 0; }
#FooterNews { width: 100%; background: url(../images/Global/NewsBg.jpg) top center no-repeat; height: 320px;}
#FooterNewsContent { margin: 0 auto; width: 630px; position: relative; padding-top: 20px; }
#FooterNewsContent .n-column { width: 280px; float: left; position: relative;}
#FooterNewsContent .n-column h3 { margin-bottom: 15px;}
#FooterNewsContent .n-column h3 a {color: #6D6A63; }
#FooterNewsContent .n-column-1 { margin-left: 8px; width: 300px;}
#FooterNewsContent .n-column-1 ul { list-style: none;}
#FooterNewsContent .n-column-1 ul li { font-size: 1.2em;}
#FooterNewsContent .n-column-1 ul li h4 a { color: #efede6; font-weight: bold; font-size: 0.8em; margin-bottom: 2px;}
#FooterNewsContent .n-column-1 ul li p a { color: #efede6; }
#FooterNewsContent .n-column-2 { margin-left: 20px;}
#FooterNewsContent .n-column-2 ul { list-style: none; font-size: 1.2em;}
#FooterNewsContent .n-column-2 #TwitterFeed a { color: #efede6; }
#FooterNewsContent .n-column-2 #TwitterFeed .tweet_odd,
#FooterNewsContent .n-column-2 #TwitterFeed .tweet_even { padding-bottom: 5px; }
#FooterNewsContent .n-column-2 #TwitterFeed a.tweet_avatar { margin: 0 5px 0 0; padding: 0; }
#FooterNewsContent .n-column-2 #TwitterFeed a.tweet_avatar img { margin: 0 5px 0 0; padding: 0; border:1px #777777 solid; }
#FooterNewsContent #FeedMe { position: absolute; top: -10px; right: 10px; z-index: 2; height: 40px; width: 130px; background:url(../images/Global/FeedMe.png) 0 0 no-repeat;}
#FooterNewsContent #FeedMe a { display: block; position: absolute; z-index: 3; height: 100%; width: 100%; text-indent: -999em; top:0; left: 0;}
#FooterNewsContent #TwitterBird { position: absolute; top: -30px; right: -10px; z-index: 2; height: 70px; width: 80px; background:url(../images/Global/TwitterBird.png) 0 0 no-repeat;}
#FooterContent a#Advertise { color: #e5e7d2;}
/* =User details
--------------------------- */
#UserDetails .username { font-size: 1.2em; }

/* =Logged in
--------------------------- */
.logged-in #FooterContent { width: 810px; }
.logged-in #FooterContent .f-column-1 { margin-left: 20px; } 
.logged-in #FooterContent .f-column-2 { margin-left: 28px; } 
.logged-in #FooterContent .f-column-3 { margin-left: 30px; } 

/* =Content 
--------------------------- */
#Content { float: left; width: 630px; padding: 25px 0 0 0;}
#Content ul {   }
#Content ul li ul { margin-bottom: 0; }
#Sidebar { position: relative; float: left; width: 171px; margin-top: 25px; background: url(../images/Global/SidebarPlinth.gif) 0 0 no-repeat;}
#Sidebar .sidebar-content { padding: 20px; font-size: 1em;}
#Sidebar .sidebar-content h4 { padding-bottom: 5px; border-bottom: 1px #CCCCCC dashed; margin-bottom: 5px;}
#Sidebar .sidebar-content ul li { list-style: none; font-size: 1.2em;}
#Sidebar .sidebar-base { position: relative; bottom: -10px; left: 0; background: url(../images/Global/SidebarPlinthBase.gif) bottom left no-repeat; height: 30px;}
#ContentPrimary { padding: 0; margin: 0 0 0 0; position: relative; }
#ContentPrimary h1 { }
#ContentPrimary h1.section-heading { padding-bottom: 20px;}
#ContentPrimary h2.intro { padding: 0 30px 10px 30px; }
#ContentPrimary h3 { }
#ContentPrimary h4 { }
#ContentPrimary p.intro { padding: 0 30px;}
#ContentPrimary p { padding-bottom: 10px; font-size: 1.3em;}
#ContentPrimary p a { color: #9eab3d; text-decoration: none;}
#ContentPrimary p a:hover { color: #9eab3d; text-decoration: underline;}
#ContentPrimary p a.remove { color: #883c22; }
#ContentPrimary ul { }
#ContentPrimary ul li h4 { font-size: 1em; }
.logged-in #ContentPrimary ul li {  }
.logged-in #ContentPrimary ul li p { font-size: 100%; }
.welcome #ContentPrimary { margin-bottom: 20px;}
#ContentSecondary { padding: 0; margin: 25px 0 0 0; position: relative; }
#ContentSecondary ul { list-style: none; }
#ContentSecondary ul li {font-size: 1.4em; }

/* =Navigation
--------------------------- */
#NavigationPrimary { margin-top: 10px; text-transform: lowercase; float: right; }
#NavigationPrimary:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#NavigationPrimary ul { margin: 0 0px; list-style: none; float: right; }
#NavigationPrimary ul li { float: left; font-size: 1.4em; margin: 5px 5px 0 0; position: relative; font-family: Cambria, Georgia, Tahoma, sans-serif;}
#NavigationPrimary ul li a { display: block; padding: 3px 8px 8px 8px; font-weight: bold; }
#NavigationPrimary ul li a:link,
#NavigationPrimary ul li a:visited { color: #8b8980; text-decoration: none; }
#NavigationPrimary ul li a:hover,
#NavigationPrimary ul li a:active { color: #6d6a63; }
#NavigationPrimary ul li.active a:link,
#NavigationPrimary ul li.active a:visited {color: #6d6a63; }
#NavPointer { position: absolute; top: 44px; right: -120px; z-index: 3; height: 23px; width: 150px; background: url(../images/Global/NavigationIcon.gif) 0 0 no-repeat;}
#NavigationPrimary ul li .new-bubble { width: 28px; height: 24px; display: block; position: absolute; top: -20px; right: 10px; background: url(../images/Global/NewBubble.gif) 0 0 no-repeat;}
/*	=CrumbTrail
----------------------------------------------- */
#CrumbTrail { margin: 0; padding: 15px 0 0 20px; text-transform: lowercase; margin-left: 10px; width: 602px; height: 30px; margin-bottom: 5px; background: url(../images/Global/CrumbTrailBg.gif) 0 0 no-repeat;}
#CrumbTrail ul { list-style: none;}
#CrumbTrail ul li { font-size: 1.2em; line-height: 1; float: left; display: block; padding-left: 4px; padding-right: 12px; background: url(../images/Global/TrailArrowRight.gif) right center no-repeat; } 
#CrumbTrail ul li.first {  padding-left: 0;}

/*	=Animated Headings
----------------------------------------------- */
.standard-heading { padding-bottom: 20px; }
.standard-heading-push { padding-top: 10px; }
.section-heading { position: relative; padding: 0 0 20px 30px; height: 25px; overflow: hidden; }
.section-heading-push { margin-top: 20px; }
.section-heading .heading { position: absolute; top:0px; left:30px; font-size: 2em; text-transform: lowercase;}
.section-heading .the-arrow { position: absolute; top:6px; left:0px; height: 24px; width: 22px; display: block; background: url(../images/Global/ArrowButton.png) 0 0 no-repeat; }
.js .section-heading .the-arrow { left: -30px; }
.js .section-heading .heading { left: -100px; }
.js .section-heading-places .heading { left: -85px; }
.js .section-heading-fixtures .heading { left: -250px;}
.js .section-heading .heading-welcome { left: -250px;}

/*	=Temporary Styles
----------------------------------------------- */
.logged-in div#ContentPrimary ul { list-style: none;  }

/*	=Sign Up Form
----------------------------------------------- */
#SignupForm { width: 580px; padding: 20px 20px 0 20px; background: url(../images/Global/MainPlinth.gif) 0 0 no-repeat; }
#SignupFormBase { width: 640px; background: url(../images/Global/MainPlinthBase.gif) bottom left no-repeat; height: 36px; }
#SignupForm h1 { margin: 0; padding: 0 0 20px 0;}
#SignupForm .form { padding: 0 20px 0px 80px; }
#SignupForm .form fieldset { width: 500px; }
#SignupForm .form fieldset legend,
#SignupForm .form fieldset h3 { margin: 10px 0; padding-bottom: 5px; font-weight: bold; border-bottom: 1px #999999 solid; }
#SignupForm .form fieldset p { padding: 10px 0;}
#SignupForm .form fieldset .frow { font-size: 1.2em; clear: both; width: 420px; margin-bottom: 10px;}
#SignupForm .form fieldset .frow label { display: block; float: left; padding: 5px 0; width: 100%;text-align: left; position: relative;}
#SignupForm .form fieldset .frow label .label { width: 150px; display: block; font-weight: bold; font-size: 1.1em; padding: 3px 0 0 0; float:left;}
#SignupForm .form fieldset .frow label .field { width: 200px; display: block; float:left;}
#SignupForm .form fieldset .frow label .hint { display: block;  padding: 2px 3px;  color: #999999; position: absolute; top: 9px; left: 385px; width: 18px; height: 18px; }
#SignupForm .form fieldset .frow label .hint-ok { background: url(../images/Global/FieldOk.gif) 0 0 no-repeat;}
#SignupForm .form fieldset .frow label .hint-error { background: url(../images/Global/FieldError.gif) 0 0 no-repeat;} 
#SignupForm .form fieldset .frow-text label .field input { width: 220px; background: #FFFFFF url(../images/Global/FormField.gif) repeat-y 0 0; border: 1px solid #999999; padding: 3px 3px; font-size: 1.1em; color: #666666;}
#SignupForm .form fieldset .frow-textarea label .field textarea { width: 280px; background: #FFFFFF url(../images/Global/FormField.gif) repeat-y 0 0; border: 1px solid #999999; padding: 3px 2px; }
#SignupForm .form fieldset .frow-select label .field select { background: #FFFFFF url(../images/Global/FormField.gif) repeat-y 0 0; border: 1px solid #999999; padding: 2px 0 1px 2px; }
#SignupForm .form fieldset .frow-select label .field select option { padding: 0 3px 1px 2px; }
#SignupForm .form fieldset .frow-action { margin: 5px 0 5px 0; padding: 10px 0; text-align: right; width: 380px; }
#SignupForm .form fieldset .frow-action-border { border-top: 1px solid #999999;  }
#SignupForm .form fieldset .frow:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#SignupForm .form fieldset .frow-text label .field input#Username { text-transform: lowercase;}

#SignupForm .form fieldset .frow-text label .field .fieldWithErrors input { border: 1px #9c2e18 solid;}
#SignupForm #errorExplanation { margin-bottom: 20px; }
#errorExplanation { color: #9c2e18;  padding: 10px 0; border-radius : 3px; -moz-border-radius : 3px; /* Mozilla */ -webkit-border-radius : 3px; /* Webkit */}
#errorExplanation p { font-size: 1.4em; }
#errorExplanation ul { list-style: none; margin-top: 10px;}
#errorExplanation ul li { padding: 2px 0; color: #9c2e18; font-size: 1.4em; }

/*	=Form Basic
----------------------------------------------- */
#LiveForm { width: 580px; height: ;}
.form { }
.form fieldset { width: 500px; }
.form fieldset legend,
.form fieldset h3 { margin: 10px 0; padding-bottom: 5px; font-weight: bold; border-bottom: 1px #999999 solid; }
.form fieldset p { padding: 10px 0;}
.form fieldset .frow { font-size: 1.2em; clear: both; width: 500px;}
.form fieldset .frow label { display: block; float: left; padding: 5px 0; width: 100%;text-align: left; position: relative;}
.form fieldset .frow label .label { width: 130px; display: block; font-weight: bold; padding-bottom: 5px; float:left;}
.form fieldset .frow label .field { width: 200px; display: block; float:left;}
.form fieldset .frow label .hint { display: block;  padding: 2px 3px;  color: #999999; position: absolute; top: 5px; left: 340px; width: 200px; }
.form fieldset .frow-text label .field input { width: 180px; background: #FFFFFF url(../images/Global/FormField.gif) repeat-y 0 0; border: 1px solid #999999; padding: 3px 2px; }
.form fieldset .frow-textarea label .field textarea { width: 280px; height: 110px; background: #FFFFFF url(../images/Global/FormField.gif) repeat-y 0 0; border: 1px solid #999999; padding: 3px 2px; }
.form fieldset .frow-select label .field select { background: #FFFFFF url(../images/Global/FormField.gif) repeat-y 0 0; border: 1px solid #999999; padding: 2px 0 1px 2px; }
.form fieldset .frow-select label .field select option { padding: 0 3px 1px 2px; }
.form fieldset .frow-action { margin: 5px 0 5px 0; padding: 10px 0; }
.form fieldset .frow-action-border { border-top: 1px solid #999999;  }
.form fieldset .frow:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/*	=Standard Form
----------------------------------------------- */
.standard-form { width: 580px; padding: 20px 20px 0 20px; background: url(../images/Global/MainPlinth.gif) 0 0 no-repeat; }
.standard-form-base { width: 620px; background: url(../images/Global/MainPlinthBase.gif) bottom left no-repeat; height: 36px; }
.standard-form h1 { margin: 0; padding: 0 0 20px 0;}
.standard-form .form { padding: 10px 20px 0px 80px; }
.standard-form .form fieldset { width: 500px; }
.standard-form .form fieldset legend,
.standard-form .form fieldset h3 { margin: 20px 0 10px 0; padding-bottom: 5px; font-weight: bold; border-bottom: 1px #999999 solid; }
.standard-form .form fieldset p { padding: 10px 0;}
.standard-form .form fieldset .frow { font-size: 1.2em; clear: both; width: 420px; margin-bottom: 10px;}
.standard-form .form fieldset .frow label { display: block; float: left; padding: 5px 0; width: 100%;text-align: left; position: relative;}
.standard-form .form fieldset .frow label .label { width: 150px; display: block; font-weight: bold; font-size: 1.1em; padding: 3px 0 0 0; float:left;}
.standard-form .form fieldset .frow label .field { width: 200px; display: block; float:left;}
.standard-form .form fieldset .frow label .hint { display: block;  padding: 2px 3px;  color: #999999; position: absolute; top: 9px; left: 385px; width: 18px; height: 18px; }
.standard-form .form fieldset .frow label .hint-ok { background: url(../images/Global/FieldOk.gif) 0 0 no-repeat;}
.standard-form .form fieldset .frow label .hint-error { background: url(../images/Global/FieldError.gif) 0 0 no-repeat;} 
.standard-form .form fieldset .frow-text label .field input { width: 220px; background: #FFFFFF url(../images/Global/FormField.gif) repeat-y 0 0; border: 1px solid #999999; padding: 3px 3px; font-size: 1.1em; color: #666666;}
.standard-form .form fieldset .frow-textarea label .field textarea { width: 280px; background: #FFFFFF url(../images/Global/FormField.gif) repeat-y 0 0; border: 1px solid #999999; padding: 3px 2px; }
.standard-form .form fieldset .frow-select label .field select { background: #FFFFFF url(../images/Global/FormField.gif) repeat-y 0 0; border: 1px solid #999999; padding: 2px 0 1px 2px; }
.standard-form .form fieldset .frow-select label .field select option { padding: 0 3px 1px 2px; }
.standard-form .form fieldset .frow-action { margin:  0; padding: 0; text-align: right; width: 380px; position: relative; }
.standard-form .form fieldset .frow-action-border { border-top: 1px solid #999999;  }
.standard-form .form fieldset .frow:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.standard-form .form fieldset .frow-text label .field input#Username { text-transform: lowercase;}
.standard-form .form fieldset .frow-username label .field input { color: #999999;}
.standard-form .form fieldset .frow-profile-image label .field { padding-top: 2px;}
.standard-form .form fieldset .frow-profile-image .profile-image { border:2px #CCCCCC solid;}
#ContentPrimary .standard-form { padding: 20px 30px 0 30px; width: 560px;}


.dimensions fieldset { clear: both;}
.dimensions .form { padding: 0;}
.dimensions .column { float: left; width: 90px; padding-right: 10px;}
.dimensions .column-4 { width: 140px;}
.dimensions .column-5 { width: 110px; padding: 0;}
.dimensions .form fieldset { width: 100%;}
.dimensions .form fieldset .frow-name { width: 440px;}
.dimensions .form fieldset .frow-name label .label { width: 60px;} 
.dimensions .form fieldset .frow-name label .field {  width: 231px;}
.dimensions .form fieldset .frow-dimension { width: 90px;}
.dimensions .form fieldset .frow-dimension label { width: 90px;}
.dimensions .form fieldset .frow-dimension label .label { width: 20px; text-align: left;}
.dimensions .form fieldset .frow-dimension label .label em { display: none; }
.dimensions .form fieldset .frow-dimension label .field { width: 65px;}
.dimensions .form fieldset .frow-dimension label .field input { width: 60px;}
.dimensions .form fieldset .frow-action { width:auto; padding: 2px 0 0 0; }
.dimensions .form fieldset .frow-action-dimension { width: 440px;}

.dimensions .form fieldset .frow-effect { margin-bottom: 0;}
.dimensions .form fieldset .frow-effect label { padding: 0;}
.dimensions .form fieldset .frow-effect label .field { position: relative; padding-left: 15px; padding-top: 2px;}
.dimensions .form fieldset .frow-effect label .field input { position: absolute; z-index: 3; top: 4px; left: 0;}
.dimensions .form fieldset .frow-effect label .field em { font-size: 0.8em; }
.dimensions .form fieldset .frow-effect label .label { width: 90px;}

.suggestions #Content { padding-bottom: 20px;}
.suggestions .form fieldset .frow label .label { width: 100px;}
.suggestions .form fieldset .frow-text label .field input {  width: 298px; }
.suggestions .form fieldset .frow-textarea label .field textarea { height: 200px; width: 300px; }
.suggestions .form fieldset .frow-action { width: 406px;}

/*	=Room measurents
----------------------------------------------- */
#Updated { display: none; position: absolute; bottom:-15px;  right: 2px; }
#Updated { font-size: 0.9em; padding: 0 2px;}

/*	=Login Form
----------------------------------------------- */
.login-form h1 { margin: 0; padding: 0 0 20px 0;}
.login-form .form { padding: 0 20px 0px 110px; }
.login-form .form fieldset .frow label .label  { width: 100px; }
.login-form .form fieldset .frow-action { margin: 5px 0 0 0; padding: 10px 0; text-align: left; width: 380px; }

/*	=General UI
----------------------------------------------- */
.remove-button { width: 104px; height: 28px; position: absolute; top:0; right: 127px;}

/*	=Welcome
----------------------------------------------- */
.welcome div#OuterContainer { padding-bottom: 0;} 
#Welcome h1 { padding: 0 0 20px; font-size: 3em;}
#Welcome .get-started { padding-top: 30px; text-align: center;}

/*	=home
----------------------------------------------- */
.home div#OuterContainer { padding-bottom: 0;} 
.home div#Container { margin-bottom: 0; width: 630px;}
.home div#Footer { background: url(../images/Global/FooterBgHome.jpg) top center no-repeat;}
.home div#Content { margin-top: 0; margin-bottom: 20px; float: none;}
.home div#ContentPrimary p { padding-bottom: 10px; font-size: 1.4em;}
.home div#ContentSecondary { margin-top: 30px;}
.home #Features { width: 100%; position: relative; padding-top: 10px;}
.home #Features a { color: #9EAB3D; }
.home #Features #iPhoneSupport { height: 31px; width: 198px; position: absolute; top: -30px; right: -135px; background: url(../images/Global/iPhoneSupportComingSoon.gif) 0 0 no-repeat;}
.home #Features .column .image { height: 145px; }
.home #Features .column .feature-content { width: 300px; padding-left: 8px;}
.home #Features .column .feature-content h4 { font-size: 1.3em; font-weight: bold;}
.home #Features .h-column-1 { float: left; }
.home #Features .h-column-1 .image { padding-top: 10px; height: 135px;}
.home #Features .h-column-2 { float: right;}
.home #Features .h-column-2 .image { text-align: center;}
.home #Features p { padding: 10px 0px; font-size: 1.2em;}
.home #Features .form fieldset { width: 280px; position: relative;}
.home #Features .form fieldset .frow { width: 280px;}
.home #Features .form fieldset .frow label .label { width: 200px;}
.home #Features .form fieldset .frow-action { width: 50px; position: absolute; top:14px; right: 15px;}
/*	=signup
----------------------------------------------- */
.signup div#Container { margin-bottom: 20px; }

/*	=account
----------------------------------------------- */
.account .standard-form .form fieldset { width: 390px; }
.account .standard-form .form { padding: 0; }
.account .standard-form .form .frow { width: 390px;}

/*	=news
----------------------------------------------- */
#News .column { float: left; }
#News .column-1 { width: 380px; }
#News .column-1 h3 { font-size: 2em;}
#News .column-1 .content { padding-top: 20px;}
#News .column-2 { width: 150px; margin-left: 15px; float: right;}
#News .column-2 ul { margin-top: 20px;}
#News .column-2 ul li { margin-bottom: 7px; font-size: 1.4em;}
#News .column-2 ul li h4 { font-size: 0.9em;}
#News .column-2 ul li h4 span { color: #6D6A63; }

/*	=Summary
----------------------------------------------- */
#Summary { }
#Summary h2 { padding-bottom: 20px;}
#Summary ul li .detail .name { float: left; font-size: 1.2em; }
#Summary ul li .detail .sizes { float: right; font-size: 1.2em;}
#Summary ul li .room-detail { background: #e4e2dc; padding: 4px 5px;}
#Summary ul li .room-detail .name {  font-size: 1.2em;}
#Summary ul li .room-detail .name em {  }
#Summary ul li .room-detail .sizes {  font-size: 1.2em;}
#Summary ul.rooms-list li { border-top: 1px #d0cec9 solid; padding-bottom: 10px;  }
#Summary ul.rooms-list li ul li.first { border: none;}
#Summary ul.rooms-list li ul li { border: none; border-top: 1px #d0cec9 dashed; margin-bottom: 0; }
#Summary ul.rooms-list li .palette ul li { border: none;}
#Summary ul.fixtures-list { margin-left: 20px; }
#Summary ul.fixtures-list li { padding: 4px 0; color: #91857d;}


/*	=termsandconditions
----------------------------------------------- */
.termsandconditions div#Content { margin-top: 30px; }
.termsandconditions div#ContentPrimary h4 { font-size: 1.4em; font-weight: bold; }
.termsandconditions div#ContentPrimary p { font-size: 1.4em;}

#SignUp { position: relative; width: 290px; height: 35px; margin: 20px auto 0 auto; overflow: hidden;}
#SignUp #SignUpHeader { position: absolute; top: 0px; left: 0px; width: 260px; height: 25px; }
#SignUp #SignUpHeader span { background: url(../images/Global/SignUpForFreeSimple.png) 0 0 no-repeat; }
#SignUp #SignUpWobbler { text-indent: -999em; position: absolute; top:0; right:0px; height: 24px; width: 22px; display: block; background: url(../images/Global/ArrowButton.png) 0 0 no-repeat;}
#SignUp #SignUpWobbler a { display: block; height: 100%; width: 100%;}

#SlideShow { margin: 0 auto; position: relative; width: 622px; height: 260px; background: url(../images/Global/SlideShowBg.gif) 0 0 no-repeat;}
#SlideShowContent {  }
#SlideShow #OtherKeyFeatures { position: absolute; top: 120px; right: -160px; z-index: 3; height: 50px; width: 150px; background: url(../images/Global/OtherKeyFeatures.png) 0 0 no-repeat;}
#SlideShow #Previous  { display: none; z-index: 2; cursor: pointer; position: absolute; top: 58px; left: -31px; height: 90px; width: 53px; overflow:hidden; }
#SlideShow #Previous .tab {  z-index: 3; position: absolute; top: 12px; right: 0; height: 69px; width: 100%; background: url(../images/Global/Previous.png) 0 0 no-repeat;}
#SlideShow #Previous .shadow { z-index: 4; position: absolute; top: 0; right: 0; height: 69px; width: 100%; background: url(../images/Global/PreviousShadow.png) top right no-repeat;}
#SlideShow #Next  { display: none; z-index: 2; cursor: pointer; position: absolute; top: 58px; right: -32px; height: 90px; width: 53px; overflow:hidden;}
#SlideShow #Next .tab { z-index: 3; position: absolute; top: 12px; left: 0; height: 69px; width: 100%; background: url(../images/Global/Next.png) 0 0 no-repeat;}
#SlideShow #Next .shadow { z-index: 4; position: absolute; top: 0; right: 0; height: 69px; width: 100%; background: url(../images/Global/NextShadow.png) 0 0 no-repeat;}
.js #SignUp #SignUpHeader { position: absolute; top:-30px;}
.js #SignUp #SignUpWobbler { position: absolute; top:-30px;}
.js #SlideShow #Previous .tab { right: -60px; }
.js #SlideShow #Next .tab { left: -60px; }
.js #SlideShow #Previous { display: block; }
.js #SlideShow #Next { display: block;}

#SlideShow #SlideShowContent { width: 580px; margin: 0 auto; overflow: hidden;}
#SlideShow #SlideShowContent ul { list-style: none;  width: 4000px; margin: 0;}
#SlideShow #SlideShowContent ul li.slide { width: 620px; float: left; }
#SlideShow #SlideShowContent ul li .column { float: left; }
#SlideShow #SlideShowContent ul li .column-1 { width: 220px; }
#SlideShow #SlideShowContent ul li .column-2 { width: 340px; }
#SlideShow #SlideShowContent ul li .column-1 { padding-top: 50px;}
#SlideShow #SlideShowContent ul li .column-1 p { padding: 0 0 0 30px;}
#SlideShow #SlideShowContent ul li .column-2 { padding-top: 60px;}
#SlideShow #SlideShowContent ul li .column-2 h2 { padding: 0 0 10px 0; font-size: 3em;}
#SlideShow #SlideShowContent ul li .column-2 p.action { padding: 10px 0 0 0; position: relative; width: 100px;}
#SlideShow #SlideShowContent ul li .column-2 p.action a { color: #b2c235; text-decoration: none;}
#SlideShow #SlideShowContent ul li .column-2 p.action span#AndItsFree { text-indent: -999em; position: absolute; bottom: -45px; right: -90px; height: 40px; width: 120px; background: url(../images/Global/AndItsFree.gif) 0 0 no-repeat;}
#SlideShow #SlideShowContent ul li#Slide1 .column-1 { padding-top: 50px;}
#SlideShow #SlideShowContent ul li#Slide1 .column-1 p { padding: 0 0 0 30px;}
#SlideShow #SlideShowContent ul li#Slide1 .column-2 { padding-top: 40px;}
#SlideShow #SlideShowContent ul li#Slide1 .column-2 ul { width: auto; list-style: disc;}
#SlideShow #SlideShowContent ul li#Slide1 .column-2 ul li {  margin-left: 12px; float: none; font-size: 1.2em;}
#SlideShow #SlideShowContent ul li#Slide1 .column-2 h2 { padding: 0 0 10px 0;}
#SlideShow #SlideShowContent ul li#Slide1 .column-2 p.action { padding: 10px 0 0 0; position: relative; width: 100px;}
#SlideShow #SlideShowContent ul li#Slide1 .column-2 p.action a { color: #b2c235;  }
#SlideShow #SlideShowContent ul li#Slide1 .column-2 p.action span#AndItsFree { text-indent: -999em; position: absolute; bottom: -45px; right: -90px; height: 40px; width: 120px; background: url(../images/Global/AndItsFree.gif) 0 0 no-repeat;}
#SlideShow #SlideShowContent ul li#Slide4 .column-1 { padding-top: 70px;}
#SlideShow #SlideShowContent ul li#Slide4 p.paint-tin { width: 187px; height: 159px; background: url(../images/Global/PaintTin.png) 25px 0 no-repeat;}

/*	=Places
----------------------------------------------- */
.main-button { position: absolute; top: 15px; right:30px;}
.secondary-button { position: absolute; top: 2px; right: 0px;}
.done-action { padding: 20px 0 0 0; text-align: right;}

#MyPlaces { padding-top: 20px; background: url(../images/Global/LinkListBg.gif) 0 0 no-repeat;}
#MyPlaces ul { }
#MyPlaces ul { list-style: none;}
#MyPlaces ul li { margin-bottom: 20px; font-size: 1.4em;}
#MyPlaces .column { float: left; }
#MyPlaces .column-1 { width: 180px;}
#MyPlaces .column-2 { width: 380px;}
#MyPlaces .column-2 .row { margin-bottom: 10px;}
#MyPlaces .column-2 h3 { padding-left: 70px; padding-bottom: 0px; font-size: 1.2em;}
#MyPlaces .column-2 .edit-action { margin-left: 70px; padding-top: 0;}
#MyPlaces .column-2 h3 em { font-size: 70%; font-style: normal;  }
#MyPlaces .column-2 h4 { float: left; width: 60px; display: block; height: 11px; margin-top: 5px;}
#MyPlaces .column-2 .info { float: right; width: 310px; display: block;}
#MyPlaces .column-2 .rooms h4 span { background: url(../images/Global/Rooms.gif) top right no-repeat; }
#MyPlaces .column-2 .comments h4 span { background: url(../images/Global/Comments.gif) top right no-repeat; }
#MyPlaces .column-2 .summary-action { margin-left: 70px;}

.link-list { list-style: none;}
.link-list li { font-size: 1.4em;}
.link-list-buttons li { height: 30px; padding: 8px 0 5px 0; width: 100%; margin-bottom: 0px; background: url(../images/Global/LinkListBg.gif) 0 0 no-repeat;}
.link-list-buttons li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.link-list-buttons li .item { float: left;}
.link-list-buttons li .button { float: right;}

/*	=Help
----------------------------------------------- */
#Help li h4 { cursor: pointer; padding-bottom: 3px; }
#Help li { font-size: 1.4em;  }
#Help li .answer { padding: 6px 0 3px 0; border-bottom: 1px #6d6a63 solid; border-top: 1px #6d6a63 dashed; }
.js #Help li .answer { display: none; }

/*	=Show hide list
----------------------------------------------- */
ul.show-hide-list li h4 { cursor: pointer; padding-bottom: 3px; font-size: 1.4em; color: #9EAB3D;}
ul.show-hide-list li { font-size: 1.2em; }
ul.show-hide-list li .answer { padding: 6px 0 3px 0; border-top: 1px #d0cec9 dashed; }
.js ul.show-hide-list li .answer { display: none; }

/*	=Colours
----------------------------------------------- */
#Colours { width: 100%; position: relative;}
#Colours .palette { width: 450px; margin: 10px 0 0 0;}
#Colours .palette ul { list-style: none;}
#Colours .palette ul li { border: none; display: block; float: left; margin: 0 10px 10px 0; position: relative; height: 30px; width: 42px;  z-index: 1;}
#Colours .palette ul li.first { margin-left: 0;}
#Colours .palette ul li .color {display: block; height: 31px; width: 42px; position: relative; z-index: 1;}
#Colours .palette ul li .color .color-printable { overflow: hidden; }
#Colours .palette ul li .color .border-box { height: 0px; width: 26px; position: absolute; left: 0; top: 0px; z-index: 1; display: block;}
#Colours .palette ul li .color .frame { position: absolute; top:0; left: 0; z-index: 2; height: 100%; width: 100%; background: transparent url(../images/Global/ColourBlock.gif) 0 0 no-repeat; }
#Colours .palette ul li a.c-block { position: absolute; top: 0; left: 0; height: 30px; width: 42px; z-index: 3; text-indent: -999em;}
#Colours .palette ul li .tip { z-index: 100; padding: 3px 2px 3px 2px; background: url(../images/Global/ColourTip.png) 0 0 no-repeat; width: 106px; height: 106px; text-align: center; position: absolute; top:-87px; left: -30px; display: none;}
#Colours .palette ul li .tip .name { overflow: hidden; position: absolute; z-index: 100; top: 3px; left: 5px; width: 81px; height: 35px; padding: 0 3px;} 
#Colours .palette ul li .tip .edit { position: absolute; z-index: 100; bottom: 53px; left: 6px; width: 88px; display: block; background: #d3d0c7; padding: 0 0 1px 0;}
#Colours .palette ul li .tip .large { color: #6d6a63; z-index: 100; cursor: pointer; position: absolute; bottom: 35px; left: 6px; width: 88px; display: block; background: #d3d0c7; padding: 0 0 1px 0;}
#Colours .palette ul li .tip a { color: #6d6a63;}
#Colours .palette ul li .tip .edit a,
#Colours .palette ul li .tip .large a { text-decoration: none; display: block;}
#ColourPickerContainer { width: 360; margin: 0 0 10px 10px;}
#ColourView { display: none; background: url(../images/Global/ColourViewLargeBg.png) 0 0 no-repeat; position: absolute; top: 260px; left: 34px; width: 557px; height: 285px; z-index: 100000;}
#ColourView .canvas { position: absolute; top: 10px; left: 10px; width: 537px; height: 265px; z-index: 100; display: block;}
#ColourView .close { color: #ffffff; font-size: 2.5em; padding-top: 5px; text-align: center; position: absolute; top: -60px; left: 220px; width: 100px; height: 46px; z-index: 100; display: block; cursor: pointer;background: url(../images/Global/CloseBg.png) 0 0 no-repeat;}
#ColourView .colour-name { color: #ffffff; font-size: 1.5em; padding-top: 8px; text-align: center; position: absolute; bottom: -60px; left: 0px; width: 100%; height: 41px; z-index: 100; display: block; background: url(../images/Global/ColourNameBg.png) 0 0 no-repeat;}
.standard-form .form fieldset .colours-hint { padding-left: 50px;}
#ColourPickerContainer { width: 356px; height: 176px; background: url(../images/Global/AjaxLoader.gif) 100px 80px no-repeat;}


/*	=ViewBase
----------------------------------------------- */
#ViewBase { padding-top: 10px; margin-top: 10px; border-top: 1px #CCCCCC solid;}

/*	=Calculations
----------------------------------------------- */
#Calculations { }
#Calculations h3 { color: #9EAB3D; display: block;}
#Calculations .columns { border-top: 1px #cccccc dashed; margin-top: 5px; padding-top: 5px; }
#Calculations .column { float: left;}
#Calculations .c-column-1 { width: 230px;}
#Calculations .c-column-2 { width: 230px;}
#Calculations ul li { font-size: 1.2em; }
#Calculations ul li em { font-size: 110%;  }
#Doors { position: relative;}
#Windows { position: relative;}

.folding-trigger { }
.js .folding-content { display: none; border-top: 1px #cccccc dashed; margin-top: 5px; padding-top: 5px;}

#UserDetails { font-size: 1em;}
#UserDetails .folding-content { margin-top:2px; padding-top: 2px;}
#UserDetails a { color: #858F3E; text-transform: lowercase;}
#UserDetails p { font-size: 1.2em; cursor: pointer; padding: 2px 0; }

/*	=Adverts
----------------------------------------------- */
#Skyscraper { margin: 20px 0 0 5px;}