/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:797px;
	height:25px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: url(http://www.amsterdamprinting.com/amsterdam/pict/discoverdigital_bg.gif) no-repeat;
	display:block;
	height: 25px;
	width: 199px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#e1e1e1;
	font-size:12px;
	line-height:25px;
	text-align:left;
	text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -199px 0; }
#flowtabs #t3 			{ background-position: -398px 0; }
#flowtabs #t4 			{ background-position: -597px 0; width:199px;}
 
/* mouseover state */
#flowtabs a:hover 		{ color:#fff}
#flowtabs #t1:hover 	{ background-position:      0 -25px; }
#flowtabs #t2:hover 	{ background-position: -199px -25px; }
#flowtabs #t3:hover 	{ background-position: -398px -25px; }
#flowtabs #t4:hover 	{ background-position: -597px -25px; }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#fff; line-height:25px; }
#flowtabs #t1.current { background-position:      0 -50px; }
#flowtabs #t2.current { background-position: -199px -50px; }
#flowtabs #t3.current { background-position: -398px -50px; }
#flowtabs #t4.current { background-position: -597px -50px; }


/* panes */
#flowpanes {
	background: url(http://www.amsterdamprinting.com/amsterdam/pict/discoverdigital_bg.gif) no-repeat 0 -75px;		
	width:797px;
	height:190px;	
	overflow:auto;
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	margin:1px 0;
}

/* some decorations for elements inside single pane */
#flowpanes div h3 {
	font-weight:normal;
	color:#ffb205;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin:3px 0 3px 0;
	font-size:20px;	
}

#flowpanes a {
	color:#cc9;		
	font-size:14px;
}

#flowpanes p, #flowpanes samp {
	color:#ccc;		
}

#flowpanes div.narrow {
	padding-right:160px;		
}

 
/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}
 
/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:752px;
	cursor:pointer;
	font-size:14px;
}
 
/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}


ul.items li {
	font-size:16px;
	line-height:17px;
	margin:4px 0 0 14px;
	list-style-type:none;
}

 
#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}
#flowpanes .slide { width:795px;height:188px; }
#flowpanes .one { background: url('/amsterdam/pict/lp/discoverdigital_art.jpg') top right no-repeat; }
#flowpanes .two { background: url('/amsterdam/pict/lp/discoverdigital_art.jpg') right -189px  no-repeat; }
#flowpanes .thr { background: url('/amsterdam/pict/lp/discoverdigital_art.jpg') right -376px no-repeat; }
#flowpanes .fou { background: url('/amsterdam/pict/lp/discoverdigital_art.jpg') right -564px no-repeat; }
#flowpanes .why { padding:10px; }

a.buyn { background: url('/amsterdam/pict/lp/dlp_customizeit.gif') no-repeat 0px 0px }
a.buyn:hover, a.buyn:focus { background: url('/amsterdam/pict/lp/dlp_customizeit.gif') no-repeat 0px -37px }
a.buyn:active { background: url('/amsterdam/pict/lp/dlp_customizeit.gif') no-repeat 0 0 }
#sprite { width:126px;height:35px;float:left;text-align:left; }
#sprite div a { 
float: left;
width:126px;
height: 37px;
text-indent:-900%;  }


#digitally_catalog { width:800px;float:left;margin-top:10px; }
.dlp_regular { float:left;width:543px;height:143px;margin-bottom:10px; }
.dlp_regulars { float:left;width:7px;height:143px;background:url('/amsterdam/pict/lp/dlp_rs.gif') no-repeat; }
.dlpr { background-position:top right; }
.dlp_regularm { float:left;width:529px;height:143px; }
.dlp_regularmbg { background:url('/amsterdam/pict/lp/dlp_rm.gif') repeat-x; }
.budgetpro { background:url('/amsterdam/pict/lp/dlp_promotional-calendars.gif') top right no-repeat; }
.mugs { background:url('/amsterdam/pict/lp/dlp_promotional-mugs.gif') top right no-repeat; }
.pens { background:url('/amsterdam/pict/lp/dlp_promotional-pens.gif') top right no-repeat; }
.planners { background:url('/amsterdam/pict/lp/dlp_academic.gif') top right no-repeat; }
.magnets { background:url('/amsterdam/pict/lp/dlp_magnets.gif') top right no-repeat; }

.dlp_long { float:right;width:244px;height:297px;margin:0 2px 9px 0; }
.dlp_longs { float:left;width:7px;height:297px;background:url('/amsterdam/pict/lp/dlp_ls.gif') no-repeat; }
.dlp_longr { background-position:top right; }
.dlp_longm { float:left;width:230px;height:297px; }
.dlp_longmbg { background:url('/amsterdam/pict/lp/dlp_lm.gif') repeat-x; }

.dlp_short { float:right;width:244px;height:143px;margin:0 2px 9px 0; }
.dlp_shortm { float:left;width:230px;height:143px; }


.dlp_loong { float:left;width:798px;height:143px;margin-bottom:10px; }
.dlp_loongm { float:left;width:784px;height:143px; }
.dlp_magnets { float:left;width:220px;margin:6px 0px 0 10px;line-height:19px; }
.dlp_magnets2 { width:250px; }

#digitally_catalog div.redtitle { color:#c71830;font-size:16px;margin:4px 0 2px 4px; }
#digitally_catalog div.redtitlet { color:#c71830;font-size:16px;margin:12px 0 2px 4px; }
#digitally_catalog span.redtitle_links { color:#0065c2;font-size:11px;line-height:12px; }
#digitally_catalog h2 { margin:5px 0 0 1px;color:#0062c5;font-size:16px }
#digitally_catalog span.red { color:#c71830;font-weight:bold; }
#digitally_catalog p { color:#978784;font-size:14px;width:210px;margin:2px 0 0 2px;font-weight:bold;line-height:19px; }
#digitally_catalog .loong { width:550px; }

.dlp_action { margin: 10px 0px 0px 0px; float: left;width:126px; }
.dlp_pdetails { float:left;width:190px; font-size:13px;margin:20px 0 0 7px;}
.dlp_pdetails a { color:#0065c2; }