*{font-family:Arial,Helvetica, sans-serif}

body{background: white url(image/bg.png) repeat; margin:0px;  padding:0px; background-position: center top;}

body, td, th, input, textarea, a{ font-size:13px;  color:#adacad;  line-height:1.3} 

.warning{ font-size:13px;  color:#C00}

form{ padding:0;  margin:0}

a img{ border:none}

a:hover{ color:#adacad;  text-decoration:underline}
a{ text-decoration:none}
#coner-left-top{float:left;background:url(image/coners.gif) 0px -100px;width:6px;height:7px;font-size:1px;}
#coner-right-top{float:right;background:url(image/coners.gif) -10px -100px;width:6px;height:7px;font-size:1px;}
#coner-left-bottom{float:left;background:url(image/coners.gif) -20px -100px;width:7px;height:7px;font-size:1px;}
#coner-right-bottom{float:right;background:url(image/coners.gif) -30px -100px;width:8px;height:7px;font-size:1px;}

/*layout*/

h5{cursor:pointer;text-decoration:none;} 

#search_div{ 
	margin-top:0px;margin-bottom:0px;padding:0px; width:200px;height:30px;padding:0px 10px 0 10px;
}
#search_div td{ color:#635c2e;}

#search_str{		
	width:188px; 
	height:20px;
	border:1px solid #bbbbbb;
	font-size:13px;
	color:#bbbbbb;
}

#search_btn{		
	width:23px;
	height:22px;
	border:0;		
	background:url(image/search_btn.png) 0px 0px no-repeat;
	cursor:pointer;
}
#menu{
	float:left;
}

#menu_top{
	font-size:1px;
	width:222px;
	height:9px;
	background: url(image/menu_top.png) no-repeat;
}
#menu_bottom{
	font-size:1px;
	width:145px;
	height:6px;
	background:red url(image/menu_bottom.png) no-repeat bottom;
}
#menu_content{
	width:220px;
	border:1px solid #BB4D51;
	font-weight:bold; 
	text-align:left;
}

#menu_border {
	width:220px;
	padding:3px 5px; 
}

#menu_brochure {
	width:221px;
	height:27px;
	text-align:center;
	color:#013044;
	padding-top:285px;
	background:url(image/home_brochure.jpg) no-repeat;
	margin-top:10px;
}
#menu_brochure a{color:#013044;font-weight:bold;text-decoration:none;cursor:pointer;}

#content_right{
	float:right;
	margin-left:8px;
	width:690px;
	min-height:250px;
}
.payment_banner td{color:#000000;}

#central_content{
	margin:0px 8px 0px 8px;
	width:944px;
	background-color:#FFFFFF;
}

/*home start */
#home_content{		
	width:710px;
}

#home_left{
	float:left;
	width:537px;
	border:0px solid #000000;
}

#home_left div{
	margin-right:0px;
	border:0px solid #000000;
}
	
#home_right{
	float:right;
	width:230px;
	border:0px solid #000000;	
}


.font_red{color:red;}
.home_text{color:black;font-size:11px;text-align:left;}
.com_text{
	font-size:14px;
	font-weight:bold;
}

.com_text_plus{
	font-size:17px;
	font-weight:bold;
}

.title_text{
	font-size:45px;
}


.cat_small_red_link{		
	display:block;
	width:21px;
	height:22px;
	border:0;		
	background:url(image/small_link.png) 0px 0px no-repeat;
	cursor:pointer;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	line-height:18px;
	text-decoration:none;
}

.cat_small_red_link:hover{				
	background:url(image/small_link.png) -21px 0px no-repeat;
	color:#FFFFFF;
	text-decoration:none;
}

.home_right_div_margin{
	margin-left:15px;
}

.home_right_div_sm_margin{
	margin-left:5px;
}

#ds_pic{		
	border:0px solid red;
}

#loading{
	position:absolute;left:100px;top:55px;display:none;width:77px;height:77px;background:url(/image/loading-conn_01.gif);
}

#ds_box{
	background:url(image/ds-box.jpg) -4px -2px no-repeat;		
}

.ds_name_btn{
	width:34px;
	height:35px;
	border:0;		
	background:url(image/right_cat_link.gif) 0px 0px no-repeat;
	cursor:pointer;
}

.ds_name_btn:hover{				
	background:url(image/right_cat_link.gif) -34px 0px no-repeat;
}



.right_cat_grey_link, .right_cat_red_link{		
	display:block;
	width:34px;
	height:35px;
	border:0;				
	cursor:pointer;				
}

.right_cat_grey_link{	
	background:url(image/right_cat_link.gif) 0px 0px no-repeat;
}

.right_cat_red_link{	
	background:url(image/right_cat_link.gif) -34px 0px no-repeat;
}

.right_cat_grey_link:hover{				
	background:url(image/right_cat_link.gif) -34px 0px no-repeat;
}

.right_cat_red_link:hover{				
	background:url(image/right_cat_link.gif) 0px 0px no-repeat;
}

/*home end*/


.gray_text{
	color:#CCCCCC;
}
.light_text{
	color:#000000;
}

#logo {height:120px;width:300px;}
#h_discount_area{width:465px;height:90px;background:url(image/header_discount_bg.png) no-repeat;padding:5px 10px 10px 10px;margin-right:10px;}
#header_table{height:77px;background:url(image/logo.png) no-repeat;}
#central{width:960px; }

#container{ width:960px;  margin:0px auto; background-color:#FFFFFF}

#header{ clear:both;}

#menudiv{float:left; width:150px; height:100%}

#footer{height:36px;clear:both;margin:0px auto;background:url(image/header_footer_border.png) repeat-y;text-align:right;font-size:12px;color:#000;width:960px;}


#footer span{ color:#FFF}


#cnt{ height:525px;  clear:both;  background-color:#fff;  font-size:12px;  color:#000}
 
#cnt div{ padding-top:4px}

#cnt span{ color:#FFF}

#title{ font-size:18px;  margin:0 0 14px 0;  color:#adacad}

#time{ color:#adacad;  text-align:center;  clear:both}

.nav{ font-size:12px;list-style-type:none;height:20px;margin-top:5px;margin-bottom:10px;margin-left:0px;padding:0px;} 
.nav li{float:left;height:20px;padding-left:15px;padding-right:15px;margin-right:-10px;position:relative;}
.nav .home {background:url('image/nav0.png') right;padding-right:10px;padding-left:0;}
.nav .home a{width:20px;height:20px;}
.nav .group {background:url('image/nav1.png') right;}
.nav .catagory {background:url('image/nav2.png') right;}
.nav .product {background:url('image/nav3.png') right;}
.nav a{ font-size:12px;  color:#FFFFFF;display:block;text-decoration:none;line-height:20px;}

.list_big{float: left;width: 219px;min-height: 222px;text-align: center;padding: 0px;background: url(image/catagory_list_top_big.png) no-repeat;padding-top: 8px;}
.list_big .content {width: 100%;min-height: 206px;background: url(image/catagory_list_middle_big.png) repeat-y;}
.list_big .content .image{width:100%;min-height:170px;}
.list_big .content .title{width:100%;min-height:26px;}
.list_big .content .title a {color:#adacad;}
.list_big .bottom {width: 100%;height: 8px;background: url(image/catagory_list_bottom_big.png) no-repeat;}
.list_big a{ color:#000;  text-decoration:none}
.list_big a:hover{ text-decoration:underline}
 
.list{float:left;width:162px;min-height:182px;text-align:center;padding:0px;background:url(image/catagory_list_top.png) no-repeat;padding-top:8px;}
.list .content{width:100%;min-height:166px;background:url(image/catagory_list_middle.png) repeat-y;}
.list .content .image{width:100%;min-height:140px;}
.list .content .title{width:100%;min-height:26px;}
.list .content .title a {color:#adacad;}
.list .bottom{width:100%;height:8px;background:url(image/catagory_list_bottom.png) no-repeat;}
.list a{ color:#000;  text-decoration:none}

.list a:hover{ text-decoration:underline}
.pen_list{float:left;  width:300px;  height:300px;  text-align:center;  padding:0px}
.diary_list{float:left;  width:220px;  height:230px;  text-align:center;  padding:0px}

#header-top{clear:both;   height:90px}

#xmas{  height:122px;   float:right;   background:url(image/CONNECTIONS.jpg) repeat-y;   color:#000; width:608px; font-size:23px; font-family:Arial}
.header_link_left{padding-left:10px;width:290px;}
.header_link,.header_link a{font-size:10px;color:white;font-weight:bold;}

#header-login{  float:right;   width:240px; padding:0 5px}
#header-login{  height:100%;   text-align:right; color:#FFF}
#header-login a{  color:#000}
#header-bottom{  background-color:#D81D24;   height:33px}
#header-bottom-left{  float:left;   padding-left:6px}
#header_basket,#header_basket a{font-size:11px;color:#000000;font-weight:bold;}
#header_basket{background:url(image/basket_bg.png) repeat-y;width:278px;height:30px;padding-top:10px;padding-left:10px;}
#header_menu{width:960px;height:47px;background:url(image/header_border.png) no-repeat;}
#header_menu a {color:#818284; display:inline-block;font-size:12px;font-weight:normal;margin-left:15px;}
#header_menu .menu_left{float:left;}
#header_menu .menu_left img{position:relative;left:-2px;}
#header_menu .menu_right{float:right;}
#header_menu .menu_right img{position:relative;right:-2px;}
#header_menu .menu_center{float:left;padding-top:12px;}
#personalise{ border-top:1px solid #C4111A;  border-bottom:1px solid #C4111A;padding:2px 0px}
#personalise table{ width:100%}
#personalise td{ text-align:center;  padding:3px;  height:15px;  cursor:pointer}
.hover{ background-color:#454545; color:#FFF}
.highlight{ background-color:#adacad;  color:#FFF;  font-weight:normal}
#bastet-container{margin-left:1%; width:98%}
#basket{clear:both;  width:100%;  margin-bottom:10px;   border:1px solid #adacad;border-collapse:collapse;}
#basket a{ color:#adacad}
#basket img{ border:0}
#basket th, #basket td{ padding:5px}

#basket .preview{ font-size:9px; text-decoration:underline; cursor:pointer}

th.remove{ text-align:center}

td.remove{ text-align:center;  vertical-align:middle}

th.image{ text-align:center}

td.image{ text-align:center;  vertical-align:middle;  width:116px}

th.name{ text-align:left}

td.name{ text-align:left;  vertical-align:top}

th.code{ text-align:left}

td.code{ text-align:left;  vertical-align:top}

th.option{ text-align:left}

td.option{ text-align:center;  vertical-align:top}

#basket td.name span, #basket td.name span a{ font-size:9px}

th.quantity{ text-align:right;  vertical-align:top}

td.quantity{ text-align:center;  vertical-align:top}

th.price{ text-align:right;  vertical-align:top}

td.price{ text-align:right;  vertical-align:top}

#basket .total{ text-align:left}

#bottom-nav{ width:100%;background-color:#FFF;  margin-bottom:20px;}
#proof-container{font-weight:bold;color:#000000;}
#basket th{ color:#FFFFFF;  background-color:#C4161C;border:1px solid #adacad;text-align:center;}

#basket td{ background-color:#FFFFFF; border:1px solid #adacad;}

#basket th, #basket td,  #basket a{ font-size:11px}

#basket .total{ text-align:right;  color:#C4111A}

#basket .total b{ text-align:right}

/* #basket div{ text-decoration:underline;  cursor:pointer} */

#login{ width:580px;  margin:0 auto;   top:10px}
 
#account-login-left, #account-login-right{ width:384px}

#account-login-big{ width:500px}

#account-login-left div, #account-login-right div{ background-color:#FFF;  border:1px solid #adacad;  height:180px;  padding:10px;  color:#adacad}

#account-login-big div{ background-color:#FFF;  border:1px solid #adacad;  padding:10px;  color:#000}
#account-login-left a{color:#adacad}
#account-login-right table{ width:100%}

#account-login-left span, #account-login-right span, #account-login-big span{ font-weight:bold;  margin-bottom:2px;  display:block}

#account-login-left, #account-login-big{ float:left}

#account-login-right{ float:right}

.account-login-table td input{ width:140px}

.account-button{ text-align:right;  cursor:pointer;  border:0;  padding-top:5px}

.account-button a{ float:left;  font-size:10px}

#account-container{ width:500px;  margin:0 auto}

#account-container p{ font-weight:bold;  color:#562500;  margin:8px}

#account-container div{ padding:5px;   border:1px solid #adacad;  margin-left:12px}

#account-container #bottom-nav{ width:98%}

#account-container table{ width:100%;  margin-bottom:20px}

#account-container td{ color:#454545}

#account-container ul a{ color:#454545}

#password{ height:100px;  width:300px;  border:1px solid #adacad;   background-color:#FFF;  margin:0 auto;  margin-top:20px}

.sample{ color:#F00;  font-size:10px}


a.logoRequest{font-weight:bold}
div#navigation{background:#CE181F; padding:4px; text-align:right; margin-bottom:10px; font-size:11px; border-bottom:1px solid #C4111A}
div#navigation a{font-size:11px}
div#pageInfo{text-align:left; margin-bottom:10px; padding:4px; background:#FFC; color:#000}

.artthumb{ float:left;  margin:5px;  padding:2px;  border:1px solid #DDD;  background-color:#EEE;  width:72px;  text-align:center}
.portfolio{ float:left;  clear:both;  margin:5px;  padding:2px;  border:1px solid #DDD;  background-color:#EEE;  width:680px}

.pv, .pvthumb{ border:1px solid #999;  background-color:#FFF;  margin:5px}

#preview{ margin-top:30px;  padding:10px;  width:674px;  height:400px;  margin-bottom:30px;  background-color:#EEE;  border:1px solid #adacad;  text-align:center;  overflow:auto}
.zoom{font-weight:bold;  margin-bottom:6px;  margin-top:2px}
.zoom a{font-size:10px; color:#adacad; padding:3px; text-decoration:none; background-color:#FFF; border:1px solid #adacad}
.zoom a:hover{text-decoration:none; color:#FFF; background-color:#adacad}
.tbcnt{font-size:12px; color:#000;  font-weight:regular}
.tbcnt a{font-size:12px; color:#003FDD; text-decoration:none}
.tbcnt a:hover{text-decoration:underline; font-size:12px; color:#F00}

#invoice{  clear:both;   margin-bottom:20px;   width:650px;   margin-left:-325px;   position:relative;   left:50%}

#invoice td{  color:#000000}

#invoice div{  border:1px solid #adacad;   margin-bottom:20px;   background-color:#FFF}

#invoice table{  width:100%}

#invoice .preview{  font-size:9px;   text-decoration:underline;   cursor:pointer}

#connections-paypal{  width:150px} 

input[type="text"], textarea, select{border:1px solid #adacad; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:11px}
input{padding:0 2px}
.button{background:#adacad; border:1px solid #adacad;padding:1px; color:#FFF; font-weight:bold; cursor:pointer}
table.contentTable{border:1px solid #454545; border-collapse:collapse}
th.contentTh{border:1px solid #454545; background:#454545; font-weight:bold; color:#FFF; padding:3px}
td.contentTd{border:1px solid #454545; padding:3px; color:#000}
h1{color:brown; font-size:15px}
h2{color:#B61E23; font-size:14px}
h3{color:#fff; font-size:13px}

.search_list{background-color:#FFF; color:#981B43; padding:3px}


.search_list font{color:#C4111A}

.search_list a{color:#981B43}
 
.search_category_list{color:#981B43}

.search_category_list a{color:red}


.bg1{border:1px solid #d8d8d8; border-bottom:0; background:#ebebeb} 
.bg2{border:1px solid #b4b4b4; border-bottom:0; background:#fff}
.bg3{border:1px solid #b4b4b4; border-top:0; background:#fff}
a.a22:link, a.a22:visited, a.a22:hover, a.a22:active{text-decoration:none; color:#666; padding-top:3px; font-size:11px; FONT-FAMILY:Arial,Helvetica,sans-serif; height:22px}
a.a23:link, a.a23:visited, a.a23:hover, a.a23:active{text-decoration:none; color:#666; padding-top:3px; font-size:11px; FONT-FAMILY:Arial,Helvetica,sans-serif; height:22px}

#footer #footer-left{padding-top:3px; float:left; color:#818284 width:800px;text-align:left; font-size:11px;line-height:30px;height:38px;}
#footer #footer-left a{text-decoration: none;color:#818284;font-family:Arial;font-size:10px; }
#footer #footer-right{padding-top:3px;font-size:10px;float:right;height:21px;width:160px;color:#818284;text-align:right}

#samplebtn{background:url(image/request_sample_btn.png) no-repeat bottom} 
#addtocart{background:url(image/personalise_btn.png) no-repeat center} 
#addtocart_direct{background:url(image/personalise_btn.png) no-repeat center}  
.personalise_btn{background:url(image/personalise_btn.png) no-repeat center} 

#charity{width:650px; height:48px; background:white url(image/bottom.gif) no-repeat}
#promotional{width:630px; min-height:50px;margin-bottom:10px;}
#promotional-left{border:1px #adacad solid; padding:5px 5px 5px; width:290px; min-height:50px; float:left}
#promotional-right{border:1px #adacad solid; padding:5px 5px 5px; width:290px; min-height:50px; float:right}
#total_detail{width:260px;border:1px #adacad solid;padding:10px 0 10px 5px;}


#hsbc_info{border:1px solid #adacad;}
#paypal_info{border:1px solid #adacad;}
#credit_info{border:1px solid #adacad;}

#cal_table th, #cal_table td{border: 1px solid;padding:3px;}

#tick_table td{font-size:12px;}
#tick_table a{text-decoration:underline}

#description{
	width:98%;
	margin-left:1%;
}
.pen_personalize_li{
  list-style-type:none;
  padding:2px 0;
}
.pen_personalize_ul{
  padding:0;margin:0;
}
#pen_add_to_basket:hover{
  text-decoration:none;
}
.colors{
  width:250px;
}
.pointer_hand:hover{
  cursor:pointer;
}

#ods_help{
  width:750px;
  height: 100%;
  background-color: #F9EBEB;
  border:3px solid #AD1C21;
  color: #AD1C21;
  text-align: left;
  position:relative;
  overflow: hidden;
}
#ods_help_close{
  width:20px;
  height:20px;
  background:url(image/ods_help_close.png);
  position:absolute;
  top:5px;
  right:10px;
  cursor:pointer;
}
#preview_images{
	width:280px;
	height:170px;
	table-layout:fixed;
}
.hidden{ 
	display:none;
}
.visiable{
	display:block;
}

DIV.img_loader{background: url(/image/spinner.gif) no-repeat center center;}
/*IMG.img_loading{display:none;}*/
#twf_link{width:145px;height:121px;background:url(image/twfimages.gif) no-repeat;margin-top:6px;}
#trustpilot_link{width:145px;height:58px;background:url(image/trustpilot.gif) no-repeat;margin-top:6px;}

#more_info_div{display:none;border:2px solid #CCCCCC;background:#FFFFFF;padding-top:10px;}  	
#more_info_div div{padding:10px;}
#more_info_div div p{color:#000000;}
#more_info_div a{font-size:18px;font-weight:bold;text-decoration:underline;color:#C4111A}
/*#discount_50{width:105px;height:105px;background:url(image/50percentbanner.jpg) no-repeat;}*/
.recommends_tbl{width:630px;height:135px;border:1px solid #adacad;border-collapse:collapse;margin-bottom:20px;}
.recommends_tbl th{background-color:#C0942B;color:#FFFFFF;text-align:left;}
.recommends_tbl .product{border:1px solid #adacad;}
.cart_rp{float:left;}
.cart_td_right{float:right;}
#details td { text-align: right; color: #000000;  }
.product_order_info { 
  background:url(image/product_price_top.png) no-repeat;width:288px;min-height:152px;padding-top:6px;
}
.product_order_info p {
	margin-bottom:12px;margin-top:0px;
}
.product_order_info .content {
  min-height:126px;background:url(image/product_price_bg.png) repeat-y;padding-left:10px;padding-top:10px;padding-right:10px;
}
.product_order_info .bottom {
  width:100%;height:6px;background:url(image/product_price_bottom.png) no-repeat;
}
.display_none { 
  display:none;
}
.silver_bottom {padding-bottom:30px;background:url(image/slide_silver.png) no-repeat bottom;}

.slipMenu H4 DIV, .slipMenu A H5{padding:5px 0 5px 10px;}
.slipMenu H4 DIV A, .slipMenu A H5{font-size:10pt;}
.slipMenu ul li a{font-weight:normal;line-height:21px;}

#address {
  padding: 5px;
  margin-bottom: 15px;  
}

#address div {
  padding: 5px;
  margin-bottom 10px;
}

#address span {
  font-weight: bold;
  /*color:#FFFFFF;*/
}
#address table table span {
  font-weight: bold;
  color:red;
}

.required {
  color: #FF0000;
}

#address div td input {
  width: 100px;
  border: 1px solid #adacad;
}

#address div td select {
  border: 1px solid #adacad;
}
.price_display {
    border: 1px solid #adacad;
    font-size: 11px;
    padding: 2px 5px;
}