﻿body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:67.5%;
	text-align:center;
	margin: 0;
	background-image: url('../images/bgimage.jpg');
	background-repeat: repeat-x;
	background-position: 0px 25px;
	background-color: #FFF4EA;
}

h1 {font-size: 1.4em;}
h2 {
font-size: 1.4em;
}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;
color: #333;}

a img {border: none;}
 
a:link, a:visited {
	text-decoration: none;
	color:#333333;
	}

#mainWrapper {
	width: 790px;
	margin: 0 auto;
	background-color:#ffffff;
}

#header {
	height:133px;
	width: 800px;
	background-image:url(../images/incmob_banner.jpg);
	background-repeat:no-repeat;
}

#topnav, #botnav {
	width: 790px;
	background-color:#FFE7CE;
	margin-bottom:10px;
	font-weight:bold;
}

#topnav ul, #botnav ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#topnav ul li, #botnav ul li {
	display: inline;
	}

#topnav ul li a, #botnav ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #01291F;
	white-space: nowrap;
	}
	
/* main layout and sideboxes */
#msca {
}

.mscaleft {
clear:left;
	width:184px; 
	float:left;
	background-color:#FFFFFF;
 }

.mscaright {
clear:right;
	width:595px;
	float: right;
}

.clearboth {
	clear:both;
}

.sidenavhead {
width: 173px;
background-color:#FFE7CE;
padding: 5px;
color:#01291F;
font-weight:bold;
	border: 1px solid #FFE7CE;
	margin-top:10px;
	clear:both;
}

.sidenavbody {
width: 173px;
padding: 5px;
background-color:#FFF;
margin-bottom:10px;
	border: 1px solid #FFE7CE;
}

.sidenavleft {
float: left;
}

input, select {
font-size:1.1em;
}

.dleft {
text-align:left;
}

.defaultdesc {
font-size: 1.4em;
font-style: italic;
font-weight:bold;
color: #638B06;
}

#welcome {
	font-size:1.1em;
	padding: 5px;
	margin-bottom: 10px;
	text-align:left;
}

/* ####### Default Layouts ####### */
.proddetailback {
background-color:#F9FEED;
padding: 5px 0 5px 0;
border-bottom: 2px solid #ECFBCA;
}

.doubleProd {
width:50%;
float:left;
margin-bottom:10px;
min-height:180px;
}

.tripleProd {
width:33%;
float:left;
border: 1px solid #ccc;
}
.proddetailback h4 {
color:#333;
}

/* ####### Prodview Layouts ####### */
.prodlay {
float:left;
width:180px;
}

.prodlay img {
padding-bottom:4px;
padding-right:4px;
}

.paybox {
float:right;
width:170px;
}

.subhead {
font-size:1.2em;
color:#333;
}

.subheadwarning{
font-size:1.4em;
color:#333;;
background-color:#ECFBCA;
}

/* ############# Menu ############# */
#menu1 ul {
	list-style:none;
	margin:0;
	padding:0;
}
#menu1 {
	width: 184px;
	height: auto !important;
	height: 1%; /*For IE*/
	}	
#menu1 li a {
	height: 20px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	}	
	
#menu1 li a:link, #menu1 li a:visited, #menu1 li a.hover {
	color: #fff;
	display: block;
	padding: 1px 0 4px 6px;
	margin-bottom:10px;
	text-align:left;
	background-color:#017e6f;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	}


#menu1 li.one2 a:link, #menu1 li.one2 a:visited, #menu1 li.one2 a.hover { 
background-color:#4a8418;
}

#menu1 li.one3 a:link, #menu1 li.one3 a:visited, #menu1 li.one3 a.hover { 
background-color:#01291f;
}

#menu1 li.one4 a:link, #menu1 li.one4 a:visited, #menu1 li.one4 a.hover { 
background-color:#ffff00;
color:#000000;
}

#menu1 li.one5 a:link, #menu1 li.one5 a:visited, #menu1 li.one5 a.hover { 
background-color:#f06009;
}

#menu1 li.one6 a:link, #menu1 li.one6 a:visited, #menu1 li.one6 a.hover { 
background-color:#ef047e;
}

#menu1 li.one7 a:link, #menu1 li.one7 a:visited, #menu1 li.one7 a.hover { 
background-color:#fdb353;
color:#000000;
}

#menu1 li.one8 a:link, #menu1 li.one8 a:visited, #menu1 li.one8 a.hover { 
background-color:#7264ad;
}

#menu1 li.one9 a:link, #menu1 li.one9 a:visited, #menu1 li.one9 a.hover { 
background-color:#52026a;
}

#menu1 li.one10 a:link, #menu1 li.one10 a:visited, #menu1 li.one10 a.hover { 
background-color:#a4102d;
}

#menu1 li.one11 a:link, #menu1 li.one11 a:visited, #menu1 li.one11 a.hover { 
background-color:#4a8418;
}

#menu1 li.one12 a:link, #menu1 li.one12 a:visited, #menu1 li.one12 a.hover { 
background-color:#1f0b81;
}

/* ########### Menu End ########### */
/* ############# Lightbox ############# */

#lightbox{
	background-color:#FFF4EA;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.9em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	}
	
/*Stop the dreaded page shift in Firefox and Safari

html { overflow: -moz-scrollbars-vertical !important; }*/
html { min-height: 100%; margin-bottom: 1px; }
/*Form Element*/

.formnote {
color: #6C6153;
}

form {font:100% verdana,arial,sans-serif;
margin: 0;
padding: 0;}

form fieldset {/* clear: both;
note that this clear causes inputs to break to left in ie5.x mac, commented out */
border-color: #ccc;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 0;
margin-bottom: 10px;}

form fieldset legend {
font-size: 1.1em;
font-weight: bold;
color: #333;}

form label {display: block;
float: left;
width: 150px;
padding: 0;
margin: 5px 0 0;
text-align: right;}

form textarea {width:auto;
margin:5px 0 0 10px;
border: 1px #999 solid;
background-color: #F2F1EE;}

form input, select {
margin:5px 0 0 10px;
border: 1px #999 solid;
background-color: #F2F1EE;}

form input #reset {margin-left:0px;}

form input.nb {border:none}

textarea {
overflow:auto;}

form small {display: block;
margin: 0 0 5px 60px;
padding: 1px 3px;
font-size: 88%;}

form .required {font-weight:bold;}

form br {clear: left;}

form img #reset {margin-left:0px;}

#domCart form {
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.6em;}

.formlayout {
margin:auto;
width:500px;
text-align:left;
}

.formlayout2 {
margin:auto;
width:200px;
text-align:left;
}

/* CP Keep */
/* Some of these settings have been changed slightly */
.CPprodLPriceV  {TEXT-DECORATION: line-through;}
.CPprodSPriceV  {COLOR: red;}
.CPprodPriceB	{font-weight: bold; COLOR: #B30000;}

.errortext {
color:#FF0000;
font-style:italic;
}

/*Tables*/

table {
border-width:0;
border-style: hidden;
}
.tabhead {
background-color:#ECFBCA;
color:#333;
}

/*Login Page*/

.loglayout{
margin:auto;
width:500px;
}

.loglayblock {
width:250px;
float:left;
}

.loglayblock p {
padding: 0 10px;
}

.CPgenHeadings{
color:#333;
}

hr {
width:70%;
color:#ECFBCA;
border-color:#ECFBCA;
}

#navMain ul li a:hover {
color: #01291F;
}

#navMainWrapper {
	margin: 0em;
	background-color: #FFE7CE;
	font-weight: bold;
	color: #01291F;
	height: 25px;
	width: 100%;
	}

#navMain ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#navMain ul li {
	display: inline;
	}

#navMain ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #01291F;
	white-space: nowrap;
	}

#navMainSearch {
	float: right;
	margin-right:5px;
	}

.back {
float:left;
}

.thumbnail
{
float: left;
width: 110px;
height: 120px;
border: 1px solid #FFD1A4;
margin: 10px 8px 10px 8px;
padding: 5px 5px 10px 5px;
text-align:center;
	font-size: 1.1em;
}

.CPpageHead {
background-color:#FFF4EA;
height:26px;
text-align:left;
}

#CPpageHead {
background-color:#FFF4EA;
height:16px;
text-align:left;
padding:5px;
}

.BiggerText {
font-size:1.1em;
}

.dleft{
text-align:left;
}

.line  {
display: block;
/*width: 390px; */
border-bottom: 1px solid #FFE7CE;
overflow: hidden;}

.prodviewmodblock {
float:right;
width:415px;
}

#payblock {
display:block;
width:300px;
background-color:#FFE7CE;
text-align:right;
background-image::url(../images/vat_exempt.jpg);
margin:10px 0;
padding:5px;
font-weight:bold;
}

.hprice {
float:left;
font-size: 1.2em;
}

.hpricegrey {
color:#999999;
}

.hpricer {
float:right;
width:80px;
margin:10px 0;
padding:0 10px;
}

#cartAdd {
border: 1px solid #ccc;
float: right;
margin: 1em;
padding: 1em;
text-align: center;
}

#prodMain {
margin-left:10px;
text-align:left;
}

#article {
margin-left:10px;
margin-right:10px;
text-align:left;
}

.linethrough {
text-decoration:line-through;
font-weight:normal;
}

.hpblue {
color:#368AC8;
font-weight:bold;
}

.CPprodDesc {
font-size:1.1em;
}

.imgleft {
float:left;
margin: 0 4px;
}
