*{ font-family:Arial,Helvetica, sans-serif}
body{ background-color:#FFF;  color:#000;  margin:0px;  padding:0px}

body, th, input, textarea, a{ font-size:12px;  color:#000;  line-height:1.3}

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

form{ padding:0;  margin:0}

a img{ border:none}

a:hover{ color:#2F429B;  text-decoration:underline}

#container{ width:960px;   margin:0px 0px 0px 17px}
#mycontainer{  width:884px;   margin:0px auto;   background:url(image/bg.png) repeat-y center}
#mycontainer-top{float:left;   width:882px;   height:7px;   background:url(image/bg-top.png) no-repeat right}
#mycontainer-bottom{float:left;   width:882px;   height:7px;   background:url(image/bg-bottom.png) no-repeat right}
#clearstyle{clear:both; height:14px}
h1{ display:none}

#header{ clear:both; background:#E5E5E5}

#central{width:960px;  padding-bottom:0px;background-color:#e5e5e5;padding-top:7px;}

#menudiv{float:left; width:150px; height:100%; background-color:#ED1C24} 

#content{ float:left;   width:960px}

#home-left{ float:left;  padding-right:20px;  width:300px}
#home-right{ float:right;  width:468px}

#footer{ height:21px; text-align:center;   font-size:12px;   color:#2F429B;background-color:#e5e5e5;}

#footer #footer-left{padding-top:3px; font-size:10px; float:left; height:20px; text-align:left}
#footer #footer-left a{font-size:11px; color:#2F429B; text-decoration:none}
#footer #footer-right{padding-top:3px; font-size:11px; float:right; height:20px; text-align:right}

#footer span{ color:#FFF}

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

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

.nav{ font-size:10px}

.nav a{ font-size:10px;  color:#2F429B}

.list{float:left;  width:160px;  height:190px;  text-align:center;  padding:0px;margin-left:57px;margin-bottom:10px;}
.list .image_area{width:155px;height:155px;overflow:hidden;}
.list .product_url a{color:#2F429B;font-weight:bold;}

.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}
.pen_personalize_li{
  list-style-type:none;
  padding:2px 0;
}
.pen_personalize_ul{
  padding:0;margin:0;
}
.pen_personalize_li .input_text{width:308px;}
#pen_add_to_basket:hover{
  text-decoration:none;
}
#header-top{clear:both;height:122px;} 

#xmas{float:right;width:600px;height:100%;}

#header-login{  float:right;   width:240px; padding:0 5px}

#logo{  float:left;width:360px;height:100%;}

#worldwide{width:100%; height:55px;   background:url(image/worldwide.gif) no-repeat center 10px}
#turnaround{width:100%; height:55px;   background:url(image/turnaround.gif) no-repeat center 10px}

#header-login{ height:100%;  text-align:right; color:#2F429B}

#header-login a{ color:#2F429B}

#header-bottom{height:33px;}

#header-bottom-left, #header-bottom-right{  color:#2F429B;    font-size:10px}

#agentheader{width:960px; float:left;   height:133px; background:#ED1C24 url(image/header.png) no-repeat center 0px}
#header-bottom-left{  float:right; width:356px;  height:23px;  padding-top:10px;  text-align:right} 

#header-bottom-left a{font-family:Gill Sans MT; font-size:11px; color:#2F429B; text-decoration:none}
#header-bottom-right{  float:right;   height:23px;   color:#FFF;   width:604px;font-size:10px; padding-top:10px; text-align:right}

#header-bottom-right a{font-family:Gill Sans MT; font-size:11px; color:#2F429B; text-decoration:none}
#header-bottom-right a:hover{text-decoration:none}
.header_nav{margin:0;list-style: none;margin-left:50px;}
.header_nav li{float:left;border-left:#2F429B 1px solid;padding:0 5px;height:12px;position:relative;}
.more_brochure_list {display:none;position:absolute;margin:0;padding:0;list-style:none;left:0;top:12px;}
.more_brochure_list li{position:static;border:0;float:none;}
#download_brochure a:hover {text-decoration:underline;}
#download_brochure{cursor:pointer;}

#header-bottom-right-1{  padding-top:10px;   font-size:10px;   color:black;   float:right;   height:21px;   width:134px;     background:url(image/header-right-1.gif) no-repeat left 0px}

#header-nav{position:relative; padding-top:0px; height:25px; background-color:#E5E5E5}
#header-nav #nav1{height:25px; width:16px; background:url(image/b_nav1.gif) no-repeat center}
#header-nav #nav2{width:190px;height:25px;background:url(image/b_nav6.gif) repeat-x center} 
#header-nav #nav3{width:572px; background:#FFFFFF url(image/b_nav6.gif) repeat-x center}
#header-nav #nav4{width:120px; background:url(image/nav4.gif) no-repeat center}
#header-nav #nav5{width:117px; background:url(image/nav5.gif) no-repeat center}
#header-nav #nav6{background:url(image/b_nav6.gif) repeat-x center;width:180px;text-align:right;}
#header-nav #nav7{width:157px; background:url(image/nav7.gif) no-repeat center}
#header-nav #nav8{width:35px; background:url(image/b_nav8.gif) no-repeat left}
#home-right-1{float:left; width:468px; height:449px; background:#E31C24 url(image/home_right.png) no-repeat left}
#home-left-1{background-color:#ED1C24; float:left; width:492px}
#agent-bottom{float:left; background:url(image/AGENT-Bottom.png) no-repeat center; width:960px; height:49px}
#personalise{ border-top:1px solid #000;  border-bottom:1px solid #000;  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:#BC9A4D;  color:#FFF;  font-weight:normal}

#bastet-container{ position:relative;  top:20px;  width:100%;  left:0px}

#basket{ clear:both;  width:100%;  margin-bottom:10px;   border:1px solid #454545}

#basket a{ color:#2F429B}
#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:left;  vertical-align:top}

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

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

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

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

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

#basket .total{ text-align:left}

#bottom-nav{ width:100%;  border:1px solid #2F429B;  background-color:#FFF;  margin-bottom:20px}

#basket th{ color:#000;  background-color:#EEE}

#basket td{ background-color:#FFF}

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

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

#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 #2F429B;   height:310px;  padding:10px}
#account-login-left p {margin:12px 0;}

#account-login-big div{ background-color:#FFF;  border:1px solid #2F429B;  padding:10px}

#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 #2F429B;  margin-left:12px}

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

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

#account-container td{ color:#454545}

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

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

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

.c, .c input, .c textarea, .c select{text-align:center; margin:0 0 4px 0}
.r, .r input, .r textarea, .r select{text-align:right; margin:0 0 4px 0}
.sr, .sr input, .sr textarea, .r select{text-align:right; margin:0 0 4px 0}
.lsr div{float:left}
.lsr div.sr{float:right; text-align:right}
div.c{clear:both;}
.std{color:black; background-color:#EEE}
.prompt{font-weight:bold}
span.logoRequest, a.logoRequest{font-size:11px; color:#666}
a.logoRequest{font-weight:bold}
div#navigation{background:#EEE; padding:4px; text-align:right; margin-bottom:10px; font-size:11px; border-bottom:1px solid #000}
div#navigation a{font-size:11px}
div#pageInfo{text-align:left; margin-bottom:10px; padding:4px; background:#FFC}

.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 #2F429B;  text-align:center;  overflow:auto}
.zoom{font-weight:bold; margin-bottom:6px}
.zoom a{font-size:10px; color:#2F429B; padding:2px; text-decoration:none; background-color:#FFF; border:1px solid #2F429B}
.zoom a:hover{text-decoration:none; color:#FFF; background-color:#2F429B}

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

#invoice td{ color:#000}

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

#invoice table{ width:100%}

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

input, textarea, select{border:1px solid #2F429B; color:#000; font-family:Arial,Helvetica,sans-serif; font-size:11px}
input{padding:0 2px}
.button{background:#2F429B; border:1px solid #BBBBBB; color:#FFF; font-weight:bold; cursor:pointer}
table.contentTable{border:1px solid #0E4779; 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}
h2{color:#454545; font-size:13px}

.gray_text{color:#CCC}
.light_text{color:#000}

.search_list font{color:#ED1C24}

.search_list{padding:2px}

.error{font-size:11px; color:red}

.pro_select{width:250px; height:35px}
.pro_qty{float:left; height:23px; width:103px; padding-left:6px; background:url(image/select.gif) no-repeat center 0px; line-height:20px; color:white}
.pro_qty_but{float:left; width:17px; cursor:pointer; background:url(image/select_btn.png) no-repeat center; height:23px}
.qty_items{clear:left; background:white; padding-left:6px; width:104px; border:1px solid #D0151B; position:absolute; z-index:80}
.qty_items_out{background-color:#FFF; padding-left:2px; cursor:pointer; line-height:18PX}
.qty_items_over{background-color:#CCC; padding-left:2px; cursor:pointer; line-height:18PX}
.clear{clear:left}
#samplebtn{background:url(image/business_samplebtn.jpg) no-repeat center}
#addtocart{background:url(image/business_buynow.jpg) no-repeat center}
#addtocart_direct{background:url(image/business_addtocart.jpg) no-repeat center}
#hidediv{background:url(image/GOLDGRADIENT.jpg) no-repeat center}
#agent_detail_info{ margin-top:20px; margin-bottom:50px; width:450px}
#agent_detail_info td{ height:20px}
#page_links a {text-decoration:none;}
#file_list th {border-bottom: solid 3px #2F429B;}
#file_list a {text-decoration:none;cursor:pointer;}

DIV.img_loader{background: url(/image/spinner.gif) no-repeat center center;}
IMG.img_loading{display:none;}   
.hidden{display:none;} 
.visable{display:block;}


/*tabs links*/
#nav3 ul,#nav3 ul li{list-style-type:none;list-style-position:inside;text-align:center;margin:0px;padding:0px;}			     
#nav3 ul{width:300px;}
#nav3 ul li{float:left;display:inline;width:100px;height:23px;}			     			     
#xmas_tab{background:#D30202;}
#business_tab{background:#0013A0;}
#wedding_tab{background:#F955BE;}
#nav3 ul li a{display:block;width:100%;height:100%;line-height:23px;font-weight:bold;font-size:13px;color:#FFFFFF;text-decoration:none;}			 
.search_input{width:94px;height:17px;border:0;background:#C8C8C8}
#central_content{background-color:#FFFFFF;margin:0px 8px 0px 8px;width:934px;padding:5px;min-height:500px;}
.btn_saveForLater{cursor:pointer;WIDTH:111px; HEIGHT: 38px;border:0px;background:url('image/business_save_for_later.jpg') no-repeat;}
.btn_pdfPreview{cursor:pointer;WIDTH:111px; HEIGHT: 38px;border:0px;background:url('image/business_preview_pdf.jpg') no-repeat;}
.btn_next{cursor:pointer;WIDTH:111px; HEIGHT: 38px;border:0px;background:url('image/business_next.jpg') no-repeat;}
.order_table{border:1px solid #2F429B;}
.quick_th{
	height:20px;
	background:#2F429B;
	color:#FFFFFF;
	font-weight:600;
	font-size:12px;
	text-align:center;
}
.product_left{float:left;display:inline;width:350px;margin-left:20px;}
#product_right{float:right;display:inline; width:390px;color:#666666;margin-left:10px;font-size:14px;}
#product_right .select{border:1px solid #666666;}
#product_name{font-size:26px; font-weight:bold; text-align:left; margin-top:10px; margin-bottom:20px;color:#7C2B83;}
#product_description{width:350px;font-size:15px;color:#666666;margin-bottom:20px;}
#product_image IMG{max-width:340px}  
#product_image{width:340px; min-height:340px; vertical-align:middle;overflow:hidden;font-size:1px;}
.pen_t2{font-size:17px;font-weight:bold;color:#2F429B;}
.add_to_basket{background:url(image/add_to_basket.png) no-repeat;width:174px;height:34px;border:0;margin-left:130px;}
.info_table{border:1px solid #2F429B;}