body {

	background: #3D8FFF url(../images/bg.jpg) top center no-repeat;

}



hr {

	color: #ccc;

	background: #ccc;

	border: 0;

	Height: 1px;

	margin: 10px 0;

}



/*--------------------------------------------------------

HYPERLINKS

--------------------------------------------------------*/



a:link, a:visited { color: #043fa0; text-decoration: underline; }



a:hover { color: #2863c2; text-decoration: none; }



/*--------------------------------------------------------

MENUS HOVER EFFECT

--------------------------------------------------------*/



.menu_nav ul { margin-left: 0; padding-left: 0; list-style-type: none; }



.menu_nav a {

	display: block;

	width: auto;

	padding: 3px;

	background-color: #fff;

	border-bottom: 1px solid #DBFF9D;

}



.menu_nav a:link, .menu_navlist a:visited { color: #043fa0; text-decoration: none; }



.menu_nav a:hover {

	background: #DBFF9D url(../images/arrow_right.gif) right no-repeat;

	color: #000;

}



/* Minicart Menu ------------------------- */



.menu-dialog-new .content a:link,

.menu-dialog-new .content a:visited,

.menu-dialog-new .content a:link { color: #043fa0; }

.menu-dialog-new .content a:hover { color: #000; }



/*--------------------------------------------------------

CONTAINER

--------------------------------------------------------*/



#main_container {

	margin: 0 auto; /* Center layout */

}



/*--------------------------------------------------------

HEADER (VERSION 1)

--------------------------------------------------------*/



#xheader {

	height: 100px;

	background: #fff url(../images/header_bg.jpg) repeat-x;

}



#header_left {

	float: left;

	width: auto;

	height: 100px;

	background: #fff url(../images/header_bg.jpg) repeat-x;

}



#header_middle {

	float: left;

	width: auto;

	height: 100px;

}



#header_right {

	float: right;

	width: 350px;

	height: 100px;

	background: #fff url(../images/header_right_bg.jpg) right no-repeat;

}



/*--------------------------------------------------------

LOGO (HEADER VERSION 1)

--------------------------------------------------------*/



#logo h1 {

	background: url(../images/logo.png) no-repeat;

	width: 400px;

	height: 70px;

	border: 0;

	overflow: hidden;

	margin: 0;

	padding: 0;

	z-index: 30;

	float: left;

}



#logo h1 a {

	display: block;

	text-indent: -10000px;

	width: 400px;

	height: 70px;

	border: 0;

	text-decoration: none;

}



#logo h1 a:hover { border: 0; text-decoration: none; }



/*--------------------------------------------------------

LOCATION (HEADER VERSION 1)

--------------------------------------------------------*/



#xlocation {

	float: right;

	position: absolute;

	top: 70px;

	margin: 0;

	padding-left: 10px;

	font-size: 1.1em;

}



#xlocation_h2 {

	color: #000;

	font-size: 1.1em;

}



/*--------------------------------------------------------

CONTACT (HEADER VERSION 1)

--------------------------------------------------------*/



#contact {

	float: right;

	position: absolute;

	top: 20px;

	width: 340px;

	color: #ffff66;

	font-size: 1.2em;

	font-weight: bold;

	text-align: right;

}



#contact a:link, #contact  a:visited { font-size: 1.2em; color: #ffff66; text-decoration: none; font-weight: normal; }



#contact a:hover { font-size: 1.2em; color: #ffff66; text-decoration: underline; font-weight: normal; }



/*--------------------------------------------------------

SEARCH BOX (HEADER VERSION 1)

--------------------------------------------------------*/



#search_box {

	float: right;

	width: 175px;

	text-align: left;

	padding-top: 60px;

}



#search_input {

	border: none;

	margin-right: 0px;

	width: 150px;

	background: transparent;

	font-size: 12px;

}



#search_button {

	border: none;

	padding: 2px;

	background: transparent;

	color: #000;

	font-size: 12px;

	font-weight: normal;

}



/*--------------------------------------------------------

SPEEDBAR (HEADER VERSION 1)

--------------------------------------------------------*/



#speedbar {

	clear: left;

	width: 100%;

	font-size: 1.0em;

	font-family: Arial, Helvetica, sans-serif;

	border-top: 0px solid #000;

	border-bottom: 0px solid #000;

	background: #000 url(../images/speedbar_bg.jpg) repeat-x;

	overflow: hidden;

}



#speedbar ul {

	clear: left;

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

	position: relative;

	left: 50%;

	text-align: center;

}



#speedbar ul li {

	display: block;

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

	position: relative;

	right: 50%;

}



#speedbar ul li.first a { border-left: 0px solid #fff; }



#speedbar ul li.last a { border-right: 0px solid #fff; }



#speedbar ul li a {

	border-left: 0px solid #fff;

	border-right: 1px solid #fff;

	display: block;

	margin: 0;

	padding: .2em .8em; /* Button padding - Top/Bottom - Left/Right */

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	line-height: 2.0em;

}



#speedbar ul li a span { display: block; }



#speedbar ul li.active a {

	color: #FFF;

	font-weight: bold;

	background: #000 url(../images/speedbar_hover.jpg) repeat-x;

}



#speedbar ul li a:hover {

	color: #FFF;

	font-weight: bold;

	background: #000 url(../images/speedbar_hover.jpg) repeat-x;

}



#speedbar ul li.current a {

	color: #FFF;

	font-weight: bold;

	background: #000 url(../images/speedbar_hover.jpg) repeat-x;

}



/*--------------------------------------------------------

FOOTER & COPYRIGHT

--------------------------------------------------------*/



#xfooter {

	margin: 0;

	background: #0C284A url(../images/footer_bg.jpg) top repeat-x;

	border-top: 0px solid #000;

}



#footer_pad { padding: 10px; }



#xfooter p { margin: 0 0 3px 0; }



#xfooter h3 { color: #ffff66; font-size: 1.2em; font-weight: bold; }



#xfooter a:link, #xfooter  a:visited { font-size: 1.0em; color: #fff; text-decoration: none; font-weight: normal; }



#xfooter a:hover { font-size: 1.0em; color: #fff; text-decoration: underline; font-weight: normal; }



#xcopyright {

	padding: 10px;

	background: #D9EBFB url(../images/copyright_bg.jpg) repeat-x;

	font-size: 1.0em;

	color: #000;

}



#copyright_pad {

	padding-top: 15px;

}



/*--------------------------------------------------------

MENU & DIALOG ROUNDED BORDERS

--------------------------------------------------------*/



/*--------- MENUS ----------*/



.mborders { width: 100%; margin-bottom: 10px; }



.mborders h3, .mborders h3 { margin: 0; font-size: 1.3em; text-transform: none; font-weight: bold; padding: 0 7px 5px 7px; }



.mtop, .mbottom { display: block; background: transparent; font-size: 1px; }



.mb1, .mb2, .mb3, .mb4 { display: block; overflow: hidden; }



.mb1, .mb2, .mb3 { height: 1px; }



.mb2, .mb3, .mb4 { background: #fff; border-left: 1px solid #487400; border-right: 1px solid #487400; }



.mb1 { margin: 0 5px; background: #487400; }



.mb2 { margin: 0 3px; border-width: 0 2px; }



.mb3 { margin: 0 2px; }



.mb4 { height: 2px; margin: 0 1px; }



.mboxcontent { display: block; border: 0 solid #487400; border-width: 0 1px; height: auto; background: #fff; }



* html .mboxcontent { /* height: 1px; */ }



.mboxpadding { padding: 4px; background: #fff; }



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



.mboxcontent ul li { vertical-align: middle; }



/*--------- DIALOGS ----------*/

.dborders { width: 100%; margin-bottom: 10px; }

.dborders h2, .dborders h2 { margin: 0; font-size: 1.6em; text-transform: none; font-weight: bold; padding: 0 7px 5px 7px; }

.dtop, .dbottom { display: block; background: transparent; font-size: 1px; }

.db1, .db2, .db3, .db4 { display: block; overflow: hidden; }

.db1, .db2, .db3 { height: 1px; }

.db2, .db3, .db4 { background: #fff; border-left: 1px solid #012D52; border-right: 1px solid #012D52; }

.db1 { margin: 0 5px; background: #012D52; }

.db2 { margin: 0 3px; border-width: 0 2px; }

.db3 { margin: 0 2px; }

.db4 { height: 2px; margin: 0 1px; }

.dboxcontent { display: block; border: 0 solid #012D52; border-width: 0 1px; height: auto; background: #fff; }

* html .dboxcontent { /* height: 1px; */ }

.dboxpadding { padding: 4px; background: #fff; }

.dboxpadding h2 { font-size: 1.2em; font-weight: normal; text-transform: none; }

.dborders_col { margin-bottom: 10px; }



/*--------- COLOURS ----------*/



.menu_colour { background: #487400 url(../images/menu_bg.jpg); color: #fff; }



.dialog_colour { background: #012D52 url(../images/dialog_bg.jpg); color: #fff; }



.blank { background: #fff; }



.filled { background: #E7F0F2; }



/*--------------------------------------------------------

REVIEW POSTS

--------------------------------------------------------*/



.review_author {

	margin: 0 0 0 10px;

	color: #000;

	font-size: 1.3em;

	font-weight: bold;

	font-style: normal;

	text-transform: none;

}



.review_pointer {

	display: block;

	height: 20px;

	width: 20px;

	position: relative;

	left: 50px;

	top: 1px;

	background: #fff url(../images/review_pointer.jpg) no-repeat 0 100%;

	z-index: 1000;

}



.review_icon {

	float: left;

	width: 12%;

	height: 50px;

	margin-top: 0px;

	margin-bottom: 5px;

	background: #E7F0F2 url(../images/review_author.gif) center no-repeat;

}



.review_text { float: left; width: 88%; margin-bottom: 2px; }

.review_ip { color: #ccc; }



/*--------------------------------------------------------

PRODUCT TABS

--------------------------------------------------------*/



#ptabs a:link{

	color: #fff; /* Link Colour */

	font-size: 1.0em;

	font-weight: bold;

	text-decoration: none;

}



#ptabs a:visited {

	color: #fff; /* Visited Link Colour */

	font-weight: bold;

	text-decoration: none;

}



#ptabs a:hover {

	color: #fff; /* Hover Link Colour */

	font-weight: bold;

	text-decoration: none;

}



#ptabs {

	margin-left: 0px; /* Tabs left margin - if centering tabs, you can set to zero */

}



#ptabs ul, #tabs ul li {

	list-style: none;

	margin: 0;

	padding: 0;

}



#ptabs ul {

	padding: 5px 0 5px 0;

	text-align: center; /* Align tabs left, right or center */

}



#ptabs ul li {

	display: inline;

	margin-right: 0px; /* Gap between each tab, can be a negative amount */

}



#ptabs ul li a {

	background: url(../images/ptableft.jpg) no-repeat left top;

	text-decoration: none;

	padding: 5px 0;

}



#ptabs ul li span {

	background: url(../images/ptabright.jpg) no-repeat right top;

	padding: 5px 9px 5px 2px;

	margin: 4px 0 7px 7px;

}



#ptabs ul li a:hover span {

	text-decoration: none;

	background-position: 100% -60px;

	color: #FFFF66;

}



#ptabs ul li a:hover {

	background-position: 0 -60px;

	color: #FFFF66;

}



#ptabs #selected a {

	background-position: 0 -120px;

	color: #FFFF66;

}



#ptabs #selected a span {

	background-position: 100% -120px;

	color: #FFFF66;

}



.tabcontent{

	display: none;

}



/*--------------------------------------------------------

MY ACCOUNT PANEL

--------------------------------------------------------*/



#panel a { color: #15ADFF; text-decoration: none; }



#panel a:hover { color: #FFFF66; text-decoration: underline; }



#panel h1 { color: #6AAA00; font-size: 2.0em; }



#panel h2 { color: #ffff99; font-size: 1.5em; }



/*--------------------------------------------------------

HEADER (VERSION 2)

--------------------------------------------------------*/



#xheader_2 {

	height: 150px;

	background: #fff url(../images/header_bg_2.jpg) repeat-x;

}



#xheader_left_2 {

	float: left;

	width: auto;

	height: 150px;

}



#xheader_middle_2 {

	float: left;

	width: auto;

	height: 150px;

}



#xheader_right_2 {

	float: right;

	width: 320px;

	height: 200px;

	text-align: right;

}



/*--------------------------------------------------------

CONTACT (HEADER VERSION 2)

--------------------------------------------------------*/



#contact_2 {

	float: right;

	position: relative;

	margin-right: 10px;

	top: 50px;

	width: 310px;

	color: #000;

	font-size: 1.4em;

	font-weight: bold;

	text-align: right;

}



#contact_2 a:link, #contact  a:visited { font-size: 1.4em; color: #000; text-decoration: none; font-weight: normal; }



#contact_2 a:hover { font-size: 1.4em; color: #000; text-decoration: underline; font-weight: normal; }



/*--------------------------------------------------------

SPEEDBAR (HEADER VERSION 2)

--------------------------------------------------------*/



#speedbar_2_container {

	height: 40px;

	background: #00adef;

}



#speedbar_2 {

	float: left;

	width: auto;

	height: 40px;

	background: #00adef;

}



/*--------------------------------------------------------

SEARCH (HEADER VERSION 2)

--------------------------------------------------------*/



#search_2 {

	float: right;

	width: 320px;

	height: 40px;

	background: #fff url(../images/header_right_bg_2.jpg) no-repeat;

}



#search_box_2 {

	padding-top: 10px;

	padding-left: 145px;

}



#search_input_2 {

	border: none;

	margin-right: 0px;

	width: 150px;

	background: transparent;

	font-size: 12px;

}



/*--------------------------------------------------------

LOGO (HEADER VERSION 2)

--------------------------------------------------------*/



#logo_2 h1 {

	background: url(../images/logo_2.png) no-repeat;

	width: 495px;

	height: 147px;

	border: 0;

	overflow: hidden;

	margin: 0;

	padding: 0;

	z-index: 30;

	float: left;

}



#logo_2 h1 a {

	display: block;

	text-indent: -10000px;

	width: 495px;

	height: 147px;

	border: 0;

	text-decoration: none;

}



#logo_2 h1 a:hover { border: 0; text-decoration: none; }



/*--------------------------------------------------------

LOCATION (HEADER VERSION 2)

--------------------------------------------------------*/



#xlocation_2 {

	height: 24px;

	background: #fff url(../images/location_bg.jpg) top repeat-x;

	color: #fff;

	padding: 8px 0 0 8px;

}



#xlocation_2 a:link, #xlocation_2 a:visited {

	color: #fff;

}



#xlocation_h2_2 {

	color: #fff;

	font-size: 1.1em;

}



/*--------------------------------------------------------

SPEEDBAR TABS (HEADER VERSION 2)

--------------------------------------------------------*/



#sbtabs a:link{

	color: #fff; /* Link Colour */

	font-size: 1.0em;

	font-weight: bold;

	text-decoration: none;

}



#sbtabs a:visited {

	color: #fff; /* Visited Link Colour */

	font-weight: bold;

	text-decoration: none;

}



#sbtabs a:hover {

	color: #fff; /* Hover Link Colour */

	font-weight: bold;

	text-decoration: none;

}



#sbtabs {

	margin-left: 5px; /* Tabs left margin - if centering tabs, you can set to zero */

	margin-top: 16px;

}



#sbtabs ul, #sbtabs ul li {

	list-style: none;

	margin: 0;

	padding: 0;

}



#sbtabs ul {

	padding: 5px 0 5px 0;

	text-align: left; /* Align tabs left, right or center */

}



#sbtabs ul li {

	display: inline;

	margin-right: 0px; /* Gap between each tab, can be a negative amount */

}



#sbtabs ul li.last {

	margin-right: 0px;

}



#sbtabs ul li a {

	background: url(../images/sbtableft.jpg) no-repeat left top;

	text-decoration: none;

	padding: 5px 0;

}



#sbtabs ul li span {

	background: url(../images/sbtabright.jpg) no-repeat right top;

	padding: 5px 9px 5px 2px;

	margin: 4px 0 7px 7px;

}



#sbtabs ul li a:hover span {

	text-decoration: none;

	background-position: 100% -60px;

	color: #FFFF66;

}



#sbtabs ul li a:hover {

	background-position: 0 -60px;

	color: #FFFF66;

}



#sbtabs #selected a {

	background-position: 0 -120px;

	color: #FFFF66;

}



#sbtabs #selected a span {

	background-position: 100% -120px;

	color: #FFFF66;

}



