/* @override http://localhost:8888/css/style.css */

/*---- CSS - Touchpaper ----*/

/*--------------------------------------- General Structure -----------------------------------------*/

body { text-align: left;  margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;  letter-spacing:normal; background:url(../images/bg1.gif) repeat-x #ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12px; }

body,p,h1,h2,h3,h4 { margin:0px 0px 0px 0px;  padding: 0px 0px 0px 0px; }

#container{ position:relative; padding:84px 0px 0px 0px; text-align:left; margin-top: 0px; margin-left:auto; margin-right:auto; width:740px; height:auto; background:url(../images/container_bg.gif) repeat-y #ffffff; }

#header{ position: relative; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:480px; }

#logo{ position:absolute; top:0px; left:0px; width:474px; height:84px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:url(../images/logo.gif) top left no-repeat #ffffff;}

#banner { margin:0px 0px 0px 0px; }

#main{  width:740px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }


#nav {margin:0px 0px 10px 0px; width:140px; }

#nav a {display:block; width:115px; color:#ffffff;  margin:0px 0px 0px 0px; padding:6px 0px 7px 25px;  font-weight:bold; border-bottom:1px solid #c5c7cb; font-size:11px; background:url(../images/nav1_white.gif) left center no-repeat;
	height: 14px;
}
#nav a:hover {color:#333333;  background:url(../images/nav2_white.gif) left center no-repeat; text-decoration:none; }

#nav a.blue { background:url(../images/nav1_blue.gif) left center no-repeat; }
#nav a:hover.blue { background:url(../images/nav2_blue.gif) left center no-repeat; }

#nav a.green { background:url(../images/nav1_green.gif) left center no-repeat; }
#nav a:hover.green { background:url(../images/nav2_green.gif) left center no-repeat; }

#nav a.pink { background:url(../images/nav1_pink.gif) left center no-repeat; }
#nav a:hover.pink { background:url(../images/nav2_pink.gif) left center no-repeat; }

#content_home {  margin: 10px 4px 0px 0px; padding: 0px 260px 0px 0px; width:320px; float:right;  }
#content {  margin: 10px 4px 0px 0px; padding: 0px 0px 0px 0px; width:580px; float:right;  }

#sidebar { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left; width:140px; text-align:left; }
#sidebar img{ margin:0px 0px 0px 0px; }

#footer { width:740px; font-size:11px; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; color:#999999; background:url(../images/footer_bg.gif) right no-repeat #5E5E5E;}

.clear { clear:both; }


#content img {margin:5px 0px 5px 5px; }


#helptab {position:absolute; top:0px; right:5px; background:#bedddd; width:255px; padding:5px 0px 2px 0px; text-align:center; }

#helptab img {margin:0px 0px 3px 0px; border:0px; }

.bg_green { background:#daeae8; margin-top:8px; margin-bottom:8px; padding:5px; }
.bg_blue { background:#e8eeff; margin-top:8px; margin-bottom:8px; padding:5px; }


/*------------------------------------- General Text & Colours ---------------------------------------*/

h1{ color:#333333; font-size:22px; font-family: franklin Gothic Book, Arial, Helvetica, sans-serif; padding: 5px 0px 2px 0px; margin:5px 0px 5px 0px; font-weight:normal; }

h2{ color:#0f2991; font-size:14px; font-weight:bold; margin:10px 10px 4px 10px;}

p {font-size:13px; margin-top:5px; margin-bottom:5px; }
#content p {text-align:justify; margin:8px 8px 8px 8px; padding: 0px 0px 0px 0px; font-family:franklin Gothic Book, Arial, Sans Serif; }

a {text-decoration:none; color:#2163bd; } 
a:hover{ text-decoration:underline; color:#2163bd;  }

#footer p {font-size:10px; color:#FFFFFF;  padding:10px 5px 10px 5px; margin:0px 0px 0px 0px;}
#footer a {font-size:10px; color:#FFFFFF; }
#footer h2 { font-size:12px;  font-weight:bold; color:#333333; background-color:#FFFFFF; text-align:right; margin:0px; padding:4px 0px 4px 0px; }

.pink { color:#da589b; }

ul { font-size:11px; }
li { margin-top:2px; }

.blue { color:#3556ac; }
/*------------------------------- Homepage  -------------------------------*/


#main_home{  width:480px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

/*------------------------------- Product Pages  -------------------------------*/

.product_container { background:url(../images/tab_product.gif) bottom right no-repeat #f9eff6; padding:5px 30px 5px 10px; margin-bottom:10px; }
.product_container img {  margin:0px; padding:0px; border:1px solid #333333; float:right; }

.product_container h2 { color:#333333; font-size:18px; font-family: franklin Gothic Book, Arial, Helvetica, sans-serif; padding:0px; margin:0px; font-weight:bold; }

.product_container h2  a { background:url(../images/bullet_pink.gif) left center no-repeat; color:#333333; font-size:18px; font-family: franklin Gothic Book, Arial, Helvetica, sans-serif; padding: 5px 0px 2px 15px; margin:5px 0px 0px 5px; font-weight:bold; }

.product_container h2 a:hover { background:url(../images/bullet_green.gif) left center no-repeat; text-decoration:none; }

.product_container h3 { font-size:16px; margin:2px 0px 2px 12px; }

.product_container p { font-size:13px; margin:0px 0px 0px 20px; padding:0px; }


.product_detail { background: #f9eff6; padding:5px; margin-bottom:10px;  }
.product_detail img { margin:10px 10px 0px 5px; padding:0px; border:1px solid #333333; float:right; }

.product_detail h2 { color:#333333; font-size:18px; font-family: franklin Gothic Book, Arial, Helvetica, sans-serif; padding:0px; margin:0px 0px 0px 5px; font-weight:bold; }

.product_detail h2  a { background:url(../images/bullet_pink.gif) left center no-repeat; color:#333333; font-size:18px; font-family: franklin Gothic Book, Arial, Helvetica, sans-serif; padding: 5px 0px 2px 15px; margin:5px 0px 0px 5px; font-weight:bold; }

.product_detail h2 a:hover { background:url(../images/bullet_green.gif) left center no-repeat; text-decoration:none; }

.product_detail h3 { font-size:16px; margin:2px 0px 2px 12px; }

.product_detail p { font-size:13px; margin:-4px 0px 5px 10px; }