* {
	margin: 0;
	padding: 0;
}

a {
	color: #623dab;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

body {
	background: #FFF url(images/bg.gif) repeat-x;
	color: #646464;
	font-size: 11pt;
	line-height: 1.75em;
	text-align: left;
	overflow-x:hidden;
}

body,input {
	font-family: ‘Arial Black’, Gadget, sans-serif;
}

br.clear {
	clear: both;
}

form {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4 {
	font-weight: normal;
	text-transform: uppercase;
}

h2 {
	font-size: 1.75em;
}

h2,h3,h4 {
	color: #623dab;
	font-family: ‘Arial Black’, Gadget, sans-serif;
	margin-bottom: 1em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1.05em;
}

img.left {
	float: left;
	margin: 8px 20px 20px 0;
}

img.top {
	margin: 8px 0 20px 0;
}

label.login {
	display: block;
	margin: 0 0 6px 0;
}

p {
	margin-bottom: 1.5em;
}

ul {
	margin-bottom: 1.5em;
}

ul h4 {
	margin-bottom: 0.35em;
}

.form {
	margin: 0 0 32px 0;
}

.gallery ul.gallery_sidebar li, #footerContent ul.gallery_footer li {
	border: none  !important;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0  !important;
}

.gallery ul.gallery_sidebar, #footerContent ul.gallery_footer {
	list-style: none;
	margin: 0;
	padding: 0;
}

.inputBox, .inputTextArea {
	padding: 6px;
	width: 95%;
}

.inputButton {
	float: right;
	padding: 6px;
}

.blogpost h2 {
	margin: 0 0 10px 0;
}

.meta {
	float: left;
}

.metahead {
	float: right;
	padding-top:20px;
    margin-bottom:0px;
}

.comments, .readmore, .readmore input, .readmore-order {
	background: #623dab url(images/navbg.jpg) repeat-x bottom left;
	padding: 6px 12px;
	border-radius: 8px;
	border:none;
	color:#fff;
}

.readmore-order {
    background: #623dab url(images/navbg-big.jpg) repeat-x bottom left;
    white-space:normal;
    cursor:pointer;
    width:200px;
}

.comments a, .readmore a {
	color: #fff;
	text-decoration: none;
}

.widget {
	margin-bottom: 30px;
}

#main img {
	border: dashed 1px #623dab;
	padding: 7px;
}

#datepic img {
	border: 0;
	padding: 0px;
}

#left-box {
	margin: 0 0 24px 0;
	overflow: hidden;
	width: 220px;
	height: 800px;
	float: left;
	margin-right:50px;
	list-style-position:inside;
	z-index:5000;
}

#main-content {
	overflow: hidden;
	padding: 0px;
	text-align: left;
}
#testimonial-box {
	overflow: hidden;
	padding: 0px;
	text-align: left;
	float:right;
	width:260px;
	height:450px;
}
#box-scroller {
	position:absolute;
	overflow: hidden;
	padding: 0px;
	text-align: left;
	float:right;
	width:260px;
	z-index:1;
}
#box-scroller  img {
border:none;
padding:0;
}

#box-scroller-bottom {
	position:absolute;
	bottom:310px;
	z-index:1;
}
#box-scroller-bottom  img {
position: absolute;
bottom: 0;
border:none;
padding:0;
}

#contact-details {
	margin: 0 0 24px 30px;
	overflow: hidden;
	width: 400px;
	float: right;
	margin-right:50px;
}

#index-content {
	overflow: hidden;
	padding: 0px;
	text-align: left;
	float:left;
	width:380px;
}
#index-content img {
	border: dashed 1px #623dab;
	padding: 7px;
    display: block;
    margin-left: auto;
    margin-right: auto 
}

#box3 {
	overflow: hidden;
}

#content {
	float: left;
	padding: 0;
	width: 950px;
}

.quarterDiv {
    width:50%;
    float:left;
    height:300px;
    text-align:center;
}

.shopImg {
    width:327px;
    height:260px;
}

.Col-10 { width:10%; }
.Col-25 { width:25%; }
.Col-40 { width:40%; }
.Col-50 { width:50%; }
.Col-75 { width:75%; }
.Col-100 { width:100%; }

.leftCol-5 { float:left; width:5%; }
.rightCol-5 { float:right; width:5%; }
.leftCol-10 { float:left; width:10%; }
.rightCol-10 { float:right; width:10%; }
.leftCol-20 { float:left; width:20%; }
.rightCol-20 { float:right; width:20%; }
.leftCol-25 { float:left; width:25%; }
.rightCol-25 { float:right; width:25%; }
.leftCol-30 { float:left; width:30%; }
.rightCol-30 { float:right; width:30%; }
.leftCol-40 { float:left; width:40%; }
.rightCol-40 { float:right; width:40%; }
.leftCol-50 { float:left; width:50%; }
.rightCol-50 { float:right; width:50%; }
.leftCol-60 { float:left; width:60%; }
.rightCOl-60 { float:right; width:60% }
.leftCol-70 { float:left; width:70%; }
.rightCol-70 { float:right; width:70%; }
.leftCol-75 { float:left; width:75%; }
.rightCol-75 { float:right; width:75%; }
.leftCol-80 { float:left; width:80%; }
.rightCol-80 { float:right; width:80%; }
.leftCol-90 { float:left; width:90%; }
.rightCol-90 { float:right; width:90%; }
.leftCol-100 { float:left; width:100%; }
.rightCol-100 { float:right; width:100%; }

.mandatory { color:Red }

.scanButton {
    background:none!important;
    border:none; 
    padding:0!important;
    
    /*optional*/
    font-family:arial,sans-serif; /*input has OS specific font-family*/
    color:#069;
    text-decoration:underline;
    cursor:pointer;
}

#copyright {
	margin: 0 0 16px 0;
	padding: 56px 0 88px 0;
	text-align: center;
}

#copyright a {
	color: #623dab;
}

#footer {
	color: #646464;
	margin: 32px 0 0 0;
	padding: 32px;
	position: relative;
	width: 1116px;
}

#header {
	height: 0px;
	padding: 0px;
	width: 1116px;
}

#logo {
	height: 106px;
	left: 32px;
	line-height: 106px;
	position: absolute;
	top: 0px;
}

#logo a {
	color: #646464;
	text-decoration: none;
	letter-spacing: -2px;
}

#logo a span {
	color: #623dab;
}

#logo h1 {
	font-family: ‘Arial Black’, Gadget, sans-serif;
	font-size: 3.5em;
}

#main {
	margin: 0 0 0 0;
	padding: 15px 0;
	position: relative;
	width: 950px;
}

#main .sectionList {
	list-style: none;
	padding-left: 0;
}

#main .sectionList li {
	clear: both;
	padding: 20px 0 20px 0;
}

#main ul {
	list-style: none;
}

#main ul li {
	border-top: dashed 1px #4A494B;
	padding: 12px 0 12px 0;
}

#main ul li.first {
	border-top: 0;
	padding-top: 0;
}

	/* Level 1 */

	#nav {
		font-family: ‘Arial Black’, Gadget, sans-serif;
		height: 15px;
		line-height: 15px;
		position: relative;
		left: 0px;
		z-index: 99;
	}

	#nav a {
		color: #000;
		text-decoration: none;
		
	}

	#nav .active a {
		color: #fff;
	}

	#nav ul {
		list-style: none;
		padding-bottom: 1px;
	}

	#nav ul li {
		display: block;
		float: left;
		padding: 0px 8px 0px 8px;
	}

		#nav #dropmenu {
			position: relative;
		}

		#nav #dropmenu li {
			position: relative;
		}	

		/* Level 2 */

			#nav #dropmenu ul {
				position: absolute;
				top: 100%;
				left: 0;
				padding: 0;
				margin: 0;
				list-style: none;
			}
			
			#nav #dropmenu ul li {
				display: block;
				text-align: left;
				float: none;				
				width: 175px;
				margin: 0;
				padding: 0 0 0 10px;
				background: url(images/navbg.jpg) repeat-x bottom left;		
			}
			#nav #dropmenu ul li a {
				background: none;	
			}	

			#nav #dropmenu ul li span {
				background: none;
				margin: 0;
				padding: 12px 0 0 25px;
				text-shadow: 1px 1px 1px #330000;
				width: 150px;
			}		

			/* Level3 */
				
				#nav #dropmenu ul ul {
					left: 100%;
					top: 0;
					display: none;
				}
				#nav #dropmenu ul ul li {
					
					
				}
				

#outer {
	margin: 0px auto 0 auto;
	position: relative;
	width: 950px;
}
#outer-index {
	margin: 0px auto 0 auto;
	position: relative;
	width: 950px;
	padding-top:350px;
}

#sidebar1 {
	float: right;
	padding: 0;
	width: 350px;
}


#slide-holder {
	margin:auto;
	width:950px;
	position:relative;
}

#slide-position {
	position:absolute;
	left:-525px;
}

/* Basket */
.tblBasket {
    width:910px;
    margin:0px 20px 0px 20px;
}

.tblBasket th {
    color: #333366;
    font-weight: bolder;
    text-align: center;
    padding: 3px;
}
.tblBasket th.price, .tblBasket td.price, .price {
    width:80px;
    text-align:right;
}

.tblBasket td {
    text-align:center;
}

.itemTitle {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

/* Tooltip text */
.itemDescription {
    visibility: hidden;
    width:350px;
    background-color: black;
    color: #fff;
    text-align: left;
    padding: 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;

    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}

.itemTitle .itemDescription {
    top: 100%;
    left: 50%; 
    margin-left: -175px; /* Use half of the width (350/2 = 175), to center the tooltip */
    margin-top: 10px;
}

.itemTitle .itemDescription::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.itemTitle:hover .itemDescription {
    visibility: visible;
    opacity: 1;
}

.imgSubmit, #main .imgSubmit img {
    border:none;
    background-color:transparent;
    cursor:pointer;
}


/* Easy Slider */
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0 auto;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
			given an negative left value so it will always float the image to the left of the nav bar
		*/ 
		width:2000px;
		left:-525px;
		height:350px;
		overflow:hidden; 
		margin:0;
		}	
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:20px;
		position:absolute;
		left:940px;
		top:325px;
		z-index:1000;
		
		}	
	#nextBtn, #slider1next{ 
		left:980px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:20px;
		background:url(../images/left.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/right.png) no-repeat 0 0;	
		}	
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	

/* main menu styles */
#nav {
    display:inline-block;
    width:100%;
    margin:0px auto;
    padding:0;
    background:#623dab url(images/bg.png) repeat-x 0 -110px;
	height:50px;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
    margin:10px;
    float:left;
    position:relative;
    list-style:none;
}
#nav a {
    font-weight:bold;
    color:#e7e5e5;
    text-decoration:none;
    display:block;
    padding:8px 42px;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, .7);
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#623dab url(images/bg.png) repeat-x 0 -20px;
    color:#000;
    border-top:1px solid #623dab;

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#fff;
}
#nav ul li a:hover {
    background:#623dab url(images/bg.png) repeat-x 0 -100px;
    color:#fff;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:240px;
    position:absolute;
    background:#623dab;
    border:1px solid #7788aa;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
	padding:8px;
    text-shadow:0 0px 0px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:160px;
    top:0px;
}

/* ----------- My Form ----------- */
.myform{
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #e8e4ff;
background:#fbfaff;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #e8e4ff;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:left;
width:450px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
}
#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

#hor-minimalist-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 550px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-a th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td
{
	color: #669;
	padding: 9px 8px 0px 8px;
}
#hor-minimalist-a tbody tr:hover td
{
	color: #009;
}


#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 550px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}


#ver-minimalist
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#ver-minimalist th
{
	padding: 8px 2px;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 2px solid #6678b1;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #039;
}
#ver-minimalist td
{
	padding: 12px 2px 0px 2px;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #669;
}


#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #ebe8ff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}


#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #ebe8ff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #ebe8ff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}


#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
}
#hor-zebra .odd
{
	background: #ebe8ff; 
}


#ver-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#ver-zebra td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #669;
}
.vzebra-odd
{
	background: #f5f7ff;
}
.vzebra-even
{
	background: #ebe8ff;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
{
	background: #eeebff;
	border-bottom: 1px solid #d6dfff;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children2
{
	background: #eeebff;
	border-bottom: 1px solid #d6dfff;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
{
	background: #eeebff;
	border-bottom: 1px solid #d6dfff;
}


#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #039;
}
#one-column-emphasis td
{
	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #ebe8ff;
}
.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
#one-column-emphasis tr:hover td
{
	color: #339;
	background: #f5f7ff;
}


#newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-a th
{
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
	border-bottom: 1px dashed #69c;
}
#newspaper-a td
{
	padding: 7px 17px 7px 17px;
	color: #669;
}
#newspaper-a tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-b th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
}
#newspaper-b tbody
{
	background: #ebe8ff;
}
#newspaper-b td
{
	padding: 10px;
	color: #669;
	border-top: 1px dashed #fff;
}
#newspaper-b tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-c
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #6cf;
}
#newspaper-c th
{
	padding: 20px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	text-transform: uppercase;
	border-right: 1px solid #0865c2;
	border-top: 1px solid #0865c2;
	border-left: 1px solid #0865c2;
	border-bottom: 1px solid #fff;
}
#newspaper-c td
{
	padding: 10px 20px;
	color: #669;
	border-right: 1px dashed #6cf;
}


#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #ebe8ff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #ebe8ff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #ebe8ff url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}


#background-image
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/blurry.jpg') 330px 59px no-repeat;
}
#background-image th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
#background-image td
{
	padding: 9px 12px;
	color: #669;
	border-top: 1px solid #fff;
}
#background-image tfoot td
{
	font-size: 11px;
}
#background-image tbody td
{
	background: url('table-images/back.png');
}
* html #background-image tbody td
{
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='table-images/back.png',sizingMethod='crop');
	background: none;
}	
#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}


#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}

#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('table-images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #ebe8ff url('table-images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #ebe8ff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}


#pattern-style-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/pattern.png');
}
#pattern-style-a thead tr
{
	background: url('table-images/pattern-head.png');
}
#pattern-style-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-a td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-a tbody tr:hover td
{
	color: #339;
	background: #fff;
}


#pattern-style-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/patternb.png');
}
#pattern-style-b thead tr
{
	background: url('table-images/patternb-head.png');
}
#pattern-style-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-b td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-b tbody tr:hover td
{
	color: #339;
	background: #cdcdee;
}
.testimonial {
    margin: 0;
    background: #d7c8f5;
    padding: 10px 50px;
    position: relative;
    font-family: Georgia, serif;
	width:160px;	/*added in by sonny to fit within the vertical scroller container*/
    color: #666;
    border-radius: 10px;
    font-style: italic;
    text-shadow: 0 1px 0 #ECFBFF;
    background-image: linear-gradient(#f4eeff, #d7c8f5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4eeff), to(#d7c8f5));
    background-image: -webkit-linear-gradient(top, #f4eeff, #d7c8f5);
    background-image:    -moz-linear-gradient(top, #f4eeff, #d7c8f5);
    background-image:     -ms-linear-gradient(top, #f4eeff, #d7c8f5);
    background-image:      -o-linear-gradient(top, #f4eeff, #d7c8f5);
}

.testimonial:before, .testimonial:after {
    content: "\201C";
    position: absolute;
    font-size: 80px;
    line-height: 1;
    color: #999;
    font-style: normal;
}

.testimonial:before {
    top: 0;
    left: 10px;
}

.testimonial:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em;
}

.testimonial-author {
    margin: 0 0 0 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    text-align:left;
}

.testimonial-author span {
    font-size: 12px;
    color: #666;
}​


.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
		padding-top:50px;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		overflow: hidden;
		margin: 0;
		padding-bottom: 150px;
		list-style: none;
	}
	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
	width: 450px;
	height: 200px;
	margin-bottom: 1em;
}

	.simply-scroll .simply-scroll-clip {
		width: 450px;
		height: 200px;
	}
	
		.simply-scroll .simply-scroll-list {}
		
		.simply-scroll .simply-scroll-list li {
			float: left;
			width: 450px;
			height: 200px;
		}

/* Vertical scroller */

.vert { /* wider than clip to position buttons to side */
	width: 450px;
	height: 600px;
	margin-bottom: 1.5em;
}

	.vert .simply-scroll-clip {
		width: 450px;
		height: 400px;
	}
	
		.vert .simply-scroll-list {}
		
		.vert .simply-scroll-list li {
			width: 450px;
			height: 250px;
		}
		.vert .simply-scroll-list li img {}

		.tooltip {
			border-bottom: 1px dotted #666; color: #646464; outline: none;
			cursor: default; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
			opacity: 0;
			-webkit-transition: opacity 0.3s ease-out;
			   -moz-transition: opacity 0.3s ease-out;
			    -ms-transition: opacity 0.3s ease-out;
			     -o-transition: opacity 0.3s ease-out;
			 	    transition: opacity 0.3s ease-out;
			z-index:1000;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 0.8em; top: 1.5em; z-index: 99;
			color: #000;
			margin-left: 0; width: 140px;
			opacity: 1;
		}

		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #d7c8f5; border: 1px solid #d7c8f5; }
		
#mathstest
{
	width:300px;
	height:250px;
}

/**
 * Styles for DatePicker
 */

.datepickerControl {
	border:				1px solid #999999;
	background-color:	#EEEEEE;
	padding:			5px;
}

.datepickerControl td {
	text-align:			center;
	font-family:		sans-serif;
	font-size:			11px;
	padding:			1px;
}

.datepickerControl tr.monthLabel td {
	background-color:	#FFFFFF;
	border:				1px solid #999999;
	font-weight:		bold;
}

.datepickerControl tr.navigation td {
	cursor:				pointer;
}

.datepickerControl tr.navigation td:hover {
	text-decoration:	underline;
}

.datepickerControl tr.dayLabel td {
	/*
	border:				1px solid #C0D8EA;
	background-color:	#C0D8EA;
	*/
	border:				1px solid #003366;
	background-color:	#003366;
	color:				white;
	font-weight:		bold;
}

.datepickerControl td.day, .datepickerControl td.dayothermonth {
	cursor:				pointer;
	background-color:	#FFFFFF;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td.dayothermonth {
	color:				#999999;
	font-style:			italic;
}

.datepickerControl td.day:hover {
	background-color:	#EBE4C0;
} 

.datepickerControl td.weekend {
	background-color:	#CCCCCC;
	font-style:			italic;
}

.datepickerControl td.today {
	font-weight:		bold;
}

.datepickerControl td.hour {
	cursor:				pointer;
	background-color:	#FFFFFF;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td.minute {
	cursor:				pointer;
	background-color:	#FFFFFF;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td input,
.datepickerControl td button {
	font-size:			11px;
	padding:			0;
	border:				1px solid #999999;
	text-align:			center;
}

.datepickerControl td.ampm {
	cursor:				pointer;
	background-color:	#CCCCCC;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td.current {
	font-weight:		bold;
	background-color:	#EBC2C0;
}

.datepickerControl input.current {
	background-color:	#EBC2C0;
}

.datepickerControl td.current:hover {
	background-color:	#EBC2C0;
}