/*
Stylesheet language CSS 2.0
===========================
All-browser default... v1.0
===========================
*/

/*
Basic Typography...
*/
body {font-size: 0.75em; /*equiv 12px (0.0625 = 1)*/
	color: #333;
	font-family:Helvetica, Arial, sans-serif;}
	
a, a big {text-decoration:none; color:#CC0000; outline:none}
a:link {}
a:visited {}
a:active {}
a:hover, a:hover big {text-decoration:underline; color:#000;}
a[href^="http"] {background:transparent url('/baseimages/aExt_red.gif') top right no-repeat; padding-right:12px;}

h1, h2, h3, h4, h5, h6, big, .h0 {font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica; margin: 1.2em 0em 1.2em 0em; line-height:1em; font-weight:normal; color:#333;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5, big {font-size: 1.2em;}
h6 {font-size: 1.0em; font-weight: bold;}



ol, ul, li {font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color:#888;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
ul {margin-bottom:1em;}
ul, ul li {list-style:square;}
p {
	font-size: 1em; color:#888;
	line-height: 1.5em;
	margin: 0em 0em 1.2em 0em;
	}
pre {
	font-family: monospace;
	font-size: 1.0em;
	}
address {font-family: arial, verdana, helvetica, sans-serif; font-style:normal; margin-top:0;}
hr, .divider {display:block; margin:.5em 0; border:0; background-color:#666666; height:1px; color:inherit;}
hr {color:#ECF3E9; background-color: #ECF3E9; height:1px; margin:1em 0; padding:0;}

html\:abbr, abbr, acronym {border-bottom:1px dotted #999999; cursor: help;}
tt {font-family:Georgia, "Times New Roman", Times, serif; font-size:1em;}
small {font-size:.8em; line-height:1.2em;}

blockquote {}
q {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#888; font-size:1.1em;}
q:before {font-weight:bold;}
q:after {font-weight:bold;}
cite {font-family: arial, verdana, helvetica, sans-serif; font-style:normal; text-transform:uppercase; color:#333; font-size:70%;}

/* Tables */
table, tr, th, td {font-size:1em;}
table {border-collapse:collapse; border:none;
	table-layout:auto;
	empty-cells:hide;
	}
caption {font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica; color:#999999; margin:0; padding:10px; border:1px solid #eee; border-bottom-width:0px;
		caption-side:top;}
th, td {padding:1px 3px; background-color:#fff;}
th {border:1px solid #ddd; border-bottom:1px solid #99CC00; background-color:#eee; color:#000; font-weight:normal; white-space:nowrap;}
td {border:1px solid #eee;}
tbody tr.odd td {background-color:#FAFAFA;}
tbody tr:hover td {background-color:#F3F7EF;}
td.ctr {text-align:center}
th.cash, td.cash {text-align:right}
td small {color:#999;}
tfoot {font-size:0.9em; color:#999999;}

/* global defaults */
.button {cursor:pointer;}
img {border:none;}
a img {border:0px solid #404A53;}
a:hover img {border-color:#6B0000;}

/*
Structural Framework...
*/
html {margin:0; padding:0; text-align:center; height:100%; width:100%; border:0;}


/*
body {margin:0px auto 0px auto; padding:0; border:0; text-align:center; background-color:transparent; color:#444; width:972px;}
#container {display:block; position:relative; width:992px; padding:0; text-align:left; padding:0; color:inherit;}
*/

body {margin:0px auto 0px auto; padding:0; border:0; text-align:center; background-color:transparent; color:#444; width:962px;}
#container {display:block; position:relative; width:962px; padding:0; text-align:left; padding:0; color:inherit; margin:0;}



#content {display:block; position:relative; text-align:left; padding:0px; margin:0;}
#header {display:block; position:relative; padding:0px; margin:0;}
/*
#main {display:block; position:relative; height:600px; min-height:600px;}
*/
#main {display:block; position:relative; height:600px; min-height:600px; padding:0px; margin:0;}
#footer {display:block; position:relative; padding:0px; margin:0;}

/* Header */
#header {
	margin:6px 0;
}

#header #navbar {
	background:#A7A7A7 url("/baseimages/header_bg_grad.png") bottom left repeat-x;
	border:0px solid #666; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
}

#header #logoTab {display:none; position:absolute; z-index:180; top:0; left:30px; width:112px; height:133px; text-indent:-1000px; overflow:hidden; background:transparent url("/baseimages/logoTab.png") top right no-repeat;}
#header #dalesTab {display:block; position:absolute; z-index:180; top:-6px; left:30px; width:222px; height:75px; text-indent:-1000px; overflow:hidden; background:transparent url("/baseimages/dalesTab.gif") top right no-repeat;}

#header ul {display:block; position:relative; float:right; margin:2px 10px; padding:0;}
#header ul li {display:inline; margin:0;}
#header ul li + li {border-left:#333 1px solid;}
#header ul li a {color:#333; text-decoration:none; margin:0 5px;}
#header ul li.on a {font-weight:bold;} 
#header ul li a:hover {color:#CC0000; text-decoration:underlined;}
#header a[href^="http"] {background:none; padding-right:0px;}

/* Main */
#main {
	margin:5px 0;	
	background:#e1e1e1 url("/baseimages/grad_v_ff-e1.png") top left repeat-x;
	border:1px solid #999; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
}
#main .inner {padding:20px;}
#main .padtop {padding:100px 20px 20px 20px;}
#main #swf {
	z-index:0;
}
#centerTmp {text-align:center; margin:auto; padding-top:200px;}


/* homepage 
.home #main {background:#d0d0d0 url("/baseimages/grad_v_d0-ff.png") bottom left repeat-x;}
.home #main {background:#d0d0d0 url("/baseimages/launchBGgrad_v_d0-ff.png") bottom left repeat-x;}*/
.home #main {background:#d0d0d0 url("/baseimages/home_launchBGgrad_v_d0-ff.png") bottom left repeat-x;}
.home #main h1 {display:block; position:absolute; top:40px; left:50%; width:291px; height:67px; border:0px solid #fff; margin:0 0 0 -150px;
	background:transparent url("/baseimages/dalesCollection_big.gif") center center no-repeat; text-indent:-1000px; overflow:hidden;}
.home #main h1 {display:none;}

/* leftColumn */
#leftColumn {width:220px; float:left; margin:0 50px 0 10px;}
#leftColumn h1 {margin:0 0 10px 0;}

/* requesters */

#welcome {display:block; position:absolute; width:208px; top:100px; left:25px; z-index:50;}
#mustLogin {display:block; position:absolute; left:50%; top:50%; width:208px; margin:-65px 0 0 -104px; z-index:50;}
#account {display:block; position:relative; width:380px; float:left;}

.requester div {display:block; position:relative; background:transparent url("/baseimages/requester.png") top left no-repeat; font-size:0.95em; }
.requester .tl {border:0px solid red; margin:0; padding:0px; background-position:top left;}
.requester .br {border:0px solid blue; margin:0; padding:2px; bottom:-29px; right:-29px; background-position:bottom right;}
.requester .in {border:0px solid black; margin:0; margin:0px; left:-18px; top:-20px; padding:0 10px; background-position:-15px -15px;}
.requester .tr {border:0px solid yellow; width:29px; height:29px; position:absolute; top:0px; right:-29px; background-position:top right;}
.requester .bl {border:0px solid orange; width:29px; height:29px; position:absolute; bottom:-29px; left:0px; background-position:bottom left;}
.requester .heading {margin:0; font-size:1.4em; line-height:28px; border:0px solid #333;}
.requester p {margin:1em 0;}
.requester ul.userNav {margin:0 -10px 10px -10px; list-style-type:none; padding:0; text-indent:0;}
.requester ul.userNav li {margin:0; text-indent:0; list-style-type:none; border:1px solid #eee; border-width:1px 0px;}
.requester ul.userNav li + li {border-width:0px 0px 1px 0px;}
.requester ul.userNav a {display:block; position:relative; padding:2px 10px; background:transparent url("/baseimages/userNavOver.gif") 100px 100px no-repeat;}
.requester ul.userNav a:hover, .requester ul.userNav li.on a {background-position:center left; text-decoration:none;}

/* login */
#login {display:block; position:absolute; top:35%; left:50%; margin:0 0 0 -170px; padding:0; width:320px; z-index:9999;}
#login .x {display:block; position:absolute; top:7px; right:7px; margin:0; padding:0; width:14px; height:13px; z-index:100; background:transparent url("/baseimages/xBulb.gif") top left no-repeat; text-indent:-1000px; overflow:hidden;}
#login .x:hover {background-position:bottom left;}

form {margin:0 -10px; padding:0px;}
form fieldset {margin:0 0 10px 0; padding:0px; border:none;}
form p.error, form p.done {display:block; position:relative; margin:0 0px 16px 0px; padding:10px; color:#000; font-size:1.1em; font-weight:normal; line-height:1.2em; background:#FFFFCC url("/baseimages/alertBgStripe.gif") 4px 4px repeat; border-top:1px solid #ddd; border-bottom:1px solid #FFAF38;}
form p.error .mrkr, form p.done .mrkr  {display:block; position:absolute; height:11px; width:20px; bottom:-11px; left:50%; margin-left:-10px; background:transparent url("/baseimages/alertMarker.gif") bottom left no-repeat;}
form p.done {background:#CCFFCC url("/baseimages/successBgStripe.gif") 4px 4px repeat; border-bottom:1px solid #A8C86F;}
form p.done .mrkr {background-image:url("/baseimages/successMarker.gif");}
form p.instruction {display:block; position:relative; margin:0 0px 0px 0px; padding:10px; color:#000; font-size:1.1em; font-weight:normal;}
form label {display:block; border:1px solid #ddd; border-width:1px 0px; margin:0 0px -1px 0px; padding:2px 0px 2px 10px; text-align:right; font-size:1.2em;}
form label strong {display:block; position:relative; float:left; width:90px; line-height:1.7em; text-align:left; font-weight:normal;}
form label input, form label .disimput, form textarea, 
form label select {font-family:Helvetica, Arial, sans-serif; color:#666666; display:block; position:relative; float:left; border:1px solid #ccc; width:200px; line-height:1em; font-size:1.1em; padding:3px 1px 1px 1px;}
form label select {width:204px;}
form label .disimput {border:none; text-align:left;}
form label .disimput small{}
form label br {display:none;}
form .submit {display:block; position:relative; border:2px solid #fff; outline:1px solid #ccc; color:#333; background-color:#eee; line-height:1.8em; font-size:1.2em; padding:.2em .5em; font-weight:bold; float:left; margin:10px 10px 10px 100px; cursor:pointer;}
form .submit:hover {color:#fff; outline:1px solid #669900; background-color:#669900;}
form .submit:active {color:#fff; outline:1px solid #CC0000; background-color:#CC0000;}
form .action {display:block; position:relative; line-height:2em; float:right; margin:12px;}

.tip {color:#666666; display:block; position:relative; width:auto; float:left; clear:both; padding:.5em 1em .3em 1em; background-color:#eee;
border:1px solid #fff; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; left:-.5em;}

#blackout {display:block; position:fixed; top:0; left:0; margin:0; padding:0; width:100%; height:100%; z-index:999;
background-color:#000000;
opacity: 0.6; /* Safari, Opera */
-moz-opacity:0.60; /* FireFox */
filter: alpha(opacity=60); /* IE */
}

/* account form
(differences from default) */
#account form label strong {width:130px;}
#account form .submit {margin-left:140px;}
#account form .centered {margin:10px;}



.requester .in .notification {background-color:#FFFFCC; margin:0 -10px; padding:10px;}
.requester .in .white {background-color:#fff;}

/* old 230210
ul#launch {display:block; position:absolute; width:380px; left:50%; bottom:0px; margin:0 0 0 -190px; padding:0; border:0px solid #fff;}
ul#launch li {display:block; position:relative; height:450px; width:178px; margin:0;}
ul#launch li.builder {background:transparent url("/baseimages/doorButton_builder.jpg") bottom left no-repeat; float:left;}
ul#launch li.gallery {background:transparent url("/baseimages/doorButton_gallery.jpg") bottom left no-repeat; float:right;}
ul#launch li a {display:block; position:relative; width:132px; height:42px; top:213px; left:20px; border:0px solid #990000; text-indent:-1000px; overflow:hidden;}
ul#launch li.builder a {background:transparent url("/baseimages/startFromScratch.jpg") top left no-repeat; left:22px;}
ul#launch li.gallery a {background:transparent url("/baseimages/viewOurGallery.jpg") top left no-repeat;}
ul#launch li a:hover {background-position:bottom left;}
*/
/* old 080310
ul#launch {display:block; position:absolute; width:380px; left:50%; bottom:0px; margin:0 0 0 -190px; padding:0; border:0px solid #fff;}
ul#launch li {display:block; position:relative; height:494px; width:178px; margin:0;}
ul#launch li.builder {background:transparent url("/baseimages/door_builder.jpg") bottom left no-repeat; float:left;}
ul#launch li.gallery {background:transparent url("/baseimages/door_gallery.jpg") bottom left no-repeat; float:right;}
ul#launch li a {display:block; position:relative; width:132px; height:42px; top:213px; left:18px; border:0px solid #990000; text-indent:-1000px; overflow:hidden;}
ul#launch li.builder a {background:transparent url("/baseimages/startFromScratch.jpg") top left no-repeat; left:20px;}
ul#launch li.gallery a {background:transparent url("/baseimages/viewOurGallery.jpg") top left no-repeat;}
ul#launch li a:hover {background-position:bottom left;}
*/
ul#launch {display:block; position:absolute; width:435px; left:50%; bottom:0px; margin:0 0 0 -190px; padding:0; border:0px solid #fff;}
ul#launch li {display:block; position:relative; height:534px; width:204px; margin:0;}
ul#launch li.builder {background:transparent url("/baseimages/home_door_design.jpg") bottom left no-repeat; float:left;}
ul#launch li.gallery {background:transparent url("/baseimages/home_door_gallery.jpg") bottom left no-repeat; float:right;}
ul#launch li a {display:block; position:relative; width:131px; height:42px; top:243px; left:34px; border:0px solid #990000; text-indent:-1000px; overflow:hidden;}
ul#launch li.builder a {background:transparent url("/baseimages/home_door_design_button.jpg") top left no-repeat;}
ul#launch li.gallery a {background:transparent url("/baseimages/home_door_gallery_button.jpg") top left no-repeat;}
ul#launch li a:hover {background-position:bottom left;}


/* reseller nav */
ul#resellerNav {display:block; position:absolute; z-index:100; bottom:20px; right:20px; margin:0; padding:0;}
ul#resellerNav li {display:inline; margin:0;}
ul#resellerNav li + li {border-left:#333 1px solid;}
ul#resellerNav li a {margin:0 5px; margin:0 5px;}

.requester ul#resellerNav {display:block; position:absolute; z-index:100; bottom:inherit; top:100%; right:inherit; left:0px; margin:20px 0 0 0; padding:0;}
.requester ul#resellerNav {display:block; position:relative; bottom:0; top:0; right:0; left:0; margin:2em 0px 1em -5px; padding:0;}

/* Footer */
#footer {display:block; position:relative; margin-top:10px;}
#footer #euroTab {display:block; position:relative; float:left; margin:0 10px 0 0; width:129px; height:65px; text-indent:-1000px; overflow:hidden; background:transparent url("/baseimages/euroTab.png") top right no-repeat;}
.xrevised #footer {text-align:right;}
.xrevised #footer #euroTab {text-align:left; display:block; position:relative; float:right; margin:0 30px 0 0; width:129px; height:65px; text-indent:-1000px; overflow:hidden; background:transparent url("/baseimages/euroTab.png") top right no-repeat;}


/* rounded corners */
.corners b {display:block; position:absolute; z-index:998; width:7px; height:7px; background:transparent url("/baseimages/corners.gif") top left no-repeat;}
.corners .tl {top:-1px; left:-1px; background-position:top left;}
.corners .tr {top:-1px; right:-1px; background-position:top right;}
.corners .br {bottom:-1px; right:-1px; background-position:bottom right;}
.corners .bl {bottom:-1px; left:-1px; background-position:bottom left;}

/*important globals*/
input[type="hidden"] {display:none!important;}
input.hidden, .hidden {display:none!important;}
.hidden {display:none!important; visibility:hidden!important;}
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {display:block;}
* html .clear {height:1px;}

h1.newTitle {display:block; visibility:hidden; position:relative; height:0px!important; padding:0!important; margin:0!important; float:right; bottom:0;}