/* CSS Document */
body{
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	height:auto;
}

/*===================================================================*/
/*===================================================================*/
/* THE MAIN DIVS WITHIN THE PAGE CONTAINING ALL THE POSITIONING etc. */
/*===================================================================*/

#topshadow{
	width:970px;
	margin:0px auto;
	background-image:url('../graphics/drop_shadow_top.gif');
	background-position:center;
	background-repeat:no-repeat;
	height:15px;
	background-color:#fef0ff;
}
#bottomshadow{
	width:970px;
	margin:0px auto;
	background-image:url('../graphics/drop_shadow_bottom.gif');
	background-position:center;
	background-repeat:no-repeat;
	height:24px;
}

#message{
	width:100%;
	margin-top:3px;
}
#message_div{
	background-color:red;
	color:white;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

#page{
	background-image:url('../graphics/drop_shadow_middle.gif');
	background-position:center;
	background-repeat:repeat-y;
}

#page_div{
	position:relative;
	top:0px;
	left:0px;
	width:950px;
	margin:0px auto;
	padding:0px;
	border:1px solid #cdcdcd;
}

#header{
	position:relative;
	top:-10px;
	margin-bottom:-10px;
	height:75px;
	background-color:#fef0ff;
	background-image:url('../graphics/banner.jpg');
	background-repeat:no-repeat;
	background-position:top;
}

#header_div{
	position:absolute;
	padding:3px;
}

#mainnav{
	position:relative;
	width:100%;
	height:25px;
	background-image:url('../graphics/main_nav_background.jpg');
}

#mainnav_div{
	padding:0px;
	line-height:24px;
	border:1px solid #999999;
	border-left:none;
	border-right:none;
}

#mainnav_right{
	position:absolute;
	top:0px;
	right:5px;
	line-height:24px;
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:bold;
	color:#666666;
}

#subnav{
	float:left;
	width:185px;
	font-size:0.8em;
}

#subnav_div{
	padding:5px;
	padding-right:0px;
}


#subnav_right{
	float:left;
	width:185px;
	font-size:0.8em;
}

#subnav_right_div{
	padding:5px;
	padding-right:0px;
}

#content{
	width:760px;
	float:right;
	overflow:auto;
}

#content_div{
	margin-top:2px;
	font-size:90%;
	line-height:1.5em;
	padding:5px;
	padding-left:0px;
  	min-height:500px;
  	height:500px;
}

div[id] #content_div {
   height:auto;
}

#middle_section{
	width:100%;
}

#middle_section_div{ 
	min-height:700px;
	border:1px solid red;
}


#footer{
	clear:both;
	width:100%;
}

#footer_div{
	padding:3px;
	padding-top:0px;
	margin-top:15px;
	text-align:center;
	border-top:1px solid #cdcdcd;
	background-color:#dedede;
	height:100%;
	font-size:0.8em;
}

#random_products{
	padding:3px;
	width:170px;
	right:5px;
	top:5px;
	position:absolute;
	text-align:center;
}
#homeinfo{
	left:5px;
	right:185px;
	top:5px;
	position:absolute;
	text-align:justify;
}

/*===================================================================*/
/* END OF CSS POSITIONING                                            */
/*===================================================================*/
/*===================================================================*/


/*===================================================================*/
/*===================================================================*/
/* MAIN NAV STYLING                                                  */
/*===================================================================*/
#mainnav_div ul {
	position:relative;
	bottom:1px;
	list-style-type:none;
	margin:0px;
	margin-left:10px;
	padding:0px;
	height:100%;
	height:24px;
	line-height:100%;
	line-height:24px;
	text-align:left;
}

#mainnav_div li {
 	padding:0px;
	margin:0px;
	margin-right:-6px;
	display:inline;
}

#mainnav_div li a {
 	text-decoration: none;
	text-transform:uppercase;
	font-size:0.8em;
	text-align:center;
	font-weight:bold;
	padding:5px 10px;
	border:1px solid #999999;
	border-bottom:none;
	border-top:none;
	color:#666666;
}

#mainnav_div li.current a:hover{
}

#mainnav_div li.current a{
	color:#000000;
	
}
#mainnav_div li a:hover, #mainnav_div li.current a {
	background-image: url('../graphics/main_nav_background_over.jpg');
	color:#ffffff;
}
/*===================================================================*/
/* END OF MAIN NAV STYLING                                           */
/*===================================================================*/
/*===================================================================*/


/*===================================================================*/
/*===================================================================*/
/* SUB NAV STYLING                                                   */
/*===================================================================*/
#subnav_div ul, #subnav_right_div ul {
	list-style-type:none;
	margin:0px;
	padding:5px 0px;
	text-align:left;
	border:1px solid #999999;
	background-color:#fdfdfd;
}

#subnav_div ul li, #subnav_right_div ul li {
 	padding:0px;
	padding-right:3px;
	margin:0px;
/*	height:16px; */
	line-height:16px;
}

#subnav_div ul li a, #subnav_right_div ul li a {
 	text-decoration: none;
	padding:0px;
	margin:0px;
	padding-left:10px;
	color:#666666;
	display:block;
	width:inherit;
	border-bottom:1px solid #efefef;
}

#subnav_div ul li.current a:hover, #subnav_right_div ul li.current a:hover{
}

#subnav_div ul li.current a, #subnav_div ul li a:hover, #subnav_right_div ul li.current a, #subnav_right_div ul li a:hover, .today {
	background-color:#be95be;
	color:#ffffff;
}

#hours_div{
	padding:5px;
}
/*===================================================================*/
/* END OF SUB NAV STYLING                                            */
/*===================================================================*/
/*===================================================================*/


/*===================================================================*/
/*===================================================================*/
/* FOOTER STYLING                                                    */
/*===================================================================*/
#footer_div ul {
	list-style-type:none;
	margin:3px -1px;
	padding:0px;
	font-weight: bold;
	font-size:0.9em;
}
#footer_div li {
 	padding: 0px;
	display:inline;
}
#footer_div li a:hover {
	text-decoration:underline;
}
#footer_div li a {
 	text-decoration: none;
 	padding: 0px 2.5px;
	color: #333333;
}
#footer_div li.current a{
	color:#000000;
	text-decoration:underline;
}
/*===================================================================*/
/* END OF FOOTER STYLING                                             */
/*===================================================================*/
/*===================================================================*/


/*===================================================================*/
/*===================================================================*/
/* CSS STYLING                                                       */
/*===================================================================*/

/* This highlights search terms within a product */
.searchword{
	color:#CC66CC;
	font-weight:bold;
}

/* ensure that there is no unneccessary space around forms */
form{
	margin:0px;
	padding:0px;
}


/*the pink expanding sections in the side bar */
.sideHeader{
	/*position:relative;*/
	text-align:center;
	text-transform:uppercase;
	padding:3px 0px;
	margin:0px;
	margin-top:2px;
	margin-bottom:-1px;
	width:inherit;
	display:block;
	color:#666666;
	font-weight:bold;
	line-height:15px;
	background-image:url('../graphics/main_nav_background.jpg');
	border:1px solid #999999;
}

/*the pink heading to table columns */
.tableHeader{
	text-transform:uppercase;
	padding:3px;
	margin:0px;
	color:#666666;
	font-weight:bold;
	font-size:0.8em;
	line-height:15px;
	background-image:url('../graphics/main_nav_background.jpg');
	border:1px solid #999999;
}

/*the links to expand/collapse the side bits*/
#subnav_div a, a.toggle, #subnav_right_div a{
	text-decoration:none;
}
#subnav_div .sideHeader:hover, #subnav_right_div .sideHeader:hover, a.toggle h2:hover{
	background-image: url('../graphics/main_nav_background_over.jpg');
	color:#ffffff;
}

h4{
	text-transform:uppercase;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	padding:0px;
	margin:3px 1px;
	border-bottom:2px solid #666666;
}

/*the boxes that expand/collapse*/
.sideBox{
	margin:0px;
	margin-bottom:5px;
	text-align:center;
	border:1px solid #999999;
	background-color:#fdfdfd;
	height:auto;
}

.sideBox input, .sideBox select{
	font-size:0.9em;
	margin:2px 0px;
}

.sideBox td{
	border-bottom:1px solid #efefef;
	text-align:left;
}

/*all images in the content div*/
#content_div img{
	/*padding:5px;*/
}

/*the error message when login doesn't work*/
#login_error, .warning{
	color:red;
	font-weight:bold;
}

.logos{
	/*The logos on the front page*/
	padding:10px 3px;
	text-align:center;
}

#login_div{
	display:block;
	margin:0px;
}

/* the section headings on the pages */
h2 {
	text-align:center;
	text-transform:uppercase;
	padding:3px 0px;
	margin:0px;
	width:inherit;
	display:block;
	color:#666666;
	font-weight:bold;
	line-height:15px;
	background-image:url('../graphics/main_nav_background.jpg');
	border:1px solid #999999;
	font-size:0.9em;
}

/* the labels */
.label, .tabon, .taboff{
	font-size:0.9em;
	display:block;
	width:120px;
	color:#666666;
	font-weight:bold;
	line-height:15px;
	text-transform:uppercase;
}

#content_div .sideBox div{
	/*padding:5px;*/
}
#content_div .sideBox{
	position:relative;
	padding:5px;
	top:-1px;
}

/* any pills within the site */
.pill{
	width:75px;
}

#thumb_exp{
	display:block;
	padding:0px;
}

form{
	display:inline;
}

.search_link{
	/*this is the links that are returned as an unordered list by ajax to search queries */
}

#blank_image{
	display:block;
	width:75px;
	height:75px;
	margin:auto;
	margin-bottom:2px;
	background-color:white;
}

#empty_basket{
	display:block;
	height:200px;
	width:inherit;
	border:1px solid #999999;
	padding-left:170px;
	padding-top:90px;
	background-image:url(../graphics/basket.gif);
	background-position:50px 50%;
	background-repeat:no-repeat;
	line-height:1.3em;
	font-size:2em;
	font-weight:bold;
}

.basketItem_odd, .basketItem_even{
	display:block;
	width:inherit;
	position:relative;
	text-align:left;
	border-bottom:1px solid #ccc;
}

h3{
	font-size:1.1em;
	font-weight:bold;
	color:#666666;
	margin:1px;
	padding:0px;
}

.colHeading{
	font-weight:bold;
	text-transform:uppercase;
	color:#666666;
	border-bottom:1px solid #666666;
	font-size:0.8em;
}

#discountComment{
	margin-top:5px;
	display:block;
	text-align:center;
	width:inherit;
	font-size:0.9em;
	font-weight:bold;
	color:#666666;
}

.navigation{
	clear:both;
	display:block;
	width:inherit;
	text-align:center;
}

#main_basket_div .product_normal, #main_basket_div .product_highlight{
	height:auto;
	overflow:visible;
}
#main_basket_div .product_right_col, #main_basket_div .product_left_col{
	padding:0px;
	margin:0px;
}
.search{
	font-weight:bold;
	background-color:#ffe0ff;
	border:1px solid #cdcdcd;
	padding:0px 1px;
	text-transform:uppercase;
}


/* put a border round all product images */
.prodshot{
	border-left:1px solid #666666;
	border-top:1px solid #666666;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:0px;
	padding:0px;
}

.prodshot_over{
	border-left:2px solid #666666;
	border-top:2px solid #666666;
	border-right:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
	margin:-1px;
	padding:0px;
}

.question{
	font-weight:bold;
	display:block;
}

.answer{
	color:#999999;
	padding-left:15px;
	padding-bottom:3px;
	margin-bottom:5px;
	font-style:italic;
	display:block;
}

.ruleNormal{
	font-size:0.8em;
}
.ruleHighlight{
	font-size:0.8em;
	color:red;
	font-weight:bold;
}

.showHideHeader h3{
	font-size:1em;
	border-top:1px solid #999999;
}
.showHideHeader{
	text-decoration:none;
}

.terms{
	padding:0px 15px;
	margin-bottom:5px;
	font-style:italic;
}

.terms img{
	margin:3px 5px 0px;
}

#cardLogos{
	text-align:center;
}

.sizing{
	padding:10px;
	text-align:center;
}

.sizing td{
	border-bottom:1px solid #666666;
}

#sizeConversions h3{
	text-align:left;
}

.sizeCol{
	border-left:1px solid #666666;
	text-align:center;
}

.section_complete{
	position:absolute;
	top:0px;
	right:0px;
}

.showHideHeader h3.regHeader{
	border:none; 
	border-bottom:2px solid #666666;
	clear:both;
	margin-top:3px;
	width:99%;
	position:relative;
}

.regDiv{
	margin-bottom:4px;
}

#missinginfo ul{
	margin:0px;
}
/*===================================================================*/
/* END OF CSS STYLING                                                */
/*===================================================================*/
/*===================================================================*/

/*===================================================================*/
/*===================================================================*/
/* catalogue styles                                                  */
/*===================================================================*/
.minilabel{
	text-transform:lowercase;
	color:red;
	font-size:0.8em;
	line-height:1em;
	font-style:italic;
}
#sort{
	display:block;
	text-align:right;
	font-size:0.9em;
}
#sort input, #sort select{
	font-size:0.9em;
}

#viewtype{
	float:left;
}
#viewtype a{
	text-decoration:none;
	color:black;
	font-weight:bold;
	text-transform:uppercase;
}

#resultrange{
	/*this is the div that say 'Below are items XX-YY out of ZZ' */ 
}

.product_normal{
	position:relative;
	display:block;
	height:6em;
	overflow:hidden;
	border:1px solid #fff;
	border-bottom:1px solid #ccc;
}

.product_highlight{
	position:relative;
	display:block;
	height:6em;
	overflow:hidden;
	border:1px solid #fff;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background-color:#f2f2f2;
}

.product_left_col{
	display:block;
	float:left;
	width:60px;
	padding:2px 5px;
	height:inherit;
}
.product_right_col{
	display:block;
	position:relative;
	padding:2px;
	/*height:6em;*/
	height:inherit;
	text-align:left;
}
.product_title a{
	text-transform:uppercase;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}

.product_price{
	position:absolute;
	top:0px;
	right:0px;
	padding-right:2px;
	padding-top:2px;
}
.product_price a{
	text-transform:uppercase;
	font-weight:bold;
	color:#0072c6;
	text-decoration:none;
}

.product_description{
	border-top:2px solid #666666;
	height:3em;
	overflow:hidden;
}

.product_more{
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:inherit;
	padding:5px;
	padding-left:10px;
	font-size:0.95em;
	font-style:italic;
}
.product_more a{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

#customer_review{
	float:left;
	padding-left:5px;
	width:530px;
}

.printCatalogue a{
	text-decoration:none;
	color:#000000;
}

.pdfCatalogue{
	width:25%;
	float:left;
	height:80px;
	text-align:center;
}

.catEnabled{
	background-image:url(../graphics/pdf_icon_over.gif);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	padding-top:52px;
}
.catEnabled:hover{
	background-image:url(../graphics/pdf_icon.gif);
	font-weight:bold;
}

.catDisabled{
	background-image:url(../graphics/pdf_icon_disabled.gif);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	padding-top:52px;
}
/*===================================================================*/
/* end of catalogue styles											 */
/*===================================================================*/
/*===================================================================*/

/*===================================================================*/
/*===================================================================*/
/* start of catalogue page nav										 */
/*===================================================================*/

#catalogueNav{
	padding-top:5px;
	position:relative;
	height:2em;
}

#prevPage{
	position:absolute;
	top:5px;
	left:0px;
}

#nextPage{
	position:absolute;
	top:5px;
	right:0px;
}

/*===================================================================*/
/* end of catalogue page nav										 */
/*===================================================================*/
/*===================================================================*/

/*===================================================================*/
/*===================================================================*/
/* start of product styles											 */
/*===================================================================*/

#tabbar_top .taboff{
	display:inline;
	text-align:center;
	border:1px solid #999999;
	padding:5px;
	padding-bottom:2px;
	background-color:#efefef;
	text-decoration:none;
	margin-top:4px;
	line-height:normal;
}
#tabbar_top .tabon{
	display:inline;
	text-align:center;
	border:1px solid #999999;
	border-bottom:none;
	padding:5px;
	padding-bottom:4px;
	background-color:#ffdbfc;
	text-decoration:none;
	margin-top:4px;
	line-height:normal;
}

.spacer{
	display:block;
	height:3px;
}

#product_photo{
	float:left;
}

#product_thumbs{
	float:left;
	width:50px;
	margin-left:5px;
	margin-right:5px;
}

#product_options{
	float:left;
	width:465px;
	display:block;
}

#product_description{
	clear:both;
	position:relative;
}

#product_average_rating{
	display:block;
	width:99%;
	background-color:#dedede;
	padding:2px;
}

#product_average_rating img{
	margin-right:-4px;
	margin-bottom:-2px;
	padding:0px;
}

.product_review_details{
	clear:left;
	float:left;
	padding:3px;
	width:150px;
}

.product_review{
	float:left;
	padding:3px;
	width:435px;
}

.product_review_spacer{
	display:block;
	clear:both;
	border-bottom:1px solid #cccccc;
}

#back_link{
	display:block;
	width:100%;
	text-align:right;
	text-transform:uppercase;
	color:#666666;
	font-size:0.9em;
}

#product_main_image{
	position:relative;
}
#manufacturers_logo{
	position:absolute;
	bottom:3px;
	right:3px;
}
#zoom_icon{
	position:absolute;
	bottom:3px;
	left:3px;
}

.postage_cost{
	font-size:0.9em;
	line-height:1.2em;
	min-height:30px;
	text-indent:40px;
	background-image:url('../graphics/postage.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:0px;
}

.socialBookmarks a{
	text-decoration:none;
}

#tapmessage{
	margin-top:0px;
	padding-top:0px;
	font-size:0.9em;
}
/*===================================================================*/
/* end of product styles											 */
/*===================================================================*/
/*===================================================================*/

/*===================================================================*/
/*===================================================================*/
/* start of comment styles											 */
/*===================================================================*/
.comment{
	padding:5px;
	color:#0066FF;
	font-weight:bold;
	font-style:italic;
}

.quote{
	font-size:1.5em;
	color:#0066FF;
	font-weight:bold;
	line-height:0.8em;
}

.customercomment{
	margin:5px 0px;
	text-align:center;
	padding:5px 10px;
	/*border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-bottom:1px solid #dedede;
	border-right:1px solid #dedede;*/
	background-image:url('/CSS/graphics/quote.gif');
}

/*order comments*/
.bubble_Dancewear{
	margin-top:2px;
	margin-left:25px;
	padding:5px;
	border:1px solid #666666;
	background-color:#fef0ff;
	text-align:right;
}
.tip_Dancewear{
	background-image:url('http://www.dancewear-edinburgh.co.uk/CSS/graphics/bubble_dancewear.gif');
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-top:-1px;
	margin-bottom:2px;
	width:100%;
	height:10px;
}
.comment_date_Dancewear, .comment_date_Customer{
	text-align:right;
	font-weight:bold;
	font-size:9px;
}

.bubble_Customer{
	margin-right:25px;
	margin-top:2px;
	padding:5px;
	border:1px solid #666666;
	background-color:#FFFFFF;
}
.tip_Customer{
	background-image:url('http://www.dancewear-edinburgh.co.uk/CSS/graphics/bubble_customer.gif');
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-top:-1px;
	margin-bottom:2px;
	width:100%;
	height:10px;
}
/*===================================================================*/
/* end of comment styles											 */
/*===================================================================*/
/*===================================================================*/

/* WISHLIST */
.priorities{
	position:relative;
	height:17px;
}

.lowPriority{
	width:10px;
	height:5px;
	border:1px solid #cdcdcd;
	position:absolute;
	bottom:0px;
	left:0px;
}

.midPriority{
	width:10px;
	height:10px;
	border:1px solid #cdcdcd;
	position:absolute;
	bottom:0px;
	left:15px;
}

.highPriority{
	width:10px;
	height:15px;
	border:1px solid #cdcdcd;
	position:absolute;
	bottom:0px;
	left:30px;
}

.tile_product, .tile_product_over{
	width:19.1%;
	height:135px;
	margin:2px;
	position:relative;
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-size:0.8em;
	line-height:1.2em;
	color:#666666;
	border:1px solid #dedede;
}

.tile_product_over{
	border:1px solid #333333;
}

.tile_title{
	margin:2px;
	height:2.4em;
	overflow:hidden;
}

.tile_price, .tile_price_bg{
	position:absolute;
	top:0px;
	right:0px;
	padding:3px;
	color:black;
}
.tile_price_bg{
	background-color:white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; // first!
	filter: alpha(opacity=70);
	opacity: 0.7;
}
	
.tile_links{
	position:absolute;
	bottom:1px;
	left:30px;
	font-weight:bold;
	text-align:center;
}

.tile_links a{
	color:white;
	width:40px;
	background-color:#be95be;
	text-align:center;
	display:inline-block;
	text-decoration:none;
	line-height:15px;
	border:1px solid white;
}

.tile_links a:hover{
	background-color:white;
	border: 1px solid #be95be;
	color:#be95be;
}

.tile_image{
	position:relative;
}
.tile_logo{
	position:absolute;
	bottom:2px;
	right:2px;
	background-color:white;
	opacitiy:0.5;
}