a:link {
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #800040;
}
a:visited {
	color: #800040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #004080;
}
a:active {
	text-decoration: none;
}
img {
        border: none;
}
body {
	background-attachment: fixed;
	background-image: url(../images/S-Bahn%20Logo%20grey%20windmill.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
        color: #000;
} 
.GigListingHeader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000;
}

.order_cds {
	width: 400px;
	border: 0;
	text-align: center;
}

#wrapall {
        font-family: 'Roboto Condensed', sans-serif;
    }
	
#wrapall a:link{
        font-family: 'Roboto Condensed', sans-serif;
	text-align:center;
	text-decoration: none;
	font-weight: bold;
	color: #800040;
    }
#wrapall a:visited {
	color: #800040;
	font-weight: bold;
	text-decoration: none;
}
#wrapall a:hover {
	text-decoration: none;
	color: #004080;
}
#wrapall a:active {
	text-decoration: none;
}

#wraptop {
	text-align:center
	}
#order_header_1 {
	font-size: 24px;
	font-weight: bolder;
	background-color: #FFF;
	display: inline-block;
	padding: 5px;
}
#order_header_2 {
	font-size: 16px;
	background-color: #FFF;
	display: inline-block;
	padding: 5px;
	font-style: italic;
}
#order_header_3 {
	font-size: 12px;
	background-color: #FFF;
	display: inline-block;
	padding: 5px;
}
#wrapcentre {
	font-size: 12px;
	text-align: center;
}
#view_audio_page{
	font-size: 16px;
	font-weight: bolder;
	background-color: #FFF;
	display: inline-block;
	padding: 10px;
}
#order_cds_wrapper {
	font-size: 16px;
	padding: 3px;
	text-align: center;
        vertical-align:  middle;
        margin: 0 auto;
       
        display: inline-block;
}
#order_cds_div_table {
	font-size: 16px;
        font-weight: bolder;
	padding: 3px;
	display: table;
        text-align: left;
        position: relative;
        float: left;
        background: none;
        vertical-align: bottom;
       
}
        /** futile attempt at redefining the br element:
#order_cds_div_table br {
	padding: 120px;
        **/

.order_cds_row {
	display: table-row;
	background-color:#FFF;
	display: inline-block;
	
	vertical-align: bottom;
    }
.order_cds_row_spacer {
	display:  table-cell;
	height: 35px;

	
	
	vertical-align: bottom;
    }
.order_cds_left {
	display: table-cell;
	vertical-align: bottom;
	text-align:left;
	}
.order_cds_right {
	display: table-cell;
	text-indent: 10px;
	vertical-align: top;
    }
.order_cds_table_td_button {
	background-color: #FFF;
	text-align:center;
	vertical-align: bottom;
}
.order_cds_table_td_text {
	background-color: #FFF;
	text-align:left;
	vertical-align: middle;
	text-indent: 5px;
}
#order_paypal_wrapper {
        font-size: 12px;
        position: relative;
        top: 0;
        right: 0;
        margin-left: 15px;
        margin-right: 0px;
        background-color: #fff;
        text-align: right;
        vertical-align: bottom;
        float: right;
}
.order_paypal_text {
        position: relative;
        background-color: #fff;
        text-align: center;
        display: inline-block;
	padding: 5px;
}
#commentswrapper {
        position: relative;
        margin-left: 10%;
        margin-right: 10%;
        background-color: none;   
        text-align: left;
}
.comments_header {
	font-size: 16px;
	font-weight: bolder;
	background-color: #FFF;
	display: inline-block;
	padding: 5px;
}

.comments_content {
        font-size: 12px;
        font-style: italic;
	background-color: #FFF;
	display: inline-block;
	padding: 5px;
        }
#footerwrapper {
	text-align: center;
        }

.footer {
	font-size: 14px;
       	background-color: #FFF;
	display: inline-block;
	padding: 5px;
        
	}
        
/* 3. Mobile (Portrait)  *************************************************************/
/* Note: Design for a width of 320px */

@media only screen and (max-width: 479px) {
    #wrapcentre img {
	max-width: 300px;
        height: auto;
    }    
    #order_cds_div_table {
    font-size: 14px;
    padding: 3px;
    text-align: left;
    vertical-align: bottom;
    }
    .order_cds_right {
    vertical-align: middle;
}
    #order_paypal_wrapper {
    float: left;
    font-size: 12px;
    margin: 15px 0 15px 45px;
    position: relative;
    text-align: center;
    vertical-align: bottom;
    }
}