@charset "UTF-8";
/* CSS Document */

body, html {
	height:100%;
	margin:0px;
	padding:0px;
}

/* GENERIC CSS */
@font-face {
    font-family: "dakota" ;
	src: url("../fonts/Jenny.ttf");	
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#006633;
	background-image:url(../images/bacground.jpg);
	background-repeat:repeat; 
}


img, div{
	margin:0px;
	padding:0px;
	border:0px;
}


h1, h2, h3, h4, h5, h6, h7, h8, h9, form, img {
    margin: 0;
    padding: 0;
}

p {
	
	margin: 0;
    padding: 0;
	padding-left:10px;
	
}


textarea, input, select {border: 1px solid #999999;}

a:link, a:visited, a:active {
    color: #009900;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #666666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}




div#borderwrapper {
	background-image:url(../images/drop-shadow.png);
	background-repeat:repeat-y;
	width:941px;
	margin:auto;
	min-height:100%;
}

#dhtmltooltip{
	position: absolute;
	width: 30px;
	border: 1px solid #666666;
	padding: 2px;
	z-index: 100;
	text-align:center;
	padding:3px 2px 3px 2px;
	visibility: hidden;
	text-align:left;
	color:#666666;
	font-size:11px;
}



/* wraps the whole page and spaces it in browser */
.mainwrapper {
    width:900px;
    padding:0px;
    xbackground-color: #006633;
    margin:auto;
    min-height:100%;
}

/* Holds everything above the nav  */
.headwrapper {
    width:870px;
    height:139px;
    margin-left:15px;
}

.logo {
    width:278px;
    height:139px;
    float:left;
}

.login {
    width:386px;
    float:right;
}

.login ul {
    list-style:none;
    margin:0px;
    padding:0px;
}

.login li {
    float:left;
    margin-right: 1px;
}

.login ul li a {
    display:inline-block;
    width:90px;
    height:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#666666;
    padding-top:10px;
    text-align:center;
    background-image:url(../images/login.jpg);
    background-repeat:no-repeat;
    background-position:0px 0px;
    cursor:pointer;
    margin-left:1px;
    text-decoration:none;
}

.login ul li a:hover {
    background-position:0px -30px;
}

.networking {
    padding-top:5px;
    margin-left:2px;
}
	

/* Holds the nav */


.navwrapper li {
    float:left;
}

.navwrapper ul li a {
   
}

.navwrapper ul li a:hover {
	
}
a.subLevelLink{
	background-color:#666666;
	color:#FFFFFF;
}
a.subLevelLink:hover{
	background-color:#CCCCCC;
	color:#666666;
}





/*******************************************************************************/
#navbar {
	margin: 0;
	padding: 0;
	float:left;
}
#navbar li {
	list-style: none;
	float: left; position: relative;
}
#navbar li a {
 	display:inline-block;
    width:123px;
    height:22px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFF;
    padding-top:10px;
    text-align:center;
    background-image:url(../images/nav.jpg);
    background-repeat:no-repeat;
    background-position:0px -32px;
    cursor:pointer;
    margin-left:1px;
    text-decoration:none;
}
#navbar li.topLevelMenu a:hover {
	background-position:0px -33px;
}

#navbar li ul {
	display: none;
	width: 10em; /* Width to help Opera out */
	xbackground-color: #666666;
}

#navbar li ul li a{
	background-color: #666666;
	color:white;
	background-image:none;
	xwidth:155px;
	border-top: 1px solid #006600;
	text-align:left;
	padding: 5px 15px 0 15px;
	width: 130px;
}
#navbar li ul li a:hover{
	background-color: #CCCCCC;
	color:#666666
}

#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
}
#navbar li:hover li {
	float: none;
}
#navbar li:hover li a {
	background-color: 666666;

	color: white;
}
#navbar li li a:hover {
	background-color: #FFFFFF;

}


#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	top:32px;
	left:0;
}
#navbar li:hover li, #navbar li.hover li {
	float: none;
	width:150px;
}
#navbar li:hover li a, #navbar li.hover li a {
	border-top: 1px solid none;
	color: #FFFFFF 
}


.navwrapper {
	width:870px;
    xheight:22px;
    margin-left:15px;
}

.navwrapper ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.navwrapper ul li {
	float:left;
}

a.topLevelLink{
	background-image:url('../images/nav.jpg');
}
a.topLevelLink:hover{
	background-position:0px -33px;
}
#navbar li a:hover, #navbar li .active {
	background-position:0px 0px;
}
a.subLevelLink{
	background-color:#666666;
	color:#FFFFFF;
}
a.subLevelLink:hover{
	background-color:#CCCCCC;
	color:#666666;
}
/**************************************************************************************/
/* Holds the banners */

.banner {
    width:892px;
    margin-left:4px;
}

/* Holds the left nav */
.leftnavwrapper {
	width:195px;
	float:left;
	margin-left:4px;
	margin-top:4px;
	xbackground-color:#ffe5cc;
}

.leftnavwrapper h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	margin:0px;
	padding-left:10px;
	padding-top:8px;
	display:inline-block;
	width:185px;
	height:20px;
	background-color:#ff9933;
}

.leftnavwrapper ul {
	list-style:none;
	margin:0px;
	padding:0px;
    xpadding-bottom:5px;
   	padding-top: 5px;
	background-color:#ffe5cc;
	
}

.leftnavwrapper li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px;
	text-decoration:none;
	display:inline-block;
	width:185px;
	height:auto;
}

.leftnavwrapper li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px;
	text-decoration:none;
	background-color:#ffe5cc;
	display:inline-block;
	width:185px;
	height:auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.leftnavwrapper li a:hover {
	background-color:#ff9933;
}

/* Holds the Right nav */

.rightnavwrapper {
	width:229px;
	float:left;
	margin-left:4px;
	margin-top:4px;
	xbackground-color:red;
}

.rightnavwrapper ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.rightnavwrapper li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#339933;
	margin:0px;
	margin-bottom:5px;
	text-decoration:none;
	display:inline-block;
	width:225px;
	height:auto;
	border-bottom:dashed #339933 thin;
}

.rightnavwrapper li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#339933;
	margin:0px;
	text-decoration:none;
	display:inline-block;
	width:225px;
	height:auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.rightnavwrapper li a:hover {
	border-bottom:#cccccc;
	color:#999;
}

/* Main Content */

.contentwrapper {
	width:693px;
	float:left;
	margin-left:4px;
	margin-top:4px;
        height: auto;
}

.contentwrapper h1,h3,h4 {
	font-family: "dakota";
	font-size:19px;
	font-weight:normal;
	color:#FFF;
	margin:0px;
	letter-spacing: 1px;
	font-style: italic;
	padding:2px 10px 6px 10px;
	display:inline-block;
	width:673px;
	max-height:20px;
	background-color:#006600;
}
.contentwrapper h1.orng, h4 {
	background-color:#ffffff;
	color:#cc6600;
	font-size:20px;
}
.contentwrapper h2 {
	font-family: "dakota";
	font-size:24px;
	font-weight:normal;
	color:#cc6600;
	margin:0px;
	letter-spacing: 1px;
	font-style: italic;
	padding:2px 10px 6px 10px;
	display:inline-block;
	width:673px;
	max-height:20px;
	background-color:#ffffff;
}

.content {
	width:693px;
	height:auto;
	float:left;
}

.textcontent {
	width:460px;
	height:auto;
	float:left;
	xpadding-left:10px;
	padding-top:8px;
	xbackground-color:red;
}
.textcontent  p{margin-bottom:15px;}

.textcontent h4 {
	font-family: "dakota";
	font-size:19px;
	font-weight:normal;
	font-style:italic;
	color:#FFF;
	margin:0 0 5px 0;
	padding:2px 10px 4px 10px;
	display:inline-block;
	width:440px;	
	background-color:#006600;
}

.textcontent h1, .textcontent h2, .textcontent h3, .textcontent h5 {
	font-family: "dakota";
	font-size:19px;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	margin:0 0 5px 0;
	padding:2px 10px 4px 10px;
	display:inline-block;
	width:440px;		
	background-color:#ffffff;
}

.productwrapper {
    width:221px;
    float:left;
	margin:10px 5px 10px 5px;
}
.productwrapper>a{ border:0px; width:220px; height:220px; display: block;}
.productwrapper img{ width:220px; height:220px; display: block;}

.quicklinkwrapper {
	width:683px;
	float:left;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    xbackground-color: red;
}

.quicklinkimages {
	width:168px;
	float:left;
	margin-right:3px;
}

.quicklinkimageend {
	width:168px;
	float:left;
	xmargin-right:3px;
}

.breadcrumbswrapper {
    width: 500px;
    float: left;
    xbackground-color: red;
    padding-top: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #999999;
}

.sortproducts {
    width: 193px;
    xbackground-color: pink;
    float: left;
    padding-top: 5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    text-align: right;
    vertical-align: top;
}

.orderwrapper {
	width:229px;
	float:left;
	margin-left:4px;
	margin-top:4px;
	xbackground-color:red;
}

.orderwrapper h5 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #006600;
    padding-left: 10px;
    
}

.orderwrapper h6 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #006600;
    padding-left: 10px;
    
}

.totalorder {
    border-bottom:dashed 1px #999999;
    border-top:dashed 1px #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    color: #006600;
    padding-top: 15px;
    
}

td.label{
	font-weight:bold;
	text-align:right;
	vertical-align:top;
}
td.asterix{
	font-weight:bold;
	vertical-align:top;	
}

/* Gallery */
.gallery_text{margin:0 0 10px 0;}

#smallImageContainer {
	float:left;
}

.footerlist {
	border-top:#666 thin solid;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:900px;
	margin:0px;
	margin-top:5px;
	padding:0px;
	background-color:#FFF;
	float:left;
	font-weight:lighter;
}

.subfooterlist{
	width:123px;
	margin-left:5px;
	padding:0px;
	background-color:#FFF;
}

.subfooterlist li, .subfooterlist li a{
	color:#999999; font-size: 11px;
}

.subfooterlist li a:hover{
	color: #ff9933;
}

.footerlist ul {
	list-style:none;
	float:left;
}

.footer ul li a {
	color:#999999;
	text-decoration:none;
}


/* Generic CSS */

.errorMsgCont{background-color: #F7EAEA;     border: 2px solid #992B2E;}
	.errorMsgHead{background-color: #EDD8D9; font-weight: bold; color: #992B2E;    padding: 8px;}
	.errorMsgBody{color: #992B2E;    padding: 8px;}
		.errorMsgBody p{padding:0; margin:0;}
		
		
.successMsgCont{background-color: #EAF6EC;     border: 2px solid #32913D;}
	.successMsgHead{background-color: #D9ECDD; font-weight: bold; color: #32913d;    padding: 8px;}
	.successMsgBody{color: #32913d;    padding: 8px;}
		.successMsgBody p{padding:0; margin:0;}

.topspace{
    margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; padding-right: 10px;
}

.bottomspace{
    margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.topspacecontent{
    xmargin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.topbottomspace{
    margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:10px;
}

/* search box */
.search_box{background-color: #E5E5E5 !important;}
	.search_box select{width:168px;}

/* details */
.detail_radio{ font-family: Arial,Helvetica,sans-serif;     font-size: 12px;    margin-top: 5px;    padding-right: 10px;}
	.detail_radio input{ margin: 2px 0 0; border: 0 none;} 
	.detail_radio label{ vertical-align: top; padding-top: 2px;}
.details_color{width:200px;}

/* shoppingcart css*/
#shoppingcart{margin:30px 10px 5px 10px; float:left;}
	#shoppingcart .title{color: #006600; font-weight:bold; border-bottom:solid 1px #999999; text-align: center; padding-bottom: 5px;}

#shoppingcart .border{ border-bottom:solid 1px #999999; vertical-align: top; padding:5px 0 5px 0;}

/* prodcut */
#noresult{padding:10px; }

/* register form */
#register_form{margin-top:20px;}
	#register_form .register_space{ height:20px;}
	#register_form .errorMsgCont{width: 380px;}	
	

/* payment confirm and success page*/	
.paymentdetails{ margin-top:20px; float: left; }
	.paymentdetails	label{ width: 135px; float: left; text-align:right; padding-right:10px;}
	.paymentdetails input{width:200px;}
	.paymentdetails	p{margin-bottom:10px; float:left; width:100%;}
	.paymentdetails .title{color:#006600; font-weight:bold; text-align:right; }
.paymentswitch{ margin-top:20px; float: left; margin-left: 5px;}
	.paymentswitch .title{color:#006600; font-weight:bold;  }
	.paymentswitch	label{ width: 135px; float: left; text-align:right; padding-right:10px;}
#paypal, #eway{display:none; margin-left: 10px; float: left; clear:both;}

td.label{ font-weight:normal; width:135px; padding-right:10px;}	
	
/* newsletter */
#newsletter_form{background-color: #E5E5E5;    margin: 10px auto;    width: 168px; padding:10px;}	
	#newsletter_form p{padding:0; margin: 0 0 5px;}
	#newsletter_form input{width:165px}
	#newsletter_form select{width:168px}
	
	
/* contact us */
#contactform {}
	#contactform p{margin:0 0 5px 0;}
	#contactform label{float: left;    padding: 0 10px 0 0;    text-align: right;    width: 100px;}
	#contactform input{width:320px; }
	#contactform textarea{width:320px; height:135px;}
	.contact_p{margin:0 0 15px 0;}
	.contact_fill{ font-size:11px; padding:0 0 0 45px;}
	
	
/* order result */
#orderDetails{}
#orderDetails th{ background-color: #006600;     color: #FFFFFF;    padding:5px 10px;    text-align: left;}
#orderDetails .orderLabel{ width:110px; text-align:right; padding-right:35px; vertical-align: top; }
#orderDetails .orderLabe2{ text-align:left; }
#orderDetails .orderButton{}
#orderDetails .orderProductLabel{ padding:5px 10px; }
#orderDetails .orderTitle{padding:5px 10px; }	
/* checkout */
#checkout_address{margin-top:20px; float:left; padding:0 10px;}
	#checkout_address p{clear: both; padding:0 0 5px 0; clear: both;} 
	#checkout_address label.formLabel{ width:150px;  float: left; text-align: right; padding:0 10px 0 0;}
	#checkout_address input{ width:205px; }
	#checkout_address textarea{width:205px; height:50px;}
	#checkout_address select{width:206px;}
	#checkout_address .space{ height:20px;}
	#checkout_address .title{font-size:15px; color:#006600; font-weight:bold;}
	#checkout_address .checkbox{width:auto; margin: 0; border:none; padding:0;}

.textcontent li{margin-bottom:10px;}

/* btn */
.btn_confirmBack{background-image:url(../images/btn_confirmBack.jpg); background-repeat:no-repeat; border:0; height:25px; width:113px !important; float:right; cursor:pointer; margin:0 160px 0 0;}
.btn_login{background-image:url(../images/btn_login.jpg); background-repeat:no-repeat; border:0; height:25px; width:113px !important; cursor:pointer;}
.btn_continue{background-image:url(../images/btn_continue.jpg); background-repeat:no-repeat; border:0; height:25px; width:113px !important; cursor:pointer;}
.btn_submit{background-image:url(../images/btn_submit.jpg); background-repeat:no-repeat; border:0; height:25px; width:67px !important; cursor:pointer;}
.btn_calculate{background-image:url(../images/btn_calculate.jpg); background-repeat:no-repeat; border:0; height:25px; width:79px !important; cursor:pointer;}
.btn_update{background-image:url(../images/btn_update.jpg); background-repeat:no-repeat; border:0; height:25px; width:113px !important; cursor:pointer;}
.btn_enquiry{background-image:url(../images/btn_enquiry.jpg); background-repeat:no-repeat; border:0; height:25px; width:113px !important; cursor:pointer;}
.btn_checkout{background-image:url(../images/btn_checkout.jpg); background-repeat:no-repeat; border:0; height:25px; width:113px !important; cursor:pointer;}
.btn_keepshopping{background-image:url(../images/btn_keepshopping.jpg); background-repeat:no-repeat; border:0; height:25px; width:113px !important; cursor:pointer;}
.btn_search{background-image:url(../images/search-botton.jpg); background-repeat:no-repeat; border:0; height:24px; width:56px !important; cursor:pointer;}
.btn_addcart{  background-image:url(../images/add-to-cart.jpg); background-repeat:no-repeat; border:0; height:25px; width:148px !important;  cursor:pointer; }
.btn_savechange{  background-image:url(../images/btn_savechange.jpg); background-repeat:no-repeat; border:0; height:25px; width:113px !important;  cursor:pointer; }
.btn_cancel{  background-image:url(../images/btn_cancel.jpg); background-repeat:no-repeat; border:0; height:25px; width:113px !important;  cursor:pointer; }
.btn_signup{  background-image:url(../images/sign-up-button.jpg); background-repeat:no-repeat; border:0; height:25px; width:56px !important;  cursor:pointer; }
.btn_register{  background-image:url(../images/btn_register.jpg); background-repeat:no-repeat; border:0; height:25px; width:113px !important;  cursor:pointer; margin-top:10px; }

.btn_editshoppingcart{  background-image:url(../images/btn_editshoppingcart.jpg); background-repeat:no-repeat; border:0; height:25px; width:113px !important;  cursor:pointer; }
.btn_editaddressdetails{  background-image:url(../images/btn_editaddressdetails.jpg); background-repeat:no-repeat; border:0; height:25px; width:113px !important;  cursor:pointer; }


.pageNumbers { padding:0 20px; float:left;}
.green{color:#006600;}

.clickable{ cursor:pointer; }
.clear{clear:both;}
.errorBox{border: 1px solid red;}

a.pageNumber, span.pageNumber{ width:16px; height:16px; text-align:center; padding-top:0px;float:left; margin-right:0px; }	
a.pageNumber img, span.pageNumber img{ border:0px;}
a.pageArrow{ width:16px; height:16px; float:left;}
a.pageArrow:hover{ text-decoration:none;}
a.firstPageArrow{ background-image:url("../images/buttons/arrows/arrow_first.png"); }
a.firstPageArrow:hover{	background-image:url("../images/buttons/arrows/arrow_first_hover.png");}
a.previousPageArrow{ background-image:url("../images/buttons/arrows/arrow_previous.png");}
a.previousPageArrow:hover{ background-image:url("../images/buttons/arrows/arrow_previous_hover.png");}
a.nextPageArrow{ background-image:url("../images/buttons/arrows/arrow_next.png");}
a.nextPageArrow:hover{ background-image:url("../images/buttons/arrows/arrow_next_hover.png");}
a.lastPageArrow{ background-image:url("../images/buttons/arrows/arrow_last.png");}
a.lastPageArrow:hover{ background-image:url("../images/buttons/arrows/arrow_last_hover.png");}

select.contactFormSelect {    width: 206px;}