/* CSS Document */

a {outline:none};
a:active, :focus { outline-style: none; outline:none; -moz-outline-style:none;  }

/* container */
#NPContainer {
	border:1px solid #CCC;
	background: url(images/container.jpg) no-repeat top;
	width:722px;
	clear:both;
}
#NPThanks {
	border:1px solid #CCC;
	border-bottom:none;
	background-color:#E6F1E1;
	width:722px;
	height:58px;
	float:left;
}
#NPHeader {
	height: 190px;
	margin: 18px 285px 0 24px;
	position:relative;
	}
#NPHeader2 {
	height: 45px;
	margin: 18px 285px 0 24px;
	position:relative;
	}
#NPContainer H2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#990033;
	font-size:140%;
}
#NPContainer H3 {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#000;
	font-size:120%;
}
#NPFooter {
	height: 100px;
	color:#FFFFFF;
	background: url(images/footer.jpg) no-repeat top;
	margin: 0;
	padding:15px 20px 0px 25px;
	text-align:right;
}
a.orderButton {
	background: url(images/orderButton.jpg) 0 0 no-repeat;
	width: 344px;
	height: 35px;
	padding:8px 25px 0 15px;
	color:#FFF;
	display: block;
}
a.orderButton:hover {
	background: url(images/orderButtonOver.jpg) 0 0 no-repeat;
	color:#FFF;
}
/* tabs */
a:active, a:focus { outline-style: none; -moz-outline-style:none; }


#flowtabs {  
	margin:0 !important; 
	padding:0;
	width:720px;
	height:35px !important;
}

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

/* every tab uses the same background image */
#flowtabs li a { 
	display:block;
	height: 35px;  
	overflow: hidden; 
	text-indent: -999em; 
	width: 180px; 
	background: url(images/tabs.jpg) no-repeat;
	padding:0px;
	margin:0px;
}

#flowtabs a.current	{ 
	cursor:default; 
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -180px 0; }
#flowtabs #t3 			{ background-position: -360px 0; }
#flowtabs #t4 			{ background-position: -540px 0; width:180px;}
 
#flowtabs #t1:hover 	{ background-position:      0 -35px; }
#flowtabs #t2:hover 	{ background-position: -180px -35px; }
#flowtabs #t3:hover 	{ background-position: -360px -35px; }
#flowtabs #t4:hover 	{ background-position: -540px -35px; }

#flowtabs #t1.current { background-position:      0 -70px; }
#flowtabs #t2.current { background-position: -180px -70px; }
#flowtabs #t3.current { background-position: -360px -70px; }
#flowtabs #t4.current { background-position: -540px -70px; }


/* panes */
#flowpanes {
	background:transparent url(images/pane.jpg) no-repeat;		
	width:720px;
	height:350px;	
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#000;	
	margin:0px 5px 25px 25px;
}

/* h2 inside pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#000;
}
#flowpanes div ul {
	width: 480px;
	margin-left:0.6em;
	padding:0.6em;
	list-style-image: url("images/bulletGreen.gif");
}
#flowpanes div ul li {
	color:#789541;
	font-weight: normal;
	margin-bottom:6px;
	
}
#flowpanes div ul li span{
	color:#000;
}

/* Overlay styles */

/* the overlayed element */
div.overlay {
	
	background-image:url(images/transparent.png); 
    color:#000; 
	
	/* dimensions after the growing animation finishes  */
	width:710px;
	height:570px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black 
div.overlay.black {
	background:url(../img/overlay/transparent.png) no-repeat !important;
	color:#fff;
}*/

/* petrol 
div.overlay.petrol {
	background:url(../img/overlay/petrol.png) no-repeat !important;
	color:#fff;
}*/

div.black h2, div.petrol h2 {
	color:#ddd;		
}

 
/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    height:441px; 
    overflow-y:auto; 
}
/* Order Form */
#NPFormWrapper {
	border:1px solid #ccc;
	padding:10px 0px 10px 10px;
	position:relative;
	float:left;
	width:560px;
}
form#order {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
}
form#order p {
	padding-left: 4px;
}
form#order fieldset {
	border: 1px solid #ccc;
	display: block;
	line-height:1.5em;
	margin-bottom:10px;
	padding:5px;
	width:530px;
}
form#order legend {
	padding:0px 4px 0px 4px;
	border:1px solid #ccc;
	background-color:#FFFFFF;
}
form#order label {
	display:block;
	clear:left;
	float:left;
	width: 200px;
	text-align:right;
	padding-right:10px;
}
form#order input {
	border:1px solid #ccc;
	margin-bottom:0.5em;
	padding:3px;
	width:200px;
	background: url(images/inputBack.gif) repeat-x;
}
form#order select {
	background: url(images/inputBack.gif) repeat-x;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
}
form#order textarea {
	border:1px solid #ccc;
	margin-bottom:0.5em;
	padding:3px;
	width:400px;
	background: url(images/inputBack.gif) repeat-x #fff;
}
form#order #button1 {
	background: url(images/orderButton.jpg) 0 0 no-repeat;
	width: 344px;
	height: 35px;
	padding:4px 25px 4px 15px;
	color:#FFF;
	font-weight:bold;
}

	

.docHead {
	float:left;
	position:relative;
	width:200px;
	display:block;
	padding:0 8px 0 4px;
}