/*
http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h2 {
	padding: 0 0 5px 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#880101;
	
}

h3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#880101;
	font-size:11px;
}
#wrapper {
	margin: 0 auto;
	width: 950px;
	
}
#header {
	width:auto;
	color: #333;
	border: 1px solid #ccc;
	height: 150px;
	margin: 0px 0px 5px 0px;
	background-color: #61162D;
	background-image: url(dex-images/header.jpg);
	background-repeat: no-repeat;
	background-position: center;	
}
#navigation {
	float: left;
	width: 900px;
	height: 40px;
	color: #000;
	margin: 20px 0px 0px 18px;
	padding: 10px 0 0 0;
	background-image: url(dex-images/nav-bar.jpg);
	background-repeat: no-repeat;	
}

#search {
	float:left;
	background-color:#0066FF;
	

}
input#search-short{
	height: auto;
	width:185px;
	background:#fff;
	background-image:url(images/search-bar.jpg);
	border: 1px solid #fff;
	color: #666;
	}
	
#globalsearch input.g-prettysearch { width:180px; height: 16px; margin-left: 25px; background: url(http://images.apple.com/global/nav/images/searchfield_repeat.png) center top repeat-x; }	

#topmenu {
	color: #000;
	padding-bottom: 5px;
	float:right;

}
.topmenu_items {
	padding: 2px 5px 6px 0;
	margin: 0;
	width: 100%;
	text-align: right;
	color: #000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.topmenu_items li {
	list-style: none;
	display: inline;
	padding-right: 12px;
}

.topmenu_items li a {
	padding: 3px 0.5em;
	text-decoration: none;
	color: #000;
}

.topmenu_items li .selected {
	color: #880101;
	text-decoration:underline;
}

.topmenu_items li a:hover {
	color: #880101;
	text-decoration:underline;
}


.topmenu_items {
	color: #000;
}



#leftcolumn {
	color: #333;
	margin: 0px 5px 10px 20px;
	min-height:860px;
	width: 165px;
	float: left;
	
}

#left-body {
	padding-top:10px;
	min-height:220px;
	
	background-image: url(dex-images/content-bar.jpg);
	background-repeat: repeat-x; 
	
}
#content {
	float: left;
	color: #666;
	margin: 0px;
	padding: 0 10px 0 10px;
	width: 535px;
	min-height:860px;
	background-image: url(dex-images/content-bar.jpg);
	background-repeat: repeat-x;

}
#content h3{
	color: #880101;
	font-size:18px;
	font-weight:bold;
	padding:10px 0 5px 0;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#content p{
	color: #666;
	font-size:11px;

}



#content-bottom { 	
 float: left;
 width: 565px;
 background-image: url(dex-images/557base.gif);
 background-repeat: no-repeat;
}

.themain_image img {
	padding: 10px 0 10px 10px;
}

#rightcolumn { 
 margin: 0px 20px 5px 5px;
 min-height:210px;
 width: 165px;
 float: left;

}

#right-body {
	padding-top:20px;
	min-height:180px;
	background-image: url(dex-images/feature-bar.gif);
    background-repeat: repeat-x; 
	
}



#rightcolumn p{ 
 color: #333;
 padding: 0px 5px 5px 10px;
 font-size:13px;
 text-decoration:none;
	
}
#rightcolumn a{ 
 color: #333;
 text-decoration:none;
	
}
#rightcolumn a:hover{ 
 color: #333;
 text-decoration:underline;
	
}

#side-banner { 
 
 margin: 8px 20px 0px 5px;
 height:300px;
 width: 165px;
 float: left;
}

#side-header {
	color:#FFF;
	font-size:14px;
	height:20px;
	padding: 5px 0 0 5px;
	background-image: url(dex-images/bar.gif);
	background-repeat: repeat-x;
}

#contact-image {
	background-image:url(images/piano.jpg);
	background-position:center;
	min-height:600px;
	
}



#side-bottom { 
 background-image: url(dex-images/165base.gif);
 background-repeat: no-repeat;
}

#album-side {
	padding: 5px 5px 5px 7px;
	
}

#basket-all {
	padding: 10px;		
}
#basket-all h3{
	color:#880101;
	font-size:11px;
}	
#basket-all p{
	color:#333;
	font-size:11px;
}
#order-form {
	padding: 10px;		
}
#order-form h3{
	color:#880101;
	font-size:11px;
}	
#order-form p{
	color:#333;
	font-size:11px;
}



#news-all {
	padding: 10px;
	min-height:600px;		
}
#news-all h3{
	color:#880101;
	font-size:11px;
}	
#news-all p{
	color:#333;
	font-size:11px;
}

#news-all a{
	color:#880101;
	font-size:11px;
	text-decoration:none;
}

#news-all a:hover{
	text-decoration:underline;
}

#news {
	padding: 10px;	
}
#news h3{
	color:#880101;
	font-size:11px;
}	
#news p{
	color:#333;
	font-size:11px;
}

#feedback {
	padding: 5px 10px 5px 10px;
	margin-top:10px;
	border: 1px solid #ccc;
	background-image: url(images/feedback-bg.jpg);
	background-repeat: repeat-x;
}

#feedback h3{
	color:#880101;
	font-size:11px;
}	
#feedback p{
	color:#333;
	font-size:11px;
}


#catelogue-listing {
	padding: 2px 5px 2px 5px;
	margin-top:5px;
	border: 1px solid #ccc;
	background-image: url(images/feedback-bg.jpg);
	background-repeat: repeat-x;
	height:52px;
}
#catelogue-listing p{
	color:#333;
	font-size:11px;
}
#catelogue-listing a {
	color:#880101;
	font-size:11px;
}


#footer { 
 width: auto;
 margin-top:20px;
 padding: 10px 20px 0 20px;
 height: 30px;
 color: #fff;
 border: 1px solid #ccc;
 background-color: #61162D;
 background-image: url(dex-images/footer_new.jpg);
 background-repeat: no-repeat;
 background-position: center;	
 clear: both;

}
#footer-details { 
 margin: 0 auto;
 padding: 0px 25px 0 25px;
 width: 910px;

}

/* Page Numbers */
.pages {

    margin: 10px 0;
    clear: left;
    font-size: 85%;
	float:right;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    border: 1px solid #fff;
    background: #fff;
	margin-left: 0.2em;
}

.pages span.current {
    border: 1px solid #000;
    font-weight: bold;
    background: #fff;
    color: #000;
}

.pages a {
    border: 1px solid #999;
    text-decoration: none;
        color: #999;

}

.pages a:hover {
    border-color: #000;
    color: #000;

}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
        border: 1px solid #333;
        color: #999;
}

/* INPUT FIELDS */
input.padfield, textarea.padfield {
	padding:0.2em;
	border: 1px solid #999;	
}

input.padfield {
	font-size:10px;
	margin: 0 0 3px 0;
	width: 250px;
	height:18px;
}
input.qty {
	font-size:10px;
	margin: 0 0 3px 0;
	width: 20px;
	height:18px;
}
input.cart-submit {
	font-size:10px;
	margin: 0 0 3px 0;
	width: 100px;
	height:18px;
}
select.padfield {
	margin: 0;
	width: 250px;
	margin-bottom: 10px;
}

textarea.padfield{
	width: 250px;
	height: 80px;
	margin-bottom: 3px;
	font-size:10px;

}

.mini_img img a {
	padding: 5px;
	border: 1px solid #ccc;
	margin-bottom:10px;
	background:#fff;
}	
.mini_img img a:hover{
	background:#ccc;
}	


div.clear {
 clear: both;
}