/* Copyright Seven Communications Ltd  */

p {
margin-bottom: 0.8em;
line-height: 1.4em;
}
p a {
font-weight: bold;
color: #00adef; /* light blue */
}
p a:hover {
color: #2d3192;
}
#flashneeded {
position: absolute;
top: 565px;
padding: 0 0 0 5px;
margin: 0;
}
a img {
border-style: none;
padding: 0;
margin: 0;
}
a.namejump {
cursor: text;
}
b {
color: #2d3192;
}
.empty {
display: none;
}
ul {
list-style-image: url(_images/img_bullet01.gif); 
padding-top: 0;
margin-top: 0;
}
ul li a {
white-space: pre;
}
ul ul {
list-style: none;
}

#shop {
border-collapse: collapse;
}
#shop td {
vertical-align: top;
border: 1px solid silver;
text-align: center;
line-height: 1.6em;
padding: 10px;
margin: 10px;
}
.googlecart-add-button {
margin: 0 auto;
}
.product-attr-custom {
margin: 10px 0;
}


#container {
position: relative;
min-height: 100%;
}
* html #container {
height: 100%;
}


html {
height: 100%;
}
body {
text-align: left;
min-width: 990px;
color: #515151;
background: url('_images/img_bg01.jpg') top center repeat-x;
font-family: arial, sans-serif;
font-size: 1em;
height: 100%;
padding: 0;
margin: 0;
}
h2 {
color: #00adef; /* light blue */
font-weight: 1.6em;
margin: 0 0 .4em 0;
padding: 0;
}
h3 {
color: #2d3192;
font-weight: 1.3em;
margin: 1em 0 .4em 0;
padding: 0;
}
h4 {
width: 70%;
font-size: 1.1em;
color: #2d3192;
padding: 0;
margin: 0 0 0.4em 0;
}
h2.wwd {
padding: 0;
margin: 0 0 5px 0;
color: #00abf0; /* blue */
}
h2.blue {
padding: 0;
margin: 0 0 5px 0;
color: #00abf0; /* blue */
}
h2.how {
padding: 0;
margin: 0 0 5px 0;
color: #2d3192; /* purple */
}
h2.why {
padding: 0;
margin: 0 0 5px 0;
color: #15b701; /* green */
}
h3.green {
color: #15b701; /* green */
}
h2.doyou {
padding: 0;
margin: 0 0 5px 0;
color: #df0039; /* red */
}
h2.cases {
padding: 0;
margin: 0 0 5px 0;
color: #f7921c; /* orange */
}
h2.testi {
padding: 0;
margin: 0 0 5px 0;
color: #f7c01d; /* yellow */
}
h2.ourteam {
padding: 0;
margin: 0 0 5px 0;
color: #d1009c; /* light purple */
}
#centerize {
/*border: 1px solid red;*/
height: 100%;
min-height: 100%;
width: 980px;
margin: 0 auto;
}
#logo {
padding: 0 0 20px 0;
width: 500px;
height: 146px;
}
#logo_index {
padding: 580px 0 130px 290px;
margin: 0;
}
#logo_index p {
width: 600px;
margin: 0;
padding: 0 0 0.6em 5px;
}
#logo_index h3 {
width: 600px;
color: #2d3192;
padding: 0 0 10px 5px;
}
#logo_index ul li {
padding: 0;
margin: 0;
}
#logo_index ol {
font-weight: bold;
color: #2d3192;
font-size: 1em;
width: 75%;
}
#logo_index a {
font-weight: bold;
color: #00adef; /* light blue */
}
#logo_index a:hover {
color: #2d3192;
}
p.indented {
padding-left: 20px;
}
ul li.indent  {
list-style: none;
}
#main {
padding: 70px 0 130px 15px;
margin: 0;
min-height: 660px;
}
#main p {
width: 65%;
padding-top: 0;
margin-top: 0;
}
#main p.first {
width: 65%;
padding-top: 0;
margin-top: 0;
}
#main a {
font-weight: bold;
color: #00adef; /* light blue */
}
#main a:hover {
color: #2d3192;
}
#main ul {
width: 65%;
}
#main ol {
font-weight: bold;
color: #2d3192;
font-size: 1em;
width: 65%;
}
#main ol li ul {
font-weight: normal;
color: #515151;
list-style-image: url(_images/img_bullet01.gif); 
padding-top: 0;
margin-top: 0;
}
#lefttest {
text-align: right;
position: absolute;
top: 580px;
width: 280px;
}
#lefttest p {
line-height: 1em;
padding: 0 10px 30px 5px;
margin: 0;
}
#lefttest .bubbletop {
width: 280px;
height: 15px;
background: url('_images/img_lefttest_bubble_top.gif') top center no-repeat;
padding: 0;
margin: 0;
}
#lefttest .bubble {
background: url('_images/img_lefttest_bubble.gif') bottom center no-repeat;
padding: 0;
margin: 0 0 10px 0;
}

#images {
width: 267px;
text-align: right;
top: 237px;
right: 20px;
padding: 10px 0 0 0;
position: absolute;
margin: 0;
}
#quote {
padding: 15px 0;
}
#pagebtns {
width: 440px;
position: absolute;
z-index: 0;
top: 70px;
right: 20px;
text-align: right;
padding: 0;
margin: 0;
}
#pagebtns ul {
padding: 0;
margin: 0;
}
#pagebtns li {
list-style: none;
float: right;
padding: 0;
margin: 0;
}
#pagebtns p {
clear: right;
padding: 10px 0 0 0;
margin: 0;
}
#quotes {
width: 400px;
padding: 0;
margin: 0;
position: absolute;
top: 120px;
right: 20px;
text-align: right;
}

h1#welcome {
background: url("_images/title_welcome.gif") no-repeat;
width: 324px;
height: 33px;
margin: 0;
padding: 0;
}
h1#contact {
background: url("_images/title_contact.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#bigpiclive {
background: url("_images/title_bigpiclive.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#student {
background: url("_images/title_student.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#teacher {
background: url("_images/title_teacher.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#myschool {
background: url("_images/title_myschool.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#sitemap {
background: url("_images/title_sitemap.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#news {
background: url("_images/title_news.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#shop {
background: url("_images/title_shop.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#sign {
background: url("_images/title_signmeup.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#tell {
background: url("_images/title_tell.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#contactme {
background: url("_images/title_contactme.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#thanks {
background: url("_images/title_thanks.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#after {
background: url("_images/title_afterbigp.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#mybigpic {
background: url("_images/title_mybigpic.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#testimonials {
background: url("_images/title_testimonials.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
h1#media {
background: url("_images/title_media.gif") no-repeat;
width: 400px;
height: 33px;
margin: 15px 0 0 0;
padding: 0;
}
/* IE7 Only */
*:first-child+html h1 span {
position: relative;
}
h1 span {
position: absolute;
text-indent: -5000px;
padding: 0;
margin: 0;
}
#details {
text-align: right;
position: absolute;
right: 20px;
bottom: 20px;
}

#left_menu {
text-align: left;
width: 550px;
height: 50px;
position: absolute;
z-index: 0;
padding: 0;
margin: 0;
top: 0;
left: 0;
}
#left_menu ul {
padding: 0 0 0 10px;
margin: 0;
}
#left_menu li {
background: url("_images/img_pipe.gif") no-repeat top right;
padding: 0 5px;
margin: 0;
float: left;
list-style: none;
position: relative;
}
#left_menu li.nopipe {
background: none;
padding: 0 5px;
margin: 0;
float: left;
list-style: none;
}
#left_menu li ul { /* the second level */
/*background: url('_images/img_drop_base.gif') no-repeat bottom left;*/
position: absolute;
background-color: #00adef; /* light blue */
top: 50px;
left: 0;
display: none;
padding: 5px 10px;
margin: 0;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-left: 1px solid white;
}
#left_menu li ul li {
padding: 5px;
margin: 0;
border-bottom: 1px solid #4cceff; /* lighter blue */
}
#left_menu li:hover ul, li.over ul {  /* reveal drop down */
display: block; 
}
/* IE7 Only */
*:first-child+html li ul {
top: auto;
left: auto;
margin-top: 13px;
margin-left: -80px;
}

/* btn image background */
#btn01 {
width: 48px;
height: 50px;
text-indent: -10000px;
overflow: hidden;
background: url(_images/btn01.gif) no-repeat top left;
display: block;
}
#btn01:hover {
background-position: center left;
}
#btn02 {
width: 88px;
height: 50px;
text-indent: -10000px;
overflow: hidden;
background: url(_images/btn02.gif) no-repeat top left;
display: block;
}
#btn02:hover {
background-position: center left;
}
	#btn02a {
	width: 195px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn02a.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn02a:hover {
	background-position: bottom left;
	}
	#btn02b {
	width: 195px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn02b.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn02b:hover {
	background-position: bottom left;
	}
	#btn02c {
	width: 195px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn02c.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn02c:hover {
	background-position: bottom left;
	}
	#btn02d {
	width: 195px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn02d.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn02d:hover {
	background-position: bottom left;
	}
	#btn02e { 
	width: 195px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn02e.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn02e:hover {
	background-position: bottom left;
	}
#btn03 {
width: 124px;
height: 50px;
text-indent: -10000px;
overflow: hidden;
background: url(_images/btn03.gif) no-repeat top left;
display: block;
}
#btn03:hover {
background-position: center left;
}
	#btn03a {
	width: 265px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn03a.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn03a:hover {
	background-position: bottom left;
	}
	#btn03b {
	width: 265px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn03b.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn03b:hover {
	background-position: bottom left;
	}
	#btn03c {
	width: 265px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn03c.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn03c:hover {
	background-position: bottom left;
	}
#btn04 {
width: 102px;
height: 50px;
text-indent: -10000px;
overflow: hidden;
background: url(_images/btn04.gif) no-repeat top left;
display: block;
}
	#btn04a {
	width: 100px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn04a.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn04a:hover {
	background-position: bottom left;
	}
	#btn04b {
	width: 100px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn04b.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn04b:hover {
	background-position: bottom left;
	}
#btn04:hover {
background-position: center left;
}
#btn05 {
width: 43px;
height: 50px;
text-indent: -10000px;
overflow: hidden;
background: url(_images/btn05.gif) no-repeat top left;
display: block;
}
#btn05:hover {
background-position: center left;
}
	#btn05a {
	width: 43px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn05a.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn05a:hover {
	background-position: bottom left;
	}
	#btn_blog {
	width: 43px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn_blog.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn_blog:hover {
	background-position: bottom left;
	}
	#btn_press {
	width: 44px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn_press.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn_press:hover {
	background-position: bottom left;
	}
#btn06 {
width: 54px;
height: 50px;
text-indent: -10000px;
overflow: hidden;
background: url(_images/btn06.gif) no-repeat top left;
display: block;
}
#btn06:hover {
background-position: center left;
}
	#btn06a {
	width: 143px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn06a.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn06a:hover {
	background-position: bottom left;
	}
	#btn06b {
	width: 143px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn06b.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn06b:hover {
	background-position: bottom left;
	}
	#btn06c {
	width: 143px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn06c.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn06c:hover {
	background-position: bottom left;
	}
	#btn06d {
	width: 143px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(_images/btn06d.gif) no-repeat top left;
	display: block;
	margin: 5px 0;
	}
	#btn06d:hover {
	background-position: bottom left;
	}
#btn07 {
width: 43px;
height: 50px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn07.gif) no-repeat top left;
display: block;
}
#btn07:hover {
background-position: center left;
}
#btn08 {
width: 67px;
height: 50px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn08.gif) no-repeat top left;
display: block;
}
#btn08:hover {
background-position: center left;
}
#btn09 {
width: 64px;
height: 50px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn09.gif) no-repeat top left;
display: block;
}
#btn09:hover {
background-position: center left;
}
#btn10 {
width: 81px;
height: 50px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn10.gif) no-repeat top left;
display: block;
}
#btn10:hover {
background-position: center left;
}
#btn11 {
width: 45px;
height: 50px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn12.gif) no-repeat top left;
display: block;
}
#btn11:hover {
background-position: center left;
}
#right_menu {
width: 370px;
position: absolute;
top: 0;
right: 0;
}
#right_menu ul {
padding: 0 10px 0 0;
margin: 0;
text-align: right;
}
#right_menu li {
background: url("_images/img_pipe.gif") no-repeat top right;
padding: 0 5px;
margin: 0;
float: right;
list-style: none;
}
#right_menu li.nopipe {
background: none;
padding: 0 5px;
margin: 0;
float: right;
list-style: none;
}

#btn12 {
width: 150px;
height: 33px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn12_sign.gif) no-repeat top left;
display: block;
}
#btn12:hover {
background-position: bottom left;
}
#btn12b {
width: 150px;
height: 33px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn12_sign.gif) no-repeat top left;
display: block;
}
#btn12b:hover {
background-position: bottom left;
}
#btn13 {
width: 150px;
height: 33px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn13_tell.gif) no-repeat top left;
display: block;
}
#btn13:hover {
background-position: bottom left;
}
#btn14 {
width: 139px;
height: 33px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn14_contact.gif) no-repeat top left;
display: block;
}
#btn14:hover {
background-position: bottom left;
}
#flash {
position: absolute;
z-index: 0;
padding: 0;
top: 55px;
}
#footer {
background: url('_images/img_bg02.jpg') top center repeat-x;
background-color: #00adef;
position: relative;
margin: -100px 0 0 0;
padding: 0;
height: 100px;
width: 100%;
color: white;
font-size: 0.8em;
clear: both;
} 
#footer p {
padding: 20px 0 0 13px;
margin: 0;
}
#footer b {
color: white;
}
#footer a {
color: white;
}
#footer a:hover {
color: #2d3192; /* purple */
}
span.bluebull {
color: #00adef; /* light blue */
}
span.bull {
color: white; 
}
table {
padding: 0;
margin: 0 0 20px 0;
border-collapse: collapse;
}
table td {
vertical-align: top;
padding: 0 10px 5px 0;
}
input {
color: #515151;
font-family: arial, sans-serif;
font-size: 1em;
width: 200px;
}
input.submit {
font-family: arial, sans-serif;
font-size: 1em;
width: 100px;
}
textarea {
color: #515151;
font-family: arial, sans-serif;
font-size: 1em;
width: 200px;
}