@charset "utf-8";
/* CSS Document */
*{ 
	margin:0;
	padding:0;
}
body{
	font-size:1em;
	background:url(../images/body_bkg.jpg) no-repeat center top;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
img{
	border:none;
}
.left {
	float:left;
	}
.right {
	float:right;
}
.centered {
	display:block;
	margin: 10px auto;
}
.clearer {
	clear:both;
	}
#container {
	width: 960px;
	margin: 0 auto;
	position:relative;
}
#header {
	background: url(../images/header_bkg.png) no-repeat bottom center;
	height:158px;
	position:relative;
}
#livechat {
	position: absolute;
	right:395px;
	top: 80px;
	width:150px;
	text-align:center;
}

#TopRightNav {
	float: right;
	padding: 0 20px 0 0;
}
#TopRightNav #InstantCreate{
	background:url(../images/InstantCreate_bkg.jpg) no-repeat right;
	padding: 18px 0;
}
#SearchForm {
	padding: 82px 0 0 0;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:14px;
	color:#669900;
}

/*#SearchForm form {
	float: left;
}
*/
#SearchForm form {
	padding: 5px 0;
}


#SearchForm label {
	display: none;
}

/*#SearchForm input {
	width: 140px;
	height: 15px;
	font-size: 0.9em;
	padding: 2px;
	margin: 0;
}

#SearchForm .Button {
	width: 29px;
	height: 21px;
	padding: 0;
	margin: 0 10px 0 0;
	background: transparent;
	vertical-align: middle;
}
*/
#SearchForm input {
	width: 285px;
	height: 15px;
	padding: 2px;
	margin: 0;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:14px;
	color:#669900;
}

#SearchForm .Button {
	width: 29px;
	height: 21px;
	padding: 0;
	margin: 0 10px 0 0;
	background: transparent;
	vertical-align: middle;
}

#SearchForm p {
	float: left;
	font-size: 0.85em;
	margin: 3px 0 0 0;
}

#SearchForm a {
	text-decoration: none;
}

#SearchForm a:hover {
	text-decoration: underline;
}
#header #logo {
	padding: 15px 0 0 20px;
	float:left;
}
#header #logo img{
	border:none;
}

#navbar {
	clear:both;
}
#contentholder {
	background: url(../images/content_bkg.jpg) repeat-y;
	padding: 25px 10px 0 10px;
}
/*content div for homepage
*/#home #content {
	float:left;
}
#content {
	float:right;
	min-height: 400px;
	width: 700px;
	padding: 0 25px 0 25px;
}
.breadcrumb {
	border-bottom:1px solid #B7B7B7;
	font-size: 11px;
	padding-bottom:4px;
}
.breadcrumb ul {
	font-size: 11px;
}
.breadcrumb li {
	padding-left: 0px;
	display: inline;
}

.breadcrumb li a {
	padding-right: 10px;
	background: url('../images/BreadcrumbSep.gif') no-repeat right;
}
#content h1{
	color:#cc0099;
	font-size: 160%;
	font-weight: normal;
	margin: .75em 0;
}
#content h2 {
	font-size: 120%;
	color: #cc0099;
	font-weight: normal;
}
#content h3 {
	font-size: 90%;
	color: #666666;
	font-weight: bold;
}

#content p{
	font-size: 75%;
	line-height: 1.5;
	margin-top: 0.75em;
	margin-right: 0;
	margin-bottom: 0.75em;
	margin-left: 0;
}
#content .purple_text {
	font-weight: bold;
	color: #CC0099;
}
#content ul{
	font-size: 75%;
	line-height: 1.5;
	margin: .75em 0 .75em 25px ;
}
#content ul ul{
	font-size: 100%;
	line-height: 1.5;
	margin: .75em 0 .75em 25px ;
}
/*sidebar div for homepage
*/#home #sidebar {
	float:right;
}
#sidebar {
	float:left;
	font-size: 75%;
	min-height: 400px;
	width: 184px;
}
#sidebar .boxtop {
	background:url(../images/left_sidebar_top.jpg) no-repeat top center;
	padding: 12px 5px 15px 2px;
}
#sidebar .boxbkg {
	background:url(../images/left_sidebar_bkg.jpg) repeat-y top center;
}
#sidebar .boxbot {
	background:url(../images/left_sidebar_bot.jpg) no-repeat bottom center;
}
#sidebar h2{
	color:#cc0099;
	font-size: 1.5em;
	font-weight: normal;
	background: url(../images/sidebar_h2.png) no-repeat center left;
	font-size: 1.6em;
	padding: 5px 5px 5px 15px;
	margin: 0 0 5px 2px;
	}
#sidebar h2{
	color:#cc0099;
	font-size: 1.5em;
	font-weight: normal;
	background: url(../images/sidebar_h2.png) no-repeat center left;
	font-size: 1.6em;
	padding: 5px 5px 5px 15px;
	margin: 0 0 5px 2px;
	}
#sidebar h2{
	color:#cc0099;
	font-size: 1.5em;
	font-weight: normal;
	background: url(../images/sidebar_h2.png) no-repeat center left;
	font-size: 1.6em;
	padding: 5px 5px 5px 15px;
	margin: 0 0 5px 2px;
	}
	
#sidebar h2 a{
	color:#cc0099;
	text-decoration:none;
	}
	
#sidebar ul.sidenav{
	margin: 0 0 0 16px;
	list-style-type:none;
	font-size: 90%;
	margin: 0 0 0 16px;
	list-style-type:none;
	}
#sidebar ul.sidenav li {
	list-style-image:url(../images/left_li.png);
	margin:0 0 3px 15px;
	padding:3px 0;
}
#sidebar ul.sidenav ul{
	margin: 0 0 0 0 ;
	list-style-type:none;
	}
#sidebar ul.sidenav ul li {
	list-style-image:none;
	margin:0 0 0 0;
	padding:3px 0;
}

#sidebar ul.sidenav ul li a { 
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}

#sidebar ul.sidenav li a { 
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
#sidebar ul.sidenav li a:hover { 
	text-decoration:underline;
}

#homeindex ul{
		list-style-type:none;
		margin:0;
}
#homeindex li{
		float:left;
		width: 33%;
		margin: 10px 0;
		text-align:center;
}

/*#homeindex .canvas {
	background: url(../images/homebox_photo_canvas.jpg) no-repeat;
}
#homeindex .canvas h1 a{
	color:#939;
}
#homeindex .canvas p a{
	color:#939;
}
#homeindex .canvas p{
	color:#939;
}

#homeindex .books {
	background:url(../images/homebox_photo_books.jpg) no-repeat;
}
#homeindex .books h1 a{
	color:#099;
}
#homeindex .books p a{
	color:#099;
}
#homeindex .books p{
	color:#099;
}

#homeindex .print {
	background: url(../images/homebox_photo_photoprint.jpg) no-repeat;
}
#homeindex .print h1 a{
	color:#c09;
}
#homeindex .print p a{
	color:#c09;
}
#homeindex .print p{
	color:#c09;
}

#homeindex .fun {
	background:url(../images/homebox_photo_fun.jpg) no-repeat;
}
#homeindex .fun h1 a{
	color:#393;
}
#homeindex .fun p a{
	color:#393;
}
#homeindex .fun p{
	color:#393;
}

#homeindex .plus {
	background: url(../images/homebox_photo_plus.jpg) no-repeat;
}
#homeindex .plus h1 a{
	color:#369;
}
#homeindex .plus p a{
	color:#369;
}
#homeindex .plus p{
	color:#369;
}

#homeindex .learning {
	background:url(../images/homebox_photo_learning.jpg) no-repeat;
	width: 208px;
}
#homeindex .learning h1 a{
	color:#c60;
}
#homeindex .learning p a{
	color:#c60;
}
#homeindex .learning p{
	color:#c60;
}

.homebox {
	float:left;
	padding: 10px 8px 0 0;
	height:191px;
	width:212px;
	margin:10px 0 10px 20px;
}
.homebox .imgbox{
	height: 132px;
	vertical-align: middle;
}
.homebox .imgbox img{
	display:block;
	margin: 0 auto;
	border:none;
}
#content .homebox h1{
	text-align: center;
	color:#cc0099;
	font-size: 100%;
	font-weight: bold;
	margin: 0 15px 0 15px;
}
#content .homebox p{
	text-align:center;
	font-size: 75%;
	line-height: 1;
	margin: 0 ;
}
#content .homebox h1 a{
	text-decoration: none;
	display:block;
	padding: 4px 10px 4px 10px;
}
#content .homebox p a{
	text-decoration: underline;
}
#content .homebox h1 a:hover{
	color:#333333;
}
#content .homebox p a:hover{
	color:#333333;
}*/
#content .learning_centre{
	background: url(../images/warren_home_bar.jpg) no-repeat;
	padding: 10px 75px 0 30px;
	height: 63px;
	width:595px;
	margin: 15px 0;
}
#content .learning_centre p{
	color:#669900;
	margin: 0;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}

#contentclearer {
	clear:both;
	background: url(../images/content_bottom.jpg) no-repeat;
	height: 19px;
	}
#navbar ul {
 padding: 0 0 0 10px;
}
#navbar li {
	float: left;
	list-style-type: none;
}
#navbar a {
	color: #99cc33;
	text-decoration: none;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	font-weight:bold;
	display:block;
	height: 30px;
	padding: 6px 5px 0 0;
	width: 138px;
	background: url(../images/navbar_bkg.jpg) no-repeat bottom right;
	text-align:center;
}
#navbar a div {
	display:block;
	height: 29px;
	padding: 7px 0 0 15px;
}
#navbar a:hover {
	background: url(../images/navbar_tab.jpg) no-repeat top right;
}
#navbar #current a {
	background: url(../images/navbar_tab.jpg) no-repeat top right;
}
#navbar a span{
color:#cc0099;
}
#navbar .create_now {
	margin: 0 0 0 30px;
}
#navbar .create_now a{
	font-size: 14px;
	color: #336600;
	width: 155px;
	height: 30px;
	padding: 6px 15px 0 0;
	background: url(../images/navbar_createnow.png) no-repeat top right;
	text-align:center;
}
#navbar .create_now a:hover{
	color: #FFFFFF;
}
#guarantee-button{
	display:block;
	position:absolute;
	bottom:105px;
	right: 20px;
}
#footer {
	background-image:url(../images/footer_bkg.jpg);
	height: 115px;
	padding: 36px 0 0 0;
	margin-top: 20px;
	margin-bottom: 20px;
}
#footer .menubox {
	width: 160px;
	padding: 0 0 0 30px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight:bold;
	color:#336600;
}
#footer .menubox li{
	list-style-type: none;
}
#footer .menubox h2{
	font-size: 16px;
	font-weight: normal;
	color:#336600;
}
#footer .menubox h2 span{
color:#cc0066;
}

#footer .menubox a{
	color:#336600;
	text-decoration: none;
}
#footer .menubox a:hover{
	color:#333333;
	text-decoration: none;
}
#disclosure {
	text-align:center;
	margin: 10px auto;
	}
#disclosure a{
	text-align:center;
	font-size: 10px;
	color:#999999;
	text-decoration:none;
	}
.green_bullet {
	list-style-type: none;
	list-style-image: url(../images/green_bullet.jpg);
}
.green_tick {
	list-style-type: none;
	list-style-image: url(../images/green_tick.gif);
}
#container #contentholder #sidebar .side_adbox img{
	display:block;
	margin: 30px auto;
}

/*  Newsletter Box  */
#container #contentholder #sidebar #subscribebar {
	background: url(../images/newsletter_bkg.jpg) no-repeat 0 15px;
	height: 217px;
	width: 160px;
	margin: 15px auto;
	padding: 15px 0;
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
}
#container #contentholder #sidebar #subscribebar h1{
	background:none;
	text-align:center;
	padding: 8px 4px;
	margin: 0 0 4px 0;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	color:#83b309;
}
#container #contentholder #sidebar #subscribeform {
	padding: 0 10px;
}
#container #contentholder #sidebar #subscribeform input.textinput{
	display: block;
	padding: 0;
	margin-bottom: 5px;
	float:left;
	width: 140px;
	height: 16px;
	border:1px solid #a8a8a8;
	font-size: 12px;
}
#container #contentholder #sidebar #subscribeform label.textinput{
	display: block;
	color:#666666;
	padding: 0;
	clear:left;
	width: 140px;
	height: 16px;
	font-size: 11px;
}
#container #contentholder #sidebar #subscribeform input.submit{
	display: block;
	float: right;
}
#container #contentholder #sidebar #subscribeform input.submit:hover{
	color: #CC3366;
	background:#fff;
}

#container #contentholder #sidebar #subscribebar .nospam{
	font-size: 11px;
	text-align:center;
	margin: 2px 10px;
	clear:both;
	color:#336600;
	font-weight:bold;
}

.shop_box{
	width:222px;
	float:right;
	font-size: 12px;
	background-image: url(../images/home_shop_bkg.jpg);
	background-repeat: repeat-y;
}
.shop_box .head{
	background: url(../images/home_shop_specials.jpg)no-repeat top;
}
.shop_box .foot{
	background: url(../images/home_shop_foot.jpg) no-repeat bottom;
	padding: 0 10px 7px 7px;

}
#container #contentholder #content .shop_box h1 {
	font-size: 18px;
	height:24px;
	color:#6699cc;
	padding:10px 0 13px 15px;
	margin:0;	
}
#container #contentholder #content .shop_box .img_box {
	float: left;
	padding: 0 4px 4px 0;
}
#container #contentholder #content .shop_box img{
	border:none;
	}
#container #contentholder #content .shop_box .buy_box {
	float: right;
	width:80px;
	border:none;
	text-align:center;
	font-weight:bold;
}
#container #contentholder #content .shop_box .clearer{
	border-bottom:1px solid #666666;
	height: 1px;
	margin: 5px 15px;
	}
#container #contentholder #content .shop_box .buy_box img{
	margin: 10px 0;
}
#container #contentholder #content .shop_box .title_box {
	padding: 5px 0 2px 4px;
}
#container #contentholder #content .shop_box .title_box a{
	color:#003366;
	font-weight:bold;
}

/*#container #contentholder #subscribe_page {
	padding: 0 10px;
}
#container #contentholder #subscribe_page input.textinput{
	display: block;
	padding: 0;
	margin-bottom: 5px;
	float:left;
	width: 140px;
	height: 16px;
	border:1px solid #e0e0e0;
	font-size: 12px;
}
#container #contentholder #subscribe_page label.textinput{
	display: block;
	color:#333333;
	padding: 0;
	clear:left;
	width: 140px;
	height: 16px;
	font-size: 12px;
}
#container #contentholder #subscribe_page input.submit{
	display: block;
	padding: 0;
	float:left;
	clear:left;
	width: 90px;
	border:2px solid #e0e0e0;
	margin: 0 auto;
	text-align:center;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
	background:none;
}
#container #contentholder #subscribe_page input.submit:hover{
	color: #CC3366;
	background:#fff;
}

#container #contentholder #subscribe_page .nospam{
	font-size: 9px;
	text-align:center;
	margin: 2px 0;
	clear:both;
	color:#FFFFFF;
}
*/
#container #contentholder #content .paymenttrust {
	padding:5px 0;
	border:1px solid #dfdfdf;
	border-width: 1px 0;
}
#container #contentholder #content .paymenttrust p {
	font-size: 70%;
	line-height:1.2;
}
#container #contentholder #content .paymenttrust h2 {
	font-size: 90%;
	line-height:1.2;
}
#container #contentholder #content .paymenttrust .left {
	padding: 10px;
}
#container #contentholder #content .paymenttrust .right {
	padding: 10px;
}
#container #contentholder #content .paymenttrust .leftbox {
	width:330px;
	float:left;
}
#container #contentholder #content .paymenttrust .boxright {
	width:350px;
	float:right;
}


/*-----------Landing Page Styles---------------*/

#contentholder #content .imagine-steps {
	margin: 10px auto;
}
#contentholder #content .imagine-steps td {
	font-family: Arial, Helvetica, sans-serif;
	color:#408800;
	font-size:14px;
	padding: 10px 0;
}
#contentholder #content .imagine-steps-pink {
	font-family: Arial, Helvetica, sans-serif;
	color:#E637B0;
	font-size:14px;
	padding: 5px 5px;
}
#contentholder #content .imagine-steps .code_details {
	font-size: 20px;
	text-align:center;
	padding-bottom:15px;
}
#contentholder #content .imagine-steps .code_details .coupon_details  {
	color:#E637B0;
	font-size: 20px;
	font-weight:bold;
	margin: 0 15px;
}
#contentholder #content .imagine-steps .code_details .coupon_expiry  {
	font-weight:bold;
	margin: 0 15px;
}
#contentholder #content .imagine-steps td.stepsheading {
	font-family: Arial, Helvetica, sans-serif;
	color:#E637B0;
	font-size:26px;
	font-style:italic;
	text-align: center;
	font-weight: bold;
}
#contentholder #content .imagine-steps td.steps {
	font-family: Arial, Helvetica, sans-serif;
	color:#E637B0;
	font-size: 32px;
	font-style:italic;
	text-align: center;
	font-weight: bold;
}
.coupon-end {
	color: #333;
	background-image: url(../how-to/images/coupon-query.jpg);
	background-repeat: no-repeat;
	padding: 38px 15px 0 15px;
	height:50px;
	width: 441px;
	margin:30px auto 0 auto;
}
#content .coupon-end p{
	color: #333;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
	margin:0;
}
#content .coupon-end p .yesanswer{
	color:#F00;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
	margin:0;
}
#content .coupon-end p .noanswer{
	color:#7B9A14;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
	margin:0;
}

/*-----------Contact Form Accordion---------------*/

#contentholder #content .question {
	border: 1px solid #CCC;
	background:#efefef url(../images/contact_closed.gif) 15px 50% no-repeat;
	padding: 10px 5px 10px 30px;
}
#contentholder #content .question.opened {
	background:#efefef url(../images/contact_opened.gif) 15px 50% no-repeat;
}
#contentholder #content .question:hover {
	border: 1px solid #000;
	cursor:pointer;
	color:#000;
}

#contentholder #content .question p{
	font-size: 16px;
	margin: 0;
	font-weight:bold;
	
}
#contentholder #content .answer {
	margin: 10px 0;
	padding: 0 10px;
	
}

/*-----------End Contact Form Accordion---------------*/
#contentholder #content #innercontent iframe {
	margin:20px auto 30px auto;
}
/*-----------New Landing Page Styles---------------*/

#container #contentholder #content #innercontent .landing_container .landing_leftoffer {
	background:url(../images/landing_main_bkg.jpg);
	width:509px;
	height: 407px;
	float: left;
	position:relative;
}
#container #contentholder #content #innercontent .landing_container .landing_leftoffer .starburst{
	display:block;
	position:absolute;
	z-index: 200px;
	top: 23px;
	left:8px;
}
#container #contentholder #content #innercontent .landing_container .landing_leftoffer .mainimage{
	display:block;
	position:absolute;
	z-index: 100px;
	top: 56px;
	left:102px;
}
#container #contentholder #content #innercontent .landing_container .landing_leftoffer .offerdetails{
	background: url("../images/truck.jpg") no-repeat scroll 0 0 transparent;
	display: block;
	left: 87px;
	padding: 5px 0 0 59px;
	position: absolute;
	top: 342px;
	width: 320px;
	}
#container #contentholder #content #innercontent .landing_container .landing_leftoffer .offerdetails p{
	margin:0;
	text-align:center;
	font-size:14px;
}
#container #contentholder #content #innercontent .landing_container .landing_leftoffer .offerdetails .plus_text{
		color:#84a125;
	font-weight:bold;
	font-size: 16px;

}
#container #contentholder #content #innercontent .landing_container .landing_leftoffer .offerdetails .expiry_text{
	color:#ff0000;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	font-size: 16px;
}

#container #contentholder #content #innercontent .landing_container .landing_rightoffer {
	background: url(../images/landing_right_bkg.jpg) no-repeat bottom center;
	width:331px;
	float: right;
	padding: 0 0 94px 0;
	border: 1px solid #84a125;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}
#container #contentholder #content #innercontent .landing_container .landing_rightoffer .toptext{
	padding: 10px 20px 0 20px;
	min-height:244px;
	}
#container #contentholder #content #innercontent .landing_container .landing_rightoffer .toptext p{
font-size:14px;
margin:4px 0;
}
#container #contentholder #content #innercontent .landing_container .landing_rightoffer img{
		display:block;
		margin: 0 auto;
}
#container #contentholder #content #innercontent .landing_container .landing_rightoffer .toptext .landingheadline{
	color:#ff0000;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	font-size: 18px;
	line-height: 1;
}
#landingpage #container #contentholder #content{
	width:940px;
	padding: 0;
}
#landingpage #container #contentholder #innercontent{
padding: 0 30px;
}