/* O'Neill Surf Academy - Course details */

div#frame { background: url(../img/coursedetails_bg.jpg) no-repeat; }

div#rightcol h3#pagetitle { clear: both; width: 177px; height: 50px; margin: 0 0 0 285px; background: url(../img/titles/surf_courses.gif) no-repeat; }
#pagetitle {padding-left:35px;text-align:left;width:455px;height:50px;float:left;padding-top:21px;}

div#lowerleftcol { width: 316px; float: left; }
div#lowerrightcol { width: 542px; float: left; margin: 0 -8px 0 0; }

div#detailstext { float: left; width: 372px; height: 200px; margin: 0; overflow:auto;}
div#detailstext h3 {
	color: #000;
	margin: 10px 0 15px 20px;
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
}
div#detailstext h4 { font: 0.9em Arial, sans-serif; color: #000; margin: 10px 0 15px 20px; }
div#detailstext p { font: 0.75em Arial, sans-serif; color: #000; margin: 0 0 10px 20px; }

div#detailsbuttons { float: right; width: 112px; height: 205px; margin: 0 10px 0 0; }

div#detailsbuttons div#addtobasket { width: 116px; height: 95px; margin: 5px 0 0 0; text-align: center; background: transparent url(../img/add_to_basket_bg.jpg) 4px 0 no-repeat; }
div#detailsbuttons div#addtobasket h4 { font: 1.2em Arial, sans-serif; line-height: 1.2em; font-weight: bold; margin: 0; padding-top: 20px; }
div#detailsbuttons div#addtobasket h4 a { color: #FFFFFF; text-decoration: none; }
div#detailsbuttons div#addtobasket h4 a:hover { color: #B20000; }

div#detailsbuttons div#baskettotal { width: 116px; height: 100px; margin: 0; text-align: center; background: transparent url(../img/basket_total_bg.jpg) 4px 0 no-repeat; }
div#detailsbuttons div#baskettotal h4 { font: 0.8em Arial, sans-serif; font-weight: normal; margin: 0; padding-top: 25px; color: #000; }
div#detailsbuttons div#baskettotal p { font: 1.5em Arial, sans-serif; font-weight: bold; margin: 0; color: #FFFFFF; }


div#detailspageno { width: 540px; height: 100px; }

div#pageno { width: 140px; float: left; text-align: center; margin: 0; }
div#pageno p {
	font: 0.7em Arial, sans-serif;
	color: #000;
	margin: 20px 0 0;
	height: 57px;
}
div#pageno p a { color: #FFFFFF; text-decoration: none; }
div#pageno p a:hover { color: #B20000; }

div#awkwardnav { float: left; width: 330px; padding-left:28px;}
ul#realnav { list-style-type: none; margin: 0 0 0 156px; }
ul#realnav li { font: 0.8em Arial, sans-serif; color: #000; }
ul#realnav li#navshop { padding-top: 10px; }
ul#realnav li#navgallery { padding-left: 7px; }
ul#realnav li#navtravel { padding-left: 14px; } 
ul#realnav li a { color: #000; text-decoration: none; font-weight:normal;}
ul#realnav li a:hover { color: #B20000; font-weight:normal;}

div#coursepic { width: 540px; margin-top:30px; text-align: center }
div#coursepic img { width: 447px; border: 1px solid #FFFFFF; margin: 0 auto; }
div#coursepic p { width: 447px; font: 0.7em Arial, sans-serif; color: #000; line-height: 1.2em; text-align: left; margin: 10px auto; }