@charset "utf-8";
/* CSS Document */

/* ------------- "generic" styles */

:focus { outline: 0; }

* {
	margin: 0;
  	padding: 0;
	border: 0;
}

body {
	background-color: #0d0d0d;
	background-image: url(../images/bg_01.png);
	background-repeat: repeat-x;
	background-position: top;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	color:#666;
}

h2 { font-size: 14px; }

p { margin-bottom: 15px;}

div#page_nav {
	padding-left: 15px;
	padding-top: 8px;
	margin: auto;
	width: 785px;
	height: 40px;
	font-size: 14px;
	background-image: url(../images/main_header.png);
	background-repeat: no-repeat;
	background-position:bottom;
	}
	
div#page_nav span { color: #ff51ab; }

div#pagination { 
	margin: 25px auto;
	margin-right: 20px;
	margin-left: 20px;
	height: 40px;
	float: right;
}

div#pagination h2 {float: left; margin-right: 10px; font-weight: normal; margin-top: 4px;}

div.page_number, div.page_number_current {
	margin: auto;
	margin-right: 2px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 14px;
	width: 24px;
	height: 24px;
	float: left;
	background-color: #eee;
	border: 1px solid;
	border-color: #999;
	}
	
div.page_number a {text-decoration: none; color: #666; display: block; width: 24px; height: 24px; overflow: hidden; padding-top: 4px; }
	
div.page_number_current { padding-top: 4px; color: #f52b93; font-weight: bold; height: 20px; }

/* ------------- "wrapper" styles */

div#wrapper {
	margin: auto;
    width: 1000px;
}

/* ------------- "top_section" styles */

div#top_section {
	margin: auto;
    width: 1000px;
	height: 51px;
}

/* ------------- "call_us" styles */

div#call_us {
	margin: auto;
	text-align: right;
	padding-right: 20px;
	margin-top: 13px;
	color: #FFF;
	float: right;
    width: 670px;
}

span.number {font-size: 18px; font-style:italic; color: #ff51ab; margin-left: 5px; margin-right: 20px; }
span.email {font-size: 18px; font-style:italic; color: #ff51ab; margin-left: 5px;}

/* ------------- "nav_top" styles */

div#nav_top {
	margin: auto;
	float: left;
    width: 310px;
	height: 51px;
}

div#nav_top ul{
				float: left;
				list-style-type: none;
				list-style-image: none;
				padding: 0;
			}
				div#nav_top ul li{
					float: left;
					display: inline;
					list-style-type: none;
				}
				
				div#nav_top ul li.logo_small {
					margin-left: 10px;
					margin-top: 7px;
					margin-right: 15px;
					}
					
					div#nav_top ul li a {
						color: #fff;
						font-family:Arial, Helvetica, sans-serif; font-size:14px;
						text-decoration: none;
						padding-top: 17px;
						margin-right: 10px;
						text-align: center;
						float: left;
						overflow: hidden;
						display: block;
						height: 34px;
					}
				
div#nav_top ul li a.home:hover { color:#ff51ab; }
div#nav_top ul li a.aboutsus:hover { color:#ff51ab; }
div#nav_top ul li a.contactus:hover { color:#ff51ab; }


/* ------------- "banner" styles */

div#banner {
	margin: auto;
    width: 1000px;
	height: 213px;
	background-image: url(../images/banner_bg_hl.png);
}

/* ------------- "logo" styles */

div#logo {
	margin-left: 17px;
	margin-right: 8px;
	margin-top: 30px;
	float: left;
    width: 145px;
	height: 152px;
	background-image: url(../images/cp_logo1.png);
}
	
/* ------------- "welcome" styles */

div#welcome {
	float: left;
	width: 376px;
	height: 213px;
	background-image: url(../images/welcome_bg.png);
	}
	
h1.title {
	color: #f52b93;
	margin-left: 22px;
	margin-top: 15px;
	}
	
h2.subtitle {
	color: #333;
	font-size: 16px;
	font-weight: normal;
	margin-left: 22px;
	margin-top: 10px;
	}
	
p.desc {
	color: #555;
	width: 330px;
	text-align:justify;
	line-height: 18px;
	font-size: 12px;
	font-weight: normal;
	margin-left: 22px;
	margin-top: 10px;
	}
	
/* ------------- "search_box" styles */

div#search_box {
	margin: 20px auto;
    width: 230px;
	height: 30px;
}

div#search_box form {
	width: 230px;
}

div#search_box form input {
	padding-top: 7px;
	padding-left: 10px;
	float: left;
	width: 170px; height: 23px;
	background: none;
	background-image: url(../images/search_box.png);
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666;
}

div#search_box form button.go {
	cursor:pointer;
	float: right;
	background: url(../images/search_btn.png);
	width: 44px; height: 30px;
}
	
/* ------------- "slider" styles */

div#slider {
	float: left;
	width: 454px;
	height: 213px;
	}

div#left_btn .prev {
	float: left;
	margin-top: 90px;
	margin-left: 10px;
	margin-right: 10px;
	height: 26px;
	width: 26px;
	background: none;
	background-image: url(../images/slider_left_arrow.png);
	background-repeat: no-repeat;
	cursor:pointer;
}

div#slider_container {
	float: left;
	margin: 10px auto;
	height: 180px;
	width: 360px;
	}

div#right_btn .next {
	margin-left: 10px;
	float: left;
	margin-top: 90px;
	height: 26px;
	width: 26px;
	background: none;
	background-image: url(../images/slider_right_arrow.png);
	background-repeat: no-repeat;
	cursor:pointer;
}

.slider_offer {
	}

/* ------------- "nav_main" styles */

div#nav_main {
	width: 800px;
	height: 43px;
	background-image: url(../images/nav/nav_bg.png);
	background-repeat: repeat-x;
}

div#nav_main ul{
				float: left;
				margin-left: 5px;
				list-style-type: none;
				list-style-image: none;
				padding: 0;
			}
				div#nav_main ul li{
					float: left;
					display: inline;
					list-style-type: none;
				}
					div#nav_main ul li a {
						font-family:Arial, Helvetica, sans-serif; font-size:15px;
						text-decoration: none;
						padding-top: 13px;
						text-align: center;
						padding-left: 18px;
						padding-right: 18px;
						color: #FFF;
						float: left;
						overflow: hidden;
						display: block;
						height: 30px;
					}
					
				div#nav_main ul li.navdiv{
					margin-left: -1px;
					width: 2px;
					height: 43px;
					background-image: url(../images/nav/nav_div.png);
				}


div#nav_main ul li a.pens:hover { background: url(../images/nav/nav_hover.png) no-repeat bottom center; }
div#nav_main ul li a.mugs:hover { background: url(../images/nav/nav_hover.png) no-repeat bottom center; }
div#nav_main ul li a.usb:hover { background: url(../images/nav/nav_hover.png) no-repeat bottom center; }
div#nav_main ul li a.special:hover { background: url(../images/nav/nav_hover.png) no-repeat bottom center; }
div#nav_main ul li a.newitems:hover { background: url(../images/nav/nav_hover.png) no-repeat bottom center; }
div#nav_main ul li a.catalogue:hover { background: url(../images/nav/nav_hover.png) no-repeat bottom center; }



div#nav_main ul li a.pens-selected { background: url(../images/nav/nav_active.png) no-repeat bottom center; }
div#nav_main ul li a.mugs-selected { background: url(../images/nav/nav_active.png) no-repeat bottom center; }
div#nav_main ul li a.usb-selected { background: url(../images/nav/nav_active.png) no-repeat bottom center; }
div#nav_main ul li a.special-selected { background: url(../images/nav/nav_active.png) no-repeat bottom center; }
div#nav_main ul li a.newitems-selected { background: url(../images/nav/nav_active.png) no-repeat bottom center; }
div#nav_main ul li a.catalogue-selected { background: url(../images/nav/nav_active.png) no-repeat bottom center; }



/* ------------- "wrapper_body" styles */

div#wrapper_body {
	margin: auto;
    width: 1000px;
	min-height: 600px;
	background-color: #FFF;
	background-image: url(../images/wrapper_body_bg.png);
	background-position: top;
	background-repeat: repeat-y;
	overflow:auto;
	}

/* ------------- "column_left" styles */

div#column_left {
	margin: auto;
	float: left;
	padding-top: 20px;
    width: 200px;
	background-image: url(../images/column_left_header_bg.png);
	background-position: top;
	background-repeat: no-repeat;
}

div.by_price {
	margin: auto;
    width: 180px;
	}
	
div.by_price ul {
	list-style-position: inside;
	}
	
div.by_price ul li {
	padding-left: 20px;
	padding-top: 8px;
	height: 24px;
	list-style-image: url(../images/bullet.png);
	background-image: url(../images/ul_bg.png);
	}
	
div.by_price ul li a {
	margin-left: 10px;
	text-decoration: none;
	color: #666;
	}
	
div.by_price ul li a:hover {
	margin-left: 10px;
	text-decoration: none;
	color: #000;
	}

	
div.by_price ul li b.price {
	margin-left: 10px;
	}
	
div.by_price h2 {
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: center;
	color: #f52b93;
	font-size: 14px;
	font-weight: normal;
	}

/* ------------- "column_right" styles */

div#column_right {
	margin: auto;
	float: right;
    width: 800px;
}

/* ------------- "main_content" styles */

div#main_content {
	margin: auto;
	float: right;
    width: 800px;
	margin-bottom: 25px;
}

/* ------------- "sections" styles */

div#sections {
	margin: auto;
    width: 800px;
	height: 170px;
}

div.section_box {
	position: relative;
	margin-left: 12px;
	margin-top: 15px;
	text-align:center;
	float: left;
    width: 250px;
	height: 170px;
}

div.section_box a {
	width: 250px;
	height: 28px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	}
	
div.section_box span {
	position: absolute;
	top: 142px;
	left: 0px;
	width: 250px;
	height: 28px;
	}
	
/* ------------- "middle_content" styles */

div#middle_content {
	margin: auto;
	float: left;
    	width: 800px;
	height: 300px;
	background-image: url(../images/main_header.png);
	background-position: top;
	background-repeat: no-repeat;
}

div#customisation {
	margin: auto;
	float: left;
	padding-left: 10px;
    width: 265px;
	height: 300px;
	}
	
div#customisation_box {
	margin-top: 10px;
	float: left;
	width: 252px;
	height: 250px;
	}
	
img.cust_image {margin-left: 15px;}
	
div#newsandevents {
	margin: auto;
	float: right;
    width: 525px;
	height: 300px;
	}
	
div.newsandevents_box {
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	width: 252px;
	height: 250px;
	}
	
div.main_box_top {
	float: left;
	width: 252px;
	height: 10px;
	background-image: url(../images/main_box_top.png);
	}
	
div.main_box_body {
	float: left;
	width: 252px;
	height: 200px;
	background-image: url(../images/main_box_bg.png);
	background-repeat: repeat-y;
	}
	
div.news_content {
	padding-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
	line-height: 2em;
	}
	
div.main_box_bottom {
	float: left;
	width: 252px;
	height: 10px;
	background-image: url(../images/main_box_bottom.png);
	}
	
div#customisation h1, div#newsandevents h1 { 
	margin-top: 12px;
	margin-left: 12px;
	color: #ff51ab;
	font-size: 16px;
	font-weight: normal;
}

div.more_btn_box {
	width: 252px;
	height: 41px;
	overflow: hidden;
	background-image: url(../images/main_box_bg.png);
	background-repeat: repeat-y;
	}
	
div.more_btn {
	margin-left: 70px;
	margin-top: 10px;
	padding-top: 6px;
	width: 113px;
	height: 25px;
	text-align:center;
	overflow: hidden;
	background-image: url(../images/more_btn.png);
	}
	
div.more_btn a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	}
	
/* ---------------------------------------------------- "footer" styles */

div#footer {
	height: 90px;
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat-x;
	clear: right;
	}
	
div#sitemap {
	margin: auto;
	text-align: center;
	width: 1000px;
	height: 29px;
	padding-top: 12px;
	}

div#sitemap ul{
				list-style-type: none;
				list-style-image: none;
			}
				div#sitemap ul li{
					color:#ff7fe8;
					display: inline;
					list-style-type: none;
				}
					div#sitemap ul li a {
						margin-left: 4px;
						margin-right: 4px;
						color:#FFF;
						font-family:Arial, Helvetica, sans-serif; font-size:12px;
						text-decoration: none;
						overflow: hidden;
						display: inline;
						height: 41px;
					}
					
/* ---------------------------------------------------- "product_box" styles */   

div.product_box {
 margin: auto;
 margin-left: 15px;
 margin-top: 15px;
 float: left;
    width: 765px;
 height: 180px;
}

div.product_box_top {
 text-align:center;
 margin: auto;
 padding-top: 5px;
    width: 765px;
 height: 26px;
 background-image: url(../images/product_box_top.png);
}

div.product_box_top a { text-decoration:none; color: #FFF; font-size: 14px; }

div.product_box_middle {
 	margin: auto;
    	width: 765px;
 	height: 119px;
	display:table-cell;
	vertical-align:middle;
 	background-image: url(../images/product_box_bg.png);
 	background-repeat: repeat-y;
}

p.img { text-align: center; padding: 10px; margin: 0px auto;}

div.product_box_bottom {
 text-align:center;
 padding-top: 5px;
 margin: auto;
    width: 765px;
 height: 25px;
 background-image: url(../images/product_box_bottom.png);
}
/* ---------------------------------------------------- "details_box" styles */			

div.details_box {
	margin: auto;
	margin-left: 12px;
	margin-top: 15px;
	float: left;
    width: 250px;
	min-height: 250px;
}

p.body { padding: 0px; margin: 0px auto;}

div.details_box_top {
	margin: auto;
    width: 250px;
	height: 9px;
	background-image: url(../images/details_box_top.png);
}

div.details_box_body {
	margin: auto;
    width: 250px;
	min-height: 196px;
	display: table-cell;
	vertical-align:middle;
	background-image: url(../images/details_box_bg.png);
	background-repeat: repeat-y;
}

div.details_box_body ul {
	padding-top: 10px;
	margin-bottom: 35px;
	margin-left: 30px;
	list-style-image: url(../images/bullet.png);
}

div.details_box_body ul li {
	margin-bottom: 10px;
}

div.details_box_body ul li.prod_name {padding-bottom: 10px; font-size: 14px;}
div.details_box_body ul li.prod_price {padding-top: 10px; font-size: 14px;}

span.highlight {color: #ff51ab; font-size: 16px;}
span.vat {margin-left: 20px;}

div.details_box_bottom {
	text-align:center;
	padding-top: 14px;
	margin: auto;
    width: 250px;
	height: 31px;
	background-image: url(../images/details_box_bottom.png);
}
/* images box */
div.images_box {
	margin: auto;
	margin-left: 12px;
	margin-top: 15px;
	float: left;
    width: 500px;
	min-height: 250px;
}



div.images_box_top {
	margin: auto;
    width: 500px;
	height: 9px;
	background-image: url(../images/images_box_top.png);
}

div.images_box_body {
	margin: auto;
    width: 500px;
	height: 100%;
	display: table-cell;
	vertical-align:middle;
	background-image: url(../images/images_box_bg.png);
	background-repeat: repeat-y;
}

div.images_box_bottom {
	text-align:center;
	padding-top: 14px;
	margin: auto;
    width: 500px;
	height: 31px;
	background-image: url(../images/images_box_bottom.png);
}

div.details_box_bottom a { text-decoration: none; color: #ff51ab;}
p.alt_img { text-align: center; vertical-align: middle; padding: 10px; margin-top: 15%;}

div#alt_box {
	clear: left;
	width: 800px;
	height: 115px;
	}

div.alt_img_box {
	position: relative;
	margin: auto;
	float: left;
	margin-left: 12px;
	margin-top: 15px;
	width: 100px;
	height: 100px;
	background-image: url(../images/alt_image_box.png);
	}
	
div.alt_enlarge {
	position: absolute;
	width: 26px;
	height: 26px;
	top: 70px;
	left: 70px;
	z-index: 2;
	}
	
div#product_description {
	margin-top: 15px;
	float: left;
	padding-left: 12px;
	width: 788px;
	}
	
div#prod_desc_top {
	width: 773px;
	height: 6px;
	background-image: url(../images/large_text_top.png);
	}
	
div#prod_desc_body {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	width: 753px;
	min-height: 100px;
	background-image: url(../images/large_text_bg.png);
	background-repeat: repeat-y;
	overflow: auto;
	}
	
div#prod_desc_bottom {
	width: 773px;
	height: 6px;
	background-image: url(../images/large_text_bottom.png);
	}

/* ---------------------------------------------------- "enquiry_form" styles */

div#enquiry_form {
	margin-top: 50px;
	margin-left: 40px;
}

div#enquiry_form .label {
	padding-top: 7px;
	width: 100px;
	height: 33px;
	float: left;
	clear: left;
}

div#enquiry_form .label_msg {
	padding-top: 7px;
	width: 70px;
	height: 33px;
	float: left;
	clear: left;
}

div#enquiry_form .submit_button {
	float: left;
	clear: left;
}

div#enquiry_form .txt_box {
	float: left;
	width: 202px;
	height: 40px;
}
div#enquiry_form .capcha_box {
	float: left;
	width: 202px;
	height: 140px;
}

div#enquiry_form form .txt {
	padding-top: 7px;
	padding-left: 10px;
	width: 192px;
	height: 25px;
	background-color:transparent;
	background-image: url(../images/txt_box.png);
}
div#enquiry_form form .select {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	width: 202px;
	height: 32px;
	background-color:transparent;
	background-image: url(../images/txt_box.png);
}
div#enquiry_form form #message {
	float: left;
	padding-top: 7px;
	padding-left: 10px;
	width: 292px;
	height: 95px;
	background-color:transparent;
	background-image: url(../images/msg_box.png);
	overflow: auto;
}

div#enquiry_form form .btn {
	float: left;
	margin-left: 70px;
	margin-top: 10px;
	cursor:pointer;
	width: 102px;
	height: 37px;
	background-color:transparent;
	background-image: url(../images/submit.png);
}

div#enquiry_form_product {margin-bottom: 20px; height: 120px;}

span.required {color: #ff51ab; }

div#enquiry_form_contact_left {
	float: left;
	}
	
div#enquiry_form_contact_right {
	padding-left: 20px;
	width: 430px;
	float: left;
	}

/* ---------------------------------------------------- "contact" styles */

div#contact {
	margin-top: 50px;
	margin-left: 40px;
}

div#contact div {
	min-height: 33px;
	
	padding-top: 7px;
	overflow: auto
}
div#contact form {float: left;}

div#contact .label {
	padding-top: 7px;
	width: 100px;
	height: 33px;
	float: left;
	clear: left;
}

div#contact .label_msg {
	padding-top: 7px;
	width: 70px;
	height: 33px;
	float: left;
	clear: left;
}

div#contact .submit_button {
	float: left;
	clear: left;
}

div#contact .txt_box {
	float: left;
	width: 202px;
	height: 40px;
}

div#contact form .txt {
	padding-top: 7px;
	padding-left: 10px;
	width: 192px;
	height: 25px;
	background-color:transparent;
	background-image: url(../images/txt_box.png);
}

div#contact form #message {
	float: left;
	padding-top: 7px;
	padding-left: 10px;
	width: 292px;
	height: 95px;
	background-color:transparent;
	background-image: url(../images/msg_box.png);
	overflow: auto;
}

div#contact form .btn {
	float: left;
	margin-left: 70px;
	margin-top: 10px;
	cursor:pointer;
	width: 102px;
	height: 37px;
	background-color:transparent;
	background-image: url(../images/submit.png);
}

div#contact_form_top {margin-bottom: 20px; height: 80px;}

span.required {color: #ff51ab; }

div#contact_form_left {
	float: left;
	}
	
div#contact_form_right {
	padding-left: 20px;
	width: 430px;
	float: left;
	}
	
div#contact_details_left {
	margin: auto;
	margin-bottom: 30px;
	float: left;
	width: 300px;
	height: 200px;
	}
	
div#google_map {
	margin: auto;
	margin-left: 85px;
	float: left;
	width: 300px;
	height: 200px;
	border: 1px solid;
	border-color: #999;
	}
	
div#contact_details_text {margin-top: 20px;}
	
/* ---------------------------------------------------- "main_content_text" styles */
	
div.main_content_text {
	margin-top: 20px;
	padding-left: 12px;
	width: 788px;
	}	

div.main_content_text_top {
	width: 773px;
	height: 6px;
	background-image: url(../images/large_text_top.png);
	}
	
div.main_content_text_body {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	width: 753px;
	min-height: 100px;
	background-image: url(../images/large_text_bg.png);
	background-repeat: repeat-y;
	overflow: auto;
	}
	
div.main_content_text_body h2 { margin-bottom: 15px; font-weight: normal; font-size: 16px; }
	
div.main_content_text_bottom {
	width: 773px;
	height: 6px;
	background-image: url(../images/large_text_bottom.png);
}
	
div.news_img {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	}

div.client{
	float: left;
	width: 150px;
	height: 150px;
	padding-left:10px;
	padding-top: 10px;
	margin: auto auto;
	text-align: center;
}
div.client img{
	border: 0;
	max-width:150px;
	max-height:150px;
	margin: auto auto;
	vertical-align:middle;
}
.customisation_image{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.oldprice{
	text-decoration:line-through;
}
.required{
	text-align: right;
	color: #ff51ab;
}
.textrednormal{
	color: #ff51ab;
	}