/* elements */
html, body, div, p, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, form, fieldset{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body {
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	/*align text to horizontally center div tags by default in IE6*/
	text-align: center;
	background-color:#EAF4FF;
}
.mceContentBody {
	margin: 0 5px;
	background: #fff;
	text-align: left;
}

/* Layout */
#page {
	margin-left:auto;
	margin-right:auto;
	width:70%;
	min-width: 800px;
}
#wrap {
	background: #fff url(../images/BG-content.png) repeat-y;
}
#header {
	margin: 2em 0px 0px 0px;
	padding: 0px 0px 10px 0px;
/*	background-color: #364890; */
	background-image: url(../images/BG-header_tile.jpg);
	background-repeat: repeat-x;
	text-align: left;
/*	height: 115px; */
/*	border-bottom:15px solid #364890; */
}
.horizon {
	margin: 0;
	padding: 0px 0px;
	background-image: url(../images/BG-header.jpg);
	background-repeat: no-repeat;
	height: 110px;
	border-bottom: 5px solid #364890;
}

#header h1 a {
	display: block;
	text-indent: -9999px;
	width: 399px;
	height: 45px;
	background: url(../images/title_ysm_vector.gif) no-repeat;

}

acronym {
	border: 0;
}
blockquote {
	margin: 0 .5em;
	font-family: monospace;
	font-size: 105%;
}
dt {
	font-weight: bold;
}
h1 {
	margin: 0 0 0 10px;
	font-size: 50%;
	padding-top: 42px;
}

a:link, a:visited, a:hover{
	color: #006699;
	text-decoration: none;
}
a:hover{text-decoration: underline;}

img{border-style:none;}

p{margin: 1em 0 1em 0;}

h2, h3, h4, h5, h6, h7{
	/*margin: 0px;*/
	padding: 0px;
	margin: 1em 0 1em 0;
	color:#333399;
}
h2{font-size: 150%;}
h3{font-size: 120%;}
h4{font-size: 110%;}
h5{font-size: 100%;}
h6{
	font-size: 100%;
	font-weight: normal;
}

ul{list-style-type: square;}
ul ul{list-style-type: disc;}
ul ul ul{list-style-type: none;}

label{
	font: bold 100% Verdana,Arial,sans-serif;
	color: #334d55;
}
.image_right {
	float: right;
	padding: 10px;
}
/* nav */
#nav {
	font-size: 80%;
	color: #cccccc;
	padding: 0px 0px 0px 1%;
	white-space: nowrap;
	background-color: #FFFF00;
	width: 99%;
	font-weight: bold;
	margin-top: 7px;
}

#nav a {
	font-size: 90%;
	padding: 0px 0px 0px 0px; 
	text-decoration: none;
}
#nav a:hover {
	color: #926bbb;
	text-decoration: underline;
}

#content {
	background: #fff;
	padding-bottom: 10px;

}
#maincontent {
	width: 480px;
	margin: 0 0 0 201px;
	background: #fff;
/*	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc; */
}

#maincontent p {
	font-size: 90%;
	text-align: center;
}
#maincontent h2 {
	text-align: center;
}
#maincontent h4 {
	text-align: center;
}
#sidebar {
	float: right;
	width: 250px;
	margin-right: -288px;
	background-color: #fff;
	margin-left: 40px; 
	margin-top: 245px;
}
#sidebar2 {
	float: right;
	width: 250px;
	background-color: #fff;
	margin-left: 40px;
}
#sidebar3 {
	background-position: top right;
	width: 200px;
	background-color: #fff;
/*	margin-left: 40px; */
	float: right;
}
#leftbar {
	position: absolute;
	width: 200px;
	background-color: #fff;
	margin-top: 50px;

}
/************** .story styles *****************/

.story{
/*	overflow: hidden;
	clear: both; */
	padding: 0px 2em 0px 2em;
	font-size: 80%;
	text-align: left;
}
.story img{
	float: left;
	padding: 0px 10px 0px 10px;
	margin: 0 5px 5px 0;
}

/************** .story styles *****************/

.sidestory{
	padding: 0px 10px 0px 10px;
	font-size: 80%;
	text-align: left;
}
.sidestory img{
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0 5px 5px 0;
}
/************** .notice styles *****************/

.notice{
	clear: both;
	padding: 0px 10px 0px 10px;
	font-size: 80%;
}
.notice p,.notice h1,.notice h2,.notice h3,.notice h4,.notice h5,.notice h6{
	padding: 5px 0px 5px 0px;
	text-align: center;
}

/************** .guarantee styles *****************/

.guarantee{
	overflow: auto;
	font-size: 80%;
	margin: auto;
	padding: 1em 1em 1em 1em;
	border: 2px solid #8082CC;
	background-color: #FFFF00;
	text-align: center;
	width: 90%;
}
.guarantee h1,.guarantee h2,.guarantee h3,.guarantee h4,.guarantee h5{
	color: #000000;
}
.guarantee p{
	text-align: left;
}
.guarantee img{
	float: left;
	margin: 0 10px 10px 10px;
}

/************** .listBlock styles *****************/

.listBlock{
	clear: both;
	font-size: 80%;
	margin: auto;
	padding: 1em 0% 1em 0%;
	border: 2px solid #8082CC;
	background-color: #364890;
	width: 75%;
	line-height:140%;
}
.listBlock p{
	color: #FFFFFF;
}
.listBlock ul{
	color: #FFFFFF;
	list-style-image: url(./images/tick_yellow.gif);
	padding: 0 10% 0 10%;
	text-align: left;
}
.listBlock li{
	margin: 0em 0em 1em 0em;
}

/************** .listBlockSmall styles *****************/

.listBlockSmall{
	clear: both;
	font-size: 80%;
	margin: auto;
	padding: 1em 1em 1em 1em;
	border: 2px solid #8082CC;
	background-color: #364890;
	width: 50%;
	line-height:140%;
}
.listBlockSmall p{
	color: #FFFFFF;
}
.listBlockSmall ul{
	color: #FFFFFF;
	list-style-image: url(./images/tick_yellow.gif);
	margin: 0 25% 0 25%;
	text-align: left;
}
.listBlockSmall li{
	margin: 0em 0em 1em 0em;
}

/************** .testimonials styles *****************/

.testimonials{
	clear: both;
	font-size: 80%;
	margin: auto;
	padding: 1% 3% 1% 3%;
	border: 2px solid #8082CC;
	background-color: #364890;
	text-align: center;
	width: 84%;
}
.testimonials p{
	color: #FFFFFF;
}

/************** .testimonialsLeft styles *****************/

.testimonialsLeft{
	clear: both;
	font-size: 80%;
	margin: auto;
	padding: 1% 3% 1% 3%;
	border: 2px solid #8082CC;
	background-color: #364890;
	text-align: left;
	width: 70%;
}
.testimonialsLeft p{
	color: #FFFFFF;
}
.testimonialsLeft h3, .testimonialsLeft h2{
	color: #FFFFFF;
}
.testimonialsLeft img{
	float: left;
	margin: 0 10px 10px 10px;
}
.testimonialsLeft a:link, .testimonialsLeft a:visited, .testimonialsLeft a:hover {
	color:#FFFF00;
	text-decoration: none;
}
.testimonialsLeft a:hover {
	text-decoration: underline;
}

/************** .storyBlue styles *****************/

.storyBlue{
	clear: both;
	font-size: 80%;
	margin: auto;
	padding: 1em 1em 1em 1em;
	border: 2px solid #8082CC;
	background-color: #364890;
	text-align: left;
}
.storyBlue p{
	color: #FFFFFF;
}
.storyBlue h3, .storyBlue h2, .storyBlue h3, .storyBlue h4, .storyBlue h5{
	color: #FFFFFF;
}
.storyBlue img{
	float: right;
	margin: 0 10px 10px 0px;
}
.storyBlue a:link, .storyBlue a:visited, .storyBlue a:hover {
	color:#FFFF00;
	text-decoration: none;
}
.storyBlue a:hover {
	text-decoration: underline;
}
.storyBlue li{
	color: #FFFF00;
}

/* Support section */
.tabView ul {
	float: left;
	width: 710px;
}
.tabView li {
	float: left;
	width: 10em;
	margin: 2px;
	padding: .2em .3em;
	border: 1px solid #333;
	background: #FDE2C6;
	text-align: center;
	list-style: none;
}
.tabView a {
	display: block;
	text-decoration: none;
}
table th.vert {
	text-align: right;
}
table .footer {
	text-align: center;
}

/* footer */
#footer {
	width: 710px;
	margin: 0 auto;
	clear: both;
	font-size: .75em;
	text-align: center;
	color: #bbf;
	background: url('../images/BG-footer.png') 0 -7px no-repeat;
}
#footer ul {
	margin: 0;
	padding: 5px 0;
}
#footer li {
	display: inline;
	list-style: none;
}
#footer a {
	color: #bbf;
	text-decoration: none;
}
#footer a:hover {
	color: #bbf;
	text-decoration: underline;
}
#footer p {
	margin: 4px 0;
}
#footer_nav {
	padding-top: 10px;
}
#copywrite {
	margin-top: 7px;
}
.cc {
	display: block;
	margin: 0 auto;
	width: 70px;
	height: 18px;
	background: url(../images/logo-creditcard.png) 0 50% no-repeat;
	text-indent: -9999px;
}

/* SFM Signature */
#webdev {
	padding: 2px 0 10px;
}
#webdev,
#webdev a,
#webdev a:visited {
	clear: both;
    text-decoration: none;
	color: #bbf;
    text-align: center;
    font-size: 8pt;
}
#webdev a:hover {
	text-decoration: underline;
}

/* subscribe */
#subscribe {
	float: right;
	background-color: #364890;	
	width: 268px;
	margin: 20px 0 10px 20px;
	height: 250px;


}
#subscribe h2 {
	margin: 0 0 6px;
	border: none;
	font-weight: normal;
}
#subscribe h5 {
	font-size: 100%;
	color: #fff;
	text-align: center;
}
#subscribe fieldset {
	margin-top: -15px;
	border:none;
	margin-bottom: 0;
}
#subscribe fieldset div {
	margin-top: 5px;
}
#subscribe label {
	color: #fff;
	font-size: 75%;
}
#subscribe div {
	padding: 0;
}
#subscribe .button {
	margin-left: 60px;
}
#subscribe .button input {
	width: 170px;
	cursor: pointer;
}
#subscribe .button input:hover {
	color: red;
}
#subscribe .mail {
	margin-left: 20px;
}

/* blocks */
.descr,
.disclaimer {
	font-size: 70%;
	color: #666;
}

/* ContentAdSection*/
.contentAdSection {
	margin: 15px 0;
	background: #f00457;
	color: #fff;
}
.contentAdSection h3 {
	float: left;
	margin: 8px 0;
	color: #fff;
}
.contentAdSection h3 a {
	padding-left: 25px;
	background: url(../images/redh3BG.png) 9px no-repeat;
	color: #fff;
	text-decoration: none;
}
.contentAdSection h3 a:hover {
	text-decoration: underline;
}
.contentAdSection p {
	margin: 6px 0 6px 123px;
	font-size: .75em;
}

/* profile */
.profile {
	float: left;
	
}
.profile img {
	padding-right:5px;

}

.testemonial {
	width: 70%;
	margin-left: 15%;
	padding: 5px;
	border: solid 1px #000;
	font-style: italic;
	text-align: center;
}
.handhold {
	width: 50%;
	margin-left: 25%;
	padding: 5px;
	border: solid 1px #00CC00;
	text-align:center;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}

/* forms */
.contactform {
	width: 80%;
	margin: 15px 90px;
	padding: 15px 15px;
	background: #fff;
	border: 1px solid #000;
}
.contactform div {
	margin: 5px 0;
}
.contactform .error {
	color: #d00;
	text-align: center;
}
.contactform label {
	float: left;
	width: 105px;
	padding: 2px 5px 0 22px;
	font-weight: bold;
	text-align: right;
}
.contactform fieldset {
	margin:0 0 15px 30px;
	padding-top:10px;
	border:0;
}
.contactform fieldset div {
       float: left;
       width: 600px;
       margin-top: .3em;
}
.contactform input {
	width: 300px;
}
.contactform textarea {
	width: 300px;
}
.contactform .buttons input {
	width: 150px;
}
form .submit {
	text-align: center;
}
form #waitMessage {
	line-height: 120%;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
	padding: 5px;
}
form .secureMessage {
	width: 280px;
	margin: 10px auto 10px;
	padding: 15px 100px;
	border: 1px solid #000;
	background: url(/images/secure-image.png) no-repeat 10px center;
	font-size: 12px;
}

.contactform [name="ContactUs_1_phone"],
.contactform [name="ContactUs_2_phone"],
.contactform [for="ContactUs_1_phone"], 
.contactform [for="ContactUs_2_phone"] {
	display: none;
}
#step1 {
	width:193px;
	height:62px;
	margin:5px 0 10px 60px;
	padding:0;
	text-indent:-9999px;
	background:url(../images/step1.png) no-repeat;

}

#step2 {
	width:193px;
	height:62px;
	margin:5px 0 10px 60px;
	padding:0;
	text-indent:-9999px;
	background:url(../images/step2.png) no-repeat;
}

#step3 {
	width:193px;
	height:62px;
	margin:5px 0 10px 60px;
	padding:0;
	text-indent:-9999px;
	background:url(../images/step3.png) no-repeat;

}

#step4 {
	width:193px;
	height:62px;
	margin:5px 0 10px 60px;
	padding:0;
	text-indent:-9999px;
	background:url(../images/step4.png) no-repeat;
}
label {
       float: left;
       padding-right: 1em;
       text-align: right;
       width: 8em;
}
#subscription1 label {
	margin-left:100px;
}

#subscription1 .form label.confirmMessage {
	width: 350px;
	margin-left:0;
	text-align:left;
}

#subscription1 .form .checkbox input {
	width:auto;
}

#subscription1 .paymentSummary {
	line-height: 150%;
	font-weight: bold;
	color: #D70000;
	margin-left: 50px;
	text-align: center;
	width: 500px;
	padding: 10px;
	margin-bottom: 15px;
}

/* inlines */
.center {
	text-align: center;
}
.error,
.red {
	color: red;
}

/* WordPress image alignment */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
}
img.alignright {
	display: inline;
	margin: 0 0 2px 7px;
	padding: 4px;
}
.alignleft {
	float: left;
}
img.alignleft {
	display: inline;
	margin: 0 7px 2px 0;
	padding: 4px;
}

/* button */
.button a {
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.button a:hover {
	color: red;
}
.joinnow {
	text-align: center;
}
.joinnow a {
	display: block;
	height: 49px;
	background: url(../images/Join-button.png) 50% 50% no-repeat;
	text-indent: -9999px;
}
	

/* inline */
.phrase {
	text-align: right;
}

/* forms */
fieldset {
	margin:0 0 15px;
	padding-top:10px;
	border:0;
	border-top:1px solid #ccc;
}
fieldset div {
       margin-top: .3em;
}


legend {
	display: none;
}
.buttons {
	text-align: center;
}

/* hCard */
.vcard {
	clear: both;
}
.vcard .type {
	display: none;
}
.vcard .org,
.vcard .tel,
.vcard .adr,
.vcard .email {
	margin-bottom: 3px;
}
.vcard .org {
	font-weight: bold;
}
.vcard .adr .street-address {
	display: block;
}
.vcard p {
	font-size: 5px;
}

/* Blog & Forum Box */
.blogBox {
	padding: 5px 15px;
	border: 1px solid #d9572a;
	background: url(../images/forumBG.png) repeat-x #fac151;
}
.blogBox p {
	margin: 0;
	padding: 5px 0;
}
.forumBox {
	padding: 5px 15px;
	border: 1px solid #2777bd;
	background: url(../images/blogBG.png) repeat-x #21c3f3;
}
.forumBox p {
	margin: 0;
	padding: 5px 0;
}
.blogBox a,
.forumBox a {
	color: #fff;
	text-decoration: none;
}
.blogBox a:hover,
.forumBox a:hover {
	text-decoration: underline;
}

.block h5 {
	margin: 5px 0 10px;
	font-size: 1.1em;
	letter-spacing: .5px;
	text-align: center;
}
.block ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.block li {
	margin: 10px 0;
}
.liveBox {
	width: 182px;
	margin: 0 auto .7em;
	padding-bottom: 0;
	border: 1px solid #999;
	background: #FFF;
	text-align: center;
}
.liveBox img {
	display: block;
	border: 0;
}



/* sfmstyle */
.greeting {
	width: 186px;
	height: 31px;
	text-indent: -9999px;
	background: url(../images/dearFriend.png) no-repeat;
}
.signoff {
	width: 239px;
	height: 35px;
	text-indent: -9999px;
	background: url(../images/signature.png) no-repeat;
}
.expose {
	margin: 15px 30px 0;
	padding: 15px 20px;
	text-align: center;
	border: 3px dashed #a60813;
}
.offer {
	margin: 5px;
	padding: 10px;
	border: 4px solid #0c8bf9;
}
.extra {
	padding: 10px 0 10px 50px;
	background: url(../images/tickBox.jpg) no-repeat 10px center;
}

ul.extra {
	padding: 0 0 0 40px;
	background: none;
}
ul.extra li {
	list-style: none;
	padding: 10px 0 10px 40px;
	background: url(../images/tickBox.jpg) no-repeat left center;
}
.alt {
	color: #fff;
	margin: 5px 25px;
	padding: 15px;
	border: 2px dotted #00f;
	background: #09f;
}
.standout {
	color: #f00;
	background: #ff0;
}
.youtube,
.media {
	margin: 15px 0;
	text-align: center;
}
.highlight {
	color: #e36c0a;
	font-size: 14px;
	font-weight: bold;
}


/***********************************************/
/* Handy Styles                                */
/***********************************************/

.clear{clear:both;}

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.center img{float:none;}

.red{color:#FF0000;}
.seaBlue{color:#364890;}
.yellow{color:#FFFF00;}
.black{color:#000000;}

.highlight{background-color:#FFFF00;}
.underline{text-decoration: underline;}

.noMargin{margin:0;}
.noTopMargin{margin-top:0;}
.noBotMargin{margin-bottom:0;}

.textBar{
	margin: 1em 0px 1em 0px;
	padding: 0.2em 1em 0.2em 1em;
	background-color: #364890;
	color:#FFFFFF;
}
.textBar h3{
	color:#FFFFFF;
	margin:0;
}
.centerContainer60{
	margin-left: 20%;
	margin-right: 20%;
}
.imageTextBox {
	margin-bottom:1em;
}

/************** Leanne's Stuff **************/

.smallText {
	font-size:75%;
}
/* DEPRECATED - Please use noMargin instead of gapGone */
.gapGone {
	margin:0;
	padding:0;
}
.smallMargin {
	margin:10px;
	padding:0;
}

.required {
	color: red;
}

/* shopping */
.nav {
	margin: 15px 0;
	padding: 8px 0;
	background: #eee;
	color: #888;
	font-weight: bold;
	text-align: center;
}
.nav .navPages {
	display: block;
	color: #666;
	font-size: .9em;
}
.nav .nav {
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	color: #666;
}
.nav a,
.nav .noLink {
	padding: 2px;
}
.nav a {
	color: #00f;
}
.nav .pages {
	margin-right: 6px;
	padding-right: 4px;
	color: #a00;
	font-weight: bold;
	border-right: 2px solid #666;
}
.shopping-product {
	margin: 20px 15px;
	padding: 0 20px;
	border: 1px solid #b9ebed;
	border-bottom: 2px solid #30c7f0;
	background: #fff url(../images/productBG.png) bottom repeat-x;
	width: 600px;
}
.shopping-product .title h2 {
	margin-top: 15px;
	padding: 5px 0 5px 5px;
	border-left-width: 8px;
}
.shopping-product .description {
	margin: 15px 0;
}
.shopping-product .description img {
	float: right;
	margin-left: 15px;
	padding: 10px;
	border: 1px solid #f4dade;
	background: #fff;
}
.shopping-product .price {
	margin: 15px 0;
	color: #b28900;
	font-size: 1.2em;
	font-weight: bold;
}
.shopping-product .price .price-was {
	text-decoration: line-through;
	color: #933;
	padding-right: .5em;
	font-size: .8em;
}
.shopping-product .links {
	margin: 15px 0;
	clear: both;
	font-size: 1.2em;
	font-weight: bold;
}
.shopping-product .links a {
	text-decoration: none;
	color: #333;
}
.shopping-product .links a:hover {
	text-decoration: none;
	color: red;
}
.shopping-product .links a:visited {
	text-decoration: none;
}
/* shopping cart */
.shopping-order {
	margin: 20px 0;
	padding: 0 15px;
	border: 3px solid #30c7f0;
	width: 620px;
}
.shopping-order form {
	margin-bottom: 15px;
}
.shopping-order .errorBox {
	padding: 3px 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: #a00;
}
.shopping-order .button,
.shopping-order .shopping-order-button {
	padding: 4px 7px;
	cursor: pointer;
	color: #98012e;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background: #c5b88d;
}
.shopping-order .button:hover,
.shopping-order .shopping-order-button:hover {
	color: red;
}
.shopping-order .button:active,
.shopping-order .shopping-order-button:active {
	color: #8e3569;
	background: #fff;
}
.shopping-order-customer th {
	text-align: right;
}
.shopping-order-stepguide {
	padding-left: 15px;
}
.shopping-order-stepguide li {
	margin: 2px 0;
	padding-left: 20px;
	list-style: none;
	background: url('../images/arrowRight.gif') no-repeat;
}
.shopping-order-stepguide li.active {
	color: #30c7f0;
	font-weight: bold;
}
#cart_top,
.shopping-order-summary .shopping-order-cart,
.shopping-order-receipt .shopping-order-cart {
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
}
.shopping-order-cart td,
.shopping-order-cart th {
	padding: 2px 5px;
	border: 2px solid #ddd;
}
.shopping-order-cart .cart-currency {
	color: #30c7f0;
	text-align: center;
	font-style: italic;
	font-size: .8em;
	border: 0;
}
.shopping-order-cart .cart-price,
.shopping-order-cart .fulfilment-price {
	text-align: right;
}
.shopping-order-cart .cart-price-total-header,
.shopping-order-cart .fulfilment-title {
	text-align: right;
	font-weight: bold;
}
.section {
	margin: 15px 10px;
	padding: 0 20px;
	border: 2px solid #98012e;
	background: #e8b2ba;
}
.section img {
	float: right;
}
.section a {
	margin-right: 10px;
}
.section h3 a {
	color: #fff;
}
.buy,
.more,
.order {
	width: 110px;
	height: 26px;
	margin-top: 10px;
	padding: 8px 50px 8px 20px;
	background: url(../images/buyNow.png) no-repeat;
	font-size: 14px;
	font-weight: bold;
	text-align: center;

}
.more {
	background: url(../images/moreInfo.png) no-repeat;
}
.order {
	background: url(../images/mailFax.png) no-repeat;
}
.info{
	margin-left: 80px;
}
.info a {
	text-decoration: none;
	color: #333;
	font-size: 1.1em;
}
.info a:hover {
	color: red;
}