/* Style sheet with blue colours */
/* HEADER: General Tags & Text */

@font-face {
    font-family: 'acFont1Regular';
    src: url('../fonts/acfont1-webfont.eot');
    src: url('../fonts/acfont1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/acfont1-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'acFont1b2Regular';
    src: url('../fonts/acfont1b2-webfont.eot');
    src: url('../fonts/acfont1b2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/acfont1b2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td 
                  {margin: 0;padding: 0;border: 0;outline: 0;
                  font-size: 100%;vertical-align: baseline;
                  background: transparent;}
body              {line-height: 1.4;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}

div { overflow: hidden; }


/* HELP: Basic body background for your store. You can use this to alter the background colour for your entire store */
body {
	font-family: 'acFont1b2Regular';
	background-color: #ffffff;
	padding: 0px;
	height: 100%;
	font-size:16px;
	background-color: #acdbf7; width: 974px; margin-left: auto; margin-right: auto;
	background-image:url('../images/clouds.png'); background-position: center top; background-repeat: repeat;
}

.squareButtons {
	width: 66px; height: 68px; margin-bottom: 3px;
	border: 0px;
}

#squareButtonsTop {
	float: right; width: 66px; margin-left: 3px; margin-top: 10px; padding-right: 20px;
}

#squareButtonsBottom {
	float: right; width: 66px; margin-left: 5px; margin-top: 10px;
}

#header {
	width: 974px; height: 184px; background-image:url('../images/header.png'); background-position:8px 1px; background-repeat:no-repeat; position: relative; z-index: 1; top: 35px;
}

#wrapper {
	width: 974px; margin-left: auto; margin-right: auto; position: relative; top: -30px;
}

#leftButtons {
	float: left; width: 156px; position:relative; left:2px; z-index: 1; margin-top: 30px;
}

#rightButtons {
	float: left; width: 156px; position:relative; left:-2px; z-index: 1; top: 30px;
}

#leftButtons img {
	width: 156px; height: 179px; border: 0;
	padding-bottom: 2px;
}

#rightButtons img {
	width: 156px; height: 179px; border: 0;
	padding-bottom: 2px;
}

#contentWrapper {
	float: left; width: 662px;
}

#contentTop {
	float: left; width: 662px; height:30px; background-image:url('../images/maintop.png'); background-position:left top; background-repeat:no-repeat; position: relative; z-index: 2;
}

#contentBacking {
	float: left; width: 662px; background-image:url('../images/mainmiddle.png'); background-position:left top; background-repeat:repeat; position: relative; z-index: 2; overflow: auto;
}

#contentPadding {
	font-family: 'acFont1b2Regular'; padding-left: 35px; padding-right: 35px; color:#333; font-size: 13px; line-height: 1.3em; letter-spacing: 0px; min-height: 665px;
}

#contentBottom {
	float: left; width: 662px; height:31px; background-image:url('../images/mainbottom.png'); background-position:center top; background-repeat:no-repeat; position: relative; z-index: 2;
}

#footer {
	float: left; width: 662px; height:68px; background-image:url('../images/footer.png'); background-position:center top; background-repeat:no-repeat; position: relative; z-index: 1; top: -9px;
}

#footerContent {
	margin-left: 20px; margin-right: 20px; margin-top: 12px; text-align: center; color:#555; font-size: 12px; line-height: 1.3; font-family: 'acFont1b2Regular';
}

#shareBar {
	margin-left: 35px; padding-right: 35px; background-image:url('../images/hibar.png'); background-position: top left; background-repeat: no-repeat; height: 30px; margin-bottom: 5px; margin-top: 20px;
}

#addThis {
	float: right; position: relative; padding-right: 8px; top: 7px;
}

#shareBarText {
	float: right; font-size: 13px; font-family: 'acFont1b2Regular'; position: relative; top: 6px; color: #555;
}






/* HELP: Basic store link colour<br/><br/> */
a {
	color: #228eb4;
	text-decoration: underline;
	letter-spacing: 1px;
}

/* HELP: Basic store link colour (when mouse hovers over it) */
a:hover {
	color: #cf6092;
	text-decoration: underline;
	letter-spacing: 1px;
}

/* HELP: Main page headings, for example product names, section titles etc. */
h1 {
	background-image:url('../images/h1.png'); background-position: top left; background-repeat: no-repeat; height: 46px; margin-bottom: 5px;
	font-size: 22px;
	font-family: 'acFont1b2Regular';
	color: #ffffff;
	font-weight: normal;
	clear: both;
	padding-top: 13px;
	padding-left: 10px;
	margin-top: 0px;
	letter-spacing: 1px;
	margin-bottom: 0px;
}

/* HELP: Sub-headings on the page, for example the section and product listing headers on section pages */
h2 {
	background-image:url('../images/h2mid.png'); background-position: top left; background-repeat: no-repeat; height: 36px; margin-bottom: 5px;
	font-size: 18px;
	font-family: 'acFont1b2Regular';
	color: #ffffff;
	font-weight: normal;
	clear: both;
	padding-top: 9px;
	padding-left: 10px;
	margin-top: 12px;
	letter-spacing: 1px;
	margin-bottom: 0px;
}

h2 a {
	color: #fff;
	text-decoration: none;
}

h2 a:hover {
	color: #fff;
	text-decoration: underline;
}


/* HELP: Main page headings, for example product names, section titles etc. */
h3 {
	background-image:url('../images/h1.png'); background-position: top left; background-repeat: no-repeat; height: 46px; margin-bottom: 5px;
	font-size: 22px;
	font-family: 'acFont1b2Regular';
	color: #ffffff;
	font-weight: normal;
	clear: both;
	padding-top: 13px;
	padding-left: 10px;
	margin-top: 0px;
	letter-spacing: 1px;
	margin-bottom: 0px;
}

.infobox {
	float: left; overflow: auto; width: 292px; margin-top: 10px;
}

.infobox .top {
	background-image:url('../images/iboxtopheader.png'); background-position:left top; background-repeat:no-repeat; height: 44px;
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
	font-family: 'acFont1b2Regular';
	text-align: center;
}

.infobox .top div {
	padding-top: 10px;
	padding-bottom: 5px;
}

.infobox .middle {
	background-image:url('../images/iboxmiddle.png'); background-position:left top; background-repeat:repeat-y;
}

.infobox .bottom {
	background-image:url('../images/iboxbottom.png'); background-position:left top; background-repeat:no-repeat; height: 8px;
}

.infobox .content {
	padding-left: 7px; padding-right: 7px; letter-spacing: 0px;
}


/* HELP: Formatting for the &lt;strong&gt; HTML tag. By default this shows text in bold */
strong {
	font-weight: bold;
}

/* HELP: Basic styling for all user input form fields, including text boxes, textarea boxes etc. */
input { 
	font-size: 14px;
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000; 
	border: 2px solid #444; 
	height: 20px;
	margin-bottom: 1px;
	font-family: 'acFont1b2Regular';
	letter-spacing: 1px;
	padding-left: 2px;
}

textarea {
	font-size: 14px;
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000; 
	border: 2px solid #444; 
	margin-bottom: 1px;
	font-family: 'acFont1b2Regular';
	letter-spacing: 1px;
	padding-left: 2px;
}


#whoarewe {
	background-image:url('../images/pagebacking.png'); background-position: top center; background-repeat: no-repeat;
	width: 592px;
	height: 400px;
}

#whoareweimage {
	background-image:url('../images/about1.png'); background-position: center center; background-repeat: no-repeat;
	width: 592px;
	height: 400px;
}

#whoarewetext {
	font-size: 16px;
	letter-spacing: 1px;
}

#whoareweprev {
	width: 82px;
	height: 82px;
	border: 0;
	cursor: pointer;
}

#whoarewenext {
	width: 82px;
	height: 82px;
	border: 0;
	cursor: pointer;
}


/* HELP: Style for checkboxes to avoid border applied to other input fields and tweak position */
.checkbox {
	position: relative;
	top: 2px;
	border: 0px;
}

/* HELP: Formatting for form select boxes (also called drop-down boxes)<br/><br/> */
select { 
	font-family: 'acFont1b2Regular';
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000; 
	border: 2px solid #444; 
}

/* HELP: Style for all form buttons used on your store, including form submission buttons */
.button {
	font-size: 0.9em;
	font-weight: bold;
	background-color: #3586ef;
	border: 1px solid #000000;
	color: #ffffff;
	cursor: pointer;
	height: 2em;
	padding-bottom: 1px;
}

/* HELP: Style for all form buttons used on your store when mouse hovers over them */
.button:hover {
	font-size: 0.9em;
	font-weight: bold;
	background-color: #1a5bb0;
	border: 1px solid #000000;
	color: #ffffff;
	cursor: pointer;
	height: 2em;
	padding-bottom: 1px;
}

/* HELP: Style used for places where a smaller text size is required, generally on product templates and product menu box listings */
.smaller-text {
	font-size: 0.8em;
	width: 100%;
}

/* HELP: Style used for all error text in the store, e.g. form entry validation errors etc. */
.error-text {
	font-size: 12px;
	font-weight: bold;
	color: #cf6092;
	letter-spacing: 1px;
}

/* HELP: Style for the breadcrumb div shown above all the main content titles */
#breadcrumb {
	padding-left: 8px;
	font-size: 13px;
	width: 100%;
	margin-bottom: 5px;
	font-family: 'acFont1b2Regular';
	background-image:url('../images/hibar.png'); background-position: top left; background-repeat: no-repeat; height: 30px; margin-top: 5px;
	padding-top: 8px;
	letter-spacing: 0px;
	color: #555;
}

/* HELP: Style for the breadcrumb links<br/><br/> */
#breadcrumb a {
	text-decoration: none;
	color: #228eb4;
	font-weight: normal;
}

/* HELP: Style for the breadcrumb links when the mouse hovers over them<br/><br/> */
#breadcrumb a:hover {
	text-decoration: none;
	color: #cf6092;
	font-weight: normal;
}

/* HELP: Container for form entry tables<br/><br/> */
.form-div {
	text-align: center;
}

/* HELP: Table definition for form entry tables<br/><br/> */
.form-table {
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	border: 0px;
}

/* HELP: Caption styler shown above form entry tables<br/><br/> */
.form-table caption {
	margin-left: auto;  margin-right: auto;
}

/* HELP: Header table cell<br/><br/> */
.form-table th {
	font-weight: bold;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
}

/* HELP: Normal table cell<br/><br/> */
.form-table td {
	font-weight: normal;
	font-size: 0.8em;
	padding: 2px;
	text-align: left;
}

/* HELP: Style for the table row that contains the submit button for the form<br/><br/> */
.form-table td.submit-row {
	text-align: right;
}

/* HELP: Select box (drop-down) formatting for the form<br/><br/> */
.form-table select {
	font-size: 1em; 
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000;
	border: 1px solid #30799E;
}


/* HEADER: General Table Styles */
/* HELP: Container for general tables used throughout the store templates<br/><br/> */
.general-table-div {
	text-align: center;
}

/* HELP: Sryling for the table tag itself, overall styling for the table<br/><br/> */
.general-table {
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	border: 0px;
}

/* HELP: Container for caption tag shown above general tables<br/><br/> */
.general-table caption {
	font-weight: bold;
	font-size: 0.70em;
	margin-left: auto;  margin-right: auto;
	text-align: right;
}

/* HELP: Style for table header cell<br/><br/> */
.general-table th {
	font-weight: bold;
	font-size: 0.70em;
	border-bottom: 1px dotted #000000;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Style for normal table cell<br/><br/> */
.general-table td {
	font-weight: normal;
	font-size: 0.70em;
	padding: 2px;
	text-align: left;
}

/* HELP: Style for normal table cell with bold font styling<br/><br/> */
.general-table td.bold {
	font-weight: bold;
	font-size: 0.70em;
	padding: 2px;
	text-align: left;
}

/* HEADER: Advanced Styles */
html {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;

}

/* HELP: Simple style for forms to avoid any unplanned gaps */
form {
	margin: 0px;
	padding: 0px;
}

.clear-left {
	clear: left;
}

.clear-both {
	clear: both;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.center {
	text-align: center;
}

.menu-button, .menu-button-right {
	float: left;
	font-size: 18px;
	letter-spacing: 1px;
	margin-right: 10px;
	font-family: 'acFont1b2Regular';
	font-weight: normal;
	line-height: 1.1em;
}

.menu-button-right {
	float: right;
	margin-left: 10px;
	margin-right: 0px;
}

.menu-button a {
    color:#fff;
    text-decoration:none;
    float:left;
    padding:0px 0px 0px 0px;
    margin: 0px;
	background: url('../images/buttons.png') no-repeat 100% -46px;
	height: 37px;
	padding-right: 16px;
	font-weight: normal;
}

.menu-button a:hover {
	   background-position: 100% -120px;
    color:#ffffff;
	border: 0;
	font-weight: normal;
}

.menu-button a span {
	float: left;
	padding-right: 0px;
	background: url('../images/buttons.png') no-repeat 0 0;
	height: 37px;
	padding-top: 8px;
	cursor: pointer;
	padding-left: 18px;
}

.menu-button a input {
	font-family: 'acFont1b2Regular';
	border: 0; background-color:transparent; font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
	position: relative;
	top: -5px;
	cursor: pointer;
	padding-left: 0px;
	padding-right: 0px;
	font-weight: normal;
	height: 24px;
	color: #fff;
}

.menu-button-header a {
	font-weight: normal;
}

.menu-button-header a:hover {
	font-weight: normal;
}

.menu-button a:hover input {
	color: #fff;
}

.menu-button a:hover {
	background-position: 100% -138px;
}

.menu-button a:hover span {
	background-position: 0 -92px;
}