/*  COLOURS  */

/*  
LIGHT BLUE #3298CB
DARK BLUE #005FA8
GREY 
*/

/* -----------------------------------*/
/* ----->>> GLOBAL SETTINGS <<<-------*/
/* -----------------------------------*/
 

ul {
list-style: disc;
}

ol {
list-style: lower-roman;
}


/* TO CALCULATE EM SIZES: FONT PX SIZE / 16 (THE DEFAULT PX SIZE) eg: to get 20px, 20/16 = 1.4em */
/* TO CALCULATE EM LINE HEIGHT SIZES: LINE HEIGHT PX SIZE / 18 (THE DETERMINED LINE HEIGHT SET IN BODY)  */

body {
font:100%/1.125 Arial, Helvetica, sans-serif;
background-color: #EDEEED;
color:#2B2B2B;
background-image: url('/images/bg_gradient.jpg');
background-repeat: repeat-x;
background-positon: top;
}

.bodyReset{
/* put in html header as class to reset all fonts smaller then default */
font-size: 0.9em;
line-height:1.275;
}

 

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
}
 
h1 {
font-size:1.4em;
line-height:2em;
color:#FFFFFF;
}

.h1 {

}
 
h2 {
font-size:1.2em;
font-family: Arial, Helvetica, sans-serif;
line-height:1.5;
color:#018040;
font-weight:bold;
}

.h2 {
/* COPY CHANGES TO 'styles_adminFCK.css FOR TEXT EDITOR */
font-size:1.15em;
font-family: Arial, Helvetica, sans-serif;
line-height:1.5;
color:#018040;
font-weight:bold;
}
 


h3 {
font-size:1em;
line-height:1.5em;
color:#018040;
font-weight:bold;
}

.h3 {
font-size:1em;
line-height:1.5em;
color:#018040;
font-weight:bold;
}

.smallText {
	margin-top: 4px;
	font-size: 0.85em;
	line-height:1.6em;
	color:#333333;
}


/* -----------------------------------*/
/* --------->>> Side Nav <<<----------*/
/* -----------------------------------*/

a.sideNavOn {
	font-size: 1em;
	line-height:1em;
	color:#3298CB;
	text-decoration:none;
}


a.sideNavOn:hover {
	font-size: 1em;
	line-height:1.4em;
	color:#3298CB;
	text-decoration:none;
}

a.sideNavOn:active  {
	font-size: 1em;
	line-height:1.4em;
	color:#3298CB;
	text-decoration:none;
}

a.sideNavOn:visited  {
	font-size: 1em;
	line-height:1.4em;
	color:#3298CB;
	text-decoration:none;
}



/* -----------------------------------*/
/* ---------->>> TOP Nav <<<----------*/
/* -----------------------------------*/



/* -----------------------------------*/
/* ------>>> General Styles <<<-------*/
/* -----------------------------------*/

ul, ol {
padding:0 0 1.4em 0;
}
 
ul, ol {
margin:0px 0px 0px 0px;
padding:0.5em 0 0.5em 2.5em;
}
 
li {
padding:2px 0px 5px 0px;
}
 
blockquote {
margin:1.4em;
padding:1.4em 1.4em 0 1.4em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}





/* -----------------------------------*/
/* ---------->>> FORMS <<<------------*/
/* -----------------------------------*/ 
 
form {
margin:0;
padding:0;
display:inline;
}
 
select, textarea {
font:0.85em Arial, Helvetica, sans-serif;
}

input {
border: 1px solid #D5D7D7;
font:0.9em Arial, Helvetica, sans-serif;
color:#30221C;
}

.searchInput {
border: 1px solid #FFFFFF;
font:0.9em Arial, Helvetica, sans-serif;
color:#30221C;
background-color:#D5D7D7;
}
 
textarea {
width:100%;
font-size:1.35em;
line-height:1.4em;
}
 
label {
cursor:pointer;
}

option {
height:16px;
}

.formTopLabel {
	font:0.85em Arial, Helvetica, sans-serif;
	line-height:0.85em;
}

.fieldLong {
	font:0.85em Arial, Helvetica, sans-serif;
	width: 580px;
}

.contactTextareaBox {
	font:0.85em Arial, Helvetica, sans-serif;
	width: 580px;
	height: 50px;
}

.fieldSelectShort {
	font:0.85em Arial, Helvetica, sans-serif;
	width: 280px;
}

.fieldSelectSmall {
	font:0.85em Arial, Helvetica, sans-serif;
	width: 80px;
}

.fieldShort {
	font:0.85em Arial, Helvetica, sans-serif;
	width: 280px;
}

.fieldShortMSIE {
	font:0.85em Arial, Helvetica, sans-serif;
	width: 280px;
}

#topMargin5 {
	margin-top: 5px;
}


.formData {
	float:left; 
	margin: 10px 0px 0px 5px;
	padding: 3px;
	width: 525px;
	font:0.80em Arial, Helvetica, sans-serif;
	line-height:15px;
}

.formDataNoTopPadding {
	float:left; 
	margin: 0px 0px 0px 5px;
	padding: 3px;
	width: 525px;
	font:0.80em Arial, Helvetica, sans-serif;
	line-height:15px;
}

.formDataNoFont {
	float:left; 
	margin: 7px 0px 0px 5px;
	padding: 3px;
	line-height:15px;
}


.formTextField {
	width: 150px;
	height: 20px;
	font-size: 0.9em;
	font-family: arial;
}

.formTextFieldLong {
	width: 300px;
	height: 20px;
	font-size: 1.0em;
	font-family: arial;
}

.formTextAreaField {
	width: 515px;
	height: 45px;
	font-size: 0.95em;
	font-family: arial;
}

.formFileField {
	width: 250px;
	height: 22px;
	font-size: 0.85em;
	font-family: arial;
}

.formSecurityField {
	width: 175px;
	height: 16px;
	font-size: 0.85em;
	font-family: arial;
}

.formSecurityFieldError {
	width: 175px;
	height: 16px;
	font-size: 0.85em;
	font-family: arial;
	background-color: #ffffcc;
}

.formLabel {
font-size: 0.85em;
line-height: 1.4em;
font-family: arial;
font-weight: normal;
color: #018040;
vertical-align: top;
horizontal-align: right;
margin-top: 305px;
}

.formLabelTop {
font-size: 0.85em;
font-family: arial;
font-weight: normal;
color: #005FA8;
vertical-align: top;
horizontal-align: right;
line-height: 0.95em;
margin-top: 305px;
}

.formField {
	float: left;
	display: inline;
	margin: 10px 5px 2px 0px;
	height:16px;
	width:120px;
	text-align: right;
	font-weight: bold;
}

.formFieldText {
	float: left;
	display: inline;
	margin: 10px 5px 2px 0px;
	height:16px;
	width:120px;
	color: #4D4D4D;
	text-align: left;
	font-weight: normal;
	padding: 3px;
}

.columnHead {
	font-size: 0.85em;
	font-family: arial;
	font-weight: bold;
	color: #005FA8;
	vertical-align: top;
	horizontal-align: right;
	line-height: 0.95em;
	margin-top: 305px;
}

.columnData {
	font-size: 0.85em;
	font-family: arial;
	font-weight: normal;
	color: #005FA8;
	vertical-align: top;
	horizontal-align: right;
	line-height: 0.95em;
	margin-top: 305px;
}

.listHead {
	font-size: 0.9em;
	font-family: arial;
	font-weight: bold;
	color: black;
}

.listData {
	font-size: 0.7em;
	font-family: arial;
	font-weight: none;
	color: black;
}



/* -----------------------------------*/
/* ----------->>> LINKS <<<-----------*/
/* -----------------------------------*/
 
a,
a:link,
a:visited {
color:#2B2B2B;
font-size: 1em;
line-height:1.4em;
text-decoration:underline;
}

a:hover {
color:#018040;
font-size: 1em;
line-height:1.4em;
text-decoration:underline;
}



a.linkGreyHeader:link {
font-size: 0.9em;
line-height:1.5em;
color:#B2B2B2;
text-decoration:none;
}

a.linkGreyHeader:visited {
font-size: 0.9em;
line-height:1.5em;
color:#B2B2B2;
text-decoration:none;
}

a.linkGreyHeader:hover {
font-size: 0.9em;
line-height:1.5em;
color:#3298CB;
text-decoration:none;
}

a.linkGreyHeader:active {
font-size: 0.9em;
line-height:1.5em;
color:#B2B2B2;
text-decoration:none;
}


a.linkHeaderWhite {
color:#FFFFFF;
font-size:0.9em;
line-height:1.4em;
font-weight:bold;
text-decoration:none;
}

a.linkHeaderWhite:visited {
color:#FFFFFF;
font-size:0.9em;
line-height:1.4em;
text-decoration:none;
}

a.linkHeaderWhite:hover {
color:#FFFFFF;
font-size:0.9em;
line-height:1.4em;
text-decoration:underline;
}

a.linkHeaderWhite:active {
color:#FFFFFF;
font-size:0.9em;
line-height:1.4em;
text-decoration:none;
}


/* -----------------------------------*/
/* -------->>> TEXT STYLES <<<--------*/
/* -----------------------------------*/ 
.textSm {
font-size: 0.9em;
line-height:1.4em;
}

.textMd {
font-size: 1.4em;
line-height:1.6em;
}

.textLg {
font-size: 1.6em;
line-height:1.8em;
}

.textGreyMdBold {
font-size: 1.31em;
line-height:1.3em;
font-weight:bold;
color:#8AA149;
}

.textGrey {
font-size: 1em;
line-height:15px;
color:#333333;
}

.textWhite {
color:#FFFFFF;
}


.textHeaderWhite {
color:#FFFFFF;
font-size:1em;
line-height:1.4em;
font-weight:bold;
}



.grey {
	color: #a1a1a1;;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
}

.border {
border: 1px solid #95A0A5;
}

.error {
	font-size: 0.9em;
	font-family: arial;
	font-weight: bold;
	color: red;
}


.bodyContent_title {
padding:0px 0px 10px 0px;
color:#005FA8;
font-size:1.6em;
line-height:2em;
font-weight:bold;
}


/* -----------------------------------*/
/* ------>>> GLOBAL CLASSES <<<-------*/
/* -----------------------------------*/
 
.clear         { clear:both; }
.float-left    { float:left; display: inline;margin:0 auto;}
.float-right   { float:right; display: inline;}
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrapper       { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:0px 30px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.altBG1, .row1 {
		background-color:#FFFFFF;
	}
	
.altBG2, .row2 {
		background-color:#D5D7D7;
	}

/*	
.textBody {
font-size: 1em;
line-height:1;
color:#30221C;
}
*/

.textBodyBold {
/* COPY CHANGES TO 'styles_adminFCK.css FOR TEXT EDITOR */
font-weight: bold;
}

.textBodyItalics {
/* COPY CHANGES TO 'styles_adminFCK.css FOR TEXT EDITOR */
font-style:italic;
}

#breadCrumb a {
font-size: 1em;
line-height:1.4em;
color:#22292B;
text-decoration:none;
text-transform:uppercase;
}

#breadCrumb a:hover {
color:#3298CB;
text-decoration:none;
}

#breadCrumb a:active, #breadCrumb a.selected {
color:#3298CB;
text-decoration:none;
}

.salePrice {
	color: #cc3300;
	font-weight: bold;
}

.basePrice {
	color: #66ff33;
	font-weight: bold;
}

.addTextBox {
	width: 25px;
	font:0.85em Arial, Helvetica, sans-serif;
}

.textSKUMessage {
	color: #cc9900;
	
}


.textColour {
color:#018040;
}