/*General*/

body {BACKGROUND-COLOR: #D2CCA3; margin: 0px; padding: 0px}

body {FONT-SIZE: 11px; COLOR: #636700; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;}

TD {FONT-SIZE: 11px; COLOR: #636700; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;}
TH {FONT-SIZE: 11px; COLOR: #636700; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;}

/*Backgrounds*/

.mainbg {  background-image: url(../images/general/bg.gif); background-repeat: no-repeat; background-position: top}


.leftgutter {  background-image: url(../images/general/leftgutter.gif); background-repeat: no-repeat}


.rightgutter {  background-image: url(../images/general/rightgutter.gif); background-repeat: no-repeat}



.footerbg {
	background-image: url(../images/general/footer_bg.gif);
	background-repeat: no-repeat;
}

/* Links*/

A {COLOR: #636700; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A:hover {COLOR: #E636700; TEXT-DECORATION: underline}



a.topnavlink {color: #75A900;  FONT-WEIGHT: normal; font-size: 11px;}
a:hover.topnavlink {color: #75A900;  FONT-WEIGHT: normal; font-size: 11px;}

a.loginnavlink {color: #BFE82C; font-size: 11px;}
a:hover.loginnavlink {color: #BFE82C; font-size: 11px;}

a.footernavlink {color: #BFE82C; FONT-WEIGHT: normal; font-size: 11px;}
a:hover.footernavlink {color: #BFE82C; FONT-WEIGHT: normal; font-size: 11px;}

a.navlink {color: #ffffff; font-size: 11px;}
a:hover.navlink {color: #ffffff; font-size: 11px;}

a.navlink2 {color: #636700; FONT-WEIGHT: normal; font-size: 11px;}
a:hover.navlink2 {color: #636700; FONT-WEIGHT: normal; font-size: 11px;}

a.currencyonlink {color: #636700;  FONT-WEIGHT: bold; TEXT-DECORATION: underline font-size: 11px;}
a:hover.currencyonlink {color: #636700;  FONT-WEIGHT: bold; TEXT-DECORATION: underline font-size: 11px;}


a.navsec {
	display: block;
	height: 20px;
	FONT-WEIGHT: normal;
	background: #FAFAF1;
	padding-left: 6px;
	padding-top: 3px;
}
a:hover.leftnavsec {display: block;  height: 20px; TEXT-DECORATION: underline; background: #F0F1D8;}

a.leftnavsec {
	display: block;
	height: 20px;
	FONT-WEIGHT: normal;
	background: #FAFAF1;
	list-style-image: url(../images/icons/navarrow.gif);
	padding-top: 4px;
}
a:hover.navsec {display: block;  height: 20px; TEXT-DECORATION: underline; background: #F0F1D8;}

.sec {display: block;  height: 20px;background: #FAFAF1;}

/* CK List1 CSS */
ul#nav{
margin: 0px; /*removes indent IE and Opera*/
padding: 0px; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}
#nav li,ul#nav li a{
	width: 140px;	
	background-color: #FAFAF1;
	font-size: 11px;
	font-weight: normal;
	color: #636700;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display:block;
}
ul#nav li a{
	border-bottom:1px solid #AEB15F;
	text-decoration:none;
	text-indent:4px;
	line-height: 22px;
}
ul#nav li a span{
	margin: 6px 0 0 4px;
	background-image:url(../images/icons/navarrow.gif);
	background-repeat:no-repeat;
	float:left;
	height:8px;
	width: 11px;
	}
ul#nav li a:hover{background:#F0F1D8; text-decoration:underline}
ul#nav li a:hover span{background-image:url(../images/icons/navarrow.gif)}

/* CK List2 CSS */
ul#nav2{
margin: 0px; /*removes indent IE and Opera*/
padding: 0px; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}
#nav2 li,ul#nav2 li a{
	width: 140px;	
	background-color: #FAFAF1;
	font-size: 11px;
	font-weight: normal;
	color: #636700;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display:block;
}
ul#nav2 li a{
	border-bottom:1px solid #AEB15F;
	text-decoration:none;
	text-indent:4px;
	line-height: 22px;
}
ul#nav2 li a span{
	margin: 6px 0 0 4px;
	background-image:url(../images/icons/navarrow.gif);
	background-repeat:no-repeat;
	float:left;
	height:8px;
	width: 11px;
	}
ul#nav2 li a:hover{background:#F0F1D8; text-decoration:underline;}
/* CK List3 SHOP CSS */
ul#nav3{
margin: 0px; /*removes indent IE and Opera*/
padding: 0px; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}
#nav3 li,ul#nav3 li a{
	width: 140px;	
	background-color: #FAFAF1;
	font-size: 11px;
	font-weight: normal;
	color: #636700;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display:block;
}
ul#nav3 li a{
	border-bottom:1px solid #AEB15F;
	text-decoration:none;
	text-indent:4px;
	line-height: 22px;
}
ul#nav3 li a span{
	margin: 6px 0 0 4px;
	background-image:url(../images/icons/navarrow.gif);
	background-repeat:no-repeat;
	float:left;
	height:8px;
	width: 11px;
	}
ul#nav3 li a:hover{background:#F0F1D8; text-decoration:underline;}
/* CK List4 EDUCATION CSS */
ul#nav4{
margin: 0px; /*removes indent IE and Opera*/
padding: 0px; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}
#nav4 li,ul#nav4 li a{
	width: 140px;	
	background-color: #FAFAF1;
	font-size: 11px;
	font-weight: normal;
	color: #636700;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display:block;
}
ul#nav4 li a{
	border-bottom:1px solid #AEB15F;
	text-decoration:none;
	text-indent:4px;
	line-height: 22px;
}
ul#nav4 li a span{
	margin: 6px 0 0 4px;
	background-image:url(../images/icons/navarrow.gif);
	background-repeat:no-repeat;
	float:left;
	height:8px;
	width: 11px;
	}
ul#nav4 li a:hover{background:#F0F1D8; text-decoration:underline;}
/* CK List5 SHOP CSS */
ul#nav5{
margin: 0px; /*removes indent IE and Opera*/
padding: 0px; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}
#nav5 li,ul#nav5 li a{
	width: 140px;	
	background-color: #FAFAF1;
	font-size: 11px;
	font-weight: normal;
	color: #636700;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display:block;
}
ul#nav5 li a{
	border-bottom:1px solid #AEB15F;
	text-decoration:none;
	text-indent:4px;
	line-height: 22px;
}
ul#nav5 li a span{
	margin: 6px 0 0 4px;
	background-image:url(../images/icons/navarrow.gif);
	background-repeat:no-repeat;
	float:left;
	height:8px;
	width: 11px;
	}
ul#nav5 li a:hover{background:#F0F1D8; text-decoration:underline;}
/*Text*/
.h1 {
	font-size: 8px;
	font-weight: bold;
	color: #BFE82C;
}

.h2 {
	font-size: 11px;
	font-weight: bold;
	color: #636700;
}

.h3 {
	font-size: 12px;
	font-weight: bold;
	color: #BFE82C;
}

.cartnumber
{
	font-size: 11px;
	color: #6A6A6A;
}
.paratext {line-height: 21px;;}

.footertxt {color: #BFE82C; FONT-WEIGHT: normal; font-size: 11px;}

/*Forms*/
.inputsubmit {margin:0px 0 0; BORDER-RIGHT: #ffffff 1px;  BORDER-LEFT: #ffffff 1px;  BORDER-TOP: #ffffff 1px; BORDER-BOTTOM: #ffffff 1px; COLOR: #000000; font-weight: bold;  font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; WIDTH: 170px; HEIGHT: 16px;}
.panelbg1 {
	background-color: #F8F8DC;
}
.panelheader {
	background-color: #E1E3B2;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #AEB15F;
	border-bottom-color: #AEB15F;
}
.paratext2 {
line-height: 17px;;
}
.smallgrey {
	font-size: 10px;
	color: #6f6f6f;
}
.panelbg2 {
	background-color: #AEB15F;
}
.imageborder {
	border: 3px solid #E1E3B2;
}
.maincontentbg {
	background-color: #FFFFFF;
}
.leftbg {
	background-image: url(../images/general/leftbg.gif);
	background-repeat: repeat-x;
	height: 100%;
}
.rightbg {
	background-image: url(../images/general/rightbg.gif);
	background-repeat: repeat-x;
}
.panelbg3 {

	background-color: #AEB15F;
}
.title1 {
	font-size: 20px;
}
.title2 {
	font-size: 14px;
	font-weight: bold;

}
.panelbg4 {


	background-color: #E1E3B2;
}
.panelbg5 {

	background-color: #E8E8CD;
}
.greybold {
	color: #666666;
	font-weight: bold;
}
.searchbox {
	background-color: #F8F8DC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #AEB15F;
	border-right-color: #AEB15F;
	border-bottom-color: #AEB15F;
	border-left-color: #AEB15F;

}
.h4 {

	font-size: 12px;
	font-weight: bold;
	color: #636700;
}
.submit
{
	FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif;
	font-size:11px;
	color:#474440; 
	font-weight: bold;
	background-color:#FCF9F6;
	}


.inputsubmit {COLOR: #474A4B;   font-family:  Tahoma, Verdana, Arial, sans-serif; FONT-SIZE: 11px; WIDTH: 170px; HEIGHT: 18px;}
.inputsearch {COLOR: #474A4B;   font-family:  Tahoma, Verdana, Arial, sans-serif; FONT-SIZE: 11px; WIDTH: 110px; HEIGHT: 18px;}
.currency {COLOR: #474A4B;   font-family:  Tahoma, Verdana, Arial, sans-serif; FONT-SIZE: 11px; WIDTH: 30px; HEIGHT: 18px;}
.inputdrop {COLOR: #474A4B;  font-family:  Tahoma, Verdana, Arial, sans-serif; FONT-SIZE: 11px; WIDTH: 140px; HEIGHT: 18px;}
.inputdrop2 {COLOR: #474A4B;  font-family:  Tahoma, Verdana, Arial, sans-serif; FONT-SIZE: 11px; WIDTH: 180px; HEIGHT: 18px;}


.whitebold {
	font-weight: bold;
	color: #FFFFFF;
}
.greenbold {

	color: #666600;
	font-weight: bold;
}
.greytxt {
	color: #666666;
}
.productborder {  
border: 1px #E8E8E8 solid
}

/*Cart + Checkout*/
.pricetag {
	font-size: 12px;
	font-weight: bold;
	color: 93BA07;
}
.sideline { border: solid; border-width: 0px 1px 0px 0px; border-color: black #C70A8F black black}
.borderprice {  border: solid; border-width: 1px 0px; border-color: #E0E0E0 black}
.price { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #C70A8F; }
.cartrow {  background-color: #F8F8DC; border: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.singleborderprice { border-color: E0E0E0 black black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.borderproduct { border: 1px #666666 solid}
.bordercheckout { border: solid; border-width: 1px 0px; border-color: #E0E0E0 black ; font-family:  Tahoma, Verdana, Arial, sans-serif;  font-weight: bold}
.inputquantity {COLOR: #474A4B;   font-family:  Tahoma, Verdana, Arial, sans-serif; FONT-SIZE: 11px; WIDTH: 30px; HEIGHT: 18px;}
.input {COLOR: #474A4B;   font-family:  Tahoma, Verdana, Arial, sans-serif; FONT-SIZE: 11px; WIDTH: 140px; HEIGHT: 18px;}
.dropdownsize {COLOR: #474A4B;   font-family:  Tahoma, Verdana, Arial, sans-serif; FONT-SIZE: 11px; WIDTH: 70px; HEIGHT: 18px;}
.currencytx {
	color: #75A900;
}




#viewport{
	width:470px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
	float:left;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport li{
	width: 100px; /* Defines the size of inner element */
	height:104px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 0 1px;
	padding: 10px;
	text-align:center;
}

/* Cosmetic */
#simplePrevious, #simpleNext{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;
}

a#simplePrevious {
background:url(../images/newdesign/left.jpg) no-repeat;
cursor:pointer;
float:left;
height:104px;
margin:4px 2px 0 0;
text-indent:-9999px;
width:9px;
}

a#simpleNext {
background:url(../images/newdesign/next.jpg) no-repeat;
cursor:pointer;
float:left;
height:104px;
margin:4px 2px 0 6px;
text-indent:-9999px;
width:9px;
}