/* -------------------------------------------



project:	Quiz Express

date:		2007/10/15

------------------------------------------- */



html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; color: #888f9f; font: 75%/130% "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;}
textarea, input, select, option, button, form dd label.radio-label, .f-error { font-size: 0.97em !important;  }
textarea, input, option { padding: 2px 5px; }



/* COMMON

------------------------------------------- */

fieldset { border: none; margin: 0 0 12px; padding: 0; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }
input,label {  }
input {  }
label { font-weight: normal;  }

table {
	border-collapse: collapse;
	font-size: 100%;
	line-height: 1.4em;
}

img { border: none; }
.img.fr { padding: 0 0 10px 10px; margin: 0; }
.img.fl { padding: 0 10px 10px 0; margin: 0; }


strong { }

em { padding: 1px 2px; }

abbr, 
acronym { border-bottom: 1px dotted #aaa; }



dl { margin: 0 0 12px;}
 dt { clear: left; float: left; padding: 0 10px; margin: 0 0 4px;}
 dd { float: left; margin: 0 0 4px;  }
 
p { line-height: 18px; margin: 0 0 12px; }

a { padding: 0; color: #43A0FF; text-decoration: none; }
a:hover, a:focus, a:active { color: #43A0FF; text-decoration: underline; }



.clear { clear: both; }
.fr { float: right; }
.fl { float: left; }
.h { display: none; }

ul { padding: 0; margin: 0 0 10px;  }
ul li { padding: 0 0 1px 0px; margin: 0 0 1px 12px; }
p.ul-info { margin: 0; }

ol { padding-left: 20px; margin-left: 0; }
/* HEADINGS

------------------------------------------- */

h1, h2, h3, h4, h5, h6 { margin: 0 0 8px; padding: 0; font-size: 1.7em; font-weight: normal; color: #94cc0a; clear: both; }
h2 { font-size: 1.46em; line-height: 1.30em; }
h3 { font-size: 1.18em; }
h4 { font-size: 1.00em; }
h5 { font-size: 0.86em; }
h6 { font-size: 0.80em; }

h1.logo { float: left; width: 153px; height: 92px; margin: 18px 0 0 0; padding: 0;}
h1.logo a { display: block; width: 153px; height: 92px; overflow: hidden; background: url(/common/images/logo.gif) 0 0 no-repeat; text-indent: -1001em; }
.hl {color:#65bee9;}

/* HELPERS

------------------------------------------- */

.wrapper { overflow: hidden; }
.offset { position: absolute; left: -10001em; top: -10001em; }
.center { text-align: center; }

/* LAYOUT

------------------------------------------- */

#root { display: block; width: 100%; padding: 0; margin: 0; background:url(/common/images/bg_mainSub.gif) repeat-x left top; }
#root .wrapper { width: 750px; height: 1%; margin: 0 auto; }


#container { clear: both; display: block; min-height:50px; padding-top:16px; margin-bottom:12px;}
#header { display: block; width: 748px; background: #1D4F8A; min-height: 234px; }
#content { overflow: hidden; width: 727px; padding: 10px 5px 5px 16px; }
#footer { clear: both; width: 748px; display: block; padding:0px; margin: 0; font: 11px Arial,Helvetica,sans-serif; color: #aaafbb; }


/* NAVIGATION 

-------------------------------------------- */
#main-nav { clear: right; float: right; padding: 0; width:570px; margin-top: 28px;}
#nav { float: right; list-style: none; margin: 0; padding: 0; text-align:right; font-size: 15px; font-weight:bold;}
   #nav li { float:left; height: 28px; padding: 0; margin: 0 0 0 3px;}
	#nav li.current {background: url(/common/images/nav_button-right.gif) right top no-repeat;}
    #nav li a { display:block; color: #9097a8; padding: 5px 12px; height: 28px;}
    #nav li.current a { color:#f8f8f8; background: url(/common/images/nav_button-left.gif) left top no-repeat; }
	#nav li a:hover { color:#f8f8f8; background: url(/common/images/nav_button-left.gif) left top no-repeat; text-decoration:none; }
	#nav li:hover { background: url(/common/images/nav_button-right.gif) right top no-repeat; }
    #nav li em { position: absolute; left: -10001em; }
#nav-strip {float:left; clear:both; width:750px; height:36px; padding:0; margin:0;}
#home-strip {position:relative; clear:both; width:750px; height:250px; padding-top:20px; margin:0px; background: url(/common/images/header-images/mainImage.jpg) right 20px no-repeat;}
  #breadcrumb {list-style: none; margin: 10px 0 0 0; padding: 0;}
    #breadcrumb li { display: inline; float: left; padding: 0 9px; margin: 0; background: url(/common/images/div-breadcrumb.gif) right 6px no-repeat; font-size:110%;}
	#breadcrumb li a { color: #e3f2fa; padding: 0;}
	#breadcrumb li.current {background:none;}
	#breadcrumb li.current a {color: #fff;}
	#breadcrumb li.first {padding-left:0px;}
  #searchBox {float:right; margin-top:4px; color:#fff; width:137px; background: url(/common/images/input-search.gif) top left no-repeat; height:27px;}
    #searchBox label {font-weight:bold; font-size:13px; padding-right:4px;}
	#searchBox .inputBox {background:none; border:none; width:95px; padding:0 0 0 7px;}	
	#searchBox .submit {background: url(/common/images/button-submit.gif) no-repeat left top; width:19px; height:17px; border:none; cursor: pointer; margin:5px 0 0 8px;}
	#searchBox .submit:hover {background: url(/common/images/button-submit-on.gif) no-repeat left top; width:19px; height:17px; border:none; cursor: pointer; margin:5px 0 0 8px;}
#top { display: block; height: 109px; width: 750px; padding: 0; margin: 0;}
	#cart { float:right; width:450px; padding: 0; background: url(/common/images/bg_cart-right.gif) top right no-repeat; color:#292929; font-size:12px;}
	  #cart ul { float:right; position: relative; overflow: hidden; list-style: none; margin: 0; padding: 7px 8px 7px 30px; height:31px; background: url(/common/images/bg_cart-left.gif) top left no-repeat;}
	  #cart ul li span {font-size: 110%; font-weight:bold; color:#fefefe;}
	   #cart ul li { display: inline; float: left; padding: 0 10px; font-size: 10px; margin: 0; background: url(/common/images/nav-top-sep.gif) right 4px no-repeat;}
	   #cart li.cart {background:none;}
	   #cart li.cart a { padding-left: 25px; background: url(/common/images/cart-icon.gif) 0 40% no-repeat; color:#fefefe; font-size: 120%;}
  
/* Other 

-------------------------------------------- */

/*---- Content Area - table ----*/
table.orders {
	width:480px;
	border:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
}
.orders tr.border td
{
		border-bottom:1px solid #ECECEC;
}
.orders td {
	padding:3px 6px;
	background-color:#FFF;
}
.orders td a {
}
.orders td a:hover {
	text-decoration:underline;
}
.orders thead {
	background-color:#ECECEC;
	text-align:left;
}
.orders thead th{
	padding-left:5px;
}
tr.solid td{
	padding-left:5px;
	background-color:#ECECEC;
}

/*subpage*/
#col1{width:244px; float:left; padding:18px 0 0 0;}

#col2{float:right; width:483px; margin-right:0; min-height:270px;}
* html #col2{float:right; width:494px; margin-right:3px;}
  #col2 h1, #col2 h2 {margin-bottom: 10px; padding-bottom:9px; background: url(/common/images/head-rule.gif) bottom left repeat-x;}
  #col2 h2 {padding-bottom:6px;}
  #col2 h2 span {color:#888f9f; font-size:90%;}
  #col2 h3 {color:#65bee9; margin: 1em 0; }
  #col2 p {line-height:1.7em;}
  
#page-head {background:url(/common/images/bg-page-header.gif) top left no-repeat; height:170px; width:482px; margin:0; padding:2px;}
  #page-head #img-container {float:left;}
   #price-details {float:left; width:132px; padding:10px 10px 7px 10px;}
   #price-details h2 {color:#65bee9; font-size:14px; font-weight:bold; margin-bottom:7px;}
	#product-code {clear:both; font-size: 90%; float:left; width:132px;padding:0;margin:0;}
	#price-details-wrapper {float:left; padding:0; margin:0;}
	#price-details-wrapper img {float:left;padding:0;margin:0;}
	#price-details-cost {float:left; padding:10px; padding-bottom:0px;}
	  #price-details-cost .price {font-size:18px; color:#ff7800;}
	  #price-details-cost .vat {font-size:10px;}
	
h2.menu-shop {color: #fff; background:url(/common/images/lef-menu-head.gif) top left no-repeat; height:30px; margin:0; padding: 7px 0 0 50px; font-size:15px; font-weight:bold;}
  h2.menu-shop em {color: #e6ffab;}
#left-menu-wrapper {margin: 0; padding: 12px 15px 8px 15px; border-left:1px solid #abd642; border-right:1px solid #abd642; background-color:#fafbf9;}
	#left-menu { list-style: none; margin: 0; color:#000; text-align:left; padding:0;}
	  
	  #left-menu li { padding:0; margin:0; font-size:110%; font-weight:bold;}
	  #left-menu li.first {}  
	  #left-menu li a {display: block; padding:5px 5px 7px 21px; color: #52b1df; text-decoration: none; min-height:1%; vertical-align:middle; background:url(/common/images/bullet-icon.gif) left 55% no-repeat;}
	  #left-menu li a:hover {color:#ff7800;}
  	#left-menu-footer {height: 7px; background: url(/common/images/left-menu-footer.gif) bottom left repeat-x; margin-bottom:15px;}

h2.menu-filter {color: #fff; background:url(/common/images/filter-menu-head.gif) top left no-repeat; height:23px; margin:0; padding: 6px 0 0 20px; font-size:13px; font-weight:bold;}
#filter-menu-wrapper {margin: 0; padding: 12px 15px 8px 15px; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; background-color:#fafbf9;}
	#filter-menu { list-style: none; margin: 0; color: #888f9f; text-align:left; padding:0; background: url(/common/images/head-rule.gif) top left repeat-x;}
	  
	  #filter-menu li { padding:0; margin:0; font-weight:bold; background: url(/common/images/head-rule.gif) bottom left repeat-x;}
	  #filter-menu li.first {}  
	  #filter-menu li a {display: block; padding:5px 5px 7px 21px; color: #888f9f; text-decoration: none; min-height:1%; vertical-align:middle; background:url(/common/images/bullet-icon.gif) left 55% no-repeat;}
	  #filter-menu li a:hover {color:#52b1df;}
  	#filter-menu-footer {height: 7px; background: url(/common/images/filter-menu-footer.gif) bottom left repeat-x;}

#footer #copyright { float: left; margin: 0 8px 0 0; padding:0px;}
#footer #created-by { clear: left; float: left; width: 50%; }
	#nav-foot { float:left; padding: 0; margin: 0; list-style: none;}
	 #nav-foot li {display: inline; float: left; padding: 2px 6px 0 6px; margin: 0; background: url(/common/images/div-foot.gif) 0 4px no-repeat; }
	 #nav-foot li.last { background: none; }
	 #nav-foot li a { color: #aaafbb; }

#footer-menu-wrapper { float:left; width:716px;; margin: 0; padding: 0px 15px 0px 15px; border-left:1px solid #abd642; border-right:1px solid #abd642; background-color:#fafbf9;}
  #footer-menu-head {height: 7px; background: url(/common/images/footer-menu-top.gif) top right no-repeat;}
  #footer-menu-head div {height: 7px; background: url(/common/images/footer-menu-top-left.gif) top left no-repeat;}
  #footer-menu-bottom {clear:both; height: 7px; background: url(/common/images/footer-menu-bottom.gif) top right no-repeat; margin-bottom: 15px;}
  #footer-menu-bottom div {height: 7px; background: url(/common/images/footer-menu-bottom-left.gif) top left no-repeat;}

	.footer-menu { width: 160px; float:left; list-style: none; margin: 0; text-align:left; padding:4px;}
	.footer-menu .header {color: #52b1df; font-size:110%; margin-bottom:6px; font-weight:bold;}
	  .footer-menu li { padding:0; margin:0; font-size:95%; font-weight:normal;}
	  .footer-menu li a {display: block; padding:1px 5px 3px 21px; color: #888f9f; text-decoration: none; min-height:1%; vertical-align:middle; background:url(/common/images/bullet-icon.gif) left 55% no-repeat;}
	  .footer-menu li a:hover {color:#ff7800;}
	  
.content-box-wrapper { vertical-align:middle; float:left; width:451px;; margin: 0; padding: 3px 15px 3px 15px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:#fafbf9;}
    .content-box-wrapper label {color: #888f9f; font-weight:bold; padding-right:8px; margin:0;}
	.content-box-wrapper label.large {color: #52b1df; font-size:110%; font-weight:bold; padding-right:8px; margin:0;}
    .content-box-wrapper .number {font-size:16px; font-weight:bold; height:13px;}
	 .content-box-wrapper .submit {font-weight:bold; color:#fefefe; background: url(/common/images/button-submit-main.gif) no-repeat left top; width:80px; height:25px; border:none; cursor: pointer; margin:0;}
	 .content-box-wrapper .submit:hover {background: url(/common/images/button-submit-main-on.gif) no-repeat left top; width:80px; height:25px; border:none; cursor: pointer; margin:0;}
      .content-box-wrapper .helper a {float:right; color:#94cc0a; margin-top:4px;}
	  .content-box-wrapper .helper2 a {float:right; color:#ff7800;}
  .content-box-head {height: 7px; background: url(/common/images/content-box-top.gif) top right no-repeat;}
  .content-box-head div {height: 7px; background: url(/common/images/content-box-top-left.gif) top left no-repeat;}
  .content-box-bottom {margin-bottom:7px; clear:both; height: 7px; background: url(/common/images/content-box-bottom.gif) top right no-repeat;}
  .content-box-bottom div {height: 7px; background: url(/common/images/content-box-bottom-left.gif) top left no-repeat;}
  	  
   #form-menu { list-style: none; margin: 0; color:#000; text-align:left; padding:0;}
	  #form-menu li { padding:0; margin:0; font-weight:bold; background: url(/common/images/head-rule.gif) bottom left repeat-x;} 
	  #form-menu li div {display: block; padding:6px 5px 6px 21px; color: #888f9f; text-decoration: none; min-height:1%; vertical-align:middle; background:url(/common/images/tick-icon.gif) left 11px no-repeat; font-weight:normal;}
	  #form-menu li a:hover {color:#52b1df;}
	  #form-menu li.last {background:none;}



.clearme{clear:both;}

/* GALLERY DISPLAY

------------------------------------------- */

#galleryList {padding:0; margin:0; padding-top:5px;}
#galleryList .item {float:left;padding:0px; margin-right:21px; width:140px; height:249px;}
#galleryList .details {padding:7px 0px; height:110px; width:140px;}
#galleryList h3 {font-size:120%; font-weight:normal; margin-bottom: 2px;}
#galleryList span.price {font-weight:bold; color:#ff7800;}

/* FORMS

------------------------------------------- */

.divmz {padding-bottom: 1em;width:550px; clear: both; } 
.label{width:170px;float:left;}   
.input {width:320px;float:left; margin-bottom:13px;}  
.errmsg {
color:#C0003D;
background: #ffebe8;
padding:10px 20px;
border:1px solid #C0003D;
margin:15px 0;
}
.successmsg {
color:#6EB726;
background: #e4f3d5;
padding:10px 20px;
border:1px solid #6EB726;
margin:15px 0;
}
.successmsg a{
text-decoration:underline;
}
.errormsg strong, .successmsg strong{
	font-weight:bold;
	font-size: 110%;
}
.message {color:#DD0152; font-weight:normal; font-size:90%; padding:0px 0px 0px 3px; width:150px;}
.input {width:280px;float:left; margin-bottom:13px;}
.okmsg {padding:0px 0px 15px 0px;color:#DD0152;}   
.errinput {border:1px solid #DD0152;}

/* HOMEPAGE

------------------------------------------- */

#mainImageText {position:absolute;top:155px; left:342px; color:#fff; width:380px; height:60px; font-size:110%;}
#homeContainer { clear: both; display: block; min-height:50px; padding-top:0px; margin-bottom:0px;}
#homeCol1{width:243px; float:left; padding:18px 0 0 0; margin-right:10px;}
#homeCol2{width:243px; float:left; padding:18px 0 0 0; margin-right:10px;}
#homeCol3{width:243px; float:left; padding:18px 0 0 0;}

h2.home-menu-left {color: #fff; background:url(/common/images/home-left-head.gif) top left no-repeat; height:41px; margin:0; padding: 9px 0 0 60px; font-size:15px; font-weight:bold;}
h2.home-menu-left em {color: #e6ffab;}
#home-left-wrapper {margin: 0; padding: 4px 15px 8px 15px; height:141px; border-left:1px solid #abd642; border-right:1px solid #abd642; background:#eaf6cd url(/common/images/home-left-menu-bg.gif) bottom left no-repeat;}
#home-left-wrapper h2 {font-size:15px;font-weight:bold;color:#FF7800; line-height: 18px;}
#home-left-wrapper p {color:#626c49; line-height: 15px; margin-bottom:8px;}
#home-left-menu-footer {height: 14px; background: url(/common/images/home-left-menu-footer.gif) bottom left repeat-x; margin-bottom:15px;}

h2.home-menu-mid {color: #fff; background:url(/common/images/home-mid-head.gif) top left no-repeat; height:41px; margin:0; padding: 9px 0 0 60px; font-size:15px; font-weight:bold;}
h2.home-menu-mid em {color: #e6ffab;}
#home-mid-wrapper em {color: #FF7800;font-weight:bold;}
#home-mid-wrapper {margin: 0; padding: 4px 15px 8px 15px; height:145px; border-left:1px solid #abd642; border-right:1px solid #abd642; background-color:#eaf6cd;}
#home-mid-wrapper h2 {font-size:15px;font-weight:bold;color:#FF7800; line-height: 18px;}
#home-mid-wrapper p {color:#626c49; line-height: 15px;}
#home-mid-menu-footer {height: 10px; background: url(/common/images/home-mid-menu-footer.gif) bottom left repeat-x; margin-bottom:15px;}
.mid-menu { list-style: none; margin: 0; color:#000; text-align:left; padding:0;}  
	  .mid-menu li.first {}  
	  .mid-menu li {display: block; font-size:110%; margin:0; font-weight:bold; padding:1px 5px 2px 21px; color: #5e654e; text-decoration: none; min-height:1%; vertical-align:middle; background:url(/common/images/bullet-icon.gif) left 55% no-repeat;}
	   .mid-menu li a {text-decoration: none; color: #5e654e;}
	  .mid-menu li a:hover {color:#ff7800;}

h2.home-menu-right {color: #fff; background:url(/common/images/home-right-head.gif) top left no-repeat; height:41px; margin:0; padding: 9px 0 0 60px; font-size:15px; font-weight:bold;}
#home-right-wrapper {margin: 0; padding: 4px 15px 8px 15px; height:145px; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; background-color:#fafbf9;}
#home-right-wrapper h2 {font-size:15px;font-weight:bold;color:#68c4f0; line-height: 18px;}
#home-right-wrapper p {color:#68c4f0;}
#home-right-menu-footer {height: 10px; background: url(/common/images/home-right-menu-footer.gif) bottom left repeat-x; margin-bottom:15px;}

.submit, #homeContainer .findQuiz, .submitLong {font-weight:bold; color:#fefefe; background: url(/common/images/button-submit-main.gif) no-repeat left top; width:80px; height:25px; border:none; cursor: pointer; margin:0;}
.submit:hover, #homeContainer .findQuiz:hover, .submitLong:hover  {background: url(/common/images/button-submit-main-on.gif) no-repeat left top; width:80px; height:25px; border:none; cursor: pointer; margin:0;}
.submitLong {width:110px; background: url(/common/images/button-submit-long.gif) no-repeat left top;}
.submitLong:hover {width:110px; background: url(/common/images/button-submit-long-on.gif) no-repeat left top;}

.box{padding:3px;}
label{color:#68c4f0;font-size:13px;font-weight:bold;}
input.Textbox { padding: 2px 3px; border: 2px solid #c7c7c7; -moz-border-radius: 2px; vertical-align: top; height:16px; width:160px;} 
input.TextboxHome { padding: 2px 3px; border: 2px solid #c7c7c7; -moz-border-radius: 2px; vertical-align: middle; height:15px; width:130px;}  

/* SITEMAP

------------------------------------------- */
#sitemap ul 
{
	font-size:16px;
	font-weight:bold;
	list-style-type: none;
	padding:0ex;
	margin:0ex;
	margin-bottom:0px;
}
#sitemap ul li 
{
	font-size:16px;
	color:#dfdfdf;
	margin-bottom:1px;
}
#sitemap ul li a{
	display:block;
	background: url("/common/images/bullet-Icon.gif") no-repeat 5px 45%;
	font-weight:bold;
	padding:2px 8px 4px 25px;
}
#sitemap ul ul li a 
{
	font-size:14px;
	font-weight:normal;
	color:#565E74;
}
#sitemap ul ul ul li a 
{
	font-size:12px;
	background:none;
	font-weight:normal;
	color:#565E74;
}
#sitemap ul ul ul ul li a {
	background:none;
	padding-left:30px;
	font-weight:normal;
	color:#9097AD;
}
.shopgrid {}
.basketcontrols{padding-top:15px; text-align:right;}
.shopgridheader th {background-color:#c7c7c7; font-size:110%; color:#fff; padding:3px 0 0 10px; height:25px; text-align:left;}
.shopgridrow td{background-color: #fafafa; height:30px; padding:3px 0 0 10px; text-align:left;}
.shopgridrowalt td {background-color:#fff; height:30px; padding:3px 0 0 10px; text-align:left;}
.shopgridfooter td {background-color: #fff; height:30px; padding:5px 0 5px 10px; text-align:left; border-top:solid 1px #c7c7c7; border-bottom:solid 1px #c7c7c7;}
.radioButton{font-weight:normal;font-size:90%;}

#close{
	padding: 5px 15px;
	background-color: #E2E2E2;
	margin-bottom:1px;
}
#close a{
	color:#656F70;
	padding-left:20px;
	background: url(/common/images/closeWinIcon.gif) 0 0 no-repeat;
}
#close a:hover{
	background: url(/common/images/closeWinIcon.gif) 0px -25px no-repeat;
}
.download a:visited {color:#666;}
.smallText{font-size:80%;}

.HLblue {color:#43A0FF;}
.HLgreen {color:#94cc0a;}