* {
    font-family:'PT Sans', sans-serif;
}

html{
}

body{
	font-size:14px;
	text-align:center;
	margin:0px;
	background: #c3b1fd url(../images/cc/bg-top.png) repeat-x;

}

/* global styles */
a { color:#20A2CB; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:0px; }
form { margin:0px; }
hr { background:none; height:1px; border:0px; border-top:1px solid #ccc; }
p{margin-top:5px;}

#container{
	width:100%;
	background: transparent url(../images/cc/bg-jump.png) no-repeat center top;
	position:relative;
	z-index:0;
	float:left;
}
/* Container which encloses the whole site to allow easy width change */
#wrap {
	width:1000px;	/* change value to adjust width */
	text-align:left;
	margin:5px auto 0 auto;
	font-size:14px;
}

/* Logo and minicart */
#header {
	padding:5px 0px;
	position:relative;
	/*margin-bottom:10px;*/
}
#header table {
	border-collapse:collapse;
	width:100%;
}
#header img {
}
#header td.headerlinks { /* mini cart */
	width:300px;
	text-align:right;
	vertical-align:middle;
	margin-top:15px;
	color:#999;
	font-size:90%;
	padding-right:10px;
}
#header a {
	text-decoration:none;
	font-weight:bold;
}
#header a:hover { text-decoration:underline; }

/*formats the mini cart subtotal  in the right menu*/
.cartsubtotalminicart{
	color: #000000;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	text-align: right;
}

/*formats the links in the minicart*/
.cartminilinks{
	color: #333333;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}
.cartminilinks a:link{
	color: #333333;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.cartminilinks a:visited{
	color: #333333;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.cartminilinks a:hover{
	color: #FF0000;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.cartminilinks a:active{
	color: #333333;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}




/* Horizontal navigation */
#nav {
	background:white;
	width:100%;
}

table#horiz_nav {	/* table is generated via shopa_navigation_create.asp */
	padding:0px;
	width:100%;
	border-collapse:collapse;
}

table#horiz_nav td {
	text-align:left;
	background: url(../images/cc/topmenu.png) repeat-x;
	padding:0px;
	height:57px;
	border-left:1px solid #48cee2;
}

table#horiz_nav td.first {

	background: url(../images/cc/topmenufirst.png) repeat-x;
	border-left:1px solid #FFF;
}

table#horiz_nav td a {
	display:block;
	text-align:center;
	padding:8px 0px;
	color:WHITE;
	text-decoration:none;
	font-size:21px;
}
table#horiz_nav td.last a { border-right:0px; }
table#horiz_nav td a:hover { color:#000; }

/* Horizontal navigation drop down menu
   do not remove or modify styles listed
   under "Do Not Change" */
table#horiz_nav ul {
	/* Do not change  */
	position:absolute;
	left: -999em;
	padding:0px;
	margin:0px;
	list-style-type:none;
	z-index:9999;

	/* Styles */

	background:#3cbfdb;
	border:1px solid #48CEE2;
	text-align:left;
	width:auto;
}

/* Do not change  */
#horiz_nav td:hover ul { left: auto; }
#horiz_nav td.sfhover ul { left: auto; }

#horiz_nav ul li { /* submenu */
	/* Do not change */
	display:block;
	width:100%;
	margin:0px;

	/* Styles */
	line-height:22px;
	text-transform:capitalize;
}

table#horiz_nav ul li a { /* submenu links */
	/* Do not change */
	display:block;

	/* Styles */
	padding:5px 10px !important;
	border-bottom:1px solid #48CEE2;
	border-right:0px;
	text-align:left;
}

/* Utility bar includes login links
   welcome note and quick search box */
#utilbar {
	text-align:center;
	background:#eee;
	padding:10px;
	border-bottom:5px solid #D7D7D7;
}

#utilbar table {
	border-collapse:collapse;
	width:100%;
}

#utilbar td {
	padding:5px 0px;
	text-align:center;
	vertical-align:middle;
	width:33.3%;
	font-size:80%;
	border-right:2px dotted #E5E5E5;
	font-weight:bold;
}

#utilbar td.last { border:0px; }	/* remove border from the last column */
#utilbar form { display:inline; }
#utilbar a { color:#1981b7; text-decoration:none; }
#utilbar a:hover { text-decoration:underline; }

/* Encloses all content area under utilbar */
#all {
	margin-top:5px;
	padding-bottom:5px;
}

/* Left column- categories, currency, language etc */
#left {
	/* Styles */
	width:25%;	/* Change to alter width of left column */
}

#left h2 {
	background:#EEE;
	color:#1981b7;
	margin:0px;
	padding:5px 10px;
	font-size:24px;
	font-weight:normal;
}

#left .box {		/* General style of each box in left column */
	padding:5px 10px;
	font-size:90%;
	border:1px solid #eee;
	margin-bottom:5px;
}

#left .box p {
	margin:0px;
	padding-bottom:10px;
}

#left ul {		/* General style of list style in left column; including category listing */
	list-style-type:none;
	padding:10px 15px;
	margin:0px 0px 5px 0px;
	line-height:20px;
	font-size:90%;
	border:1px solid #eee;
}

#left ul a {
	background:url(../images/site/catnav_bullet.gif) no-repeat 0 3px;
	padding-left:15px;
	color:#505050;
}

/* Extra styles for category navigation */
#catnav ul { margin:10px 15px; }

/* Main content area */
#main {
	padding-bottom:25px;
	background-color:white;
	min-height:550px;

}

#main table td { text-align:left; }
#main td { font-size:100%; }
#main td td { font-size:100%; }

/* Top content box on home page */
#homecontent {
	border:1px solid #D7D7D7;
	padding:10px;
	color:#666;
	margin-bottom:5px;
	text-align:left;
}

#homecontent h1 { color:#1d83b4; }
#homecontent p { margin-right:180px; }
#homecontent img { margin-right:10px; }

/* content area styles */
#content {
	text-align:left;
	width:100%;
}

/* Footer */
#footer {
	background:url(../images/cc/bg-bot.png) repeat-x;
	padding-bottom:10px;
	text-align:left;
	color:WHITE;
	font-size:16px;

	position: relative;
	margin-top: -206px;
	z-index: -1;
	padding-top: 206px;
}


#footer-content
{
	width:1000px;	/* change value to adjust width */
	margin:0px auto;
	background-color:#4c3a80;
	position:relative;
	clear:both;
	height:80px;
	display:block;

}

#footer-copyright
{
	margin:0;
	float:left;
	padding:10px 0 0 20px;
	width:600px;
		font-size:12px !important;
	line-height:20px;
}
#footer-copyright a{color:#fff !important; font-weight:normal !important; font-size:12px !important; }

#footer-links {
	float:right;
	padding:0 20px 0 0;
	margin:0;
		font-size:12px !important;
	line-height:40px;
}
#footer-links li{
	list-style-type: none;
	padding:0;
	margin:0;
	display:inline-block;
}

#footer-links li:before {
content: " | ";
}

#footer-links li:first-child:before {
content: none;
}

#footer-links li a{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0 5px;
}



/* Alphabet listing */
#footer .alphabet {
	background:#D7D7D7;
	margin-bottom:10px;
	padding:3px 10px;
	font-size:90%;
}

#footer a {
	color:#454545;
	font-weight:bold;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/*formats the search box in header file.*/
.searchfield{
	background-color: #FFFFFF;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	color: #333333;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
}

/*formats the display of the form elements throughout the front end*/
.imgbtn { border:0px; }

.txtfield{
	background-color: #FFFFFF;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	color: #333333;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
}

.txtfielddropdown{
	background-color: #FFFFFF;
	color: #333333;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	border:1px solid black;
}



.submitbtn {
color: #FFF;
background-color: #3EC1DD;
font-size: small;
border: 1px solid #48cee2;
padding: 5px 10px;
}

.submitbtn:hover {
background-color: #20A2CB;cursor:pointer;
}


/* General styles */
.menuhdr{

	background-color : #B3B7BB;
	color : White;
	font-size : x-small;
	font-weight : bold;
	padding : 3px 5px;
	text-align : left;
}

.menubdr{
	background-color : #B3B7BB;
}

.dashed{
	border-left : 1px solid #cccccc;
	border-right : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	background-color : #F7F7F7;
}

/* Left menu styles; no longer used in 6.50 */
.leftmenumain a{
	border-top : 1px solid #D3D3D3;
	display: block;
}
.leftmenumain{
	background-color: #F7F7F7;
	color: #000000;

	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}
.leftmenumain a:link{
	color: #333333;

	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 7px;
	padding-left: 4px;
	padding-top: 6px;
	text-align: left;
	text-decoration: underline;
	width: 100%;
}
.leftmenumain a:visited{
	color: #333333;

	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 7px;
	padding-left: 4px;
	padding-top: 6px;
	text-align: left;
	text-decoration: underline;
	width: 100%;
}
.leftmenumain a:hover{
	background-color: #EEEEEE;
	color: #333333;

	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 7px;
	padding-left: 4px;
	padding-top: 6px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}
.leftmenumain a:active{
	color: #333333;

	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 7px;
	padding-left: 4px;
	padding-top: 6px;
	text-align: left;
	text-decoration: underline;
	width: 100%;
}
.dottedBorder {
	border: 1px dotted #cccccc;
	background-color: #F9F9F9;
	padding: 5px
}

/*formats the header text throughout the site*/
.txtheader{
	color: #000000;

	font-size: x-small;
	font-style: normal;
	font-weight: bold;
}

.hdrproduct{
	color: #000000;

	font-size: x-small;
	font-style: normal;
	font-weight: bold;
}

/* Styles to be use in 6.50 */
#main {
	font-size:14px;
	line-height:18px;
}

/* breadcrumbs */
div.breadcrumb {
	text-align:left;
	color:#000;
	font-size:90%;
	margin-bottom:10px;
}

div.breadcrumb a {
	color:#1981B7;
	text-decoration:none;
}
div.breadcrumb a:hover {
	color:#175D7F;
	text-decoration:underline;
}

/* Main area text styles */
h1 {

	font-size:36px;
	font-weight : bold;
	margin:0px 0px 15px 0px;
	color:#9383be;
	text-align:left;
	text-transform:capitalize;
	line-height:36px;
	border-bottom:1px solid #D9EBEA;
	padding-bottom: 15px;
}

h2 {
	text-align:left;
	margin:0px 0px 10px 0px;
	color:#9383be;
	text-transform:capitalize;
}

#main h2.picheader { /* Heading style for headings with picture, e.g. shopcustomer.asp */
	background-position:1% 50%;
	background-repeat:no-repeat;

	font-weight : bold;
	color:#333;
	font-size:12px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:white;
	text-align:left;
	padding:10px 5px 10px 50px;
	margin:0px;
}

/* compare products styles */
.applyoverflow {
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	padding-bottom:50px;
}

table.tbl_compare {
	width:100%;
	border-collapse:collapse;
	border:0px;
}

table.tbl_compare td {
	vertical-align:top;
	text-align:left;
	padding:0px 10px;
}

table.tbl_compareproduct {
	border-collapse:inherit;
	line-height:18px;
}

table.tbl_compareproduct td {
	padding:3px 0px;
}

/* Customer service and Affiliate service page (shopcustadmin.asp,shopaffadmin.asp) */
table.customerservice {
	width:100%;
	background:#F9F9F9;
	border:1px solid #CCCCCC !important;
	margin-bottom:10px;
	border-collapse:collapse;
}

table.customerservice th {
	height:35px;
	background-position:1% 50%;
	background-repeat:no-repeat;

	font-weight : bold;
	color:#333;
	font-size:12px;
	border-bottom:1px solid #CCCCCC;
	background-color:white;
	text-align:left;
	padding-left:50px;
	vertical-align:middle;
}

table.customerservice td {
	padding:10px;
}

table.customerservice ul {
	margin:0px;
	padding:0px 10px 0px 25px;
}

/* standard table display */
.std_table {
	background:#F9F9F9;
	border:1px solid #CCCCCC !important;
	margin-bottom:10px;
	padding:10px;
	text-align:left;
	vertical-align:top;
	line-height:20px;
	font-size:11px;
}

.std_table table {
	border-collapse:collapse;
	width:85%;
}

.std_table th {
	vertical-align:top;
	padding:0px 10px 0px 0px;
	width:35%;
	font-weight:normal;
}
.std_table td {	padding:0px 5px 0px 0px; }

/* Category table (shopdisplaycategories.asp) */
table.tbl_category td {	text-align:center; }

/* shopcustomer.asp form */
table.tbl_customer {
	width:85%;
}

table.tbl_customer th {
	width:35%;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}

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

table.tbl_customer iframe {	/* refer to shoplicense.htm for changing license styles */
	width:100%;
}

table.tbl_subproduct {
	border-collapse:collapse;
	margin-right:2px;
	margin-bottom:2px;
	border:1px solid #ddd;
	background:#F7F7F7;
	text-align:center;
	width:100px;
	float:left;
}

table.tbl_subproduct td {
	padding:3px 5px;
}

/* General override styles */
.ac { text-align:center !important; }
.ar { text-align:right !important; }
.al { text-align:left !important; }
.fr { float:right !important; }
.fl { float:left !important; }
.vt { vertical-align:top !important; }
.vm { vertical-align:middle !important; }
.vb { vertical-align:bottom !important; }
.cb {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
.smlpad { padding:15px !important; }

.pricesmall {}
.price {}

#frontpage-menu{
	background: #f36dbe;
	height:100px;
	padding-top:10px;

}
#frontpage-menu h2{
	color: #FFF;
	margin: 30px 0 0 115px;
	font-size: 48px;
	font-weight:normal;
	font-family:'Rochester',cursive;
	/* padding-bottom:10px; */
	text-shadow: 1px 1px 1px #000000;
		filter: dropshadow(color=#000000, offx=1, offy=1);
}


#frontpage-menu .frontpage-menu-button{
	float:left;
	background-color:#d74fa1;
	height:65px;
	padding:20px 10px 0;
	text-align:left;
	margin-right:10px;
	width:280px;
}
#frontpage-menu a{
margin:8px;

}

#inner-content{
	padding:25px 15px;
	width:650px;
	float:left;
}

.full-width{
	width:950px!important;
}





#right-menu{
	float:left;
	width:300px;
	padding:10px;
	text-align:left;
}

#right-menu h1{
	color:#d74fa1;
	font-size:24px;
	margin:0;
	padding-bottom:5px;
	border-bottom:none;
}


.productformat {
	padding-bottom:15px;
	max-width:320px;
	/*border-bottom:1px solid #d9ebea;*/
}
.productformat .product_image{
	text-align:center;
	display:block;
	margin:0 auto;
	width:210px;
	padding:5px;
	overflow:hidden;
}

.productformat .product_image img{
	max-width:200px;
	max-height:275px;
}

.productformat .product_details{
	float:left;
	width:290px;
	padding:5px;
	font-weight:200;
	font-size:14px;
}

.productformat .product_details h2{
	font-weight:normal;
	font-size:20px;
	line-height:22px;
	text-align:center;
}

.product_price h3,.product_price_exd h3{
	font-weight:normal;
	font-size:28px;
	line-height:22px;
	font-family: 'Rochester', cursive;
	padding:0;
	margin:0 0 10px 0;
	color:#9383be;
		text-align:center;
}

.product_price_exd h3{
	text-align:left!important;
}


.productformat .product_price{
	text-align:center;
}


.productformat .product_price .imgbtn{
	margin:10px 0;
}

.productformat .product_price{
	/*float:left;*/
	display:block;
	margin:0 auto;
	width:154px;
	padding:5px;
}

.productformat .product_price a{
	color:#3dc0dc;
	font-size:16px;
}

.frontpage_content{	position:relative; display:block; padding-bottom:30px!important; clear:both;}

.frontpage_content_image{
	width:200px;
	display:block;
  margin-right: 10px;
}
.frontpage_content_details{
	width:435px;
	display:block;
}

.frontpage_content h3{
	padding-bottom:10px;
	border-bottom:1px solid #D9EBEA;

}

.frontpage_content_link{
	padding:10px 0;
	display:block;
	color:#fe845c;
	text-decoration:underline;
}

.frontpage_content_link:hover{
	color:BLACK;
	text-decoration:underline;
}



#frontpage-banner-big{
	float:left;
	width: 697px;
	height:359px;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}

#frontpage-banner-small{
	float:left;
	overflow:hidden;
	width:302px;
	/*margin-right:-3px;*/
}


#frontpage-banner-small img{
	display:inline;
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
	padding:0;
	margin:0;
	float:left;
}

#ccHeaderRight{
	bottom:0;
	position:absolute;
	right:0;
	color:white;
	padding-bottom:10px;
}

#quotes{margin-bottom:40px;}
#quotes blockquote {
	font-family: Georgia, Times, serif;
	width: 260px; /* required - and take into account padding of #quote_wrap */
	margin: 0 auto;
}
#quotes blockquote p { margin-bottom: 10px; font-style: italic; font-size:16px; }
#quotes blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }
#quote_wrap {

}

.speechbubble {
  position:relative;
  padding:15px 20px;
  margin:0;
  color:#000;
  background:#f3961c; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#f9d835, #f3961c);
  /* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */
  -webkit-border-top-left-radius:25px;
  -webkit-border-top-right-radius:25px;
  -webkit-border-bottom-right-radius:25px;
  -webkit-border-bottom-left-radius:25px;
  -moz-border-radius:25px;
  border-radius:25px;
}

/* creates the larger triangle */
.speechbubble:before {
  content:"";
  position:absolute;
  bottom:-30px;
  right:80px;
  border-width:0 0 30px 50px;
  border-style:solid;
  border-color:transparent #f3961c;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the smaller triangle */
.speechbubble:after {
  content:"";
  position:absolute;
  bottom:-30px;
  right:110px;
  border-width:0 0 30px 20px;
  border-style:solid;
  border-color:transparent #fff;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}




#exd_Testimonial blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;

  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;

  /*Borders - (Optional)*/
  border-left: 15px solid #FF79CA;
  border-right: 2px solid #FF79CA;

  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

#exd_Testimonial blockquote:before{
  content: "\201C"; /*Unicode for Left Double Quote*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;

  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

#exd_Testimonial blockquote:after{
  /*Reset to make sure*/
  content: "";
}

#exd_handy-hints li{margin-bottom:15px;}

.catlinks a{font-size:24px !important;}


#freelance{margin-top:20px;}