/* 	
	Site: Dial Media Group Shop
	Organisation: www.dialmediagroup.com
	
	1) Graphical wrapper
	2) Navigations
	3) Content layout
	3) Content
	4) Forms
	5) Lightbox photograph zoom
	6) DMG only styles
	
*/

/* Navigations */
#topnav-container{width:730px;margin:10px 10px 0 10px;padding:10px;float:left;background-color:#f7931b;display:inline} /* inline for ie 6 */
#topnav-container a:link{color:#fff;text-decoration:none;font-weight:bold}
#topnav-container a:visited{color:#fff;text-decoration:none;font-weight:bold}
#topnav-container a:hover{color:#fff;text-decoration:underline}
#topnav-container a:focus{color:#fff;text-decoration:underline}
#topnav-container ul{margin:0px;padding:0px;list-style-type:none}
#topnav-container li{display:inline;padding:0 6px 0 6px;border-left:1px solid #fff}
#topnav-container li.first{padding-left:0;border:0 none}
#breadcrumbs-container{width:750px;margin:0 10px;float:left;background-color:#fae2c6;display:inline} /* inline for ie 6 */
#breadcrumbs-container a{color:#5c778c;text-decoration:none}
#breadcrumbs-container a:hover{text-decoration:underline}
#breadcrumbs-container a:focus{text-decoration:underline}
.breadcrumbs{float:left;padding:10px}
.basket{float:right;padding:10px}
.shopbasket{background-image:url(../images/shopbasket.gif);background-repeat:no-repeat;background-position:left;display:block;padding:0px 12px 0px 22px}
.left-menu{float:left;padding:0;margin-top:10px}
.left-menu ul{list-style:none;margin:0;padding:0}
.left-menu li{margin:0;padding:0;background-color:#ececec}
.left-menu li a{color:#5c778c;text-decoration:none}
.left-menu li a:hover{text-decoration:underline;background-color:#fae2c6}
.left-menu li a:focus{text-decoration:underline;background-color:#fae2c6}
.left-menu-first{font-weight:bold;display:block;width:250px;background-color:#ddd;padding:3px 0px 3px 10px}
.left-menu-second {font-weight:normal;display:block;width:250px;background-color:#ececec;padding:3px 0px 3px 10px}
.spacer{height:1px;clear:both}

ul#accessLinks{position:absolute;left:-2000px;margin-left:10px;padding:0}
ul#accessLinks a:focus, ul#accessLinks a:active{position:absolute;left:2000px;width:200px;font-weight:bold;padding:10px;color:#fff;background:#f7931b;top:0;text-decoration:none}

/* Content layout  */
#left-content{float:left;width:270px}
#right-content{float:left;width:480px;padding-top:10px}
#right-content-full{float:left;width:750px;padding:10px 0 0 10px}

/* Content */
label{font-weight:bold}
img{border:0}
h1{font-size:medium}
h2,h3,h4,h5{font-size:small}
acronym, abbr{border-bottom:1px dashed;cursor:help}
address{font-style:normal;color:#999}

#header #head-search #head-button{ margin-top:5px;}
.box-small .noStock{ color:#cc0000; font-weight:bold; font-size:1.15em;}

.clear{clear:both;height:0}


.sale{color:#cc0000; font-weight:bold;}
.productImg{float:right; padding-right:5px;}
.box-small-pages{width:98%; margin:0 0 0 5px;padding:10px 0px; text-align:center; clear:both;}

/* forms */
.field-style-01{border:1px solid #5c778c}
.standard-input{border:1px solid #5c778c}
#form-style-a {margin:auto;width:500px}
#form-style-a label{color:#666666; display:block;clear:both;width:150px;float:left;text-align:right;margin:0 5px 10px 0}
#form-style-a .label-checkbox{width:auto;text-align:left}
#form-style-a p{margin:0;padding:0}
#form-style-a input:focus	{background:#fff5e9}
#form-style-a textarea:focus{background:#fff5e9}
#form-style-a select:focus	{background:#fff5e9}
#form-style-a .answer{float:left;margin:0 0 10px 0;border:1px solid #666}
#form-style-a .help-text{clear:both;text-align:center;margin:0 0 10px 0}
#form-style-a .button-position{clear:both;text-align:center}


/* Lightbox photograph zoom */
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox a img{border:none}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{padding:10px}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink, #nextLink{width:49%;height:100%;background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display:block}
#prevLink {left:0;float:left}
#nextLink {right:0;float:right}
#prevLink:hover, #prevLink:visited:hover{background:url(../images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover{background:url(../images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%}
#imageData{padding:0 10px;color:#666}
#imageData #imageDetails{width:70%;float:left;text-align:left}	
#imageData #caption{font-weight:bold}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em}			
#imageData #bottomNavClose{width:66px; float:right;padding-bottom:0.7em}	
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000}

/* DMG only styles */
.dmg-box{width:400px;padding:10px;background:#f0f0f0}
.dmg-home-text{width:400px;float:left}
.dmg-home-text h2{font-size:medium}

.pagination {float:left; width:100%; margin:10px 0; font-size:x-small}
.pagination .current-page{background:#dcac00; border:#666 0px solid; padding:2px 3px; margin:2px 0 0 0}