/*** Main 3 column stuff ***/

html, body {
	margin:0;
	padding:0;
	border:0;
	background-image:url(../images/background.gif);
	background-repeat:repeat-y;
	background-position:center;
}
body{
	font-family:verdana, arial, helvetica;
	font-size:70%;
	line-height:1.5em;
	background-color:#FFFFFF;
	color:#333333;	
}
.wrapper {
	margin:0 auto;
	width:760px;
	text-align:left;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
	width:762px;
	wid\th:760px;
}

.outer {
	position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left:152px;    /*** Critical left col dimension value ***/
	width:608px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	border-left:0px solid #FFFFFF;   /*** Critical left divider dimension value ***/

}

* html .outer {   /*** IE5.x/win box model fix ***/
	width:608px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	wid\th:606px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {
	float:left;
	width:608px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right:-1px;   /*** Static fix ***/
}

.center {
	float:right;
	width:608px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-bottom:-1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
	margin-left:-1px;
/* Hidden from IE-mac */
}

.left {
	position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width:142px;    /*** Critical left col/divider dimension value ***/
	margin-left:-153px;    /*** Critical left col/divider dimension value ***/
	padding:5px;
	}

* html .left {
	float:left;
}

*>html .left {width:141px;}   /*** Fix only for IE/Mac ***/

.container-left {
	margin:0;
	width:142px;    /*** Critical left col dimension value ***/
}
/* \*/
* html .left {margin-right:-3px;}
/* */
.mid {
	width:436px;
	float:left;
	height:100%;
	padding:10px;
}
.mid a{
	font-weight:bold;
}
.right {
	width:142px;
	padding:5px;
	float:left;
	height:100%;
}
.top {background-color:ff7f00;}
.clearBoth{
	clear:both;
	height:0;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;

}
/*** genaral tags ***/
h1#maintitle{
	padding:5px 10px;
	font-size:100%;
	color:#FFFFFF;
	background-color:#ff7f00 !important;
	margin:0;
}
h1.subtitle{
	font-size:110%;
	margin:0;
}
h1.subsubtitle{
	font-size:110%;
	margin:15px 0 0 0;
}
a{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#ff7f00}
a img{
	border:none;
	text-decoration:none;
}
/*** more ***/
.more a{
	background-image:url(../images/news_link.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 20px;
}
.more a:hover{
	background-image:url(../images/news_link_2.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 20px;
}
/*** top nav ***/
.tnav{
	color:#FFFFFF;
	text-align:right;
	background-color:#ff7f00;
	line-height:1em;
	padding:5px 0;}
.tnav a{
	color:#FFFFFF;
}
.tnav a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}
.tnav ul{
	margin: 0;
	display:block;
	list-style:none;
	line-height:1em;
	}
.tnav ul li{
	display: inline;
	padding: 0 10px 0 5px;
	border-right:#FFFFFF 1px solid;}
#tnavend, #tnavendb, #tnavendc{
	border:0 !important;
}
#bottnav{
	text-align:center;
}

/*** right nav ***/
.rnav {
	padding:0px;
	width: 100%;
	list-style:none;}
.rnav ul {
 	padding:0px;
	margin:0px;
	display:block;
	list-style:none;}
.rnav a {
	background-image:url(../images/navoff.gif);
	border-top:1px solid #000000;
	padding: 0px 3px 0px 3px;
	height:20px;
	font-weight:500;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:136px;
	display: block;}
.rnav a:hover {
	border-top:1px solid #000000;
	border-left:none;
	border-right:none;
	background-image:url(../images/navov.gif);}
.rnav a:active {
	background-image:url(../images/navoff.gif);
	border-left:none;
	border-right:none;
	border-top:1px solid #000000;}

body#duplication a#menu-duplication,
body#replication a#menu-replication,
body#cdprinting a#menu-cdprinting,
body#mini a#menu-mini,
body#screenprint a#screenprint,
body#packaging a#menu-packaging,
body#audiosolutons a#menu-audiosolutons{
	background-image:url(../images/navon.gif);}


/*** Main Top Nav ***/
.sbuttons{
	background-color:#ff7f00
	}
.sbuttons a{
}

.sbuttons ul{
	margin: 0;
	padding: 0;
	list-style:none;
	line-height:1em;	
	}
.sbuttons li{
	display:inline;
	
}
.sbuttons li a{
	text-align:center;
	float: left;
	background-image:url(../images/tagoff.gif);
	font-weight:bold;
	font-size:10px;
 	background-repeat: no-repeat;
	padding-top:6px;
	width: 152px;
 	height: 20px;
	}
.sbuttons li a:hover{
	background-image:url(../images/tagon.gif);}

body#home a#menu-home,
body#quotation a#menu-quotation,
body#sample a#menu-sample,
body#specifications a#menu-specifications,
body.products a#menu-products{ 
	background-image:url(../images/tagon.gif)}


/*** seo irelevant headers***/
.head {
	width: 142px;
	height: 28px;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	padding-top:12px;
}
#headoffers {
	background-image:url(../images/head2.gif);
}
#headrnav {
	background-image:url(../images/head.gif);
}
#headnews {
	background-image:url(../images/head.gif);
	margin-top:15px;
}

/***special offer relevant stuff***/
.leadtimes{
	padding-top:10px;

}
.offers{
	margin: 0px 0px 0px 0px;
	background-color:#FFFFBB;
	line-height:11px;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 5px;
}
.offers a{
}
.offers a:hover{
}
.offersh{
	padding-top: 15px;
	margin-bottom:5px;
	font-size:1.1em;
	font-weight: bold;
	border-top: double #666666 4px;
	}
.offersb{
	margin-top:5px;
	text-align:right;
	padding-bottom:10px;
	font-weight: 500;
	font-size:17px;
}
/***News Feeds***/
.feed{
	margin: 0;
	background-color:#CCCCCD;
	line-height:1.1em;
	font: Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 3px;
}
.feeda{
	border-top: solid #333333 1px;
	padding: 10px 0px 10px 0px;
}

/* newsletter subscribe */
.nlformhead{
	margin-top:15px;
	line-height:1em;
	font-weight:bold;
	
}
.nlform label{
	display: block;
	float:left;
	width:140px;
}
.nlinput{
	float:left;
	width: 140px;
	border: 1px solid #A7ABAE;
}
/* boxes */
.boxeseven{
	margin-bottom:10px;	
	padding:6px 0px 2px 0px;
	min-height:90px;
	width:100%;
	float: left;
	background-color:#FFFFBB;}
.boxesodd{
	margin-bottom:10px;
	padding:6px 0px 2px 0px;
	min-height:90px;
	width:100%;
	float: left;
	background-color:#FFFFDD;}
h3.boxes {
	margin:0px 0px 0px 0px;
	font-size:100%;
	color:#ff7f00;
	padding: 6px 3px 3px 3px;
	background-image: url(../images/line.gif);
	background-repeat:repeat-x;
	background-position:top;
}
h3.boxes a{
	color:#ff7f00;
}
.copy{
	padding-left:10px;

}
/* description boxes */
h3.desboxhead{
	background-image:url(../images/headyellow.gif);
	background-position:bottom;
	margin:15px 0 0 0;
	padding:3px 10px 3px 10px;
	font-size:120%;
	font-weight:bold;

}
.desbox{
	background-color:FFFFBB;
	padding: 3px 5px 10px 210px;
	min-height:120px;
	line-height:130%;
	background-repeat:no-repeat;
	background-color:#FFFFBB;
	clear:both;
}
#offerone{
	background-image:url(../images/CDROM_elliot.jpg);
}
#offertwo{
	background-image:url(../images/CDROM_regional.jpg);
}
#offerthree{
	background-image:url(../images/CDR_screen1col.jpg);
}
#offerfour{
	background-image:url(../images/cardwallet.jpg);
}
#offerfive{
	background-image:url(../images/CDR_tick.jpg);
}
#offersix{
	background-image:url(../images/DVD_fire.jpg);
}
#digiprinting{
	background-image:url(../images/CDR_digitalprint.jpg);
}
#screenprinting{
	background-image:url(../images/CDR_screen3col2.jpg);
}
#lithoprinting{
	background-image:url(../images/CDROM_offsetlito.jpg);
}
#cdduplication{
	background-image:url(../images/CDR_tick.jpg);
}
#dvdduplication{
	background-image:url(../images/DVD_fire.jpg);
}
#cdreplication{
	background-image:url(../images/CDROM_elliot.jpg);
}
#dvdreplication{
	background-image:url(../images/CDROM_regional.jpg);
}
#screenprintone{
	background-image:url(../images/CDR_screen1col.jpg);
}
#screenprinttwo{
	background-image:url(../images/CDR_screen2col.jpg);
}
#screenprintthree{
	background-image:url(../images/CDR_screen3col2.jpg);
}
#cdmini{
	background-image:url(../images/miniCDR.jpg);
}
#dvdmini{
	background-image:url(../images/MiniDVD.jpg);
}


.largetxt{
	font-size:150%;
	font-weight:bold;
}
.desbox ul{
	padding:0;
	margin:10px 0 0 0;
	line-height:140%;
	display:block;
	list-style:none;
}
.notes{
	clear:both;

}
.notes ul{
	padding:0;
	margin:10px 0 0 0;
	line-height:130%;
	display:block;
	list-style:none;
}
/* third splits */
.thirda{
	width:135px;
	float: left;
	background-color:#FFFFBB;
	margin-top:15px;
	padding:5px;
	text-align:center;
}
.thirdb{
	width:136px;
	float: left;
	background-color:#FFFFDD;
	margin-top:15px;
	padding:5px;
	text-align:center;}

/* steps */
.step{
	display:block;
	padding:15px;
}
.stepa{
	width:20%;
	float:left;
}
.stepb{
	width:80%;
	float:left;
}
.disclaimer{
	width:100%;
	padding:15px 0 15px 0;
	float:left;}

/***footer***/
.copyright{
	margin:10px 0px 0px 0px;
}
#bottnav{
	padding: 5px 0 10px 0;
}

/***Half pix Half Content***/
.dpix{
	background-repeat:no-repeat;
	background-position:right;
	padding-right:200px;
}
#dpixindex{
	background-image:url(http://www.idupe.co.uk/images/pile.jpg);
}
/***Contact image***/
.contimg{
	padding-top:0px;
	background-image:url(http://www.idupe.co.uk/images/office.jpg);
	background-repeat:no-repeat;
	background-position:right;
	min-height:356px;
}
/* audiosolutions main page */
.squarey{	
	padding:10px;
	min-height:200px;
	width:195px;
	float: left;
	background-color:#FFFFBB;
	font-weight:bold;
	background-position:right bottom;
	background-repeat:no-repeat;
	}
.squarely{
	padding:10px;
	min-height:200px;
	width:195px;
	float: left;
	background-color:#FFFFDD;
	font-weight:bold;
	background-position:right bottom;
	background-repeat:no-repeat;}
h3.squarehead{
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:bold;
}

#squarepromodemo{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/promo-thumb.gif);
}
#squarealternativedigipack{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/alternative-thumb.gif);
}
#squareshortrundigipack{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/shortrundigipack.gif);
}
#sponsorship{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/morgancd.gif);
}
#squaresleeves{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/sleeve-thumb.gif);
}
#squarewallet{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/shortrunwallet.gif);
}
#squarediydigipack{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/diydigipack.gif);
}
#squarediywallets{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/diywallet.gif);
}
#squarediywallets{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/diywallet.gif);
}

/* audiosolutions specific pages */
#promodemo{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/promo.jpg);
	background-repeat:repeat-y;
}
#sponsorship-offer{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/morgancd.jpg);
}
#diydigipacks{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/diydigipack.jpg);
	height:295px;
}
#diywallets{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/diywallet.jpg);
	background-repeat:repeat-y;
	height:500px;
}
#alternativedigipack{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/alternativedigipack.jpg);
}
#shortrundigipacks{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/shortrundigipack.jpg);
	
}
#shortruncdwallets{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/shortrunwallet.jpg);
	height:295px;
}
#printed-cd-sleeves{
	background-image: url(http://www.idupe.co.uk/images/audio-solutions/sleeve.jpg);
	height:295px;
}








/* form */
.regform label{
display: block;
float:left;
width:150px;
font-weight:bold;
text-align:right;
padding-right:10px;
}
.reginput,  .regform select{
	width: 230px;
	border: 1px solid #A7ABAE;
}

.regForm textarea{
	border: 1px solid #A7ABAE;
	width: 230px;
}