/* 
CSS DOCUMENT ORDER

1. Basic resetting of styles
2. Basic font sizes
3. Clear codes
4. Basic Links for main content only
5. Basic Headings Styles 
6. Group Lists - ul li, form, blockquotes etc
7. Main site structure, layout & design
8. Header (inc home) image, button and layout
9. Main-Copy/body styling
10. Contact page/form styling
11. Side bar & elements
12. Header Icons for all h1,h2,h3 etc
13. Footer structure & styling
14. Main Naviation elements
15. Tab navigation on home page
16. Home Page Sub-Content Box
17. Screen Shots Thumbs/Page etc
18. Call to action elements
19. Image link text body (e.g. Magento logo)

*/


/* 
1. Basic reseting of styles / then add basic typographical styling
----------------------------------------------------------------------------------------------------*/

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;
	text-decoration: none;
}

body {
    margin: 0 auto;
    position: relative;
    background: url(img/bg-body.png) 0 0 repeat-x #DAE8EF;
		color: #6C6C6C;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 13px;
    line-height: 20px;
}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {outline: 0;}

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

tr, th, td {
	vertical-align: top;
}


/* 
2. Basic font sizes
----------------------------------------------------------------------------------------------------*/

p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {font-size: 13px;}
/* deal with likely (but certainly not all) inherited shrinkage */
ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, blockquote p, form div div, form div p, fieldset div, table form div {font-size: 13px;}
/* -end Basic Font sizes */

/* Group Margins */
p, ul, ol, dl, address, table, blockquote, pre, fieldset {margin-bottom: 10px;}
p {margin: 4px 0 8px 0;}
form {margin-bottom: 18px;}
ul ul, ol ol, ol ul, ul ol {margin-bottom: 0;}
/* -end Margins */


/* 
3. Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}



/* 
4. Basic Links for main content only 
----------------------------------------------------------------------------------------------------*/

#main-copy a:link, #main-copy a:visited,
#sub-copy a:link, #sub-copy a:visited
 {
	color: #464C7D;
	text-decoration: none;
	border-bottom: 1px solid #464C7D;
}

#main-copy a:hover, #main-copy a:active,
#sub-copy a:hover, #sub-copy a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #1B75AB;
	background-color: #1B75AB;
}


/* 
5. Basic Headings Styles 
----------------------------------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {color: #464D7D; 	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;}

h1 {
	font-size: 20px;
  line-height: 24px;
	margin: 20px 0 2px 0;
	padding: 6px 0 6px 0;
  color: #464D7D;
}
h2 {
	font-size:18px;
	line-height:20px;
	margin-bottom:4px;
	margin-top:30px;
}
h3 {
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 4px;
}

h4, h5, h6 {
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 4px;
}



/* 
6. Group Lists - ul li etc
----------------------------------------------------------------------------------------------------*/

.prose ul, ul.bullets, ul.bullets ul {	/* unordered lists more often DON'T require bullets except in extended bits of writing - use the .prose class or apply directly with .bullets */
	list-style-type: disc;
	margin-left: 1.385em; /* 18px */
}
.bullets li {
	margin-top: 0.5em;			/*  8px */
	margin-bottom: 0.5em;		/*  8px */	
/*	margin-bottom: 1.25em;		/* 18px */
}

ol {	/* ordered lists usually DO require bullets */
	list-style-type: decimal;
	margin-left: 2.077em; /* 27px */
}

dt {
	font-weight: bold;
	margin-top: 1.385em; /* 18px */
}

/* @end Lists */

/* @group Tables */

table {
	border-bottom: 0px solid #666;
}

caption {
	font-weight: bold;
	padding-bottom: 0.643em; /* 9px */
	font-size:1.077em; /* 14px */
}

thead th {
	border-top: 0px solid #666;
	border-bottom: 0px solid #666;
	padding-top: 0;
	padding-bottom: 0.692em; /* 9px */
}

tbody {
	border-top: 0px solid #666;	/* not rendered in IE6/7 */
}

tbody tr th,
tbody tr td {
	border-top: 0px solid #ddd;
}

th {
	text-align: left;
	padding: 0.385em 0.692em 0.308em 0.692em; /* 5px 9px 4px 9px */
}

td {
	padding: 0.385em 0.692em 0.308em 0.692em; /* 5px 9px 4px 9px */
}



/* @end Tables */

/* @group Blockquotes */

blockquote {
	font-style: italic;
	margin-left: 1.385em; /* 18px */
	margin-right: 1.385em; /* 18px */
}

blockquote cite,
blockquote em {
	font-style: normal;
}

/* @end Blockquotes */

/* @group Containers */

form .container {
	margin-bottom: 1.385em; /* 18px */
}

/* @group Fieldsets */

fieldset {
	border: 1px solid #ccc;
	padding: 0 1.385em 0.692em 1.385em; /* 9px 18px 0 18px */
}

legend {
	font-weight: bold;
}

form fieldset .container {
	margin-top: 1.385em; /* 18px */
	margin-bottom:0;
	position: relative;
}

/* @end Fieldsets */



/* @group Labels */

label {
	cursor: pointer;
}

.meta-label {
	margin-bottom: 0;
}

.multi-container label, 
.radio-container label, 
.checkbox-container label {
	font-weight: normal;
}

.radio-container label, 
.checkbox-container label {
	display: block;
}

.compact label {
	display: inline;
}

/* @end labels */

/* @group Meta */

form .help {
	display: block;
	color: #777;
	font-style: normal;
	font-size: 0.846em; /* 11px */
}

/* @end Meta */

/* @group Form controls */

input,
textarea,
select,
button {
	font-family: inherit;
	font-size: 1em;
}

textarea,
input[type='text'], 
input[type='password'],
select {
	border:1px solid #CCCCCC;
	padding: 4px;
	display: block;
}

textarea:focus,
input[type='text']:focus, 
input[type='password']:focus,
select:focus {
	border-color: #888;
	outline: 2px solid #ffffaa;
}

input.short {
	width: 4em;
}

input.medium,
textarea.medium {
	width: 12em;
}

input.long,
textarea.long {
	width: 30em;
}

textarea {
	width:97%; /* shrink to fit normal input boxes */
	display: block;
}

.button-container input {
	font-weight: bold;
}

.button-container input.cancel {
	font-weight: normal;
}

button {
	border: 0;
	padding: 0;
	cursor: pointer;
	width: auto;
	overflow: visible;
}

button.link {
	background-color: #fff;
	font-weight: normal;
}

/* accessability feature, resize check and radio inputs */
.radio-container input, 
.checkbox-container input {
	width: 1em;
	height: 1em;
}



/*  
7. Main site structure, layout & design
----------------------------------------------------------------------------------------------------*/

#wrapper {
	width: 966px;
	margin: 0 auto;
}

#masthead {
	padding: 20px 12px 12px 9px;
	background: url(img/bg-topHeaderCap-Sub.png) no-repeat scroll bottom left;
}

/*#masthead.home {background: url(img/bg-topHeaderCap-Home.png) no-repeat scroll bottom left;}*/
#masthead.home {background: url(img/bg-topHeaderCap-orderFlow.png) no-repeat scroll bottom left;}

#masthead h1{margin: 0; padding:0; font-size: 20px;}
#masthead h2{margin: 0; padding:0; font-size: 16px;}

#masthead h1.logo a{
	background: url(img/header-logos.png) 0 0 no-repeat;
	display: block;
	height: 40px;
	width: 291px;
	text-indent: -9999px;
	float: left;
}

#masthead h2.phone a{
	background: url(img/header-logos.png) -309px 0 no-repeat;
	display: block;
	height: 40px;
	width: 135px;
	text-indent: -9999px;
	float: right;
}

#main-copy {
	float: left;
	padding:15px 70px 0 50px;
	width:590px;  /* was 530 */
}

#main-copy.wide {
	width:875px;
	padding-right:35px;
}

#sub-copy {
	margin: 0;
	padding: 30px 50px 10px 50px;
	width: 875px;
	position: relative;
}

#header-cap {
	width: 966px;
	height: 12px;
	background: url(img/bg-topHeaderCap-Sub.png) 0 0 no-repeat;
}

#header-cap.home {
	width: 966px;
	height: 10px;
	background: url(img/bg-topHeaderCap-Home.png) 0 0 no-repeat;
}

div.content-wrapper {
	width: 966px;
	margin: 0 auto;
	background: url(img/bg-main.png) 0 0 repeat-y;
	padding: 0 0 35px 0;
}

#content-footer-cap {	
	width: 966px;
	height: 10px;
	background: url(img/bg-BottomCap.png) 0 0 no-repeat;
}


/*  
8. Header (inc home) image, button and layout
----------------------------------------------------------------------------------------------------*/

#header{
	background: url(img/bg-headerSub.png) 0 0 repeat-x;
	width: 958px;
	margin: 0 auto;
	height: 72px;
	padding: 0;
	position: relative;
	z-index: 1;
}

#header.home{
	/*background: url(img/picture-Header-home.jpg) 0 0 no-repeat;*/
	background: url(img/picture-Header-orderFlow.jpg) 0 0 no-repeat;
	height: 320px;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 1;
}

#header h1{
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 26px;
	color: #464D7D;
	margin: 0;
	padding: 18px 0 0 46px;
	text-shadow: #FFF 1px 1px 1px;
}

#header.home h1 {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	display: block;
	font-size: 22px;
	text-indent: -9999px;
}

#header.home p.demo a:link, #header.home p.demo a:visited{
	position: absolute;
	width: 172px;
	height: 40px;
	display: block;
	background: url(img/buttons-bg.png) 0 0 no-repeat;
	font-size: 20px;
	color: #FFF;
	text-indent: -9999px;
	left:28px;
	top:214px;
	z-index:10;
}

#header.home p.demo a:hover, #header.home p.demo a:active{
	background: url(img/buttons-bg.png) 0 -41px no-repeat;
}

#header.home p.orderFlow a:link, #header.home p.orderFlow a:visited{
	position: absolute;
	width: 140px;
	height: 40px;
	display: block;
	background: url(img/buttons-bg.png) 0 -188px no-repeat;
	font-size: 20px;
	color: #FFF;
	text-indent: -9999px;
	left:30px;
	top:224px;
	z-index:10;
}

#header.home p.orderFlow a:hover, #header.home p.orderFlow a:active{
	background: url(img/buttons-bg.png) 0 -229px no-repeat;
}

#masthead p.search {float: right; margin:0; padding:0;}



/*  
9. Main-Copy/body styling
----------------------------------------------------------------------------------------------------*/

#main-copy ol {padding: 10px 30px 10px 15px;}
#main-copy ol li {padding: 3px 0;}

#main-copy ul {padding: 10px 30px 0px 22px;}
#main-copy ul li {
	padding: 3px 0 3px 20px;
	background: url(img/bullet.png) 0 9px no-repeat;
}

#main-copy ul.features,#main-copy ul.benefits {padding: 0; margin:0;}
#main-copy ul.features li,#main-copy ul.benefits li {padding: 0; margin:0;background:none;}

#main-copy li span {color:#464C7D;}

#main-copy div.news-post {
	background: url(img/bg-news-footer.png) 38px bottom no-repeat;
	padding:0 0 5px 60px;
	margin-bottom: 50px;
}

#main-copy div.news-last {background: none;}

#main-copy div.news-post p.date{
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	float:left;
	color: #6D6D6D;
	font-size:24px;
	margin:8px 8px 0 -80px;
	padding:0;
	text-align:right;
	width:52px;
}

#main-copy div.news-post p.date span{
	font-size:34px;
	line-height: 30px;
	color: #A0A0A0;
}

#main-copy div.indent {
	padding: 10px 0px 10px 20px;
}

#main-copy div.text {width:420px;}

#main-copy div.left div.text {float: left;}
#main-copy div.left img {float:right;}

#main-copy div.right div.text {float: right;}
#main-copy div.right img {float:left;}

#main-copy .headline {
	color: #999999;
	margin-top: 10px;
}

#orderflow img.right {
	float: right;
	padding: 22px 50px 20px 80px;
}

h2.segeo {
	font-family: Georgia, Palatino,'Palatino Linotype', Times, 'Times New Roman', serif;
	font-style: italic;
	font-size: 26px;
	color: #464E7D;
	display: inline;
}

h2.segeo-span {
	display: inline;
	color: #999999;
	font-size: 24px;
	line-height: 24px;
	vertical-align: bottom;
}

#main-copy .txt-inline {display: inline;}

#main-copy.home ul.features li {
	width: 400px;
	padding-right:45px;
	float: left;
}

#main-copy.home ul p {margin-bottom:12px;}
#main-copy.home ul p.more {margin-top:-3px;}
#main-copy.home ul h2 {margin-top:20px;}

#main-copy.home ul.benefits {margin: 0; padding: 0;}

#main-copy.home ul.benefits li {
	padding-right:50px;
	width:250px;
	float: left;
}

#main-copy.home ul li.last {padding-right: 0;}

div.break {
	width: 910px;
	height: 1px;
	background: url(img/line-break.png) #DDD no-repeat;	
	padding: 0;
	margin:28px 0 35px -25px;
}

div.tour {
	width: 420px;
	float: left;
}

div.tour h1 span {
	font-size: 40px;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding-right: 20px;
}

div.tour p {
	min-height: 120px;
	padding: 0 30px 0 40px;
}

div.tour.right {
	margin-left: 20px;
}

div.tour div.screen_shot {
	margin: 10px 0 38px 38px;
	-moz-box-shadow: 0px 0px 3px #AAA;
  -webkit-box-shadow: 0px 0px 3px #AAA;
  box-shadow: 0px 0px 3px #AAA;
}

div.tour div.screen_shot img {
	border: none;
}

#main-copy div.tour-nav ul li {
	padding: 0;
	background: none;
}

div.tour-nav {
	clear: both;
	margin: 50px 0 0 0;
}

div.tour-nav li.left {
	float: left;
}

div.tour-nav li.right {
	float: right;
}

div.break.tour {
	clear:both;
	width: 910px;
	height: 1px;
	background: url(img/line-break.png) #DDD no-repeat;	
	padding: 0;
	margin:58px 0 55px -25px;
}


#main-copy.home p.tour { margin: 25px 0 0 15px;}

#main-copy.home p.tour a:link, #main-copy.home p.tour a:visited{
	width: 213px;
	height: 49px;
	display: block;
	background: url(img/buttons-bg.png) 0 -85px no-repeat;
	font-size: 20px;
	text-indent: -9999px;
	border: none;
}

#main-copy.home p.tour a:hover, #main-copy.home p.tour a:active{
	background: url(img/buttons-bg.png) 0 -134px no-repeat;
}





/*  
10. Contact page/form styling
----------------------------------------------------------------------------------------------------*/

/*
#main-copy.contact h1{
	float: left;
	clear:both; 
}
*/
	
#main-copy.contact div.float {
	margin: 21px 0 0 70px;
	float: left;
}

#main-copy.contact div.form {
	background-color: #F6F6F6;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	margin:30px 0 30px 30px;
	padding: 30px;
}

#main-copy.contact div.form ul{margin: 0;padding:0;}
#main-copy.contact div.form ul li{margin: 0;padding:0;background: none;}

#main-copy.contact li.submitbutton {
	float: right;
	color: #1B75AB;
	font-style: italic;
	font-size: 14px;
}

#main-copy.contact input {
	width: 310px;
}

#main-copy.contact li.submitbutton input {
	color: #FFFFFF;
	border: 0;
	font-family: Georgia, Times, 'Times New Roman', serif;
	background-color: #1B75AB;
	width: 100px;
	padding: 2px;
	margin-top: 25px;
	cursor: pointer;
}


/*  
11. Side bar & elements
----------------------------------------------------------------------------------------------------*/

#side-bar {
	display: block;
  position:relative;
  height:auto;
  bottom:0;
	width: 250px;
	min-height: 625px;
	float: right;
	margin: 0 4px 0 0;
	background: url(img/bg-SubMenu.png) 0 0 no-repeat #FFF;
}

#side-bar ul.sub-menu {
	background: url(img/bg-subMenu-cap.png) top left no-repeat;
	padding-top:2px;	
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 16px;
	color: #787878;
	margin: 30px 0 0 0;
}

#side-bar ul.sub-menu li a:link, #side-bar ul.sub-menu li a:visited{
	background: url(img/bg-subMenu-li-block.png) 0 -45px no-repeat;
	color: #787878;
	width: 249px;
	height: 35px; /* 45px with padding */
	display: block;
	padding: 10px 0 0 26px;
}

#side-bar ul.sub-menu li a:hover, #side-bar ul.sub-menu li a:active{
	text-decoration: underline;
}

#side-bar ul.sub-menu li.selected a{
	background: url(img/bg-subMenu-li-block.png) 0 0 no-repeat;
	color: #464C7D;
}

/* 
12. Header Icons for all h1,h2,h3 etc
----------------------------------------------------------------------------------------------------*/

#main-copy.home h1 {padding: 6px 0 6px 45px;}
h1.logo {background: url(img/logo.png) 0 0 no-repeat;}
h1.process-orders {background: url(img/icons-large.png) 0 -38px no-repeat;}
h1.manage-stock {background: url(img/icons-large.png) 0 -3px no-repeat;}
h1.multi-channel-support {background: url(img/icons-large.png) 0 -76px no-repeat;}
h1.specialist-partners {background: url(img/icons-large.png) 0 -258px no-repeat;}
h1.server {background: url(img/icons-large.png) 0 -187px no-repeat;}
h1.xml {background: url(img/icons-large.png) 0 -223px no-repeat;}

#main-copy.home ul h2 {padding: 6px 0 6px 45px;}
h2.process-orders {background: url(img/icons-large.png) 0 -38px no-repeat;}
h2.manage-stock {background: url(img/icons-large.png) 0 -3px no-repeat;}
h2.multi-channel-support {background: url(img/icons-large.png) 0 -76px no-repeat;}
h2.specialist-partners {background: url(img/icons-large.png) 0 -258px no-repeat;}
h2.server {background: url(img/icons-large.png) 0 -187px no-repeat;}
h2.xml {background: url(img/icons-large.png) 0 -223px no-repeat;}

#main-copy.home ul h3 {
	margin: 10px 0 0 -2px;
	padding: 6px 0 4px 34px;
	background: url(img/icons-small.png) no-repeat scroll 0 0;
}

#main-copy.home ul h3.multi-channel-support {background: url(img/icons-small.png) 0 -41px no-repeat;} /* Database diagram */
#main-copy.home ul h3.smooth-implementation {background: url(img/icons-small.png) 0 -82px no-repeat;} /* Stopwatch */
#main-copy.home ul h3.specialist-partners {background: url(img/icons-small.png) 0 -123px no-repeat;} /* Handshake */
#main-copy.home ul h3.integration {background: url(img/icons-small.png) 0 -160px no-repeat;} /* Plugs */
#main-copy.home ul h3.xml {background: url(img/icons-small.png) 0 -200px no-repeat;} /* XML */
#main-copy.home ul h3.your-system {background: url(img/icons-small.png) 0 -233px no-repeat;} /* Jigsaw */
#main-copy.home ul h3.server {background: url(img/icons-small.png) 0 -270px no-repeat;} /* Notepad */
#main-copy.home ul h3.flexible {background: url(img/icons-small.png) 0 -313px no-repeat;} /* Notepad */
#news h2.news {background: url(img/icons-small.png) 0 -354px no-repeat;} /* Newspaper */
#news p.post-info {background: url(img/icons-small.png) -7px -394px no-repeat;} /* Speech bubbles */


/* 
13. Footer structure & styling
----------------------------------------------------------------------------------------------------*/

#footer {
	background:transparent url(img/bg-BottomCap.png) no-repeat scroll 0 0;
	margin: 0 auto;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #4F514C;
	padding: 20px 18px 30px 18px;
	letter-spacing: -0.1px;
}

#footer ul{
	margin: 0px;
	font-size: 13px;
	}

#footer ul#menu1 {float: left;}
#footer ul#menu1 {margin: 0;}

#footer ul#menu2 {float: right;}
#footer ul#menu2 {margin: 0;}

#footer ul#menu3 {
	clear: both;
	font-size: 12px;
}

#footer ul#menu3 li.right {float: right;}

#footer li {display: inline;}

#footer li a {
	color: #4F514C;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#footer li a:hover, #footer li a:active{text-decoration: underline; color: #000;}

#footer ul#menu3 li a{
	color: #6F6F6F;
}

li.trigger {
	background: url(img/toggleArrow.gif) no-repeat scroll 0 1px;
	padding-left: 15px;
}

li.active {
	background-position:0 -26px;
}

#footer ul.footer-sitemap {padding:4px 0 10px 1px;}
#footer ul.footer-sitemap li {
	display: block;
	padding: 5px 0 0 15px;
	background: url(img/toggleArrow.gif) no-repeat 0 -49px;
	}
#footer ul.footer-sitemap ul {display: inline;}
#footer ul.footer-sitemap ul li {
	display: inline;
	background: url(img/toggleArrow.gif) no-repeat 0 -74px;
}


/* 
14. Main Naviation elements
----------------------------------------------------------------------------------------------------*/

#nav {
	position: relative;
	clear: both;
	height:32px;
	margin:0 0 0 -12px;
	padding-top:25px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #4F514C;
}

#nav ul {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#nav ul ul li a{
	width: 100%;
	height: 100%;
	}

#nav ul li {font-size: 14px; display:inline;}

#nav ul ul{
	z-index: 10;
	position: absolute;
	width: 250px;
	}

#nav ul li a:link, #nav ul li a:visited, #nav ul li ul li a:link, #nav ul li ul li a:visited {
	color: #4F514C;
	display: block;
	float: left;
	text-decoration: none;
	padding: 8px 15px 8px 15px;
}

#nav ul li a:hover, #nav ul li ul li a:hover {text-decoration: underline; color: #000;} 

#nav ul li.current_page_item {background: url(img/nav-arrow.png) center 27px no-repeat;}
#nav ul li.current_page_item a{color: #333;}
#nav ul li ul li.current_page_item {background: url(img/nav-arrow-left.png) 6px 13px no-repeat;}
#nav ul li ul li.current_page_item a {color: #333;}

#nav ul li.parent_page_item {color: #000; background: url(img/nav-arrow-ghosted.png) center 27px no-repeat;}

#nav #selected a {color: #FFF; text-decoration: underline;}
#nav #selected a:hover {} 

/*** ESSENTIAL MAIN NAV STYLES ***/

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			16em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			35px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			16em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			16em; /* match ul width */
	top:			0;
}

/*** NAV MENU SKIN ***/

.sf-menu a {
	padding: 6px 16px 8px 16px;
	text-decoration:none;
}

.sf-menu li a, .sf-menu li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #FFF;
}

.sf-menu li a:hover{
	color: #812B01;
}

.sf-menu li ul {
	background: #EEE;
	border: solid 1px #5E6659;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.sf-menu li li {/*main bg colour*/}
.sf-menu li li a, .sf-menu li li a:visited {color: #5E6659;} /*main drop down colour*/

.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	outline: 0;
	color: #F8F3E7;
}

.sf-menu li a{color: #FFF;}
.sf-menu li.current_page_item a {color: #51504C; text-decoration: underline;}
.sf-menu li.current_page_parent a {color: #FFF; text-decoration: underline;}

.sf-menu li.current_page_item li.page_item a {color: #51504C; text-decoration: none;}
.sf-menu li.current_page_item li.page_item a:hover {color: #FFF;}

.sf-menu li.current_page_parent li.page_item a {color: #511711; text-decoration: none;}
.sf-menu li.current_page_parent li.current_page_item a {color: #51504C; text-decoration: underline;}
.sf-menu li.current_page_parent li.current_page_item a:hover {color: #FFF;}
.sf-menu li.current_page_parent li.page_item a:hover {color: #FFF;}

/* end all nav elements */



/* 
15. Tab navigation on home page
----------------------------------------------------------------------------------------------------*/

#tabs.ui-tabs {
		margin:0 auto;
		padding:0;
		width:960px;
}

#tabs.ui-tabs ul.ui-tabs-nav {
		height:42px;
		background: url(img/bg-home-tabs.png) repeat-x 0 0;
	}

#tabs.ui-tabs ul.ui-tabs-nav li {
		height: 28px;
		padding-top: 10px;
		margin: 3px 1px 0 1px;
		border-color: #DCDCDC;
		background: url(img/bg-tab-off.png) repeat-x 0 0;
}

#tabs.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected {
		height: 31px; /*41 with padding*/
		padding-top: 10px;
		margin-top: 0;
		border-color:#C6C6C6;
		background: url(img/bg-tab-on.png) repeat-x 0 0;
}

#tabs.ui-tabs ul.ui-tabs-nav li span {
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		padding: 9px 32px 7px 32px;
		margin-top: 4px;
		color: #4F514C;
		font-size: 17px;
}

#tabs.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a span{
	font-weight: 500;
	color: #363C69;
}


/* 
16. Home Page Sub-Content Box
----------------------------------------------------------------------------------------------------*/

#sub-content {
	padding:35px 0 0 0;
	background: url(img/bg-BottomCap.png) top left no-repeat;
}

#sub-top-cap{
	background: url(img/bg-topHeaderCap-SubContent.png) top left no-repeat;
	height: 10px;
}

#system {
	width: 550px;
	padding-right:40px;
	width:530px;
	float: left;
	background: url(img/line-break-side.png) right -8px no-repeat;
}

#system img {padding: 10px 0 0 0;}

#sub-content div.content-wrapper {padding: 0;}

#news {
	width:270px;
	padding-left:30px;
	float: right;
}

#news h2 {
	background:url(img/bg-icons-sm.png) no-repeat scroll 0 0;
	padding:4px 0 4px 34px;
	margin: 0;
}

#news p {
	margin: 0; padding: 0;
	line-height:15px;
	font-size: 12px;
}

#news p.post-info {
	font-size: 12px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #CCCCCC;
	padding:10px 0 20px 22px;
}

#news p.more {padding-top: 0px;}


/* 
17. Screen Shots Thumbs/Page etc
----------------------------------------------------------------------------------------------------*/

div.screen_shot {
	float:left;
	margin: 18px 18px 18px 0;
	padding:0;
}

div.screen_shot p {
	margin: -4px 5px 0 5px;
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #666;
}

#main-copy div.screen_shot a:link, #main-copy div.screen_shot a:visited {
	display: block;
	text-decoration:none;
	border: none;
}
#main-copy div.screen_shot a:hover, #main-copy div.screen_shot a:active {text-decoration:none; border: none; background: none #fff;}

div.screen_shot a img {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	padding:4px;
}


/* 
18. Call to action elements
----------------------------------------------------------------------------------------------------*/

/* c2a-demo block */
#c2a-demo{
	width: 566px; /* 610-2x22px */
	height: 110px; /* 146-2x18px */
	border: 2px solid #C1D8EB;
	background: url(img/bg-call2action01.png) 24px bottom no-repeat #E8F1F5;
	-moz-border-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	text-align: right;
	padding: 18px 22px;
	margin: 40px 0;
}

#c2a-demo h1{
	font-size: 26px;
	margin: 0;
	padding: 0;
}

#c2a-demo h2{
	color: #999;
	margin: 0;
	padding: 4px 0;
}

#c2a-demo p.phone{
	font-size: 26px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #464C7D;
	padding: 14px 0 0 0;
}
/* end c2a-demo */

#c2a-demo.wide{
	/* used on tour page */
	width: 780px;
	margin: 0;
}


/* c2a-info block */
#c2a-info{
	width: 566px; /* 610-2x22px */
	height: 110px; /* 146-2x18px */
	border: 2px solid #C1D8EB;
	background: url(img/c2a-break.gif) 15px 50px no-repeat #E8F1F5;
	-moz-border-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	padding: 18px 22px;
	margin: 40px 0;
}

#c2a-info h1{
	font-size: 23px;
	margin: 0;
	padding: 10px 0 0 0;
}

#c2a-info h1.segeo {
	font-size: 26px;
	padding: 0;
}

#c2a-info h2{
	font-size: 18px;
	color: #999;
	margin: 0;
	padding: 4px 0;
}

#c2a-info p.phone{
	text-align: right;
	font-size: 26px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #464C7D;
	padding: 34px 0 0 0;
	margin-top: -55px;
}

#c2a-info p.phone span{
	display: block;
	color: #999;
	font-size: 21px;
}

/* end c2a-info */


/* c2a-s-query block */

#c2a-s-query {
	margin: 40px 0 0 21px;
	width: 206px;
	height: 64px;
	-moz-border-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	background: url(img/c2a-phone.png) 9px 14px no-repeat #FFF;
	border: 1px solid #D9D9D9;
}

#c2a-s-query h1{
	font-size: 22px;
	color: #999;
	margin: 0;
	padding: 10px 0 0 52px;
}

#c2a-s-query h2{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	color: #464D7D;
	margin: 0;
	padding: 0 0 0 52px;
	letter-spacing: -0.1px;
}

/* end c2a-s-query */


/* c2a-s-demo block */
#c2a-s-demo {
	margin: 40px 0 0 17px;
	width: 216px;
	height: 87px;
	-moz-border-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	background: url(img/c2a-screen.png) bottom right no-repeat #FFF;
	border: 1px solid #D9D9D9;
}

#c2a-s-demo h1{
	font-size: 18px;
	color: #999;
	margin: 0;
	padding: 10px 0 0 10px;
}

#c2a-s-demo h2{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 13px;
	line-height: 14px;
	color: #464D7D;
	margin: 0;
	padding: 9px 0 0 10px;
	letter-spacing: -0.1px;
}

#c2a-s-demo p{
	font-size: 13px;
	color: #999;
	margin: 0;
	padding:0 93px 0 0;
	text-align: center;
}

#c2a-s-demo p.phone{
	font-weight: bold;
}

/* end c2a-s-demo */


/* 
19.  Image link text body (e.g. Magento logo)
----------------------------------------------------------------------------------------------------*/

#imagelink {
	display: block;
	float:right;
}

/* 

19.  Index page "New release" triangular imag
----------------------------------------------------------------------------------------------------*/

#newrelease {
	position: relative;
	top: -45px;
	right: -35px;
	float:right;
}

/* 
END OF FILE
----------------------------------------------------------------------------------------------------*/

table {margin-bottom: 0px;}

div.pricing {
	background-color: #E8EEFD;
	margin: 20px 20px 20px 10px;
	padding: 7px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}