/* RESET CSS */
body {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6,form, p, ol, ul, li , dl, dt, dd, blockquote,fieldset,legend {
    margin: 0px;
    padding: 0px;
}
ol, ul{
    list-style: none;
}
a {
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    text-decoration: underline;
}
a:focus {
    outline: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img{
	border:0px;
}

.wai{
    display:none;
}
.cb{
    clear:both;
}
.cl{
    clear:left;
}

/*  site's CSS */

body{
    font-size:0.625em;
    text-align:left;
    background: #744A86;
	font-family: helvetica, arial, sans-serif;
}
#page{
	width: 945px;
	background: #46166b url(../img/page-bg.gif) right 0 repeat-y;
	padding:0 23px 0 23px;
    position:relative;
    margin:0px auto 0 auto;
    overflow:hidden;
    height:100%;
}

/*  the header  */
#header {
	height: 144px;
    background:#46166b;
    position:absolute;
    top:0px;
    width:945px;
}
#logo{
    float:left;
    width:286px;
    height:144px;
    background: url("../img/dsl-logo.gif") no-repeat top left;
}
#logo h1 a{
    text-indent:-5000px;
	overflow: hidden;
    width:287px;
    height:152px;
    display:block;
}

/*  upper address  */
#header address{
    float:right;
    margin-right:25px;
    display:inline;
    padding:3px 20px 3px 0;
    border-right:3px solid #feb913;
    margin-top:90px;
    width:400px;
    line-height:140%;
    color:#fff;
    font-style: normal;
    font-size:110%;
    text-align:right;
}
#header address span{
    padding-left: 3px;
}
#header address strong{
    font-size:110%;
}
#header address a{
    color:#fff;
}

/* top navigation*/
ul#topnav{
    height:24px;
    background:#feb913;
    width:945px;
    position:absolute;
    top:144px;
    padding:13px 0;
}
ul#topnav li{
    float:left;
    margin-left:27px;
    display:inline;
    font-size:140%;
}
ul#topnav li a{
    color:#fff;
    height:24px;
    line-height:24px;
    display:block;
    padding:0 5px 0 8px;
    border-left:5px solid #fff;
}
* html ul#topnav li a {
   float:left;
}

ul#topnav li a:hover{
    color:#46166b;
    text-decoration:none;
    border-left:5px solid #46166b;
}
ul#topnav li a.clicked{
    color:#46166b !important;
    text-decoration:none;
    border-left:5px solid #46166b !important;
}

/*  the stage  */
ul.stage{
    position:absolute;
    top:194px;
    height:237px;
    background:#feb913;
    width:945px;
}
ul.stage li{
    float:left;
    margin-left:7px;
    display:inline;
    position: relative;
}
ul.stage li.first{
    margin-left:0px !important;
}
ul.stage li span {
	top: 0;
	left: 0;
	background: 0 0 no-repeat;
	display: block;
	height: 237px;
}

/*  the wrapper  */
#wrapper{
    overflow:auto;
    background: #feb913 left 35px no-repeat;
    margin-top:431px;
    color:#46166b;
    width:945px;
}

#wrapper h2{
    padding:0px 0 0px 261px;
    height:35px;
    line-height:35px;
    font-size:170%;
}

#wrapper .sideimage {
	background: #feb913 0 0 no-repeat;
	margin-top: 35px;
	position: absolute;
	width: 231px;
}

/*  content  */

#content{
    background:#ffe293;
    line-height:140%;
    font-size:130%;
    float:left;
    padding:30px;
    width:654px;
    margin-left:231px;
    display:inline;
}
#content.fullwidth{
    width:885px !important;
    margin-left:0px !important;
}

#content h1,
#content h3{
    font-size:115%;
    padding:0 0 10px 0;
}
#content a{
    color:#46166b;
    text-decoration:underline;
}
#content a:hover{
   text-decoration:none;
}

/*  gallery  */

ul.gallery-list{
    width:100%;
    float:left;
}
ul.gallery-list li{
    float:left;
    width:131px;
    margin-left:25px;
    display:inline;
}
ul.gallery-list li.first{
    margin-left:0px !important;
}
ul.gallery-list li a img{
    height:106px;
    width:131px;
    float:left;
}
ul.gallery-list li a {
    text-decoration:none !important;
}
ul.gallery-list li a span{
    color:#46166b;
    background: url("../img/arrow.gif") no-repeat right center;
    padding-right:20px;
    font-size:85%;
    clear:both;
}
ul.gallery-list li a:hover{
    text-decoration:none !important;
}

/* contact page */
.contactaddress{
    font-style:normal;
}

form#contactform{
    width:490px;
}
#contactform br{
   display:none;
}
form#contactform label{
    float:left;
    width:85px;
    padding-right:10px;
    padding:5px 0;
    clear:left;
}
form#contactform input{
    float:left;
    width:258px;
    height:18px;
    background:#fff;
    border:1px solid #fff;
    margin:5px 0;
}

#contactform fieldset{
    border:none;
    padding-top:10px;
    margin:10px 0;
}
#contactform fieldset label{
   clear:none;
   padding-right:15px;
   font-size:90%;
   width:auto;
}
form#contactform input.checkboxes{
    float:left;
    width:15px;
    height:15px;
    background:#fff;
    margin-right:15px;
    border:0px;
    background:transparent !important;
}
form#contactform input#send{
    width:53px;
    border:0px;
    height:24px;
    clear:both;
    background: url("../img/submit-btn.gif") no-repeat left top;
    text-indent:-5000px;
    overflow:hidden;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}

#contactform .invalid {
	overflow: hidden;
	clear: both;
}
.invalid {
	color: #990000;
	background: #ffe8a3;
}

/* left menu */
ul#leftmenu {
    width:230px;
    font-size:150%;
    position:absolute;
    top:466px;
}
ul#leftmenu li{
    margin-bottom:17px;
    width:180px;
    display:inline;
    margin-left:28px;
    clear:both;
    float:left;
}

ul#leftmenu li a{
    display:block;
    height:25px;
    text-indent:14px;
    background: #fff;/*#ffe293*/
    color:#feb913;
    line-height:25px;
}
ul#leftmenu li a:hover{
    color: #46166b;
    /*background:#ffecbf;*/
    text-decoration:none;
}
ul#leftmenu li a.clicked{
    background-color: #46166b;
    color:#fff;
}

/* window page */
.detailed-view{
    float:right;
    width:370px;
    margin-top:-30px;
    margin-bottom:30px;
}
ul.action-list{
    width:200px;
    margin:0 auto 0 auto;
    padding-bottom:30px;
    overflow:auto;
}
ul.action-list li{
    float:left;
    width:100%;
    padding-bottom:5px;
}
ul.action-list li a{
    background: url("../img/action-list-arrows.gif") no-repeat right top;
    height:13px;
    color:#46166b;
    display:block;
    text-decoration:none !important;
    line-height:13px;
}
ul.action-list li a:hover{
    background: url("../img/action-list-arrows.gif") no-repeat right bottom;
    height:13px;
    color:#9053a1 !important;
}
.detailed-view img{
    margin: 0px auto 0 auto;
    display:block;
    clear:left;
}
/* the tables */

.specifications{
    float:left;
    width:270px;
    clear:left;
}
.specifications thead{
    background:#fff;
    border-bottom:1px solid #9f87b2;
    font-size:90%;
}
.specifications thead th.firstcol{
    border-right:1px solid #9f87b2;
}
.specifications td{
    background:#fff;
    border-bottom:1px solid #9f87b2;
    color:#532776;
    padding:2px 5px;
}
td.firstcol{
    border-right:1px solid #9f87b2;
    color:#413d3e;
    text-align:right;
    width:160px;
}
td.heading{
    background:#ffe293;
}
td.option-checked{
    background: url("../img/checked.gif") no-repeat center center #fff;
    text-indent:-5000px;
    overflow:hidden;
}
td.option-not-checked{
    text-indent:-5000px;
    overflow:hidden;
}

/* THUMBNAILS */

.thumb img {
	border: none;
}

.thumb a {
	display: block;
	height: 106px;
	width: 131px;
	text-decoration: none;
	text-align: center;
}

.gallery {
	margin-bottom: 25px;
	clear: both;
}

.gallery .thumb {
	float: left;
	width: 131px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.gallery .thumb a {
	height: auto;
}

.gallery .clear {
	clear: both;
}


/*footer style */

#footer{
    background:#46166B;
    color:#fff;
    font-size:110%;
    padding:15px 15px 5px 8px;
    clear:both;
    font-size:90%;
}
ul.logolist{
    float:left;
    width:460px;
}
ul.logolist li{
    float:left;
    display:inline;
    margin-left:7px;
}
ul.logolist li a{
    overflow:hidden;
    text-indent:-5000px;
    display:block;
    height:25px;
    cursor: default;
}
ul.logolist li a.andersenlogo{
    background: url("../img/andersen.gif") no-repeat left center;
    width:124px;
}
ul.logolist li a.doorialogo{
    background: url("../img/dooria.gif") no-repeat left center;
    width:84px;
}
ul.logolist li a.howarthlogo{
    background: url("../img/howarth.gif") no-repeat left center;
    width:78px;
}
ul.logolist li a.rotpunktlogo{
    background: url("../img/rot-punkt.gif") no-repeat left center;
    width:26px;
}
ul.logolist li a.tantumslogo{
    background: url("../img/tantums-fonster.gif") no-repeat left center;
    width:27px;
}
ul.logolist li a.westcoastlogo{
    background: url("../img/westcoast-windows.gif") no-repeat left center;
    width:69px;
}

#footer {
    height: 35px;
}
#footer address{
    float:right;
    font-style:normal;
    width:435px;
    text-align:right;
    padding-top:0px;
}
#footer address span{
    padding-left: 1px;
}
#footer a {
    color:#fff;
}

#design{
    color: #fff;
    width:945px;
    text-align:right;
    position: relative;
    margin:0 auto;
    top: -36px;
    right: 15px;
}
#design a {
    color: #fff;
}

#underfooter{
    clear:both;
    width:991px;
    margin:0 auto;
    background:  url(../img/footer-bg.gif) bottom left no-repeat;
    height:41px;
}