/* 	
	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
	
*/

/* Graphical wrapper */
body{font:small Verdana, Arial, Helvetica, sans-serif;font-weight:normal;line-height:auto;color:#5c778c;margin:13px;padding:0;background:#fff url(../gfx/bg_site.gif) repeat-x top}
#wrap{width:775px;margin:auto}
#header{float:left;background:#fff no-repeat  url(../images/header.gif)}
#header-logo{float:left;padding:30px 0 0 20px;width:265px}
#header-content{float:right;text-align:right;margin:20px 10px 0 0;width:480px}
#header-content ul{margin:0;padding:0;list-style-type:none}
#header-content li{display:inline;padding:0 6px 0 6px;border-left:1px solid #eee}
#header-content li.first{padding-left:0;border:0 none}
#header-content li a{color:#5c778c;text-decoration:none}
#header-content li a:hover{color:#5c778c;text-decoration:underline}
#header-content li a:focus{color:#5c778c;text-decoration:underline}
#searchbox{margin:0;padding:40px 0 0 0}
#searchbox input:focus{background:#fff5e9}
#container{background-color:#fff}
#content{clear:both;padding:0 10px;background-color:#fff;background-image:url(../images/bg_grey.gif);background-repeat:repeat-y;}
#bottom-container{height:46px;background-image:url(../images/bottom.gif)}
#footer{width:775px;margin:auto;text-align:center;margin-top:10px}
#footer a{color:#5c778c;text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer a:focus{text-decoration:underline}

/* 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}
.box-small{float:left;width:230px;text-align:center;margin:10px 0 0 5px;padding:10px 0;background:url(../images/box_bg.gif) bottom right no-repeat}
.box-small h2{padding:0;margin:0}
.box-small a{color:#5c778c}
.box-small a:hover{text-decoration:none}
.cart table{border:solid #ccc;border-width:0 0 1px 1px;border-spacing:0;border-collapse:collapse}
.cart td, .cart th {padding:10px;border:solid #ccc;border-width: 1px 1px 0 0}
.cart th {font-weight:bold;background:#fae2c6;text-align:left}
.cart td {text-align:left;vertical-align:top;padding-top:15px}
.cart tbody tr:hover {background:#eee}
.cart tbody tr:hover th,{background:#eee}
.cart h2{font-size:medium}
.cart input:focus{background:#fff5e9}
.clear{clear:both;height:0}
.product-photo{float:left;margin-right:10px}
.product-information{flaot:left}
.product-information h2{margin:0;padding:0;font-size:medium;font-weight:bold}
.product-reviews{clear:both}
.sale{color:#cc0000}

/* 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{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}