/* *************************
	Colour Scheme
	V dark:	#990033 Done
	Dark:	#E75480 Done
	Medium:	#FFA6C9 Done
	Light:	#FFDFF5
*/


html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
	
}
* {
	font-family: Arial, Helvetica, sans-serif;
}

body
{
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
	padding-top: 0px;
	color: #990033;
	background-image: url(../image/bg.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font: normal 76% Arial, Helvetica, sans-serif;
}
body, td, th, input, textarea, select, a {
	font-size: 12px;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input, textarea, select {
	margin: 3px 0px;
}
a, a:visited {
	color: #990033;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	color: E75480;
	text-decoration: none;
}
a img {
	border: none;
}
p {
	margin-top: 0px;
}
/* layout */
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url('../image/header_bg_3.png') no-repeat;
	margin-top: 0px;
	padding-top: 0px;
}

#header {
	position: relative;
	/* border: thin solid red; */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 
}
#header .div1 {
	height: 90px;

}
#header .div2 {
	position: relative;
	top: 21px;
	left: 15px;
}
#header .div2  h1 {
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	font-size: 48px;
	color: #FFFFFF;
	display: none;
}
#header .div2  h1 a,#header .div2  h1 a:active, #header .div2  h1 a:hover, #header .div2  h1 a:visited {
	text-decoration: none;
	font-size: 48px;
	color: #FFFFFF;
}

#header .div3 {
	width: 372px;
	height: 51px;
	position: absolute;
	top: 15px;
	right: 0px;
	padding-top: 12px;
	padding-left: 17px;
	background:transparent url('../image/search_bg.png') no-repeat scroll 0 0;
}
#header .div3  b {
	color: #FFF;
}

#header .div4 {
	padding-left: 10px;
	padding-right: 10px;
	height: 40px;
	background: url('../image/header.png') no-repeat;
}
#header .div4 img {
	margin-right: 5px;
}
#header .div4 a {
	padding: 12px 0px 12px 20px;
	display: inline-block;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
#header .div5 a, #header .div5 img {
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	font-size: 14px;
}
#header .div6 a, #header .div6 img {
	float: right;
	margin-left: 4px;
	margin-right: 4px;	
}
#breadcrumb {
	float: left;
	width: 960px;
	height: 31px;
	color: #990033;
	margin-bottom: 10px;
	background: none;
}
#breadcrumb div#breadcrumb_left {
	float: left;
	width: 8px;
	height: 13px;
	padding: 7px 0px 11px 0px;
	background-image: url('../image/breadcrumbs_bg_left.png');
	background-repeat: no-repeat;
}
#breadcrumb div#breadcrumb_middle {
	float: left;
	width: 920px;
	height: 13px;
	color: #999;
	padding: 7px 12px 11px 12px;
	background: #FFF url('../image/breadcrumbs_bg_middle.png') 0 0 repeat-x;
}
#breadcrumb div#breadcrumb_right {
	float: left;
	width: 8px;
	height: 13px;
	padding: 7px 0px 11px 0px;
	background-image: url('../image/breadcrumbs_bg_right.png');
	background-repeat: no-repeat;
}

#breadcrumb a, #breadcrumb a:active, #breadcrumb a:visited ,#breadcrumb a:hover{
	color: #990033;
}

/* *************************
	Colour Scheme
	V dark:	#990033
	Dark:	#E75480
	Medium:	#FFA6C9
	Light:	#FFDFF5
*/

#column_left {
	float: left;
	width: 180px;
	margin-right: 10px;
}
#column_right {
	float: right;
	width: 0px;
	margin-left: 0px;
}
#content {
	float: left;
	vertical-align:top;
	width: 770px;
	margin-bottom: 10px;
}
#content .top {
	padding: 8px 0px 6px 10px;
	background: url('../image/content_top.png') no-repeat;
}
#content .top h1, .heading {
	color: #990033;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/* text-transform: uppercase; */
	margin: 0px;
}
.heading {
	border-bottom: 1px solid #E75480;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
#review_title h3 {
	color: #990033;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/* text-transform: uppercase; */
	margin: 0px;
}
/*
#review_title h3 a, a:visited , a:hover {
	color: #990033;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
}*/

#content .middle {
	border-left: 1px solid #E75480;
	border-right: 1px solid #E75480;
	background: #FFFFFF;
	padding: 10px 10px 1px 10px;
	min-height: 20px;
}
#content .bottom {
	background: url('../image/content_bottom.png') no-repeat;
	height: 5px;
}
.box {
	margin-bottom: 10px;
	background: url('../image/box_top.png') no-repeat;
}
.box .top {
	padding: 8px 0px 6px 7px;
	color: #990033;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/* text-transform: uppercase; */
}
.box .top img {
	float: left;
	margin-right: 5px;
}
.box .middle {
	border-left: 1px solid #E75480;
	border-right: 1px solid #E75480;
	background: #FFFFFF;
	padding: 10px;
	margin-top: -1px;
}
.box .bottom {
	height: 5px;
	background: url('../image/box_bottom.png') no-repeat;
}

.I-Label {
left:0;
position:absolute;
top:0;
}

.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}
/* Green Buttons */
a.button {
	background: transparent url('../image/button_right.png') no-repeat scroll top right;
	color: #990033;
	display: inline-block;
	font: bold 12px arial, sans-serif;
	height: 25px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}
a.button span {
	background: transparent url('../image/button_left.png') no-repeat;
	display: inline-block;
	padding: 5px 0 5px 18px;
}
/* Red Buttons */
a.button_red {
	background: transparent url('../image/button_right_red.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: normal 12px arial, sans-serif;
	height: 25px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
} 
a.button_red span {
	background: transparent url('../image/button_left_red.png') no-repeat;
	display: inline-block;
	padding: 5px 0 5px 18px;
}
/* Amber Buttons */
a.button_amber {
	background: transparent url('../image/button_right_amber.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: normal 12px arial, sans-serif;
	height: 25px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}
a.button_amber span {
	background: transparent url('../image/button_left_amber.png') no-repeat;
	display: inline-block;
	padding: 5px 0 5px 18px;
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	clear: both;
	padding: 5px;
	margin-bottom: 10px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}
.list {
	margin-bottom: 10px;
	width: 100%;
}
.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;

	
}
.sort {
	margin-bottom: 10px;
	background: #F8F8F8;
	height: 30px;
	width: 100%;
}
.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}
.sort .div2 {
	text-align: right;
	padding-top: 9px;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.pagination {
	display: inline-block;
	width: 100%;
	background: #F8F8F8;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}
.tabs {
	display: block;
	width: 100%;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.tab_page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	display: inline-block;
	padding: 10px;
	display: block;
	width: 726px;
	clear: both;
	z-index: 2;
	margin-bottom: 10px;
}

/* Added for quotes */
.indent{
	background:#F7F7F7 url(../image/right_quotes.png) no-repeat scroll 0 0;
	border: 1px dotted #DDDDDD;
	margin: 10px;
	padding: 15px 2px 15px 41px;
}

.indent em {
	font-weight: bold;
}


/* Footer Elements */
 
#footer {
	clear: both; 
	width: 100%; 
	height: 284px; 
	background: #E6E6E6 url(../image/bg.gif) repeat-x top; 
	padding-top: 10px;
	}
	#footer_inside {
	width: 960px; 
	height: 300px; 
	color: #fff; 
	padding: 15px; 
	margin: 0 auto;
	}
		#footer_inside img {
			padding-top: 14px;
			padding-bottom: 20px;
			}                 
		#footer_inside ul {
			list-style-type: none;
			float:left; 
			line-height: 180%; 
			border-right: 1px solid #e4e4e4;
			}
		
		#footer_inside ul.footer_section1 {width: 310px; height: 125px;}
		#footer_inside ul.footer_section2 {width: 380px; height: 125px; padding-left: 30px;}
		#footer_inside ul.footer_section3 {width: 150px; height: 125px; padding-left: 30px; border: none;}
		
			#footer_inside ul.footer_section1 li {float: left; width: 155px}
			#footer_inside ul.footer_section2 li {float: left; width: 125px}
			#footer_inside ul.footer_section3 li {float: left; width: 125px}
			
			#footer_inside ul.footer_section1 li.heading  {float: left; width: 290px;}
			#footer_inside ul.footer_section2 li.heading  {float: left; width: 350px;}
			#footer_inside ul.footer_section3 li.heading  {float: left; width: 270px;}
			
			#footer_inside h4 {float: left; font-size: 16px; padding-bottom: 15px; color: #990033;}		
			#footer_inside li a {
				text-align: left; 
				color: #990033; 
				font-weight: normal; 
				margin-right: 0; 
				float: left; 
				text-decoration: none; 
				font-size: 12px;
				}
			#footer_inside li a:hover {color: #E75480;}
			
#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_1.png');
}
#information ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_heart.png');
	vertical-align: top;
}
.cart {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #EEEEEE;
	margin-bottom: 10px;
}
.cart th {
	background: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
.cart td {
	padding: 5px;
}
#directory ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_2.png');
}

/* added for cms */

#cms_category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../../image/bullet_1.png');
}
.cms_hr {
	margin-bottom: 10px; 
	color: #E75480; 
	background-color: #E75480; 
	height: 1px; 
	border:0; 
	clear:both; 
}

/* *************************
	CATEGORY NAVIGATION
	V dark:	#990033
	Dark:	#E75480
	Medium:	#FFA6C9
	Light:	#FFDFF5
*/

#navcontainer
{
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
	padding-right: 1px;
	background-color: #FFFFFF;
	color: #FFF;
}

#navcontainer ul
{
	list-style: none;
	margin-left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	border: none;
}

/* This alters the line under each L */
#navcontainer li
{
	border-bottom: 1px solid #FFF;
	margin: 0;
}

/* This is the root category */
#navcontainer li a
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	display: block;
	padding: 9px 5px 7px 4px;
	border-left: 2px solid #FFF;
	background-color: #FFF;
	background: transparent url('../image/menu-item.png') no-repeat scroll 0 0;
	color: #990033;
	text-decoration: none;
	width: 100%;
}
html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
	border-left: 2px solid #990033;
	background-color: #FFF;
	background: transparent url('../image/menu-standard-subcat.png') no-repeat scroll 0 0;
	color: #990033;
}


/* This is the sub categories */
#navcontainer li li
{
	/*border-top: 0px solid #FFA6C9;*/
	border-bottom: 0;
	margin: 0;
}

#navcontainer li li a
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	display: block;
	padding: 9px 5px 7px 6px;
	/*border-left: 2px solid #990033;*/
	background: transparent url('../image/menu-standard-subcat.png') no-repeat scroll 0 0;
	background-color: #F0FAFC;
	color: #990033;
	text-decoration: none;
	width: 100%;
}

#navcontainer li li a:hover
{
	border-left: 2px solid #990033;
	background-color: #FFF;
	background: transparent url('../image/menu-item.png') no-repeat scroll 0 0;
	color: #990033;
}


/* *************************
	CATEGORY NAVIGATION
	V dark:	#990033
	Dark:	#E75480
	Medium:	#FFA6C9
	Light:	#FFDFF5
*/
.vid-container {
	width: 100%;
}

.vid {
	border: thin solid #E75480;
}
.vid-player {
	background-color: #FFF;
	vertical-align:	top;
	width: 425px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.vid-content {
	background-color: #E75480;
	vertical-align:	top;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#vid-content h3 {
	color: #FFDFF5;
	padding-top: 0px;
	margin-top: 0px;
	width: 98%;
	border-bottom: thin solid #FFA6C9;
}
#vid-content p {
	color: #FFDFF5;
}

/** jCarousel
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	text-align:center;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 128px;

}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}
.jcarousel-prev {
    z-index: 3;
    display: none;
}
/*
 * Skining
*/
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #FFDFF5;
    border: 1px solid #E75480;
}
/* Outer container */
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 680px;
    padding: 20px 40px;
	
}
/* Inner cell around the scrollign items */
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  690px;
    height: 180px;
}
/* Each item */
.jcarousel-skin-tango .jcarousel-item {
    width: 128px;
    height: 180px;
}
.jcarousel-image-container {
	width: 128px; 
	height: 96px; 
	background-color: #FFF;
	text-align: center; 
	overflow: hidden; 
	border: thin solid #E75480;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 100px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../image/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 100px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../image/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
/**
 *  Vertical Stuff
 */
.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../image/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../image/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}