@charset "UTF-8";

/* ----------------------------------------GLOBAL PROPERTIES---------------------------------------------------------------- */

body, img, a, span, p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, select, textarea { 	
	margin:0; 
	padding:0; 
}

body { 
	font-family:Arial, Helvetica, sans-serif; 
	background:#5d8f0c url(../images/background/bg_tile.gif) top center repeat-x;
	font-size:13px; 
	color:#7f7f7f; 
	text-align:center; 
}

ul { 
	list-style:none;
}

img, fieldset { 
	border:none; 
}

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#a9a9a9; 
	border:none; 
}

a { 
	color:#5ca74b; 
	text-decoration:none; 
}

a:hover { 
	color:#5ca74b; 
	text-decoration:underline;
}

object, input:active, input:focus, a:focus { 
	outline:none; 
}

.clear { 
	clear:both; 
}
div.clear {
	line-height: 0px;
	height: 0px;
	font-size: 0px;
}
.clearLeft {
	clear: left
}

p, ul, dl { 
	line-height:22px;
}

td {
vertical-align:top;
}

h1, h2, h3, h4, h5, h6 {
	color: #13adc2;
	line-height:22px;
}

h1 { 
	font-size: 25px;
	margin: 5px 0px 15px 0px;
}

h2 { 
	margin: 0px 0px 10px 0px;
	font-size:20px;
	font-weight:normal;  
}

h3 { 
	margin: 0px 0px 10px 0px;
	font-size:18px;
	font-weight:bold;  
}

h4 { 
	font-size: 16px;
	font-weight:bold;  
	margin: 20px 0px 10px 0px;
}

h5 {
	margin: 20px 0px 10px 0px;
	font-size:13px;
	font-weight:bold; 
}

h6 {
	margin: 0px 0px 2px 0px;
	font-size:13px;
	font-weight:normal; 
}

/* ----------------------------------------END GLOBAL PROPERTIES---------------------------------------------------------------- */
#contentTitle h1 {
	color: #ffffff;
	font-size: 30px;
	margin: 0px;
}

.pageTitle h3 {
	width: 545px;
	font-size: 19px;
	margin: 0px;
}

h4.productPrice {
	color: #5d5d5d;
	font-size: 16px;
	margin: 0px 0px 5px 0px;
}

/************* FANCY ZOOM **/
div#zoom {
	z-index: 9999;
}
div#zoom a#zoom_close {
	width: 100%;
	text-align: right;
}
div#zoom a#zoom_close img {
}
div#zoom div#zoom_content {
	padding: 10px;
	text-align: left;
}
/************* CMS **/
div#cmsContent ul {
	list-style: disc;
	padding-left: 35px;
}

img.btn {
	cursor: pointer;
}
.small {
	font-size: 11px;
}
.alignCenter {
	text-align: center;
	margin: inherit auto;
}
.blueText {
	color: #13adc2;
}
.greyText {
	color: #f7f7f7;
}


/* ----------------------------------------STRUCTURE SITE---------------------------------------------------------------- */

#header {
	width:960px;
	height:91px;
	margin:auto;
	text-align:left;
	position:relative;
}

#header h1 {
	position:absolute;
	left:0;
	top:22px;
	margin: 0px;
}

#checkOut {
	width:200px;
	background:url(../images/iconsLists/icon_basket.gif) left top no-repeat;
	margin:3px 8px 0 0;
	padding:8px 0 0 35px;
	height:26px;
	font-size:11px;
	float:right;
	color:#686868;
	display:inline;
	/*overflow: hidden;*/
}

#header li {
	display:inline;
	line-height:normal;
}

#checkOut li a {
	float:left;
}

#checkOut li span {
	float:left;
	margin:4px 0 0 0;
	width:50px;
	text-align: center;
}

#checkOut .priceHeader span {
	border-left:1px solid #686868;
	padding:0px;
	margin:4px 0 0 5px;
	width:60px;
}

#checkOut .checkoutBtn span {
	float: right;
	padding-right: 10px;
}

#nav { 
	width:802px;
	float:right;
	padding:0 18px 0 0;
	margin:21px 0 0 0;
}

#nav li a {
	float:left;
	margin:0 0 0 3px;
	height:27px;
	display:block;
}

#nav li a span {
	display:none;
}

/* Navigation */

#nav01 a {
	background:url(../images/navigations/nav01_n.gif) no-repeat;
	width:48px;
}

#nav01 a:hover, #nav01 .active {
	background:url(../images/navigations/nav01_o.gif) no-repeat;
}

#nav02 a {
	background:url(../images/navigations/nav02_n.gif) no-repeat;
	width:71px;
}

#nav02 a:hover, #nav02 .active {
	background:url(../images/navigations/nav02_o.gif) no-repeat;
}

#nav03 a {
	background:url(../images/navigations/nav03_n.gif) no-repeat;
	width:147px;
}

#nav03 a:hover, #nav03 .active {
	background:url(../images/navigations/nav03_o.gif) no-repeat;
}

#nav04 a {
	background:url(../images/navigations/nav04_n.gif) no-repeat;
	width:111px;
}

#nav04 a:hover, #nav04 .active {
	background:url(../images/navigations/nav04_o.gif) no-repeat;
}

#nav05 a {
	background:url(../images/navigations/nav05_n.gif) no-repeat;
	width:150px;
}

#nav05 a:hover, #nav05 .active {
	background:url(../images/navigations/nav05_o.gif) no-repeat;
}


#nav06 a {
	background:url(../images/navigations/nav06_n.gif) no-repeat;
	width:73px;
}

#nav06 a:hover, #nav06 .active {
	background:url(../images/navigations/nav06_o.gif) no-repeat;
}

#nav07 a {
	background:url(../images/navigations/nav07_n.gif) no-repeat;
	width:94px;
}

#nav07 a:hover, #nav07 .active {
	background:url(../images/navigations/nav07_o.gif) no-repeat;
}


#nav08 a {
	background:url(../images/navigations/nav08_n.gif) no-repeat;
	width:84px;
}

#nav08 a:hover, #nav08 .active {
	background:url(../images/navigations/nav08_o.gif) no-repeat;
}

/* End Navigation */

#banner {
	width:960px;
	height:323px;
	margin:15px auto 2px auto;
}
#banner #bannerDefault {
	display: block;
	background-position: center top;
	height: 323px;
}

#maincontent {
	width:960px;
	margin:auto;
	text-align:left;
}

/* Categories Selector  */

#categorySelector {
	width:960px;
	margin:auto;
	text-align:left;
}



#categorySelector div h5 {
	margin:8px 30px 0 30px;
}

#categorySelector div p {
	 margin:0 0 0 30px;
	 width:200px;
	 line-height:18px;
}

div#parents {
	background:url(../images/background/bgd_category_01.png) bottom no-repeat;
	width:240px;
	height:185px;
	float:left;
	color:#FFFFFF;
	font-size:11px;
}

div#school {
	background:url(../images/background/bgd_category_02.png) bottom no-repeat;
	width:240px;
	height:185px;
	float:left;
	color:#FFFFFF;
	font-size:11px;
}

div#coporate {
	background:url(../images/background/bgd_category_03.png) bottom no-repeat;
	width:240px;
	height:185px;
	float:left;
	color:#FFFFFF;
	font-size:11px;
}

div#slideProducts {
	background:url(../images/background/bgd_category_04.png) bottom no-repeat;
	width:192px;
	height:185px;
	float:left;
	padding:0 24px 0 24px;
}

/****************** SLIDE SHOW */
#slideshow { 
	width:192px;
	position:relative; 
}

#slidesContainer { 
	width:192px;
	height:185px;
	overflow:hidden;  
	text-align:center; 
}

#slideshow .control { 
	width:11px; 
	height:15px; 
	text-indent:-10000px; 
	position:absolute; 
	float:left; 
	display:block; 
	cursor:pointer; 
}

#slideshow .slide {
	width:192px;
	text-align:center;
}

#slideshow .slide div {
	width:192px;
	text-align:center;
}

#slideshow .slide p {
	color:#7F7F7F;
	font-weight:bold; 
	margin:0px auto;
	width:auto;
	height: 35px;
	line-height: 15px;
	font-size: 11px;
}

#slideshow .slide p a {
	color:#13adc2;
}

#slideshow .slide p a:hover {
	text-decoration: underline;
}


#leftControl { 
	background:url(../images/buttons/btn_previous.gif) no-repeat; 
	left:0px; 
	top:70px; 
}

#rightControl { 
	background:url(../images/buttons/btn_next.gif) no-repeat; 
	left:181px; 
	top:70px; 
}

form.addToCart input {
	float:left;
	margin: 0px 0px 0px 5px;
}

form.addToCart .qty {
	background:url(../images/background/bgd_input_qtyCart.gif) no-repeat;
	width:29px;
	height:18px;
	padding:4px 0 0 0;
	text-align:center;
	text-transform: uppercase;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 9px;
}

/* End Slideshow */

/* End Categories Selector  */

#footer {
	width:auto;
	background:#557e0c;
	padding:25px 0 60px 0;
}

#footerContent {
	width:960px;
	text-align:left;
	margin:auto;
	color:#cbd3bd;
}

#footerContent div {
	width:215px;
	margin:0 0 0 25px;
	float:left;
	display:inline;
}

#footerContent a {
	color:#cbd3bd;
}

#footerContent h6 a {
	color:#FFFFFF;
	line-height:20px;
}

div#copyright {
	/*color: #CBD3BD;*/
	width:225px;
	float:right;
	margin:0 10px 0 0;
}

#copyright .term {
	border-bottom:1px solid #6c9131;
	margin:0 0 10px 0;
	padding:0 0 10px 0; 
}

#copyright li span {
}

/* ----------------------------------------END STRUCTURE SITE---------------------------------------------------------------- */

div#bodyContainer {
	background: url(../images/background/bgd_main.jpg) top no-repeat;
}

#main {
	width:auto;
	background: url(../images/background/ftr-top.gif) bottom no-repeat;
}

#content {
	width: 940px;
	padding: 10px 10px 15px 10px;
	background: url(../images/background/page-btm.gif) bottom center no-repeat;
}

#maincontent {
	background: #ffffff url(../images/background/page-top.gif) top center no-repeat;
	width:960px;
	text-align:left;
	margin: 20px auto 0 auto;
}

#maincontent p, #maincontent ul, #maincontent dl {
	margin:0 0 15px 0; 
}



/******************************************* HOMEPAGE */

#home #main {
	width:auto;
	/*background:url(../images/background/bgd_maincontent_home.gif) bottom no-repeat;*/
}

#home #maincontent {
	background:#FFFFFF url(../images/background/bgd_bottom_contentHome.gif) bottom no-repeat;
	padding:0 0 15px 0; 
	margin-top: 15px;
}

#home #content {
	width:920px;
	background:#FFFFFF url(../images/background/bgd_top_contentHome.gif) top no-repeat;
	padding:25px 10px 10px 30px; 
}

/*************** LEFT COLUMN */
#leftHome {
	width:670px;
	float:left;
}

#leftHome h3 {
	margin:0 0 10px 0; 
	border-top:1px solid #e7e7e7;
	padding:20px 0 0 0;
	margin:20px 0 0 0;
}

#award {
	width:453px;
	background:url(../images/background/bgd_middle_award.gif) repeat-y;
	margin:20px 0 0 0; 
}

#awardContent {
	width:453px;
	background:url(../images/background/bgd_top_award.gif) top no-repeat; 
	padding:15px 0 0 0; 
}

#awardContent ul {
	width:453px;
	background:url(../images/background/bgd_bottom_award.gif) bottom no-repeat; 
	padding:0 0 15px 0; 
	overflow:hidden;
	display:block;
	margin:0;
}

#awardContent li {
	display:inline;
}

#awardContent li img {
	float:left;
	margin:0 0 0 15px;
}

/*************** RIGHT COLUMN */
#rightHome {
	width:220px;
	float:right;
}

#newsletter {
	width:220px;
	background:url(../images/background/bgd_middle_newsletter.gif) repeat-y;
}

#newsletter h4 {
	background:url(../images/background/bgd_top_newsletter.gif) top no-repeat;
	width:220px;
	height:104px;
	margin: 0px;
}

#newsletter h4 span { 
	display:none;
}

#newsletter form {
	width:180px;
	background:url(../images/background/bgd_bottom_newsletter.gif) bottom no-repeat;
	padding:0 20px 20px 20px;
}

#newsletter form input {
	background:url(../images/background/bgd_input_newsletter.gif) no-repeat;
	width:170px;
	height:20px;
	margin:9px 0 0 0;
	padding:6px 0 0 10px;
	font-size:11px;
}

#newsletter .submitBtn {
	background:none;
	width:auto;
	height:auto;
	padding:0;
}

#facebook { 
	margin:15px 0 0 0;
	background:url(../images/background/bgd_facebook.gif) no-repeat;
	width:200px;
	height:105px;
	padding:15px 0 0 20px;
}

#facebook h4 {
	color:#13adc2;
	width:122px;
	margin:0 0 5px 0; 
}

#funFact {
	background:url(../images/background/bgd_middle_regularBlock.gif) repeat-y;
	width:220px;
	margin:15px 0 0 0;
}

#funFactContent {
	background:url(../images/background/bgd_top_regularBlock.gif) top no-repeat;
	width:220px;
	padding:16px 0 0 0;
}

#funFactDetail {
	background:url(../images/background/bgd_bottom_regularBlock.gif) bottom no-repeat;
	width:180px;
	padding:0 20px 20px 20px;
}

#funFact ul { 
	font-size: 11px;
	line-height: 20px;
	color: #f78f1f;
	/*margin: 5px 0 10px 0;*/
	position: relative;
	width: 180px;
	height: 125px;
	z-index: 1;
}

#funFact li { 
	/*position: absolute;*/
	background: #ffffff;
	display: none;
}

#funFact li.first { 
	display: block;
}

#funFact p { 
	margin: 0px;
}

#funFact #funFactNext {
	z-index: 100;
	display: none;
}

/************************************************ CONTENT PAGE */

#contentTitle {
	background: #81c7d9 url(../images/background/title-bg.gif) top center no-repeat;
	color: #ffffff;
	padding: 28px 25px 0px 25px;
	height: 46px;
	overflow: hidden;
	line-height: 35px;
}

#contentBg {
	width: 940px;
	margin-top: 10px;
	background: #ffffff url(../images/background/side-bg.gif) left bottom repeat-y;
}

#contentColumns {
	width: 940px;
	background: url(../images/background/side-btm.gif) left bottom no-repeat;
	overflow-x: hidden;
}

/*************** LEFT COLUMN */
#contentSide {
	width: 194px;
	float: left;
	background: url(../images/background/side-top.gif) left top no-repeat;
	padding: 25px 12px 15px 12px;
}

#contentSide .sideImg {
	margin: 0px auto 15px auto;
	text-align: center;
}

#maincontent ul.subMenu {
	margin: 0px auto 20px auto;
	padding: 0px;
	font-size: 15px;
	font-weight: bold;
	width: 190px;
}

#maincontent ul.subMenu a {
	text-decoration: none;
	color: #22b2c6;
	border-bottom: 1px solid #deecf1;
	display: block;
	margin-top: 1px;
}

#maincontent ul.subMenu a span.outer {
	display: block;
}

#maincontent ul.subMenu a span.inner {
	display: block;
	padding: 6px 15px;
}

#maincontent ul.subMenu li.active a,
#maincontent ul.subMenu a:hover {
	color: #ffffff;
	border-bottom: 1px solid #e7f4f8;
	/*background: #ffffff url(../images/background/sidetitle-bg.gif) left top repeat;*/
	background: #f78f20;
}

#maincontent ul.subMenu li.active a span.outer,
#maincontent ul.subMenu a:hover span.outer {
	background: url(../images/background/sidetitle-top.gif) left top no-repeat;
}

#maincontent ul.subMenu li.active a span.inner,
#maincontent ul.subMenu a:hover span.inner {
	background: url(../images/background/sidetitle-btm.gif) left bottom no-repeat;
}

#maincontent ul.subMenu li.last a {
	/*border-bottom: none 0px;*/
}

#maincontent ul.subMenu ul {
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
}

#maincontent ul.subMenu ul span.inner {
	padding: 3px 15px 4px 25px;
}

#maincontent ul.subMenu li.active ul a {
	color: #22b2c6;
	border-bottom: 1px solid #deecf1;
	background: none;
}
#maincontent ul.subMenu li.active ul a span.outer,
#maincontent ul.subMenu li.active ul a span.inner,
#maincontent ul.subMenu li.active ul a:hover span.outer,
#maincontent ul.subMenu li.active ul a:hover span.inner {
	background: none;
}

#maincontent ul.subMenu li.active ul a.active,
#maincontent ul.subMenu li.active ul a:hover {
	color: #22b2c6;
	/*text-decoration: underline;*/
	background: none #FFFFFF;
}

/*************** RIGHT COLUMN */
#contentMain {
	width: 667px;
	float: right;
	padding: 0px 25px 0px 0px;
	min-height: 550px;
	_height: 550px;
}

.pageTitle {
	color: #13adc2;
	font-size: 19px;
	padding: 10px 0px 5px 0px;
	margin: 0px 0px 15px 0px;
	line-height: 22px;
	border-bottom: 1px solid #f2f2f2;
}

#maincontent .pageTitle p {
	font-size: 13px;
	color: #7F7F7F;
	margin: 0px 0px 5px 0px;
}

/****** Print this Page */
div#controlPanel {
	font-size: 13px;
	width: 115px;
	text-align: right;
	float: right;
	padding-top: 5px;
}

div#controlPanel a {
	color: #3db0cd;
	text-decoration: none;
}

div#controlPanel a:hover {
	color: #1f5b6a;
}

div#controlPanel a img {
	vertical-align: text-bottom;
	margin-right: 10px;
}

/******************************* PRODUCT LIST */
#contentMain ul.productList {
	margin: 0px;
	pading: 0px;
}

ul.productList li {
	display: block;
	float: left;
	margin: 10px 12px 20px 0px;
	width: 214px;
	line-height: 0px;
	background: url(../images/background/item-btm.gif) no-repeat center bottom;
	font-size: 13px;
	position: relative;
}

ul.productList li.endRow {
	margin-right: 0px;
}

ul.productList li div.productThumb {
	text-align: center;
	border-width: 1px;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	/*height: 140px;*/
	line-height: 120px;
	padding: 15px 0px 10px 0px;
}
ul.productList li div.productThumb img {
	vertical-align: middle;
}

ul.productList li div.productContent {
	line-height: 22px;
	text-align: center;
	font-weight: bold;
	padding: 0px 15px;
}

ul.productList li div.productContent a {
	color: #13adc2;
}

#contentMain ul.productList li div.productContent p.productDesc {
	height: 50px;
	margin: 0px;
} 

ul.productList li form.addToCart {
	width: 175px;
	margin: 0px auto 15px auto;
}

ul.productList li form.addToCart input {
	margin: 0px 0px 0px 5px;
}

ul.productList li form.addToCart input.qty {
	margin-left: 0px;
}

ul.productList li img.hoverProductImage {
	position: absolute;
	left: 50px;
	top: -5px;
}

/******************************* PRODUCT DETAILS */
div#productDetails {
	padding: 10px 0px;
}

div#productDetails div.productContent {
	float: left;
	width: 270px;
	/*padding-left: 10px;*/
	clear: left;
	margin: 0px 0px 10px 0px;
}

div#productDetails div.productContent h6 {
	color: #7f7f7f;
	font-size: 12px;
}
div#productDetails div.productContent h4.productPrice {
	margin: 0px;
	line-height: 18px;
	height: 18px;
}

div#productDetails div.productContent form {
	margin-bottom: 20px;
}

div#productDetails div#documentForm .formField .inputField {
	width: 260px;
}

div#productDetails div.productGallery {
	float: right;
	width: 360px;
/*	height: 400px;*/
}

/************* OTHER PRODUCTS LIST */

div#otherProducts .area {
	margin: 0px auto 30px auto;
	width: 600px;
	padding: 15px 0px 0px 0px;
	position: relative;
}

div#otherProducts ul {
	margin: 0px;
}

div#otherProducts ul li {
	float: left;
	width: 150px;
	text-align: center;
	margin-bottom: 10px;
}
div#otherProducts ul li .productDesc {
	line-height: 18px;
	font-weight: bold;
	padding: 0px 10px;
}
div#otherProducts ul li .productDesc a {
	color: #22B2C6;
}

div#otherProducts .controls {
	position: relative;
	width: 670px;
}

div#otherProducts .controls img {
	cursor: pointer;
	position: absolute;
	top: 50px;
	display: none;
}

div#otherProducts .controls img#otherProdPrev {
	left: 0px;
}

div#otherProducts .controls img#otherProdNext {
	right: 0px;
}


/******************************* SHOPPING CART ***********************************/

table#shoppingcart {
	margin: 15px 0px;
}

table#shoppingcart td {
	padding: 3px 0px;
}

div#documentForm input.text,
div#documentForm input.date,
div#documentForm textarea,
div#documentForm select {
	border: 1px solid #cccccc;
	padding: 3px;
}

/****************************************** SIGN IN */
div#documentForm .pageTitle h3 {
	width: auto;
}
div#documentForm .signInBoxL {
	display: block;
	width: 290px;
	float: left;
	padding-right: 25px;
}
div#documentForm .signInBoxR {
	display: block;
	width: 350px;
	float: left;
}
div#documentForm .signInBoxB {
	display: block;
	clear: both;
	padding: 10px 0px 20px 0px;
}

div#documentForm .checkoutSignIn .formField .inputLabel {
	width: 100px;
	float: left;
	padding-right: 10px;
	line-height: 22px;
}
div#documentForm .checkoutSignIn .formField .inputField {
	width: 170px;
	float: left;
}
div#documentForm .checkoutSignIn .formField .inputField input.text {
	width: 160px;
}

/******************************* FORM */
div#documentForm .option {
	margin: 15px 0px 10px 0px;
}
div#documentForm .button {
	margin: 10px 0px 5px 0px;
}
div#documentForm img.btn {
	cursor: pointer;
}
div#documentForm .formField {
	clear: left;
	margin: 10px 0px;
}

div#documentForm .formField .inputLabel {
	width: 185px;
	float: left;
	padding-right: 15px;
	line-height: 22px;
	/*text-align: right;*/
}
div#documentForm .formField .inputLabel span.note {
	display: block;
	font-size: 11px;
	line-height: 15px;
}
div#documentForm .formField .inputField {
	width: 450px;
	float: left;
	line-height: 22px;
}

div#documentForm .formField .inputField input.text,
div#documentForm .formField .inputField select,
div#documentForm .formField .inputField textarea.medium {
	width: 300px;
}
div#documentForm .formField .inputField input.date {
	width: 120px;
}
div#documentForm .formField .inputField img.calendar {
	/*vertical-align: text-bottom;*/
	cursor: pointer;
	left: 0px;
	top: 4px;
	position: relative;
}
div#documentForm .formField .inputField select.short {
	width: 200px;
}

div#documentForm .formField .inputField .inputLabelPC {
	float: left;
	width: 80px;
	line-height: 22px;
}
div#documentForm .formField .inputField .inputFieldPC,
div#documentForm .formField .inputField .inputLabelState {
	float: left;
	width: 120px;
}
div#documentForm .formField .inputField .inputFieldPC input.text {
	width: 100px;
}
div#documentForm .formField .inputField .inputLabelState select {
	width: 100px;
}

div#documentForm .formFieldCenterEnd {
	line-height: 22px;
}
div#documentForm .formFieldCenterEnd .buttons {
	margin-top: 15px;
}

div#documentForm div.detailsArea table {
	width: 100%;
}
div#documentForm div.detailsArea table th {
	padding: 3px 0px;
}
div#documentForm div.detailsArea table td {
	line-height: 18px;
	padding: 3px 0px;
}
div#documentForm div.detailsArea .buttonsAlignLeft ,
div#documentForm div.detailsArea .buttonsAlignRight,
div#documentForm div.detailsArea .buttonsAlignCenter {
	margin: 10px 0px;
}

div#documentForm div.formError {
	color: red;
}