/*graphico.co.uk*/

/* The file below is read by ALL browsers
	but the hacks contained within it further target 
	IE5-6 for Windows. See file for details. */

@import "ie6win.css";
@import "ie7win.css";

/* The file below is ONLY read by IE5/Win.
	Makes use of the Mid Pass Filter: 
	http://tantek.com/CSS/Examples/midpass.html */

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/* The file below is ONLY read by IE5/Mac.
	Makes use of the Band Pass Filter: 
	http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/

/* -- Generic Initiation items not covered in "undothml.css" -- */

body
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 76%;
	background: #170a09;
}

h1, h2, h3, h4, h5, h6, p
{
	position: relative;
}

/*	For evil CMSs */
u
{
	text-decoration: none;
}

/*	To standardise cross browser */
ul, ol
{
	list-style-position: outside;
}

ul.msg, ol.msg
{
	color: Yellow;	
	font-size: 12px;
	margin-left: 8px;
	padding-left: 7px;
	list-style-type: none;
}

fieldset
{
	border : none;
}

legend
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/*	Completely remove text from presentation */
/*	Not used to hide text  - screen readers won't pick it up either	*/
.invisible
{
	display: none;
}

/*	Used to hide text that screen readers should pick up */
.hide
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.clearBoth
{
	clear: both;
}

/*	Clear floats on a background */
.theBreaker
{
	height: 0.005em;
	clear: both;
	overflow: hidden;
}

legend
{
	display: none;
}

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{ 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ 
} 

.replace span
{
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

/*Example HTML - all elements that require replacement use the .replace class then
set the rule for the specific image and dimensions and associate with the elements ID.

<h1 id="myh1" class="replace" >Headline<span></span></h1> 

the add the CSS:
#myh1, #myh1 span
{ 
	height:100px; 
	width:300px; 
	background-image: url(head.png); 
} 
*/

/* begin normal CCS for Tier 1 browser: Firefox */

#wrap
{
	/*width: 876px;
	margin: 0 auto;
	text-align: left;*/
	background: #170a09 url(../../images/body-raw-BG.jpg) 50% 0% no-repeat;
	text-align: center;
	min-width: 876px;
}

#content
{
	/*height: 527px;
	left: 50%;
	margin-top: 40px;*/
	width: 876px;
	margin: 0 auto;
	padding-top: 40px;
	text-align: left;
	position: relative;
	padding-bottom: 58px;
}

#secondary
{
	float: left;
}

#main
{
	float: right;
	position: relative;
	width: 696px;
}

label#lblEmail
{	
	height: 15px;
	width: 312px;
	background: url(../../images/label-email-BG.gif) top left no-repeat;
	text-indent: -9999px;
	margin: 27px 0 5px 0;
	display: block;
}

input#txtEmail
{	
	clear: left;
	display: block;
	margin-left: 10px;
	width: 200px;
}

h1#coming-soon
{
	height: 87px;
	width: 323px;
	background: url(../../images/h1-coming-BG.gif) top left no-repeat;
	text-indent: -9999px;
}

p#teaser
{
	display: none;
}

p#details
{
	height: 7px;
	width: 304px;
	background: url(../../images/p-details-BG.gif) top left no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 330px;
}

dl, td, th, caption
{
	color: #fff;
}

dl
{
	font-size: 1.1em;
}

td, th
{
	padding-right: 5px;
	font-size: 0.8em;
}

td
{
	padding-right: 5px;
}

th
{
	text-align: left;
	font-weight: bold;
}

caption
{
	text-align: left;
	font-weight: bold;
	font-size: 0.8em;
}

table
{
	display: inline-block;
	margin-top: 1em;	
}

dd a:link,
dd a:visited,
dd a:hover,
dd a:active
{
	color: #fff;
	text-decoration: underline;
}

dt
{
	font-weight: bold;
}

dd
{
	margin: 0 0 1em 0;
}

dd strong span
{
	width: 105px;
	display: block;
	float: left;
}

#logo
{
	margin: 20px 0 20px 175px;
	
}

dd p
{	
	margin-bottom: 1em;
}

.bold { font-weight:700;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/*	Any Safari hash hacks go at the end of the file */


/* CSS for win with RAW starts here */

body#wwr	{background: #FFF; color:#542617; font-size:12px;}

#wwr p.largText, h3 {padding:24px 0 0;}
#wwr p {padding:10px 0 8px;}

#wwr #container	{
	margin: 0 auto; width:837px;  min-height:794px; 
	background: url(../../Images/winWithRaw/rightBG.png) no-repeat right top;}
	

	
#wwr .gutter {
	background:url(../../Images/winWithRaw/leftBG.gif) repeat-y left 76px; 
	min-height:640px; position:relative;
	padding:0 109px 0 15px;}
	
#wwr .bgHolder {background:url(../../Images/winWithRaw/textureBG.jpg) left top; position:relative;}

#wwr .bgHolder .floatRight {width:407px;}

#wwr .corner { 
	position:absolute; top:0; left:0; z-index:10;
	width:235px; height:43px;
	background-image: url(../../Images/winWithRaw/corner.jpg);
	padding: 12px 69px 50px 17px;}

#wwr .corner a {display:block; width:235px; height:43px; outline: #fff;}
#wwr .corner span { display:block; text-indent:-99999px;}

#wwr .panel .inner {min-height:640px; margin:0;}
#wwr .panel {height:100%;}
	
#wwr .floatRight .inner {width:407px; }
#wwr .floatLeft .inner {width:306px;}
	
#wwr .floatLeft .content {padding: 24px 0 0 26px; text-align:left;}
#wwr .floatRight .content {padding: 0 45px 23px 29px; text-align:left;}
	
#wwr #EntryContent span { text-align:right; display:block; margin-top:-15px;}

#wwr .footer {
	background:url(../../Images/winWithRaw/footerBG.png) left top no-repeat;
	height:160px;
	padding: 45px 125px 0 45px;}

.brown {color:#7e4f3d;}
.white {color: #fff;}
.largText { font-size: 20px; font-weight:700; line-height:21px; word-spacing:-2px;  }
.mediumText {font-size: 14px;}

#wwr .floatRight .content	{background:url(../../Images/winWithRaw/contentBG.png) repeat-y right bottom;}

#wwr .information {
	display:block;
	min-height:10px;
	padding:10px 0 0;
	color:#44190c;}

#wwr .information li{	
	float:none;
	height:15px;
	margin:10px 0;}
	
#wwr .information li label {
width:120px;
display:block;
float:left;
padding-right:10px;}

#wwr .information li input, #wwr .information li textarea { width:161px; border:1px solid #70564e;}

#wwr .information li.checkBox {margin-top:3px;}
#wwr .information li.checkBox label	{width:267px;}
#wwr .information li.checkBox input {float:left; margin-right:10px; width:15px; border: 0;}

#wwr .information .submit {float:right; padding-bottom:10px;}
#wwr #thankYouContent .where {
	 background:transparent url(../../Images/winWithRaw/where.gif) no-repeat scroll 0 0;
	 margin:20px 0;}
	 
#wwr #thankYouContent .where a {display:block; width:220px; height:38px; outline:none;}
#wwr #thankYouContent .where span { display:block; text-indent:-99999px;} 

#wwr .information .submit label {margin:0; padding:0; }

#wwr  .information .submit input {
	background:url(../../Images/winWithRaw/enterNow.gif) no-repeat;
	border:0 none;
	height:38px;
	width:141px;}
	
#wwr .information .where input {
	background:url(../../Images/winWithRaw/where.gif) no-repeat;
	border:0 none;
	height:38px;
	width:220px;}
	
#wwr .information .download input {
	background:url(../../Images/winWithRaw/download.gif) no-repeat;
	border:0 none;
	height:38px;
	width:289px;}


#wwr .siteInformation {font-size:11px; word-spacing:-1px;}

#wwr .siteInformation li { 
	float:left; padding: 0 8px;
	background:url(../../Images/winWithRaw/spacer.gif) no-repeat right 2px;}
	
#wwr .siteInformation li.last { background:0;}
	
#wwr .siteInformation p {width:338px; padding:0; }

#wwr .siteInformation a, #wwrTerms a,
#wwr .siteInformation a:visited, #wwrTerms a:visited,
#wwr .siteInformation a:active, #wwrTerms a:active
  {color:#542617; text-decoration:underline;}
#wwr .siteInformation a:hover, #wwr .siteInformation a:focus,
#wwrTerms a:hover, #wwrTerms a:focus {
	text-decoration:none;}
	
#wwr #errors {
	color:#E9322A; padding-top:15px; }
	
#wwr #EntryContent .information .textField label span,
#wwr #EntryContent .information .required {
	display:inline; padding-right:15px; margin:0; text-align:left;
	background:url(../../Images/winWithRaw/star.gif) no-repeat right top;}
	


body#wwrTerms {
	padding:50px 35px; 
	background:url(../../Images/winWithRaw/textureBG.jpg) left top;}
	
#wwrTerms .siteInformation a {color:#542617; text-decoration:underline;}

#wwrTerms p {padding: 10px 0;}

#wwrTerms h1 {font-size:120%; padding-bottom:10px;}
#wwrTerms h2 {padding-top:10px;}

#wwrTerms ol {padding:15px 0; list-style-type:decimal; padding-left:28px;}
#wwrTerms ol li { padding:5px 0 10px 5px;}
#wwrTerms ol li address {display:inline;}




#wwr #EntryContent .heading { 
	width:713px; height:231px; 
	background:url(../../Images/winWithRaw/headingWelcom.jpg) no-repeat left top; }
	
#wwr #thankYouContent .heading { 
	width:713px; height:231px; 
	background:url(../../Images/winWithRaw/headingThanks.jpg) no-repeat left top; }
	
#wwr #compEndContent .heading { 
	width:713px; height:231px; 
	background:url(../../Images/winWithRaw/headingWelcom.jpg) no-repeat left top; }

/*pop up window*/

#popup
{
	background-color:#2f1308;
	text-align: center;
	overflow-x:hidden;
	
}

#popup #container
{
	width: 444px;
	padding: 50px;
	margin: 0 auto;
	background:url(../../Images/Popup/popupBG.jpg) 0 0 repeat;
	text-align: left;
	overflow-x:hidden;
}

#popup #container li,
#popup #container h1,
#popup #container p
{
	margin-bottom: 1em;
	color: #2f1308;
	font-weight: bold;
}

#termsHeading
{ 
	height:18px; 
	width:342px; 
	background-image: url(../../Images/Popup/termsHeading.gif); 
	text-indent: -9999em;
} 

#customOverlay a,
#customOverlay a:focus
{
	outline: none;
}


	


/* CSS for win with RAW Ends here */