/**** CSS RESET *******/

/* v1.0 | 20080212 */

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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

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

/* tables still need 'cellspacing=0' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/****** end CSS RESET ************************************************************/
.clear {clear:both}
body {
margin:10px;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
}
h1 {
font-size:1.3em;
color:#cc0066;
margin:20px 0 10px 5px;
}
p {
margin: 0 0 0 10px;
font-size:85%;
color:#000000;
}

h2 {
font-size:14px;
color:#CC0066;
margin:5px 0 5px 10px;
}

dt{
font-size:14px;
color:#CC0066;
margin:5px 0 5px 10px;
font-weight:bold;
}
dd {
margin: 0 0 10px 10px;
font-size:80%;
color:#666666;
line-height:17px;
}

dd ul {
margin-left:60px;
list-style-type:circle;

}
.centre-content p {
font-size:90%;
color:#000000;
line-height:18px;
margin:10px 0 5px 5px;
}

.wrapper {
position:relative;
width:912px;
margin:0 auto;
}

/******** MASTHEAD **************/
.masthead{
position:relative;
height:147px;
background-image:url(../images/design/masthead.png);
background-repeat:no-repeat;
}

.masthead-hearts{
position:relative;
height:147px;
background-image:url(../images/design/masthead-heart.png);
background-repeat:no-repeat;
}

.callus {
position:absolute;
top:90px;
right:60px;
width:150px;
text-align:center;
font-size:14px;
}

.callus span {
font-size:20px;
color:#CC0066;
}

/****** NAVIGATION ******************/
.navigation {
height:32px;
background-image:url(../images/design/nav_bgr.png);
background-position:bottom;
background-repeat:no-repeat;
}
#nav-home {
background-image:url(../images/design/nav_home.gif);
background-repeat:no-repeat;
}
#nav-how {
background-image:url(../images/design/nav_how.gif);
background-repeat:no-repeat;
}
#nav-faq {
background-image:url(../images/design/nav_faq.gif);
background-repeat:no-repeat;
}
#nav-logo {
background-image:url(../images/design/nav_logo.gif);
background-repeat:no-repeat;
}
#nav-order {
background-image:url(../images/design/nav_order.gif);
background-repeat:no-repeat;
}
#nav-products{
background-image:url(../images/design/nav_products.gif);
background-repeat:no-repeat;
}
#nav-why {
background-image:url(../images/design/nav_why.gif);
background-repeat:no-repeat;
}
#nav-articles {
background-image:url(../images/design/nav_articles.gif);
background-repeat:no-repeat;
}
#nav-why .pink,#nav-faq .pink,#nav-home .pink, #nav-logo .pink, #nav-how .pink, #nav-order .pink, #nav-products .pink {color:#cc0066;}

.navigation ul {
width:786px;
margin:0 auto 0 66px;
padding:0;
list-style-type:none;
}

.navigation ul li {
width:96px;
float:left;
margin-left:2px;
display:inline;
font-size:13px;
text-align:center;
}

.navigation ul li a {
display:block;
width:100%;
text-decoration:none;
padding:5px 0 6px 0;
color:#000000;
font-weight:bold;
}
.navigation ul li a:hover {
background-image:url(../images/design/nav_over.png);
background-position:1px 0;
background-repeat:no-repeat;
padding:5px 0 8px 0;
color:#CC0066;
}

.centre-content {
position:relative;
width:494px;
margin:16px 0 0 168px;
}

.centre-content-no-left-sidebar {
position:relative;
width:800px;
margin:16px 0 0 50px;
}

/********* HOME PAGE MODIFICATIONS (COLUMNS) ***************/
/* This is a cleaner layout for the home page, with a title, three column layout for the lozenges, and a wide footer. */

.icons {
position:relative;
/* border: 1px solid black; /* Helper for positioning div */
top:20px;
left:10px;
/*right:35px;*/
width:800px;
height:400px;
margin:0px;
}

.icons-lozenges {
position:relative;
/* border: 1px solid black; /* Helper for positioning div */
/* top:5px; */
/* left:6px; */
/*padding:5px 0 0 0; */
/*right:35px;*/
text-align: center;
/* width:900px; */
width: 100%;
height:150px;
margin:0px;
}

.icon-more {
position:absolute;
bottom:0;
left:0;
width:188px;
height:70px;
/* text-align:center; */
padding:5px 0 0 0;
margin-bottom:-35px;
margin-left:0;
background-image:url(../images/buttons/buynow-large.png);
background-repeat:no-repeat;
}

.icon-more a {
line-height:35px;
font-size:28px;
color:#000000;
text-decoration:none;
}

.icon-more p {
margin-top:100px;
padding-bottom:100px;
}

.icon {
position:relative;
bottom:0;
float: left;
width:188px;
height:200px;
text-align:center;
padding:5px 0 0 0;
/*margin-bottom:-35px;*/
margin-left:0;
background-repeat:no-repeat;
}

.icon-lozenge {
position:relative;
bottom:0;
float: left;
width:292px;
height:130px;
text-align:center;
padding:5px;
/*margin-bottom:-35px;*/
margin-left:0;
background-repeat:no-repeat;
}


.icon-text {
position:relative;
bottom:0;
left:0;
text-align:left;
padding-top:20px;
margin-top:200px;
margin-left:4px;
font-size:18px;
line-height:22px;
}

.icon ul {
margin-left:8px;
list-style-type:none;
font-size:18px;
}
.icon ul li {
background-image:url(../images/design/bullet.gif);
background-repeat:no-repeat;
background-position:center left;
text-align:left;
padding-left:10px;
line-height:22px;
/* border-top:1px solid #FAFAFA; */
}

.pinkbg {
text-align: center;
width: 100%;
height: 44px;
background-image:url(../images/buttons/pinkbg.png);
}

.pinkbg p{
color:#fff;
font-size:22px;
text-align: center;
padding-top:9px;
}
.pinkbg a{
color:#fff;
}

#logo-start-large {
background-image:url(../images/buttons/logo-start-large.png);
} 

#logo-total-large {
margin-left: 112px;
margin-right: 112px;
background-image:url(../images/buttons/logo-total-big.png);
} 

#logo121-large {
background-image:url(../images/buttons/logo121-large.png);
}


#logo-start-lozenge-large {
background-image:url(../images/buttons/logo-start-lozenge-large.png);
} 

#logo-total-lozenge-large {
margin-left: 112px;
margin-right: 112px;
background-image:url(../images/buttons/logo-total-lozenge-big.png);
} 

#logo121-lozenge-large {
background-image:url(../images/buttons/logo121-lozenge-large.png);
} 

#logoLargeAll {
	width: 915px;
	height: 131px;
	border: 0px;
}

.logo-table {
position:relative;
/* border: 1px solid black; /* Helper for positioning div */
top:10px;
width:918px;
height:270px;
margin:0 0 20px 0;
margin-left: -4px;
background-image:url(../images/buttons/home-logo-table.png);
background-repeat:no-repeat;
}



/****** LEFT COLUMN ************/
.left-column {
position:absolute;
top:200px;
width:162px;
left:0;
font-size:90%;
}

.sidebox {
z-index:0;
margin-bottom:10px;
}

#marketing p{
font-size:100%;
padding:5px 0 5px 0;
margin-left:5px;
border-bottom:2px dotted #000000;
/*
background-image:url(../images/design/bullet.gif);
background-position: 3px 5px;
*/
background-repeat:no-repeat;
text-decoration:none;
border-top:1px solid #FAFAFA;
}
#marketing p a{
display:block;
color:#000000;
text-decoration:none;
}
#marketing span {
color:#CC0066;
}

#marketing ul {
margin:0 10px 0 5px;
line-height:18px;
}

#marketing li{
line-height:15px;
margin:0 0 0 5px;
padding-bottom:10px;
list-style-type:none;
padding:0;

}
#marketing ul li a{
display:block;
width:120px;
color:#000000;
/*
background-image:url(../images/design/bullet.gif);
background-repeat:no-repeat;
*/
background-position: 0 -1px;
padding-left:10px;
text-decoration:none;
}
#branding ul {
margin:0 10px 0 10px;
padding-top:5px;
}

#branding strong {
color:#CC0066;
}

#branding li{
font-size:93%;
line-height:15px;
margin-bottom:4px;
padding-bottom:10px;
background-image:url(../images/design/list_underline.png);
background-position:bottom left;
background-repeat:no-repeat;
}

#branding a {
color:#000000;
text-decoration:none;
font-size:80%;
}

#logoblog {
position:relative;
height:98px;
background-image:url(../images/buttons/logoblog.png);
background-repeat:no-repeat;

}

#logoblog p {
position:absolute;
bottom:10px;
left:0;
width:150px;
line-height:15px;
color:#CC0066;
font-size:93%;
}

#logoblog p a {
font-size:85%;
color:#000000;
text-decoration:none;
}

#testimonials {
position:relative;
height:100px;
background-image:url(../images/buttons/pink_losenge.png);
background-repeat:no-repeat;
}

#testimonials p {
position:absolute;
top:10px;
left:15px;
width:110px;
line-height:20px;
text-align:center;
color:#ffffff;
font-size:20px;
padding-bottom:5px;
}

#testimonials a {
text-decoration:none;
color:#ffffff;
}



/********* RIGHT COLUMN ***************/
.right-column {
position:absolute;
top:200px;
right:0;
width:246px;
height:874px;
margin:0 0 20px 0;
background-image:url(../images/design/rightcolumn_bgr.png);
background-position:0 0;
background-repeat:no-repeat;
}
.right-column  h2 {
font-size:1.4em;
margin:10px;
color:#CC0066;
}
.rightbox {
position:relative;
height:127px;
margin:0 5px 10px 10px;
background-repeat:no-repeat;
}
.rightbox .text {
width:108px;
font-size:13px;
line-height:14px;
margin-left:116px;
}
.rightbox ul {

margin-left:8px;
list-style-type:none;
font-size:11px;
}
.rightbox ul li {
background-image:url(../images/design/bullet.gif);
background-repeat:no-repeat;
background-position:0 0 ;
padding-left:10px;
border-top:1px solid #FAFAFA;
}
.text .large {
font-size:16px;
}
#logo-start {
background-image:url(../images/buttons/logo_start.png);
}
#logo-start .price{
position:absolute;
left:18px;
bottom:35px;
color:#FFCC00;
font-size:22px;
}
#logo-start .price span {
font-size:65%;
}
#logo-total {
background-image:url(../images/buttons/logo_total.png);
} 
#logo-total .price{
position:absolute;
left:18px;
bottom:35px;
color:#ffffff;
font-size:22px;
}
#logo-total .price span {
font-size:65%;
}

#buscards {
background-image:url(../images/buttons/silver_losenge.png);
} 
#printstat {
background-image:url(../images/buttons/silver_losenge.png);
} 
#desstat {
background-image:url(../images/buttons/silver_losenge.png);
} 
#logo121 {
background-image:url(../images/buttons/logo121.png);
} 

.lozengetxt {
position:absolute;
top:10px;
left:0;
width:100px;
text-align:center;
line-height:21px;
font-size:17px;
}

#buscards .lozengetxt {
top:5px;
}
.pink {
color:#CC0066;
}
#first-impressions {
color:#000000;
font-size:1.2em;
margin:5px 0 10px 10px;
line-height:20px;
}
.lozengetxt .large {
font-size:20px;
}
.lozengetxt .larger {
font-size:22px;
} 
.lozengetxt .small {
font-size:12px;
}
.more {
position:absolute;
bottom:0;
left:0;
width:117px;
height:27px;
text-align:center;
padding:5px 0 0 0;
margin-bottom:-6px;
margin-left:0;
background-image:url(../images/buttons/buynow.png);
background-repeat:no-repeat;
}
.more a {
color:#000000;
text-decoration:none;
}
#features {
width: 230px;
float:left;
margin-right:20px;
font-size:80%;
line-height:20px;
color:#333333;
}
#benefits {
width: 230px;
float:left;
font-size:80%;
line-height:20px;
color:#333333;
}
#features h2, #benefits h2 {
color:#CC0066;
font-size:1.4em;
padding-top:5px;
}
#features ul, #benefits ul {
margin-left:20px;
list-style-type:none;
}

#features ul li, #benefits ul li {
background-image:url(../images/design/featuresbullet.gif);
background-repeat:no-repeat;
padding-left:10px;
}

#four-steps { 
fcursor:pointer;
margin-left:5px;
font-size:1.1em;
list-style-type:none;

}

#four-steps li {
line-height:50px;
border-bottom 1px solid #ffffff;
margin-bottom:18px;
}

#four-steps li img {
vertical-align:middle;
}

#how { 
margin0:20px 0 0 50px;
font-size:1.2em;
list-style-type:none;
}

#how li {
padding-left:40px;
line-height:50px;
}


#howlg { 
margin:20px 0 0 60px;
list-style-type:none;
font-size:1.2em;
}

#howlg li {
cursor:pointer;
line-height:55px;
margin-bottom:20px;
}
#howlg li img {
cursor:pointer;
vertical-align:middle;
}
#howlg li a {
color:#000000;
text-decoration:none;
}


.reasons {
width:484px;
height:80px;
background-repeat:no-repeat;
margin:0 0 8px 5px;
}
#reason-one{
background-image:url(../images/design/reasons1.png);
}
#reason-two{
background-image:url(../images/design/reasons2.png);
}
#reason-three{
background-image:url(../images/design/reasons3.png);
}
#reason-four{
background-image:url(../images/design/reasons4.png);
}
#reason-five{
background-image:url(../images/design/reasons5.png);
}
.reasons h2 {
font-size:15px;
color:#CC0066;
padding:15px 0 0 0;
margin:0 0 5px 40px;
}
.reasons p {
width:430px;
font-size:13px;
color:#333333;
line-height:14px;
margin-left:40px;
padding:0 0 3px 0;
}

/***** FORMS ******/
#orderforms h1 {
margin:0 0 10px 0;
}
#orderforms p {
font-size:100%;
margin:0 0 0 0;
}
.formerror p {color: red;}
form {
font-size:75%;
margin-top:20px;
}

form h2 {
color:#333333;
margin:10px 0 0  5px;
font-size:1.3em;
}
table td p {
width:400px;
margin: 0 0 10px 0;
line-height:16px;
font-size:120%;

}
form td {
padding-bottom:5px;
}
input, textarea {
width:95%;
border:1px solid #cccccc;

}

#addr2 {
width:183px;
margin: 0 10px 0 0;
float:right;
}
.noborder {
border:none;
width:auto;
}

#choose-products h2 {
font-size:1.2em;
color:#000000;
font-weight:normal;
}
#choose-products form {
width:180px;
margin:0 auto;
}
#choose-products form table td {
padding:10px 5px;
}
#choose-products input {
width:auto;
border:none;
}
#button {
width:auto;
text-align:center;
#float:right;
}
#next {
width:auto;
float:right;
}
#formbuttons {
position:absolute;
width:160px;
right:10px;
bottom:5px;
}
.footer {
width:360px;
margin:10px auto;
}
.footerhome {
width:920px;
height: 32px;
margin:10px auto;
text-align: right;
}
.footerhome #footerspacer{
	display: block;
	float: left;
	width: 262px;
	height: 32px;
}
.footerhome ul{
	float: left;
	height: 32px;
	line-height: 32px;
	width: 350px;
}
.footer ul li,
.footerhome ul li{
display:inline;

font-size:80%;

}
.footer ul li a,
.footerhome ul li a {
color:#999999;
text-decoration:none;
}
.footer ul li a:hover,
.footerhome ul li a:hover {
text-decoration:underline;
}
.footerhome #twitterLink {
	display: block;
	float: left;
	width: 130px;
	height: 32px;
	margin: 0 0 0 25px;
	background: transparent url('../images/TwitterHP.png') top left no-repeat;
}
.footerhome #facebookLink {
	display: block;
	float: left;
	width: 145px;
	height: 32px;
	margin: 0 0 0 5px;
	background: transparent url('../images/FacebookHP.png') top left no-repeat;
}

.social_links #twitterLink {
	display: block;
	float: left;
	width: 130px;
	height: 32px;
	margin: 20px 0;
	background: transparent url('../images/TwitterHP.png') top left no-repeat;
}
.social_links #facebookLink {
	display: block;
	float: left;
	width: 145px;
	height: 32px;
	margin: 20px 0 20px 30px;
	background: transparent url('../images/FacebookHP.png') top left no-repeat;
}

/*** POPUP (1) *****/
.popup {
position:absolute;
z-index:2;
width:425px;
height:385px;
background-image:url(../images/design/popup_bgd.gif);
background-repeat:no-repeat;
}
.popup h1 {
font-size:0.9em;
padding:130px 0 3px 18px;
}
.popup h2 {
font-size:1em;
margin-left:18px;
}
.popup h3 {
font-size:13px;
color:#00000;
margin:5px 0 5px 15px;
padding-left:10px;
background-image:url(../images/design/bullet.gif);
background-repeat:no-repeat;
background-position: 0 -4px;
}
.popup p {
color:#333333;
line-height:15px;
margin:0 18px 5px 18px;
font-size:12px;
}
.popup a {
color:#cc0066;
}
#close {
cursor:pointer;
position:absolute;
right:0;
bottom:0;
width:100px;
}
#close a {
cursor:pointer;
display:block;
width:100%;
color:#333333;
text-decoration:none;
background-image:url(../images/design/close.png);
background-position:right;
background-repeat:no-repeat;
padding:2px 0 0 0;
}
#close a:hover {
width:100%;
background-image:url(../images/design/close_over.png);
color:#cc0066;
padding:2px 0 0 0;
}
.black {
color:#000000;
}

/*** POPUP (2) *****/
.popup2 {
   position:absolute;
   z-index:2;
   width:425px;
   height:385px;
   background-image:url(../images/design/popup-bg.gif);
   background-repeat:no-repeat;
   left: 10px;
}
.popup2 h1 {
font-size:0.9em;
padding:130px 0 3px 18px;
}
.popup2 h2 {
font-size:1em;
margin-left:18px;
}
.popup2 h3 {
font-size:13px;
color:#00000;
margin:5px 0 5px 15px;
padding-left:10px;
background-image:url(../images/design/bullet.gif);
background-repeat:no-repeat;
background-position: 0 -4px;
}
.popup2 p {
color:#333333;
line-height:15px;
margin:0 18px 5px 18px;
font-size:12px;
}

#close2 {
position:absolute;
right:0px;
bottom:88px;
z-index: 3;
}
#close2 a {
color:#333;
text-decoration:none;
}

/********* TWO COLUMN PAGES *****************/

/***** FORMS ******/

.twocol {
width:auto;
margin-right:60px;
}
#faqcontent {
margin:30px 0 0 180px;
}
#tandccontent {
margin:30px 0 0 180px;
}
#tandccontent h1{
font-size:0.8em;
font-weight:bold;
margin:0 0 2px 10px;

}
#tandccontent dt {
margin-bottom:2px;
width:200px;
}
#orderforms {
width:680px;
}
#orderforms h1 {
font-size:1.2em;
margin:10px 0 10px 0;
color:#cc0066;
}
p#asterice {
font-size:80%;
}
#submitform {
margin-top:20px;
}
#submitform h2 {
color:#000000;
font-size:20px;
margin:0 0 20px 50px;
padding-top:22px;
font-weight:normal;
}
#submitform p {
margin-left:50px;
font-size:18px;
}
.summary {
font-size:14px;
margin:20px 0 0 50px;
}

.summary li {
margin-bottom:14px;
}
.summary input{
width:auto;
border:0;
}
#totals #submitbutton {
margin: 5px;
text-align:center;
width:auto;
border:1px solid #333333;
}
#totals {
margin:20px 0 0 75px;
}

#totals td {
font-size:110%;
}
#totals th {
border-bottom: 1px solid #999;
}

#totals input {
text-align:right;
width:75px;
border:1px solid #cccccc;
}
#totals table {
margin-left: -10px;
padding: 0;
}

#totals td {
/*padding-right:10px;*/

}

form {
font-size:75%;
}

.orderh2 {
width:150px;
font-size:16px;
margin:0 0 10px 40px;
line-height:20px;
}

.orderproducts {
line-height:20px;
}

form h2 {
width:450px;
color:#333333;
margin:10px 0 0 0;
font-size:1.3em;
}

form table {
margin:10px 0 0 15px;
}

form td p {
width:430px;
margin: 0 0 10px 0;
line-height:18px;
font-size:80%;
}
form td {
padding-bottom:5px;
}
p#logocolours {
margin-bottom:20px;

}
.nowrap {
white-space:nowrap;
}

.label {
padding-right:10px;
text-align:right;
}

input, textarea {
width:95%;
border:1px solid #cccccc;
}

.fieldlength {
width:390px;
}

/*
#postcode {
width:99px;
_width:86px;
}
*/
#postcode {
width:80px;
_width:86px;
}


#addr2 {
width:95%;
margin: 0 10px 0  0;
float:right;
}

.noborder {
border:none;
width:auto;
}

#other {
width:107px;
_width:90px;
margin-right:8px;
}

/*
#other {
width:125px;
_width:113px;
margin-right:8px;
}
*/

#choose-products form {
width:180px;
margin:0 auto;
}
#choose-products form table td {
padding:10px 5px;
}
#choose-products input {
width:auto;
border:none;
}
#next, #back {
width:150px;
border:none;

border:1px solid #333333;
}

#products-table {
width:170px;
margin-left:10px;
}

#products-table .noborder {
width:30px;
}

#products-table td {
height:40px;
}

#pdf-download {
position:absolute;
top:0;
right:0;
width:360px;
font-size:70%;

}

#pdf-download a {
color:#000000;
}
/**** PRODUCTS PAGE ***************/
.product-box {
position:relative;
width:683px;
margin:21px 0 20px 0;
}

.product-box h2 {
color:#cc0066;
padding:5px 0 0 10px;
font-size:0.9em;
margin:0;
}

.product-box p{
margin:0 100px 5px 10px;
line-height:17px;
font-size:14px;
}

.product-box span {
color:#000000;
}

.buynow {
position:absolute;
bottom:10px;
right:10px;
width:117px;
height:27px;
text-align:center;
padding:5px 0 0 0;
margin:0 0 -6px 0;
background-image:url(../images/buttons/buynow.png);
background-repeat:no-repeat;
margin:0;
}

.buynow a{
color:#000000;
text-decoration:none;
}

p.buynow-short {
position:absolute;
bottom:10px;
right:10px;
width:88px;
height:27px;
text-align:center;
padding:5px 0 0 0;
margin:0 0 -6px 0;
background-image:url(../images/buttons/buynow-short.png);
background-repeat:no-repeat;
margin:0;
}

.buynow-short a{
color:#000000;
text-decoration:none;
}

/******** ROWN CORNER BOXES ****************/
/***** LEFT BOXES *********/

.leftbox {
position:relative;
width:162px;
background-image:url('../images/design/leftbox_mid.png');
background-repeat:repeat-y;
margin-bottom:10px;
}
.leftbox p {
margin:0 10px;
}
.left-top a {
margin:0;
}

.left-top {
height:8px;
font-size:0;
background-image:url('../images/design/leftbox_top.png');
background-repeat:no-repeat;
}

.left-bottom {
height:7px;
font-size:0;
background-image:url('../images/design/leftbox_bottom.png');
background-repeat:no-repeat;
}
/******** RIGHT COLUMN ***********/
.rightcol {
position:relative;
width:246px;
background-image:url('../images/design/rightcol_mid.png');
background-repeat:repeat-y;
margin-bottom:10px;
}
.rightcol p {
margin:0 10px;
}
.rightcol-top {
height:8px;
font-size:0;
background-image:url('../images/design/rightcol_top.png');
background-repeat:no-repeat;
}

.rightcol-bottom {
height:8px;
font-size:0;
background-image:url('../images/design/rightcol_bottom.png');
background-repeat:no-repeat;
}

/******** PRODUCT BOXES***********/
.product-box {
position:relative;
width:683px;
background-image:url('../images/design/product_mid.png');
background-repeat:repeat-y;
}

.product-top {
height:8px;
font-size:0;
background-image:url('../images/design/product_top.png');
background-repeat:no-repeat;
}

.product-bottom {
height:7px;
font-size:0;
background-image:url('../images/design/product_bottom.png');
background-repeat:no-repeat;
}
/******** FORM BOXES***********/
.form-box {
position:relative;
width:683px;
background-image:url('../images/design/product_mid.png');
background-repeat:repeat-y;
}

.form-top {
height:8px;
font-size:0;
background-image:url('../images/design/product_top.png');
background-repeat:no-repeat;
}

.form-bottom {
width:683px;
height:7px;
font-size:0;
background-image:url('../images/design/product_bottom.png');
background-repeat:no-repeat;
}