/* ================================================== **
** components.css
** --------------------------------------------------
** Website: WebWorx 24
** Created: 21/09/07
** Author: JSS
** Description: This stylesheet is used to style
** the elements within the layout.
** ================================================== */


/* -------------------------------------------------- **
** Generic
** -------------------------------------------------- */
h2 {
	font-size: 1.7em;
	line-height: 1.2em;
	margin: 0;
	color: #fff;
	font-weight: normal;
	}
.blue {
	color: #3B9FD3;
 }
h2 em {
 color: #006699;
 font-weight: bold;
 }
h3 {
	font-size: 1.7em;
	font-weight: normal;
	margin: 0;
	}
p {
	font-size: 1em;
	margin: 1em 0;
	line-height: 1.8em;
	}
a {
	color: #069;
	text-decoration: none;
	border-bottom: 1px solid #339BD2;
	}
a:hover {
	border: 0;
	}
.worldpay a {
	border: 0;
	}
em {
	font-style: normal;
	font-weight: bold;
	}
.hide {
	display: none;
	}
li.first {
	border: 0 !important;
	padding: 0 !important;
	}
p.note,
p.error {
	background-color: #339BD2;
	padding: 10px 15px;
	color: #fff;
	line-height: 1.4em;
	margin-top: 0;
	}
p.error {
	background-color: #c30;
	}
img {
 border: 0;
 }
br.clear {
 clear: both;
 }
small {
    font-size: 0.8em;
}
/* -------------------------------------------------- **
** Header
** -------------------------------------------------- */
/* Logo ----- */
h1 {
	width: 186px;
	height: 37px;
	background: url(/library/images/logo.gif) no-repeat;
	margin: 0 0 5px 25px;
	#margin: 0 0 0 25px;
 #padding: 0 0 5px 0;

	}
h1 a {
	display: block;
	height: 100%;
	border: 0;
	}
h1 a span {
	display: none;
	}

/* Mini Navigation ----- */
ul.mininav {
	margin: -44px 0 20px;
	padding: 0;
	float: right;
	list-style-type: none;
	}
ul.mininav li {
	display: inline;
	margin-right: 10px;
	padding-left: 10px;
	float: left;
	}
ul.mininav li a {
	color: #fff;
	display: block;
 border-bottom: 0px;
	}
ul.mininav li a:hover {
	border-bottom: 1px solid #339BD2;
 }
ul.mininav li a.on {
 color: #45ACE2;
 }
ul.mininav li.tel {
 color: #FFF;
 font-weight: bold;
}
ul.mininav li.tel span {
	background: url("/library/images/nav_tel.gif") no-repeat center left !important;
 padding: 0 0 0 25px;
}

/* Main Navigation ----- */
ul#mainnav {
	clear: both;
	margin: 0 5px 0 0;
	padding: 0;
	list-style-type: none;
	float: right;
 width: 607px;
 _width: 612px;
	}
* html ul#mainnav {
	margin-right: 3px;
	}
ul#mainnav li {
	float: left;
	margin-left: 5px;
	}
ul#mainnav li a {
	border: 0;
	display: block;
	background-color: #775E5B;
	padding: 5px 10px 15px 10px;
	color: #fff;
	font-size: 1.3em;
	}
ul#mainnav li a:hover {
	background-color: #339BD2;
	}
#package1 ul#mainnav li a:hover {
	background-color: #935C8B;
	}
#package2 ul#mainnav li a:hover {
	background-color: #5C9380;
	}
#package3 ul#mainnav li a:hover {
	background-color: #c90;
	}

ul#mainnav li a.on,
ul#mainnav li a.on:hover {
	padding: 5px 7px 15px 7px;
 border-right: 3px solid #FFFFFF;
 border-left: 3px solid #FFFFFF;
	background: #fff url("/library/images/bg_top_tab.gif") repeat-x top left !important;
	color: #553935 !important;
	}

/* -------------------------------------------------- **
** Content
** -------------------------------------------------- */
#content {
	padding: 0 5px 5px;
	}
#content div {
	height: 1%;
	padding: 20px 20px;
	min-height: 450px;
	}
* html #content div {
	height: 450px;
	}
#content div div {
	padding: 0;
	min-height: 0;
	height: 1%;
	}
#content div:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	}

/* Intro ----- */
#content #intro {
	background: #339BD2 url(/library/images/intro_.jpg) no-repeat 100% 100%;
	padding: 20px;
	min-height: 110px;
	margin-bottom: 15px;
	}
* html #content #intro {
	height: 110px;
	}
#content #intro p {
	margin-bottom: 0;
	color: #fff;
	line-height: 1.5em;
	}
#home #content #intro p {
 margin: 0 !important;
 padding: 0 !important;
}
#home #intro {
	background-image: url(/library/images/intro_home_.jpg) !important;
	background-repeat: repeat-x !important;
	background-position: 0% 50% !important;
 #padding: 20px 0 20px 20px !important;
	min-height: 160px !important;
	}
#home #intro div {
	background: url(/library/images/intro_home.jpg) no-repeat center right !important;
	margin: -20px;
 padding: 20px 350px 20px 20px;
	#padding: 20px 350px 20px 0;
 #margin: -20px 0 -20px 0px;
	}
#home #intro div div {
	background: none !important;
	padding: 0;
	margin: 0;
	}

#home #intro #referrer {
 position: absolute;
 display: block;
 width: 105px;
 height: 37px;
 margin: 146px 0 0 602px;
 }
 
	/* New Intro ----- */
#content #newintro {
	background: #339BD2 url(/library/images/intro_.jpg) no-repeat 100% 100%;
	padding: 20px;
	min-height: 110px;
	margin-bottom: 15px;
	}
* html #content #newintro {
	height: 110px;
	}
#content #newintro p {
	margin-bottom: 0;
	color: #fff;
	line-height: 1.5em;
	}
#bespoke #content #newintro p {
 margin: 0 !important;
 padding: 0 !important;
}

#bespoke #newintro {
	background-image: url(/library/images/intro_home_.jpg) !important;
	background-repeat: repeat-x !important;
	background-position: 0% 50% !important;
 #padding: 20px 0 20px 20px !important;
	min-height: 160px !important;
	}
#bespoke #newintro div {
	background: url(/library/images/intro_home.jpg) no-repeat center right !important;
	margin: -20px;
 padding: 20px 350px 20px 20px;
	#padding: 20px 350px 20px 0;
 #margin: -20px 0 -20px 0px;
	}
#bespoke #newintro div div {
	background: none !important;
	padding: 0;
	margin: 0;
	}


#package1 #intro {
 padding: 0;
	background-color: #935C8B !important;
	background-image: url(/library/images/intro_package1.jpg) !important;
	}
#package2 #intro {
 padding: 0;
	background-color: #5C9380 !important;
	background-image: url(/library/images/intro_package2.jpg) !important;
	}
#package3 #intro {
 padding: 0;
	background-color: #c90 !important;
	background-image: url(/library/images/intro_package3.jpg) !important;
	}
#package1 #intro h2, #package2 #intro h2, #package3 #intro h2 {
 padding: 20px 20px 0 20px;
 }
#package1 #intro p, #package2 #intro p, #package3 #intro p {
 padding: 10px 20px 8px 20px;
 }
#package1 #intro h2 em {
 color: #F4A9E8; font-weight: normal;
 }
#package2 #intro h2 em {
 color: #99FFCC; font-weight: normal;
 }
#package3 #intro h2 em {
 color: #FFCC33; font-weight: normal;
 }
#package1 #intro p {
	background: url(/library/images/pack1_p.gif) no-repeat top left !important;
 }
#package2 #intro p {
	background: url(/library/images/pack2_p.gif) no-repeat top left !important;
 }
#package3 #intro p {
	background: url(/library/images/pack3_p.gif) no-repeat top left !important;
 }
#intro ol {
 margin: 0;
 padding: 0 0 0 55px;
 list-style: none;
 width: 675px;
 height: 80px;
 }
#package1 #intro ol {
	background-image: url(/library/images/pack1_hdbg.gif) !important;
 }
#package2 #intro ol {
	background-image: url(/library/images/pack2_hdbg.gif) !important;
 }
#package3 #intro ol {
	background-image: url(/library/images/pack3_hdbg.gif) !important;
 }
#intro ol li {
 float: left;
 width: 140px !important;
 padding: 10px 45px 0 0;
_padding: 10px 20px 0 0;
 color: #fff;
 }
#package1 #intro ol li {
 color: #F2D0EE;
 }
#package2 #intro ol li {
 color: #D1E0DB;
 }
#package3 #intro ol li {
 color: #F8E5A9;
 }
#intro ol li em {
 display: block;
 font-size: 34px;
 color: #FFF;
 margin: -4px 0 0 0;
 padding: 0;
 font-family: verdana, sans-serif;
 position: relative;
 }
#intro ol li em span {
 font-size: 12px;
 font-weight: normal;
 }
#intro a.buy {
 position: absolute;
	border: 0;
 display: block;
	width: 98px;
	height: 33px;
 margin: 25px 0 0 615px;
	}
#intro a span {
 display: none;
 }
#intro a.bluebuy {
 position: relative;
	border: 0;
 float: right;
 display: block;
	width: 97px;
	height: 33px;
 padding: 0;
	background-image: url(/library/images/buy_now.gif);
	}

/* Pods ----- */
.pod {
	width: 231px;
 height: 442px !important;
	padding: 2px 3px 5px 5px !important;
	float: left;
 margin: 0 5px 14px 0;
	background-color: !important;
	background-repeat: no-repeat !important;
 font-family: verdana, sans-serif;
	}
.pod div.sale {
 position: absolute;
 margin: -16px 0 0 76px;
	background-color: transparent !important;
}
.pod form {
	margin: 0;
	padding: 0;
	}
.pod h3 {
	margin: 0;
	padding: 10px 8px 0 12px;
	_padding: 8px 8px 0 12px;
	color: #fff;
	font-weight: normal;
	font-size: 1.7em;
 height: 35px;
	}
.pod h3 span {
 font-weight: normal;
 font-size: 9px;
 float: right;
 clear: right;
 white-space: nowrap;
 position: relative;
 top: -10px;
 _top: -7px;
 display: block;
 }
.pod h3 span.small {
 padding-right: 48px;
 }
.pod h3 span.lrg {
 font-size: 13px;
 }
.pod h3 span.lrg b {
 font-size: 9px;
 font-weight: normal;
 }
.pod h3 span em {
 font-size: 20px;
 font-weight: bold;
 }
.pod p {
	line-height: 1.2em;
	font-size: 0.8em;
	color: #fff;
 padding: 4px 12px 10px 12px !important;
 margin: 0 !important;
 background-position: bottom left !important;
	}

#price {
	background-repeat: repeat-x;
	background-position: 0% 100%;
	margin: 0 0px 5px 0px;
	text-align: center;
	font-size: 1.3em;
	padding: 0 0 0.6em;
	}

#price em {
	margin-top: 3px;
	display: block;
	color: #fff;
	font-size: 2.5em;
	letter-spacing: -0.05em;
	}
.pod ol {
	margin: 0;
	padding: 2px 12px;
	list-style-type: none;
 background-position: top left !important;
	background-repeat: repeat-x;
 font-size: 10px;
 color: #FFF;
	}
.pod ol li.inc {
 color: #FC0;
 padding: 3px 0;
 margin: 2px 0 4px 0;
 #margin: 0;
	background-image: url(/library/images/sp.gif) !important;
 }
.pod ol li {
	background-repeat: no-repeat;
 padding: 1px 0 4px 25px;
 margin: 0 0 3px 0;
 #margin: 0;
 #padding: 0 0 2px 25px;
 }
.pod ul {
 margin: 0;
	padding: 7px 13px 9px 0;
	list-style-type: none;
	background-repeat: no-repeat !important;
 background-position: bottom right;
 position: absolute;
 width: 231px;
 margin-left: -13px;
	}
.pod ul:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	}
.pod ul li {
	float: right;
	margin: 0 2px;
	}
.pod ul li a {
	display: block;
	background-repeat: no-repeat;
	width: 93px;
	height: 27px;
	border: 0;
	}
.pod ul li a span {
	display: none;
	}
.pod ul li a.buy {
	background-repeat: no-repeat;
	border: 0;
	vertical-align: top;
	font-size: 0;
	width: 80px;
	height: 27px;
	cursor: pointer;
	}
.pod div.order {
 background-color: transparent !important;
 margin: 75px 0 0 10px !important;
 #margin: 83px 0 0 10px !important;
 padding: 0 0 0 22px !important;
 position: absolute;
 width: 189px;
 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
html[xmlns*=""] body:last-child .pod div.order {
 margin: 81px 0 0 10px !important;
 }
.pod div.order h4,
.pod div.order h5,
.pod div.order h6 {
 margin: 0;
 padding: 0;
 color: #000;
 font-weight: normal;
 }
.pod div.order h4 {
 font-size: 12px;
 }
.pod div.order h5 {
 font-size: 15px;
 }
.pod div.order h6 {
 margin: 26px 0 0 12px;
 font-size: 20px;
 color: #FFF;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
 }
.pod div.order em {
 color: #069;
 font-weight: bold;
 font-size: 18px;
 }

/* package 1 */
.package1 {
	background-color: #935C8B !important;
	background-image: url("/library/images/bg_pod_1.gif") !important;
	}
.package1 h3 {
	background-image: url(/library/images/pod1_h3.gif) !important;
 }
.package1 p {
	color: #EBB9E4;
	background-color: #76416E;
	background-image: url(/library/images/pod1_p.gif) !important;
	}
.package1 ol {
	background-image: url(/library/images/pod1_ol.gif);
	}
.package1 ol li {
	background-image: url(/library/images/pod1_ol_li.gif);
 #background-image: url(/library/images/pod1_ol_li_ie.gif);
	}
.package1 ul {
	background-image: url(/library/images/pod1_.jpg);
 margin-top: 1px;
 #margin-top: 6px;
	}
html[xmlns*=""] body:last-child .package1 ul {
 margin-top: 6px;
 }
.package1 ul li a {
	background-image: url(/library/images/pod1_btn_more.gif);
	}
.package1 ul li a.buy {
	background-image: url(/library/images/pod1_btn_buy.gif);
	}
/* package 2 */
.package2 {
	background-color: #619483 !important;
	background-image: url(/library/images/bg_pod_2.gif) !important;
	}
.package2 h3 {
	background-image: url(/library/images/pod2_h3.gif) !important;
 }
.package2 p {
	color: #BEE7D8;
	background-color: #4C7565;
	background-image: url(/library/images/pod2_p.gif) !important;
	}
.package2 ol {
	background-image: url(/library/images/pod2_ol.gif);
	}
.package2 ol li {
	background-image: url(/library/images/pod2_ol_li.gif);
 #background-image: url(/library/images/pod2_ol_li_ie.gif);
	}
.package2 ul {
	background-image: url(/library/images/pod2_.jpg);
 margin-top: 75px;
 #margin-top: 82px;
	}
html[xmlns*=""] body:last-child .package2 ul {
 margin-top: 84px;
 }
.package2 ul li a {
	background-image: url(/library/images/pod2_btn_more.gif);
	}
.package2 ul li a.buy {
	background-image: url(/library/images/pod2_btn_buy.gif);
	}
/* package 3 */
.package3 {
	background-color: #CC9900 !important;
	background-image: url(/library/images/bg_pod_3.gif) !important;
	margin: 0 0 14px 0;
	}
.package3 h3 {
	background-image: url(/library/images/pod3_h3.gif) !important;
 }
.package3 p {
	color: #FCEEB6;
	background-color: #CC9900;
	background-image: url(/library/images/pod3_p.gif) !important;
	}
.package3 ol {
	background-image: url(/library/images/pod3_ol.gif);
	}
.package3 ol li {
	background-image: url(/library/images/pod3_ol_li.gif);
 #background-image: url(/library/images/pod3_ol_li_ie.gif);
	}
.package3 ol li.inc {
 color: #FEEEAC;
 }
.package3 ul {
	background-image: url(/library/images/pod3_.jpg);
 margin-top: 2px;
 #margin-top: 12px;
	}
html[xmlns*=""] body:last-child .package3 ul {
 margin-top: 24px;
 }
.package3 ul li a {
	background-image: url(/library/images/pod3_btn_more.gif);
	}
.package3 ul li a.buy {
	background-image: url(/library/images/pod3_btn_buy.gif);
	}

/* table package info ------ */
table.info {
	border-collapse: collapse;
	width: 100%;
	font-size: 1.2em;
	}
table.info tr.first th,
table.info tr.first td {
	border-top: 0;
	}
table.info th {
	width: 40%;
	}
table.info th,
table.info td {
	border-top: 1px solid #ddd;
	padding: 8px 10px;
	}
table.info td {
	border-left: 1px solid #ddd;
	}
table.info td img {
	vertical-align: middle;
	}

/* -------------------------------------------------- **
** Columns
** -------------------------------------------------- */
div.left {
	float: left;
	width: 55%;
	margin-right: 25px;
	background: url(/library/images/column_.jpg) repeat-x;
	min-height: 163px !important;
	padding: 20px !important;
}
* html div.left {
	height: 163px !important;
	}
div.right {
	float: left;
	width: 36%;
	}
div.leftcol {
 width: 506px;
 float: left;
 margin-right: 17px;
 }
div.leftcol h2 {
 width: 506px;
 height: 47px;
 margin: 0;
 padding: 0;
 }
div.leftcol h2 span {
 display: none;
 }
div.leftcol p {
 position: relative;
 top: -3px;
 margin: 0;
 padding: 4px 10px 15px 10px;
 line-height: 1em;
 font-size: 90%;
 }
div.leftcol ul {
 position: relative;
 top: -1px;
 margin: 0;
 padding: 0;
 list-style: none;
 color: #666666;
 line-height: 1.2em;
}
div.leftcol ul li {
 margin: 0 0 2px 0;
 padding: 10px 20px 10px 47px;
 min-height: 25px !important;
 _height: 25px;
}
div.leftcol h3 {
 text-align: right;
 width: 506px;
 height: 56px;
 margin: 0;
 padding: 0;
 position: relative;
 top: -3px;
 }
div.leftcol h3 a.buy {
	border: 0;
 display: block;
 float: right;
	width: 98px;
	height: 33px;
 margin: 10px 17px 0 0;
 _margin:  10px 10px 0 0;
	}
div.leftcol h3 a span {
 display: none;
 }
#package1 .leftcol h2 { background: url("/library/images/pack1_hd.gif") no-repeat top left; }
#package2 .leftcol h2 { background: url("/library/images/pack2_hd.gif") no-repeat top left; }
#package3 .leftcol h2 { background: url("/library/images/pack3_hd.gif") no-repeat top left; }
#package1 .leftcol ul, #package1 .leftcol p { border-left: 2px solid #6F4A6A; border-right: 2px solid #6F4A6A; }
#package2 .leftcol ul, #package2 .leftcol p { border-left: 2px solid #4D7466; border-right: 2px solid #4D7466; }
#package3 .leftcol ul, #package3 .leftcol p { border-left: 2px solid #9D790C; border-right: 2px solid #9D790C; }
#package1 .leftcol ul li { background: #F3ECF1 url("/library/images/pack1_dot.gif") no-repeat top left; }
#package2 .leftcol ul li { background: #D5ECE4 url("/library/images/pack2_dot.gif") no-repeat top left; }
#package3 .leftcol ul li { background: #FBF1CF url("/library/images/pack3_dot.gif") no-repeat top left; }
#package1 .leftcol h3 { background: url("/library/images/pack1_bot.gif") no-repeat top left; }
#package2 .leftcol h3 { background: url("/library/images/pack2_bot.gif") no-repeat top left; }
#package3 .leftcol h3 { background: url("/library/images/pack3_bot.gif") no-repeat top left; }

div.rightcol {
 float: left;
 width: 207px;
 font-size: 0.9em;
 }
ul.rightend {
 margin: 0;
 list-style: none;
 padding: 30px 10px 10px 10px;
 }
ul.rightend li {
 margin: 0 0 10px 0;
 }

#package1 .rightcol { background: url("/library/images/pack1_rc.gif") no-repeat top left; }
#package1 .rightend {	background: transparent url("/library/images/pack1_rce.gif") no-repeat bottom left; }
#package1 .rightcol b { color: #6F4A6A; }
#package2 .rightcol { background: url("/library/images/pack2_rc.gif") no-repeat top left; }
#package2 .rightend {	background: transparent url("/library/images/pack2_rce.gif") no-repeat bottom left; }
#package2 .rightcol b { color: #4D7466; }
#package3 .rightcol { background: url("/library/images/pack3_rc.gif") no-repeat top left; }
#package3 .rightend {	background: transparent url("/library/images/pack3_rce.gif") no-repeat bottom left; }
#package3 .rightcol b { color: #9D790C; }

/* -------------------------------------------------- **
** Sub page price
** -------------------------------------------------- */
#price {
	background-repeat: repeat-x !important;
	background-position: 0% 100% !important;
	clear: both;
	margin: 0;
	padding: 5px 90px 10px 10px !important;
	color: #fff;
	position: relative;
	}
#price ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}
#price ol li {
	float: left;
	margin-right: 40px;
	}
#price em {
	margin: 0;
	line-height: 0.8em;
	}
#price input.btn_buy_now,
#price a.buy {
	border: 0;
	width: 98px;
	height: 33px;
	font-size: 0;
	position: absolute;
	right: 25px;
	bottom: 27%;
	}
#price a.buy span {
	display: none;
	}

#package1 #price {
	color: #E2D3E0;
	background: url(/library/images/price_package1.jpg);
	background-color: #935C8B;
	}
#package1 a.buy {
	background-image: url(/library/images/btn_buy_package1.gif);
	}
#package2 #price {
	color: #D1E0DB;
	background: url(/library/images/price_package2.jpg);
	background-color: #5C9380;
	}
#package2 a.buy {
	background-image: url(/library/images/btn_buy_package2.gif);
	}
#package3 #price {
	color: #F3E5BA;
	background: url(/library/images/price_package3.jpg);
	background-color: #C90;
	}
#package3 a.buy {
	background-image: url(/library/images/btn_buy_package3.gif);
	}

/* Price in intro box ----- */
#intro #price {
	background: none;
	margin-top: 20px;
	}
#package1 #intro #price {
	border: 1px solid #BF9AB9;
	}
#package2 #intro #price {
	border: 1px solid #A1C3B7;
	}
#package3 #intro #price {
	border: 1px solid #FDD96B;
	}
#intro span.small {
 font-size: 95%;
}
#intro span.strike {
 color: #F00;
 text-decoration: line-through;
}
#intro span.strike b {
 font-weight: normal;
 color: #ffd50f;
}
div.maxpack span.strike b {
 color: #9d790c !important;
}
#pack_sale {
	background: none;
 display: block;
 width: 242px;
 height: 57px;
 position: absolute;
 margin: -11px 0 0 184px;
}

/* -------------------------------------------------- **
** Portfolio
** -------------------------------------------------- */
.portfolio {
	margin: 0;
	padding: 0;
	clear: both;
	list-style-type: none;
	}
.portfolio:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	}
.portfolio strong {
	font-size: 1.7em;
	font-weight: normal;
	display: block;
	}
.portfolio img {
	padding: 2px;
	border: 1px solid #ddd;
	}

/* definition list ----- */
.portfolio dt {
	margin: 0 0 15px;
	float: left;
	display: block;
	padding-right: 25px;
	clear: both;
	}
.portfolio dt a {
	border: 0;
	}
.portfolio dd {
	margin: 0 0 15px !important;
	float: left;
	display: block;
	width: 61%;
	min-height: 159px;
	}
* html .portfolio dd {
	height: 159px;
	}
.portfolio dd span {
	display: block;
	margin: 15px 0;
	}

/* unordered list ----- */
.portfolio li {
	float: left;
	margin: 5px 8px 5px 0;
	text-align: center;
	}
* html .portfolio li {
	margin-right: 6px;
	}
.portfolio li a {
	border: 0;
	}

.how {
 list-style: none;
 margin: 0;
 padding: 0;
 }
.how li {
	background: #E4F2F9 url(/library/images/howul.gif) no-repeat top left;
 color: #666666;
 padding: 10px 60px 9px 35px;
 margin: 0 0 2px 0;
 }
.how li b {
 color: #333333;
}

/* -------------------------------------------------- **
** Gallery
** -------------------------------------------------- */
ul#pagetabs {
 position: absolute;
	clear: both;
	margin: 15px 0 0 0;
 #margin: 0;
	padding: 0;
	list-style-type: none;
 display: block;
 z-index: 3;
	}
html[xmlns*=""] body:last-child #pagetabs { margin: 0; }
ul#pagetabs li {
	float: left;
	margin-right: 5px;
 position: relative;
 z-index: 3;
	}
ul#pagetabs li a {
	border: 1px solid #DDDDDD;
	display: block;
	background-color: #DDDDDD;
	padding: 8px 10px 5px 10px;
	color: #666666;
	}
ul#pagetabs li a:hover {
	background-color: #ECECEC;
	border: 1px solid #ECECEC;
	border-bottom: 1px solid #DDDDDD;
	}
ul#pagetabs li.on {
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}
ul#pagetabs li.on a,
ul#pagetabs li.on a:hover {
	padding: 8px 7px 5px 7px;
	border-top: 1px solid #DDDDDD;
 border-right: 3px solid #FFFFFF;
 border-left: 3px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background: #fff url("/library/images/bg_top_tab.gif") repeat-x top left !important;
	color: #553935 !important;
	}
div#pagetab_nav {
 clear: both;
 position: relative;
 font-size: 10px;
 margin: 0 0 17px 0;
 }

/* tabbed content block ----- */
#tabbed_content {
 z-index: 1;
 clear: both;
 margin: 0;
 padding: 0;
	border: 1px solid #DDDDDD;
 text-align: center;
	min-height: 412px;
	}
* html #tabbed_content {
	height: 412px;
	}

#tabbed_content div.tab_head {
 background: #fff url("/library/images/bg_tab_page_top.gif") no-repeat top left !important;
 width: 699px;
 height: 9px;
 margin: 0 auto;
 margin-top: 15px;
 position: relative;
 text-align: left;
 }
* html #tabbed_content div.tab_head {
 font-size: 4px;
 }

#tabbed_content div.tabbed_page {
	background: url("/library/images/bg_tab_page.gif") no-repeat bottom left !important;
 width: 689px;
 margin: 15px auto;
 margin-top: 0;
 padding: 0 5px 8px 5px;
 position: relative;
 text-align: left;
	min-height: 412px;
	}
* html .tabbed_page {
	height: 412px;
	}

#tabbed_content div.tabbed_page div.colour_head {
	background: url("/library/images/color_scheme_head.jpg") no-repeat top right;
 padding-right: 300px;
 height: 158px;
 }

#tabbed_content div.tabbed_page h3 {
 color: #333333;
	background: url("/library/images/bg_tab_title.gif") no-repeat bottom left !important;
 font-size: 0.9em;
 font-weight: bold;
 margin: 0 0 0 6px;
 padding: 8px 0 1px 2px;
 }

#tabbed_content div.tabbed_page h4 {
 color: #666666;
 font-size: 0.8em;
 font-weight: bold;
 margin: 0 0 0 8px;
 padding-top: 20px;
 }

#tabbed_content div.tabbed_page div.colour_head h4 {
 padding-right: 20px;
 }

#tabbed_content div.tabbed_page #color_scheme {
	background: url("/library/images/bg_color_scheme.gif") no-repeat top left !important;
 width: 659px;
	height: 255px;
 padding: 15px;
 margin: 0;
 list-style: none;
 font-size: 0.9em;
 font-weight: bold;
 }

#tabbed_content div.tabbed_page #color_scheme li {
 display: block;
 float: left;
 }

#tabbed_content div.tabbed_page #color_scheme li.swatches {
 width: 445px;
 }

#tabbed_content div.tabbed_page #color_scheme li h5 {
 width: 122px;
 height: 22px;
 border: 1px solid #DDDDDD;
 text-align: center;
 font-size: 1.0em;
 margin: 2px 0 10px 0;
 padding: 6px 0 0 0;
 }

#tabbed_content div.tabbed_page #color_scheme li #swatch {
 width: 124px;
 height: 162px;
 background-color: #000000;
 }

#tabbed_content div.tabbed_page #color_scheme li table {
 border: 0;
 padding: 0;
 margin: 0;
 }

#tabbed_content div.tabbed_page #color_scheme li table img {
 margin: 0 4px -1px 0;
 #margin: 0 4px 4px 0;
 }

* html #tabbed_content div.tabbed_page #color_scheme li table img {
 margin: 0 4px 4px 0;
 }


#tabbed_content div.tabbed_page #color_scheme li table tr.bottom img {
 margin: 0 4px 5px 0;
 #margin: 0 4px 10px 0;
 }

* html #tabbed_content div.tabbed_page #color_scheme li table tr.bottom img {
 margin: 0 4px 10px 0;
 }

#tabbed_content div.tabbed_page #color_scheme li table a {
 border: 0;
 margin: 0;
 padding: 0;
 }

/* tabbed - Fonts ----- */
ul#font_text {
 position: relative;
 display: block;
 float: right;
 width: 350px;
 height: 357px;
 margin: 20px 8px 0 0;
 padding: 15px;
 list-style: none;
	background: url("/library/images/bg_font.gif") no-repeat top left;
 font-size: 14px;
 font-family: arial, sans-serif;
 overflow: hidden;
 }

ul#font_text li.head {
 padding: 10px 0;
 }

ul#font_text li.alphabet {
 font-size: 190%;
 padding: 0 0 10px 0;
 }

ul#fonts {
 font-weight: bold;
 color: #666666;
 list-style: none;
 margin: 20px 0 0 8px;
 padding: 0;
 font-size: 1.75em;
 }

ul#fonts li {
 padding: 0 0 8px 0;
 }

ul#fonts a#arial { font-family: arial, sans-serif; }
ul#fonts a#black { font-family: "arial black", verdana, sans-serif; }
ul#fonts a#narrow { font-family: "arial narrow", verdana, sans-serif; }
ul#fonts a#comic { font-family: Comic Sans, Comic Sans MS, cursive; }
ul#fonts a#courier { font-family: Courier New, monospace; }
ul#fonts a#georgia { font-family: georgia, sans-serif; }
ul#fonts a#impact { font-family: Impact, fantasy; }
ul#fonts a#tahoma { font-family: tahoma, sans-serif; }
ul#fonts a#times { font-family: "times new roman", serif; }
ul#fonts a#verdana { font-family: verdana, sans-serif; }

ul#fonts a {
 color: #666666;
 border: 0;
 }

ul#fonts a.sel {
 color: #000000;
 }

/* tabbed - Templates ----- */
.templates {
 list-style: none;
 padding: 25px 0 0 8px;
 margin: 0;
 font-size: 90%;
 float: left;
 }
* html ul.templates {
 padding-bottom: 100px;
 }
ul.templates select,
select.gallerytemplates {
 width: 190px;
 font-size: 90%;
 }
table.templates {
 margin-left: 20px;
 }
table.templates th {
 padding-left: 0;
 }
table.templates td {
 vertical-align: top;
 padding: 2px 0 0 0;
 }
table.templates td img.main {
	background: url("/library/images/bg_template.png") no-repeat top left;
	#background: url("/library/images/bg_template.gif") no-repeat top left;
 padding: 1px 10px 10px 1px;
 }

table.templates th.col1 {
 width: 245px;
 }
table.templates td b {
 font-size: 11px;
 color: #333;
 }
table.templates ul {
 list-style: none;
 margin: 0;
 padding: 0;
 }

table.templates ul li {
 float: left;
 margin: 0 4px 0 0;
 }

table.templates ul a {
 border: 0;
 }

table.templates span {
 font-size: 90%;
 clear: both;
 display: block;
 }
table.gallerytemp {
 display: none;
}
table#Basic0 {
 display: block;
 }
div.clear {
 clear: both;
 font-size: 1px;
 height: 1px;
}
ul#prevnext {
 list-style: none;
 margin: -20px 0 0 0;
 _height: 1px;
 padding: 0;
 font-size: 90%;
 position: relative;
 display: block;
 }
ul#prevnext li {
 float: left;
 width: 96px;
 border: 0;
 }
ul#prevnext li.next {
 text-align: right;
 }

/* -------------------------------------------------- **
** Buy Forms
** -------------------------------------------------- */
#intro .buy {
 margin: 0;
 padding: 0;
 }
#intro h2.buy {
 font-size: 1.6em;
 }
div.start h2.buy span { color: #F4A9E8; }
div.go    h2.buy span { color: #99FFCC; }
div.max   h2.buy span { color: #FFCC33; }

div.start h3.buy { color: #EBB9E4; }
div.go    h3.buy { color: #BEE7D8; }
div.max   h3.buy { color: #FCEEB6; }

#intro h3.buy {
 font-size: 1.2em;
 margin: 0 0 12px 0;
 padding: 5px 20px 0 20px;
 }
#intro h4.buy {
 color: #FFFFFF;
 font-size: 1.0em;
 font-weight: normal;
 padding: 0 20px 20px 20px;
 }
#intro h4.buy span {
 color: #99CCFF;
 }
div.bluebuy {
 display: block;
	background: #339BD2 url(/library/images/intro_.jpg) no-repeat top right !important;
	padding: 16px 20px 12px 0 !important;
 text-align: right;
	margin: 5px 0;
 }
div.bluebuy h4.buy {
 text-align: left;
 color: #FFFFFF;
 font-size: 1.0em;
 font-weight: normal;
 padding: 0 20px;
 margin: 0;
 }
div.form_panel {
 background-color: #F0F0F0 !important;
 color: #666666;
 margin: 5px 0 0 0;
 padding: 14px 15px !important;
 }
div.form_panel h2 {
 color: #333333;
 font-size: 1em;
 }
div.form_panel p {
 margin: 0 0 12px 0;
 padding: 0;
 line-height: 1.3em !important;
 font-size: 0.95em;
 }
div.form_panel p span {
 color: #333333;
 }
div.form_panel table {
 font-size: 0.9em;
 border: 0;
 padding: 0;
 margin: 0;
 }
div.form_panel table tr {
 vertical-align: top;
 }
div.form_panel table span {
 font-size: 90%;
 color: #999999;
 }
div.form_panel table td.label {
 text-align: right;
 width: 310px;
 padding: 2px 12px 2px 0;
 line-height: 1.2em !important;
}
div.form_panel table td.mand label {
	background: url("/library/images/dot01.gif") no-repeat top right;
 padding: 0 6px 0 0;
 }
div.form_panel table a {
 border: 0;
 }
div.form_panel table a:hover {
	border-bottom: 1px solid #339BD2;
 }
div.form_panel table td {
 padding: 0 0 3px 0;
 }
div.form_panel table input, div.form_panel table textarea, div.form_panel table select {
 font-size: 11px;
 }
div.form_panel table .long  { width: 320px; }
div.form_panel table .med   { width: 200px; }
div.form_panel table .short { width: 100px; }

div.form_panel table select.long  { width: 324px; }
div.form_panel table .newdom   { width: 216px; }

div.form_panel table td div {
 background-color: transparent !important;
 display: block;
 width: 180px;
 float: left;
 }
div.gallery table a {
	border: 0;
}
div.gallery table a:hover {
	border-bottom: 1px solid #339BD2;
}
table.steps {
 clear: both;
	background: url("/library/images/bg_steps.jpg") no-repeat top right;
 height: 201px !important;
 position: relative;
 left: -10px;
 padding: 0 0 0 10px;
 }
table.steps .col1 {
 width: 137px;
 padding: 0 40px 5px 15px;
 }
table.steps .col2 {
 width: 150px;
 padding: 0 30px 5px 13px;
 }
table.steps .col3 {
 width: 147px;
 padding: 0 25px 5px 15px;
 }
table.steps .col4 {
 width: 136px;
 padding: 0 20px 5px 12px;
 }

ul.choice_panel {
 width: 195px;
 height: 138px;
 margin: 0 0 5px 20px;
 float: right;
 padding: 10px 0 0 12px;
 list-style: none;
 font-size: 0.9em;
	background: url("/library/images/bg_choose.gif") no-repeat top left;
 }
ul.choice_panel em {
 color: #006699;
 }
ul.choice_panel li {
 font-weight: bold;
 line-height: 1.1em;
 margin: 5px 0;
 }
ul.choice_panel span {
 color: #CCCCCC;
 font-weight: normal;
 }
ul.choice_panel a {
 border: 0;
 font-size: 0.9em;
 color: #3399CC;
 }
ul.choice_panel a:hover {
 text-decoration: underline;
 }
ul.choice_panel li.start {
 padding: 0 0 0 24px;
	background: url("/library/images/bg_choose_start.gif") no-repeat top left;
 }
ul.choice_panel li.go {
 padding: 0 0 0 24px;
	background: url("/library/images/bg_choose_go.gif") no-repeat top left;
 }
ul.choice_panel li.max {
 padding: 0 0 0 24px;
	background: url("/library/images/bg_choose_max.gif") no-repeat top left;
 }
ul.error {
 margin: 0 0 0 18px;
 padding: 0 0 8px 0;
 color: #666;
 font-size: 90%;
 list-style: none;
 }
ul.error li{
 padding: 0 0 0 9px;
	background: url("/library/images/dot02.gif") no-repeat top left;
 }


/* -------------------------------------------------- **
** Contact
** -------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
	}
form p label {
	display: block;
	float: left;
	width: 35%;
	}
form input,
form textarea,
form select {
	font-size: 1.1em;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	}
form textarea {
	width: 62%;
	height: 7em;
	}

/* -------------------------------------------------- **
** Sub-Content
** -------------------------------------------------- */
#sub-content {
	}
#sub-content h3 {
	font-weight: normal;
	}
#sub-content p {
	font-size: 1.1em;
	}

/* -------------------------------------------------- **
** Footer
** -------------------------------------------------- */
#footer ul.mininav {
	margin: 0;
	padding: 0;
	float: none;
	}
#footer ul.mininav li {
	border-left: 1px solid #ddd;
	}
#footer ul.mininav li a {
	color: #069;
	border-bottom: 1px solid #339BD2;
	}
#footer	p {
	color: #888;
	font-size: 0.9em;
	margin: 5px 0;
	clear: both;
	}
#footer	p img {
 position: relative;
 float: right;
}

/* -------------------------------------------------- **
** Popup
** -------------------------------------------------- */
#popupDiv { position:absolute; top:0; left:0; visibility:hidden; border:2px solid black; width:500px; height:475px; z-index:10; }
#closeButton { position:absolute; top:0; left:0; visibility:hidden; z-index:20; }