/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;	/* This removes the border around the viewport in old versions of IE */
	font-family: arial, helvetica, sans-serif;	
	font-size:9pt;		
        width:100%;
        background:#223c7b url(../assets/newback.jpg) fixed center repeat-y;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		text-align:center;
    }
#Wrapper {display:block;margin:0 auto;padding:0;text-align:left;width:996px; }

/*
	a {
    	color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	*/
    h1, h2, h3 {
        margin:.3em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .3em 0;
        padding:0;
    }
	p.quotes	{padding: 0 20px 0 20px; font-size:9pt;}
	img {
		/*margin:10px 0 5px;*/
	}
	/* Header styles */
    #header {
        clear:both;
        float:left;
        /*background:url(v2/assets/oxyhead-996.jpg) no-repeat;*/
	height:120px;width:996px;
    }
	#header {
		border:none;position:relative;
		margin:0; padding:0;
	}
/*
	#header p,
	#header h1,
	#header h2 {
	   	padding:.4em 15px 0 15px;
        		margin:0;
	}
	#header h1 { position:absolute;top:20px;left:50px; font-size:10pt;color:white; }
	ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}

	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}
*/
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		/*border-top:4px solid #000;*/
		margin:0;
		/*padding:6px 15px !important;*/
		text-align:right;
	}
	/* column container */
	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
       	    width:996px;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
		text-align:left;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 0 0;	 /*no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#ccc;		/* right column background colour */
		padding:0;margin:0;
	}
	.threecol .colmid {
		right:196px;				/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:590px;				/* width of the middle column */
		background:#223c7b url("v2/assets/bg2.jpg") top left repeat-x;
		/* left column background colour */
	}
	.threecol .col1 {
		width:570px;				/* width of center column content (column width minus padding on either side) */
		left:1006px;				/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:210px;				/* Width of left column content (column width minus padding on either side) */
		left:216px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:196px;				/* Width of right column content (column width minus padding on either side) */
		left:806px;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	.threecol .col2 a {
		color:#0099ff;text-decoration:none;
	}
	.threecol .col2 a:hover {
		color:#93d3ff;
	}

	.inner-leftcol	{
		float:left;width:280px;margin-top:3px;
		}
	.inner-rightcol	{
		float:right;width:280px;margin-top:3px;/*background:blue;*/
		}

	.column-in-tint {
		margin:0; padding:0.5em 1em 2px 10px;
		}
	.right-callout	{
			margin:0;padding:7px;margin-top:10px;
			/*background:#00b77b;*/
			background:#5daccb;

			/*background:url("v2/assets/bg2.jpg");*/
			/*width:100%;*/
		}
	.inner-leftcol p.quotes, .inner-rightcol p.quotes	{
		font-size:8pt;padding-right:10px; 
	}

	p.leadpara	{
		font-size:11pt;
	}

	.cleaner	{ clear:both;	}
.box1 {
	display: block;
	height:  auto;
	margin:  0 0 0 0 ;
	padding:10px 0 0 0 ;
  	float:   left;width:280px;
}

.box1 a {
  text-decoration: none;
  color: #ff0000;
}

.box1 a:hover {
  color: #000099;
}


img.smallphoto {
  border: 0.01em solid #fff;
 margin:  0 0.5em 0.2em 0;
	padding: 0;
	float:   left;
}


	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
		font-size:10pt;
  background-color: #0099ff;
  text-align: center;
  height:  36px;
  margin:  0 0 0 0;
    }
.clr {
  font-size:   0em;
  line-height: 0em;
  clear:       both;
  margin:  0em;
  padding: 0em;
}
#footer a {
  font-weight: normal;
  text-decoration: none;
  color: #fff;
}

#footer a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #ccffcc;
}
    #footer p {
        padding:10px;
        margin:0;
    }
			/* NAVIGATION BUTTONS */
			.cssnav	{
						position:relative;top:0;
						font-family: arial, helvetica, sans-serif;
						/*background-image:  url(v2/assets/buttonback-on.png);
						background-repeat: no-repeat;*/
						background:#0099ff;
						white-space: nowrap;
						display: block;
						width: 196px;
						height: 36px;
						margin: 0; 
						border-bottom:white solid 1px;
						text-align: center;
			}
.cssnav :hover	{background:#00b77b;height: 36px; border-bottom:white solid 1px;}
			.cssnav a {
						display: block;
						font-size: 12px;height: 28px;
						/*width: 196px;
						display: block;
						float: left;*/
						color: white; border:0;
						font-weight:bold;
						text-decoration: none;padding-top:8px;

			}
			.cssnav a:hover {text-decoration: none;height:28px;}
			.cssnav img {width: 196px; height: 36px; border: 0; }
			* html a:hover {visibility:visible;color:black;}
			.cssnav a:hover img{visibility:hidden;}


			/* END OF NAVIGATION */
img {display: block;}

.TabbedPanels {
	margin: 10px 0 0 0;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
.col1 a {color:#fff;}
.TabbedPanelsTab {
	position: relative;
	width:179px;
	top: 1px;
	float: left;
	padding: 4px 5px;
	margin: 0px 0px 0px 0px;
	font-family:tahoma,helvetica,sans-serif;font-size:10pt;font-weight:900;
	text-align:center;
	/*font: bold 10pt arial,sans-serif;*/
	background-color: #0099ff;
	list-style: none;
	border-left: solid 1px #eaeaea;
	border-bottom: solid 1px #eaeaea;
	border-top: solid 1px rgb(96,82,163); /*#999;*/
	border-right: 0; /*solid 1px rgb(96,82,163);*/  /*#999;*/
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabHover {
	background-color: #00b77b;
}

.TabbedPanelsTabSelected {
	background-color: #93d3ff;color:white;
	border-bottom: 1px solid #EEE;
}
.TabbedPanelsTabSelected a  {color:#223c7b; }
.TabbedPanelsTab a {
	/*color: #066c8a;*/
	text-decoration: none;
}
.TabbedPanelsTab #totals {
	
}

.TabbedPanelsContentGroup {
	clear: both;
	/*border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;*/
	/*border-right: solid 1px #999;
	background-color: #EEE;*/
}

.myHover {
	color: #000;
	background-color: rgb(255,155,205); /*eca0d;*/
	cursor: pointer;
}

.mySelected { font-weight:bold;color: rgb(0,0,0);background-color: rgb(162,153,204);  }

.TabbedPanelsContent {
	padding: 1px;float:left;width:100%;/*border:1px solid black;*/
}

.TabbedPanelsContentVisible {
}
/*EXTRANAV*/
#extranav { width:203px; text-align:left; margin: 20px 0 0 0; }
#extranav_nextstepsgreywh { text-align:center;font:bold 12px/12px Verdana, Arial;color:#fff;width:203px; height:20px; background:url(newshop/assets/bg_callout_nextsteps.gif) top left no-repeat; margin: 0px; padding-top:5px;}
#extranav_bottom { width:203px; height:19px; background:url(newshop/assets/bg_callout_bottom.gif) top left no-repeat; margin: 0px;}
#extranav { background: url(newshop/assets/bg_callout_center.gif) top left repeat-y;  }
#extranav h1 { font: normal 14px/14px Verdana, Arial; color:#F10; }
#extranav h3 { font: bold 14px/14px Verdana, Arial; color:#000; padding:3px 3px 4px 0px; border-bottom:1px solid #CCC; }
#extranav ul { list-style: none; padding:0 1px 0 1px; color:#000; }
#extranav li { padding: 4px 0px 4px 0px; border-bottom:0px; }
#extranav p { padding: 4px 0 4px 15px; }
#extranav img.icon {margin:3px 5px 0 15px;vertical-align:middle;}
#extranav a:link, #extranav a:visited {font-weight:bold;padding-left:15px; }
#extranav a.blue,  { text-decoration: none; color:#015ba7; }
#extranav a:hover { color:#F10; text-decoration:none; }
#extranav a:hover.blue { color:#F10; text-decoration:none; }
#extranav a span { display:block; color:#000; border-bottom:0px; }
#extranav a:hover span { color:#F10; background-color:#FFF; border-bottom:0px; }

#totalright { margin-left:25px;}

/*.products  { float:left; border-bottom:1px dotted #777; }
.products div  {font:bold 10pt/14pt tahoma,sans-serif ; color:#777; }*/
.products div  {font:normal 10pt/12pt tahoma,arial,helvetica,sans-serif ; color:#777; }

.products div.pcode  {font-size:8pt; }
.products div.pname  {font:bold 10pt/12pt tahoma,arial,helvetica,sans-serif ;color:#0099ff; }
.products div.pprice  {font:bold 10pt/14pt tahoma,arial,helvetica,sans-serif ; color:#000; }
.products div.pdesc  {font-weight:bold;color:#ff0000; }

	.threecol .col2 li a{text-decoration:none;color:#fff;}
	.threecol .col2 li a:hover{color:#cccc99;}
		.threecol .col3 img  { border:0; }
	#totalright p { margin:0;padding:5px 0 0 0; }
#dbug {font-family:tahoma,helvetica,sans-serif;font-size:9pt;color:#777;padding:10px 0 0 0; }
table.lister {font-family:tahoma,helvetica,sans-serif;font-size:10pt;color:#444;border-bottom:1px solid #777;  }
table.lister td.txt {width:80%; }
table.lister td.currency {text-align:right;width:15%; }
table.lister td.small {margin:0 auto; cursor:pointer;}
.col1 h2 { font-size:12pt;color:#1cb3e8; }

div.OrderBtn { float:left;width:40%}
div.OrderBtn2 { float:right; }