html, body, div, span, applet, object, img, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, 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 {

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { background-color:#CCC; font-family:Century Gothic, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; }
#wrapper { background-color:#FFF; border-bottom:8px solid #999; margin:auto; width:860px; padding:10px 10px 30px 10px; overflow:auto; }
a { text-decoration:none; color:#e42437; }
p { margin-bottom:15px; }
h2 { font-size:18px; clear:both; margin-bottom:10px; }
h3 { margin-bottom:10px; font-weight:normal; }

/* HEADER */
#header { width:860px; height:130px; }
div#phone { float:right; }
div#phone p { margin:0px; padding:0px; text-align:right; padding-right:20px; background:url(images/bg_phone.gif) no-repeat right; }
div#phone p.heading { font-size:13px; font-weight:bold; background:none; padding:0px; }
h1#blog-title a { text-indent:-9999px; width:400px; height:80px; display:block; background:url(images/bg_logo.gif) no-repeat; float:left; margin-bottom:5px; }

div#top_bar { float:left; clear:both; width:850px; height:25px; padding:2px 5px; background-color:#CCC; }

ul#nav { float:right; }
ul#nav li a { color:#333; font-weight:bold; display:block; height:27px; }
ul#nav li a:hover, ul#nav li.current_page_item a, ul#nav li.current_page_parent a, body.home ul#nav li.home a { color:#e42437; }
ul#nav li { float:left; margin-left:30px; }

ul#nav li { position:relative; }
ul#nav li a {  display:block; float:left; }
ul#nav li ul { /* second-level lists */ position:absolute; left: -999em; z-index:100; background-color:#FFF; float:left; clear:both; top:27px; }
ul#nav li ul li { margin-left:0px; }
ul#nav li ul li a, ul#nav li.current_page_ancestor ul li a, ul#nav li.current_page_item ul li a { font-size:10px; color:#fff; width:135px; display:block; background-color:#999; height:27px; padding-left:10px; border-top:1px solid #FFF; }
ul#nav li ul li a:hover { color:#000000;  } 
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* HOME */
div#showcase { width:820px; height:200px; margin-bottom:10px; padding:0px 20px; float:left; }
div#showcase img { float:right; }
div#showcase h1 { font-size:30px; line-height:32px; margin-bottom:5px; }
div#showcase p { font-size:18px; clear:left; line-height:23px; }
div#showcase h1, div#showcase p { float:left; width:300px; }
div#threes div { float:left; width:260px; background-color:#DDD; height:240px; margin-left:10px; padding:10px; }
div#threes div#one { margin-left:0px; }
div#threes h3 { font-size:22px; font-weight:bold; }
div#threes p { font-size:18px; }
div#threes img { margin-bottom:10px; }

/* PAGES */
#content-left { width:500px; float:left; }

p.middle { text-align:center; margin-top:10px; font-weight:bold; font-size:18px; }
.stepcarousel ul li, body.pageid-2 div.entry-content ul li { font-size:14px; list-style-type:square; margin-left:50px; }

ul#sub-nav { height:40px; float:left; width:860px; }
ul#sub-nav li { float:left; margin-right:20px; }
ul#sub-nav li a { font-size:12px; background-color:#999; display:block; font-weight:bold; padding:2px 10px 2px 10px; color:#FFF; }
ul#sub-nav li#red a { background-color:#e42437; }
ul#sub-nav li a:hover, ul#sub-nav li.current_page_item a { background-color:#666; }

/* CARAOUSEL */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 400px;
height: 700px; /*Height should enough to fit largest content's height*/
margin:auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px 15px; /*margin around each panel*/
width: 375px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding:0px 0px 0px 0px;
}

div#mygallery { float:left; width:400px; }
a#left, a#right { height:15px; width:12px; background:url(images/bg_arrow.gif) no-repeat top left; text-indent:-9999px; margin-top:200px; }
a#left { float:left; margin-right:5px; }
a#left:hover { background-position:bottom left; }
a#right {float:left; background-position:top right; margin-left:20px; }
a#right:hover { background-position:bottom right; }

div#colours { float:right; width:340px; padding:10px; }
div#colours ul { width:350px; float:left; margin-bottom:5px; }
div#colours ul#half { width:170px; float:left; margin-bottom:5px; }
div#colours ul li { display:inline; }
div#colours ul li a { display:block; height:40px; width:35px; padding:0px; background-color:#000; float:left; margin:0px 3px 3px 0px; border:1px solid #333333; }
div#colours h3 { clear:both; margin-bottom:5px; }

div#colours ul li a#og { background-color:#5CAD82; }
div#colours ul li a#bg { background-color:#124d21; }
div#colours ul li a#ng { background-color:#89b86a; }
div#colours ul li a#g { background-color:#acaaab; }
div#colours ul li a#sm { background-color:#c8dfed; }
div#colours ul li a#ca { background-color:#8ec4ea; }
div#colours ul li a#rp { background-color:#6385b5; }
div#colours ul li a#gr { background-color:#aa205c; }
div#colours ul li a#op { background-color:#edd1df; }
div#colours ul li a#bv { background-color:#d98b81; }
div#colours ul li a#le { background-color:#75b366; }
div#colours ul li a#a { background-color:#545327; }
div#colours ul li a#wi { background-color:#D7DC9A; }
div#colours ul li a#w { background-color:#FFFFFF; }
div#colours ul li a#rp { background-color:#6385b5; }
div#colours ul li a#bb { background-color:#495da4; }
div#colours ul li a#u { background-color:#1c1944; }
div#colours ul li a#y { background-color:#8e1b44; }
div#colours ul li a#f { background-color:#b90043; }
div#colours ul li a#c { background-color:#bc0061; }
div#colours ul li a#oc { background-color:#c94b8b; }
div#colours ul li a#o { background-color:#eec99c; }
div#colours ul li a#ta { background-color:#e2ac56; }
div#colours ul li a#dy { background-color:#e6c02f; }
div#colours ul li a#py { background-color:#fbf2b9; }
div#colours ul li a#r { background-color:#e4bcc4; }
div#colours ul li a#pp { background-color:#4b247d; }
div#colours ul li a#l { background-color:#ad9bc3; }
div#colours ul li a#x { background-color:#000000; }
div#colours ul li a#lg { background-color:#acd0a0; }
div#colours ul li a#bp { background-color:#CE665D; }
div#colours ul li a#z { background-color:#593D2F; }
div#colours ul li a#op { background-color:#EDD1DF; }

div#colours ul.stripes li a { background:url(images/bg_stripes.gif) no-repeat top; }
div#colours ul.stripes li a#rcs-w { background-position:0px -40px; }
div#colours ul.stripes li a#rcs-n { background-position:0px -80px; }
div#colours ul.stripes li a#njs-wp { background-position:0px -120px; }
div#colours ul.stripes li a#njs-wl { background-position:0px -160px; }
div#colours ul.stripes li a#njs-wa { background-position:0px -200px; }
div#colours ul.stripes li a#t2s-gp { background-position:0px -240px; }
div#colours ul.stripes li a#t2s-sa { background-position:0px -280px; }
div#colours ul.stripes li a#t2s-lp { background-position:0px -320px; }
div#colours ul.stripes li a#t2s-cp { background-position:0px -360px; }
div#colours ul.stripes li a#t2s-or { background-position:0px -400px; }
div#colours ul.stripes li a#t2s-wy { background-position:0px -440px; }
div#colours ul.stripes li a#t2s-cw { background-position:0px -480px; }
div#colours ul.stripes li a#t2s-sc { background-position:0px -520px; }
div#colours ul.stripes li a#t2s-lw { background-position:0px -560px; }
div#colours ul.stripes li a#t2s-liw { background-position:0px -600px; }
div#colours ul.stripes li a#t2s-bw { background-position:0px -640px; }
div#colours ul.stripes li a#t2s-rw { background-position:0px -680px; }
div#colours ul.stripes li a#t2s-du { background-position:0px -720px; }
div#colours ul.stripes li a#t4s-wcpr { background-position:0px -760px; }
div#colours ul.stripes li a#t4s-gprw { background-position:0px -800px; }
div#colours ul.stripes li a#t4s-ducr { background-position:0px -840px; }
div#colours ul.stripes li a#t4s-gtoy { background-position:0px -880px; }
div#colours ul.stripes li a#t4s-lawy { background-position:0px -920px; }
div#colours ul.stripes li a#ms-sc { background-position:0px -960px; }
div#colours ul.stripes li a#ms-ud { background-position:0px -1000px; }
div#colours ul.stripes li a#ms-cu { background-position:0px -1040px; }
div#colours ul.stripes li a#ms-uw { background-position:0px -1080px; }
div#colours ul.stripes li a#ms-or { background-position:0px -1120px; }
div#colours ul.stripes li a#ms-gp { background-position:0px -1160px; }



/* SIDEBAR */
div#btmform { float:left; width:840px; padding:10px; clear:both; background:url(images/bg_order.gif) no-repeat top left #CCC; }

div#sidebar_normal { padding:20px; width:270px; float:right; background-color:#CCC; }
div#sidebar_normal img { border:5px solid #888; margin-bottom:10px; }
div#sidebar_normal h3 { margin-bottom:0px; font-weight:bold; }

div#btm { width:880px; margin:5px auto 50px auto; }
div#btm a { float:right; font-size:11px; color:#2b2b2b; }
div#btm a:hover { color:#000; }

/* MAILING LIST */
fieldset#list { clear:both; border:none; float:left; margin-top:50px; background-color:#d83646; padding:0px 10px; width:500px; height:250px; color:#FFF; }
fieldset#list h2 { margin-bottom:20px; }
label { display:block; width:150px; text-align:right; margin-right:10px; float:left; }
div.indicate-required { font-size:9px; }
div.mc-field-group { padding:10px; margin-bottom:5px; }
input.btn { background-color:#FFF; border:1px solid #2b2b2b; padding:5px; cursor:pointer; float:right; margin-right:50px; }

body.pageid-10 #cformsform { width:500px; padding:0px; margin:0px; }

body.pageid-2 div.entry-content img { border:5px solid #CCC; margin-bottom:5px; }
