* html {overflow:hidden;}

html,
body  {
	margin: 0;
	padding: 0;border:0;
}
html  {
	background: url('../assets/marbng.jpg') ;
}
body  {
	/*background: url('../assets/parthenon4.jpg') top center no-repeat ;*/ /*background-attachment:fixed;position:fixed;*/
	font: normal 10pt/16pt tahoma, Helvetica, Arial sans-serif;height:100%; /*overflow-y:auto;*/z-index:20;
	 text-align:center;height:750px;
}
* html body {/*overflow-y:scroll;*/}
#wrapper {
	color:#5f5e72;margin:0 auto;width:960px;position:relative;
	-moz-box-sizing: content-box;text-align:left;/*background:salmon;*/
	}
 #header {  
	clear:both;width:100%;position:relative;background:url(../assets/topbarx.jpg) ; background-color:rgb(207,214,46);
	top:0;height:90px;z-index:21;overflow:hidden;
}
	#header img{
		border:0;margin:0;
	}
* html #header {position:absolute;}
.tmp 	{color:white;font-size:20pt;margin:0;top:0px;padding-left:530px;z-index:21;}
* html .tmp {position:absolute;}
#header div { }
#footer {
	clear:both;float:left;width:100%;/*background: url('assets/back-foot.jpg') 0 14px no-repeat;*/
	font-size:9pt;text-align:center;height:50px;
}
#footer div { padding:0; color:#515058;line-height:12pt; }


/* Main content section */
	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;height:auto;
       	/*    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 {
		padding:0;margin:0;
	}
	.threecol .colmid {
		right:220px;				/* width of the right column */
		/*background:#fff;	*/	/* center column background colour */
	}
	.threecol .colleft {
		right:590px;				/* width of the middle column */
		/* left column background colour */
	}
	.threecol .col1 {
		width:590px;				/* width of center column content (column width minus padding on either side) */
		left:960px;				/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:150px;				/* Width of left column content (column width minus padding on either side) */
		left:220px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:220px;				/* Width of right column content (column width minus padding on either side) */
		left:810px;				/* 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;	}
#footer a {
  font-weight: normal;
  text-decoration: none;
  color: #9491a4;
}

#footer a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #6493ff;
}
.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;
}

h1 {font-size:16pt;color:#fff;margin:0;padding:10px 0 5px 0; }
	.rightmenu .col2 h1 {color:#55007d;}
	.rightmenu .col1 img.inset, .rightmenu .col2 img inset {float:left;margin-right:8px;margin-top:4px; }
	.rightmenu .col2 img {border:4px solid white;margin-top:5px; }
	.rightmenu .col1 img {border:4px solid white;}

p  {margin:0;padding-top:6px;padding-bottom:8px; }


#header .menubar {
	position:relative;top:-25px;margin:0 auto;text-align:center;width:830px; 
	}
#header .menubar ul {
	list-style:none;width:100%;margin:0;padding:0;
	}
#header .menubar ul li {
	float:left;width:70px;text-align:center; background:yellow;
	}

.TabbedPanels {
	margin: 10px 0 0 15px;
	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;
color: #cbccd1;
}
.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:url(../assets/bg_grad_gray1.gif) repeat-x;/*-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 {color:#fff; 
	background:url(../assets/bg_grad_gray2.gif) repeat-x;color: #fff;
}
.TabbedPanelsTabHover a:hover{color:#fff; 
}

.TabbedPanelsTabSelected {
	background:url(../assets/bg_grad_gray2.gif) repeat-x;
	border-bottom: 1px solid #EEE;color:#fff; 
}
.TabbedPanelsTabSelected a:active  {color:#fff;  }
.TabbedPanelsTab a {
color: #cbccd1;
	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 { text-align:center; font-weight:bold;margin:5px 0 5px 0;width:200px;}

/*.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:#5f5e72; }

.products div.pcode  {font-size:8pt; }
.products div.pname  {font:bold 10pt/12pt tahoma,arial,helvetica,sans-serif ;color:#012b99; }
.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  { /*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; width:97%; }
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:right;width:25%;padding-left:20px;}
div.OrderBtn2 { float:right; }
.col2, .col3 {color:#636372;}
.col2 p, .col3 p{margin:0;padding:5px 3px 2px 7px;line-height:10pt;font-size:9pt;font-family:tahoma,arial sans-serif;font-weight:normal;}
.col2 p {padding:5px 3px 2px 10px;}
h3 {color:#012b99;font-size:10pt;margin:0;padding:10px 3px 2px 7px;line-height:11pt;}
.col2 h3 {padding:10px 3px 2px 10px;}
/*.col3.totalcallout	{
	font-family:verdana, sans-serif;font-size:10pt;font-weight:bold; height:140px;text-align:center; 
	color:rgb(80,26,101);background:#E1CA3E;margin-top:5px;width:163px;
	}*/