/* Mobile Styles */

/* Apply a max-width to the entire page to ensure it's not too wide on smaller screens */
@media (max-width:640px)  {

	/* for screens that are at least 320 pixels wide but less than or equal to 640 pixels wide */
	body,
	.middle_area,
	.wrapper {
		max-width: 100%;
		overflow-x: hidden;
	}

	/* Adjust the font size for better readability on smaller screens */
	html {
		font-size: 16px;
	}

	/* Increase the font size for headings */
	h1,
	h2,
	h3 {
		font-size: 1.5em;
	}

	/* Adjust padding and margins for better spacing on smaller screens */
	.container {
		padding: 10px;
	}

	/* Center-align content within the container */
	.center-content {
		text-align: center;
	}

	/* Make images responsive, ensuring they don't overflow their containers */
	img {
		max-width: 100%;
		height: auto;
	}

	/* Adjust the navigation menu for mobile screens */
	#nav {
		display: none;
		/* Hide the desktop navigation */
	}

	/* Add a mobile navigation menu (you may need to customize this) */
	.mobile-menu {
		display: block;
	}

	.slideshow {
		display: block;
	}
	.banner {
		height: auto;
		
	}
	.block_area {
		clear:both;
	}
	.logo,
	.header {
		text-align: center;
	}
	div.header .logo {
		margin-left: auto;
		margin-right: auto;
		float: unset;
	}
	.header {
		width: 100%;
		text-align: center;
	}
	.wrapper {
		width: 100%;
		margin: 0 auto;
	}
	.accounts_links {
		display: none;
	}
	div.header .top_links {
		float: unset;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.middle_area, .footer_outer {
		width: 93%;
		min-height: 500px;
	}
	.products_detail {
		width: 100%;
	}
	.block, .block_inner {
		background: url(../images/Arrow_purple.png) no-repeat 95% 17px;
		width: 80%;
	}
	.block .imgBG {
		width: 100%;
	}
	body {
		background: #B7A4B7 url("../images/bg.jpg") no-repeat center top;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	/* Apply other mobile-specific styles as needed */
}
/* Landscape orientation styles (you may need to customize this) */
@media (min-width: 576px) {
	/* Landscape styles here */
}

/* Tablet styles (you may need to customize this) */
@media (min-width: 768px) {

	/* Tablet styles here */
	#nav {
		display: block;
		/* Show the desktop navigation */
	}
}
body {
	background: #B7A4B7 url("../images/bg.jpg") no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

	#menu-button {
		display: none;
	}



	body,
	div,
	dl,
	dt,
	dd,
	ul,
	ol,
	li,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	pre,
	form,
	fieldset,
	input,
	textarea,
	p,
	blockquote,
	th,
	td {
		margin: 0;
		padding: 0;
	}



	table {
		border-collapse: collapse;
		border-spacing: 0;
	}



	fieldset,
	img {
		border: 0;
	}

	ol,
	ul {
		list-style: none;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 100%;
		font-weight: normal;
	}

	.top_area {
		background-color: #979797;
		color: #fff;
		height: 25px;
		margin-bottom: 10px
	}

	.wrap {
		padding: 5px 0;
		text-align: right;
	}

	.wrap a {
		color: #fff;
	}

	.wrapper {
		width: 1000px;
		margin: 0 auto;
	}

	.header,
	.wrap {
		width: 100%;
		margin: 0 auto;
	}

	.header {
		margin-bottom: 7px;
		text-align: left;
	}

	.logo {
		width: 185px;
		height: 110px;
		float: left;
		margin-bottom: 10px
	}

	.top_links {
		float: right;
		color: #8A008A;
		margin-top: 6px
	}

	.top_links a {
		color: #8A008A;
		text-decoration: none
	}

	.top_links a:hover {
		text-decoration: underline
	}

	.accounts_links {
		color: #000000;
		font-weight: bold;
		background-color: #E8E8E8;
		padding: 4px 13px 4px 17px;
		float: right;
		margin-left: 10px;
		height: 17px;
		line-height: 17px
	}

	.accounts_links a {
		color: #000000;
		text-decoration: none
	}

	.accounts_links a:hover {
		color: #8A008A;
	}

	.accounts_links a.drop_icon {
		background: url(../images/cart_down_icon.png) no-repeat 27px 6px;
		height: 11px;
		padding-right: 15px
	}

	.cartIcon {
		padding-bottom
		/*\**/
		: 5px\9
	}

	#searchBoxOne {
		clear: right;
		float: right;
		margin-top: 30px;
		vertical-align: top;
		width: 382px
	}

	#searchBoxOne input.search {
		font-size: 16px;
		color: #999;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		border: 1px solid #D2D2D2;
		width: 278px;
		float: left;
	}

	#searchBoxOne input.submit {
		background: #D2D2D2 url("../images/search_icon.png") 55px center no-repeat;
		width: 80px;
		padding-right: 20px;
		height: 32px;
		border: 1px solid #D2D2D2;
		border: none;
		color: #000;
		cursor: pointer;
		float: left;
		margin: 0;
	}

	#searchBoxOne input.submit:hover,
	#searchBoxOne input.submit.hover {
		background: #D2D2D2 url(../images/search_icon.png) 55px center no-repeat;
	}

	#nav {
		width: 980px;
		height: 28px;
		background-color: #8A008B;
		clear: both;
		z-index: 9999
	}

	#nav>ul {
		display: block;
	}

	#nav ul li ul {
		display: none;
		position: absolute;
		left: 0;
		top: 27px;
		width: 190px;
		padding: 10px 20px 20px 20px;
		border-top: 2px solid #254117;
		z-index: 999;
	}

	#nav ul li ul li ul {
		left: 200px;
		top: 0px;
	}

	#nav ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		background-color: #8A008B;
		*+overflow-x: visible !important;
	}

	#nav ul li {
		float: left;
		list-style: none;
		padding: 0px;
		background-color: #8A008B;
		border-bottom: dotted 1px #B7A4B7;
		position: relative;
	}

	#nav>ul>li {
		border-right: solid 1px #fff;
		border-bottom: none;
	}

	/*#nav > ul > li:last-child, #nav > ul > li.last{ border-right:none;!important}*/

	#nav ul li span.submenu {
		position: absolute;
		top: 7px;
		right: 4px;
		background: url('../images/down_arrow.png') no-repeat;
		width: 16px;
		height: 16px;
	}

	#nav ul li span.submenu_hover {
		position: absolute;
		top: 7px;
		right: 4px;
		background: url('../images/down_arrow.png') no-repeat;
		width: 16px;
		height: 16px;
	}

	#nav ul li ul li span.submenu2 {
		position: absolute;
		top: 7px;
		right: -9px;
		background: url('../images/right_arrow.png') no-repeat;
		width: 16px;
		height: 16px;
	}

	#nav ul li ul li span.submenu2_hover {
		position: absolute;
		top: 7px;
		right: -9px;
		background: url('../images/right_arrow.png') no-repeat;
		width: 16px;
		height: 16px;
	}

	#nav>ul>li>a {
		font: normal 11px arial;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		padding: 6px 23px 0 11px;
		height: 22px
	}

	#nav ul li a {
		font: normal 11px arial;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		display: block;
		padding: 6px 23px 0 11px;
	}

	#nav ul li a.highlight,
	#nav ul li a.selected {
		background-color: #808080;
		color: #fff;
		display: block;
	}

	#nav ul li ul li a.highlight,
	#nav ul li ul li a.selected {
		background-color: #808080;
		color: #fff;
		display: block;
		margin: 0 -20px;
		padding-left: 21px;
		padding-right: 30px;
	}

	#nav ul li ul {
		border: 1px solid ##B7A4B7;
		border-bottom: none;
		z-index: 999;
	}

	#nav ul li ul li {
		float: none;
		z-index: 999;
	}

	#nav ul li ul li a {
		font: normal 12px arial;
		padding: 6px 10px 6px 1px;
		display: block;
		word-wrap: break-word
	}

	.middle_area,
	.footer_outer {
		width: 960px;
		min-height: 500px;
		margin: 0 auto;
		background-color: #FFFFFF;
		padding: 10px;
	}

	.banner {
		height: 325px;
		vertical-align: top;
		z-index: 99
	}

	.banner_inner {
		height: 119px;
		width: 960px;
		margin-bottom: 10px;
		vertical-align: top
	}

	.clr {
		clear: both
	}

	.block_area {
		margin-top: 20px
	}

	.block_area_inner {
		width: 715px;
		border-left: 1px solid #E5D5D6;
		padding: 25px 0 0 25px;
		float: right
	}

	.block,
	.block_inner {
		background: url(../images/Arrow_purple.png) no-repeat 185px 17px;
		width: 185px;
		min-height: 215px;
		border: solid 1px #DEDEDE;
		padding: 20px;
		margin: 0 17px 20px 0;
		float: left;
		word-wrap: break-word
	}

	.block:hover,
	.block_inner:hover {
		background: url(../images/Arrow_red.png) no-repeat 185px 17px;
	}

	.block a:link,
	.block a:visited {
		text-decoration: none;
		color: black
	}

	.block a:hover {
		text-decoration: underline;
	}

	.block_inner a:link,
	.block_inner a:visited {
		text-decoration: none;
		color: black
	}

	.block_inner a:hover {
		text-decoration: underline;
	}

	.block h2,
	.block_inner h2 {
		font-size: 15px;
		font-weight: bold;
		display: block;
		width: 155px
	}

	.block h1,
	.block_inner h1 {
		font-size: 15px;
		font-weight: bold;
		display: block;
		width: 155px
	}

	.block_inner h2 {
		width: 260px
	}

	.block_inner h1 {
		width: 260px
	}

	.block h5,
	.block_inner h5 {
		font-size: 13px;
		font-weight: bold
	}

	.block .imgBG {
		background: #F4F5F7;
		text-align: center;
		width: 225px;
		margin: 15px auto 5px -20px;
		padding: 5px 0;
	}

	.block_inner .imgBG {
		background: #F4F5F7;
		text-align: center;
		width: 290px;
		padding: 5px;
		margin: 15px auto 5px;
		display: table-cell;
		height: 110px;
		vertical-align: middle;
		font-size: 13px;
		font-weight: bold
	}

	.heading_links {
		text-decoration: none;
		color: #000000
	}

	.heading_links:hover {
		text-decoration: underline;
	}

	.block p,
	.block_inner p {
		margin-top: 8px;
	}

	.block .price,
	.block_inner .price {
		font-weight: normal
	}

	.block .imgBG img {
		margin: 0 auto;
	}

	.block_inner {
		background: url(../images/Arrow_purple.png) no-repeat 295px 20px;
		width: 300px;
		margin: 0 30px 20px 0;
	}

	.block_inner:hover {
		background: url(../images/Arrow_red.png) no-repeat 295px 20px;
	}

	.block_inner img {
		margin: 10px 0 5px 0;
	}

	.block_row_last,
	.block_inner_last {
		margin-right: 0
	}

	.outer_bottom {
		background: url("../images/footer_bg.jpg") repeat-x center bottom;
		min-height: 160px
	}

	.footer_outer {
		min-height: 15px;
		background-color: #FFF;
	}

	/*.our_products{ width:360px; float:left}

			.top_products{ width:540px; float:left}*/

	.our_products {
		width: 900px;
		float: left
	}

	.footer {
		background-color: #646464;
		min-height: 170px;
		padding: 35px 30px;
		*padding: 15px 30px 40px 30px
	}

	.footer h4 {
		text-transform: uppercase;
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 10px;
		color: #FFFFFF
	}

	.footer ul {
		margin-right: 20px;
		float: left;
	}

	.footer ul li {
		text-align: left;
		width: 225px;
		height: 17px;
		margin-bottom: 5px
	}

	.footer ul li a {
		text-decoration: none;
		color: #fff;
		float: left
	}

	.footer ul li a:hover {
		text-decoration: underline
	}

	.white_arrow {
		background: url("../images/arrow_footer.png") no-repeat right 8px;
		width: 10px;
		height: 16px;
		margin-left: 5px;
		display: inline-block;
	}

	.footer ul:first-child {
		width: 200px !important
	}

	.footer_bottom {
		margin: 20px auto 0;
		width: 960px;
		height: 100px
	}

	.footer_left {
		float: left;
		width: 350px
	}

	.footer_right {
		float: right;
		width: 340px
	}

	.footer h4+ul {
		width: 250px !important
	}

	.copyright {
		color: #646464;
		width: 500px;
		margin-bottom: 10px
	}

	.social_icon a {
		float: left;
		width: 20px;
		height: 20px;
		margin-right: 7px
	}

	a.facebook {
		background: url("../images/facebook_icon.png") no-repeat
	}

	a.twitter {
		background: url("../images/twitter_icon.png") no-repeat
	}

	a.linkedIn {
		background: url("../images/linkedIn_icon.png") no-repeat
	}




	a.bbb {
		background: url(../images/bbb_icon.png) no-repeat;
		width: 70px;
		margin-left: 10px;
		float: right;
		padding-top: 8px;
		height: 48px;
		padding-left: 25px;
	}

	.page_detail {
		height: 25px;
		border-bottom: solid 1px #E5D5D6;
		padding-top:20px;
	}

	.page_product_detail {
		height: 25px;
	}

	.page_name {
		font-size: 16px;
		font-weight: bold;
		float: left;
		text-transform: uppercase;
	}

	.bredcrum {
		float: right;
		font-size: 11px;
	}

	.bredcrum a {
		color: #8A008B;
		text-decoration: none
	}

	#leftMenu {
		width: 200px;
		border-right: solid 1px #E5D5D6;
		padding: 25px 15px 0 0;
		margin-right: 25px;
		float: left
	}



	#subnavbox {

		float: left;

		width: 200px;

		min-height: 50px;

		margin: 25px 0px 0px 0px;

		padding: 0px;

		position: relative;

	}



	#subnav ul {

		float: left;

		position: relative;

		margin: 0px 0px 0px 0px;

		padding: 0px 15px 0px 0px;





	}

	#subnav ul li {

		float: left;

		margin: 0px 0px 4px 0px;

		padding: 0px 0px 0px 0px;

		list-style-type: none;

		text-align: left;

		width: 200px;



	}



	#subnav ul li a:link,
	#subnav ul li a:visited {

		float: left;

		/*width: 160px;*/

		color: #414141;

		font-size: 14px;

		font-weight: normal;

		text-decoration: none;

		margin: 0px 0px 0px 0px;

		padding: 1px 10px 4px 5px;

	}



	#subnav ul li a:hover,
	#subnav ul li a:active {

		color: red;

		text-decoration: none;

		margin-right: 0px;

	}

	#subnav ul li a.actief:link,
	#subnav ul li a.actief:visited,
	#subnav ul li a.actief:hover {

		float: left;

		/*width: 160px;*/

		color: red;

		text-shadow: 0px 2px 2px #ddd;

		text-decoration: none;

	}



	/* Subnavigate  2e 

			------------------------------------- */





	#subnav ul li ul {

		margin: 0 0 20px 30px;

		padding: 0px 0px 0px 0px;

		*padding-bottom: 20px;

		border-top: 0px solid #213d54;

		list-style: none;

	}



	#subnav ul li ul li {

		padding: 0px;

		padding-left: 10px;

		margin: 0px;

		float: left;

		border-bottom: 0px solid #3b4747;

		color: #6D6D6D;

		background: url(../images/square.jpg) no-repeat left 7px;



	}



	#subnav ul li ul li a:link,
	#subnav ul li ul li a:visited {

		display: block;

		width: 165px;

		float: left;

		color: #6D6D6D;

		font-size: 12px;

		text-decoration: none;

		margin: 0px 0px 0px 0px;

		background: none;

		font-weight: normal;

		word-wrap: break-word;

		text-transform: none;

	}

	#subnav ul li ul li a:hover {

		color: red;

		background: none;

	}





	#subnav ul li ul li a.actief:link,
	#subnav ul li ul li a.actief:visited,
	#subnav ul li ul li a.actief:hover {

		color: #c70043;

		background: none;

		font-weight: bold;

		text-shadow: 0px 1px 1px #fff;

	}





	/* Subnavigate  3e 

			------------------------------------- */





	#subnav ul ul ul {

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		list-style-type: none;

		border-top: 0px solid #213d54;

	}



	#subnav ul ul ul li {

		padding: 0px 0px 0px 0px;

		margin: 0px 0px 0px 0px;

		list-style-type: none;

		float: left;

		border-bottom: 0px solid #3b4747;

	}



	#subnav ul ul ul li a:link,
	#subnav ul ul ul li a:visited {

		display: block;

		float: left;

		width: 110px;

		color: #3e3e3e;

		font-size: 11px;

		text-decoration: none;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 40px;

		background: none;

		font-weight: normal;

		text-transform: none;

	}

	#subnav ul ul ul li a:hover {

		color: #c70043;

		background: none;

	}

	#subnav ul ul ul li a.actief:link,
	#subnav ul ul ul li a.actief:visited,
	#subnav ul ul ul li a.actief:hover {

		color: #c70043;

		background: none;

		font-weight: bold;

		text-shadow: 0px 1px 1px #fff;

	}

	.arrow {
		background: url(../images/arrow_black.gif) no-repeat 0 4px;
		width: 20px;
		height: 18px;
		margin-left: 4px;
		display: inline-block;
	}

	.arrow_red {
		background: url(../images/arrow_red.gif) no-repeat 0 4px;
		width: 20px;
		height: 18px;
		margin-left: 4px;
		display: inline-block;
	}

	.page_divider {
		color: 414141;
		width: 270px;
		padding: 25px 0 0 0;
		float: left
	}

	.product_heading {
		font-size: 21px;
		padding: 15px;
		margin-bottom: 20px;
		border-bottom: 1px solid #E5D5D6
	}

	.product_heading span {
		font-weight: bold
	}

	.products_detail {
		width: 640px;
		margin: 0 0 0 15px;
		float: left;
		padding-right: 15px;
		border-right: 1px solid #E5D5D6;
	}

	.products_detail h2 {
		font-size: 19px;
		color: #8A008B;
		font-weight: bold;
		margin-bottom: 2px;
	}

	.products_detail h1 {
		font-size: 19px;
		color: #8A008B;
		font-weight: bold;
		margin-bottom: 2px;
	}

	.products_detail h5 {
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 7px;
		word-wrap: break-word;
		width: 430px;
	}

	.products_detail p {
		margin-bottom: 10px
	}

	.sub_hed {
		font-weight: bold;
		color: #555;
	}

	.products_detail ul,
	.products_detail ol {
		margin: 0;
		padding: 0;
		list-style-type: none;
		margin-bottom: 20px
	}

	.products_detail ol {
		list-style-type: decimal;
		list-style-position: inside
	}

	.products_detail ol li {
		margin-bottom: 5px
	}

	.products_detail ul li {
		background: url(../images/purple_arrow.gif) no-repeat left center;
		padding-left: 20px;
		margin-bottom: 5px
	}

	.page_divider p {
		margin-bottom: 10px;
		font-size: 13px;
		color: #414141
	}

	#customerlogo table {
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		vertical-align: middle;
		margin-right: auto;
		margin-left: auto;
	}

	#customerlogo table {
		box-shadow: 1px;
		border-top-width: 6px;
		border-right-width: 6px;
		border-bottom-width: 6px;
		border-left-width: 6px;
		border-top-style: outset;
		border-right-style: outset;
		border-bottom-style: outset;
		border-left-style: outset;
		border-top-color: #EEEEEE;
		border-right-color: #EEEEEE;
		border-bottom-color: #EEEEEE;
		border-left-color: #EEEEEE;
	}

	#customerlogo td {
		height: 120px;
		width: 120px;
		text-align: center;
		vertical-align: bottom;
		border-collapse: separate;
		border-style: ridge;
		box-shadow: 1px;
		border-top-width: 5px;
		border-right-width: 5px;
		border-bottom-width: 5px;
		border-left-width: 5px;
		border-top-style: inset;
		border-right-style: inset;
		border-bottom-style: inset;
		border-left-style: inset;
		border-top-color: #EEEEEE;
		border-right-color: #EEEEEE;
		border-bottom-color: #EEEEEE;
		border-left-color: #EEEEEE;
		margin-top: 3px;
		margin-right: 3px;
		margin-bottom: 3px;
		margin-left: 3px;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}

	#price table {
		font-size: 14px;
		width: 95%;
		border-collapse: collapse;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	#price td,
	#price th {
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		padding: 10px;
	}

	#price td {
		background-color: #D9D9D9
	}

	#price th {
		text-align: left;
		background-color: #4C4C4C;
		color: #ffffff;
	}

	#price tr.alt td {
		color: #000000;
		background-color: #EAF2D3;
	}

	#price .order_btn a {
		margin-left: 10px;
		float: right;
		border: none
	}

	#price .purple {
		color: #8A008A
	}

	#price td.bdr_none,
	#price th.bdr_none {
		border-right: none;
		text-align: right
	}

	.bdr {
		height: 1px;
		background-color: #CCCCCC;
	}

	.full_page_wrapper {
		margin-top: 25px;
		width: auto;
		min-height: 300px
	}





	#tbl {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 15px
	}

	#tbl td,
	#tbl th {
		border: 1px solid #A7A7A7;
		padding: 6px 7px
	}

	#tbl th {
		font-size: 1.1em;
		padding: 5px 7px;
		background-color: #666666;
		color: #ffffff;
	}

	#tbl td a:link,
	#tbl td a:visited {
		color: #8A008A;
		font-weight: bold
	}

	#tbl td a:hover {
		text-decoration: none
	}

	#tbl tr.last td {
		color: #000000;
		background-color: #EBEBEB !important;
	}

	.login_screen {
		background: url(../images/login_screen.png) no-repeat center top;
		color: #FFFFFF;
		width: 399px;
		height: 190px;
		margin: 0 auto;
		padding-top: 60px;
		margin-top: 25px
	}

	.login_screen input[type="text"],
	.login_screen input[type="password"] {
		background: url(../images/input_bg.png) repeat-x left top;
		width: 215px;
		height: 26px;
		line-height: 26px;
		padding: 0 10px;
		border: 0;
	}

	.errorVal {
		font-size: 11px;
		font-weight: bold;
		color: sandybrown
	}



	.register_screen {
		width: 504px;
		margin: 0 auto;
		margin-top: 25px
	}

	.register_screen_top {
		background: url(../images/register_top.jpg);
		height: 25px;
		width: 100%;
	}

	.register_screen_middle {
		background: url(../images/register_middle.jpg);
		min-height: 150px;
		padding: 0 25px
	}

	.register_screen_bottom {
		background: url(../images/register_bottom.jpg);
		height: 25px;
		width: 100%;
	}

	.register_screen legend {
		font-size: 15px;
		font-weight: bold;
		color: #8A008A;
		margin-bottom: 10px
	}

	.register_screen fieldset {
		padding: 20px;
		padding-top: 10px;
		border: solid 1px #B7A4B7
	}

	.register_screen td {
		vertical-align: top;
		line-height: 20px
	}

	.register_screen input[type="text"],
	.register_screen input[type="password"] {
		background: white;
		margin-bottom: 5px;
		width: 215px;
		height: 21px;
		line-height: 21px;
		padding: 0 7px;
		border: solid 1px gray;
	}

	.error {
		font-size: 11px;
		color: red;
		display: inline-block;
		margin-bottom: 7px;
		padding-left: 3px
	}

	#checkout_page .error {
		margin-bottom: 0px;
	}

	.site_button,
	.site_button_red {
		background: url(../images/button_left.jpg) left center no-repeat;
		float: left;
		height: 30px;
		line-height: 30px;
		cursor: pointer;
		margin-right: 8px;
		margin-top: 5px
	}

	.site_button span,
	.site_button_red span {
		background: url(../images/button_right.jpg) right center no-repeat;
		float: left;
		height: 17px;
		height: 15px\9;
		line-height: 30px;
		padding: 6px 10px 7px 0;
		padding: 8px 10px 7px 0\9;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		margin-left: 10px;
	}

	.site_button_red {
		background: url(../images/red_button_left.jpg) left center no-repeat;
	}

	.site_button_red span {
		background: url(../images/red_button_right.jpg) right center no-repeat;
	}

	.site_button input,
	.site_button_red input {
		background: none repeat scroll 0 0 transparent;
		border: medium none;
		color: white;
		cursor: pointer;
		font-size: 12px;
		font-weight: bold;
	}

	.site_button span a,
	.site_button_red span a {
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none
	}

	.slideshow {
		width: 960px;
		margin-top: 20px;
		position: relative;
		z-index: 99
	}

	.slideshow #slides {
		width: 100%;
		height: auto;
		position: relative;
	}

	#prev,
	#next {
		display: block;
		width: 29px;
		height: 24px;
		background-image: url('../images/prev_next.png');
		position: absolute;

		top: 272px;
		text-indent: -9999px;
		z-index: 9999;
	}

	#prev {
		background-position: 0 -24px;
		left: 200px;
	}

	#next {
		background-position: 0 0;
		left: 925px;
	}

	#prev:hover,
	#next:hover {
		opacity: 0.7;
	}

	.slideshow .pager {
		margin: -25px auto 0 auto;
		overflow: hidden;
		position: absolute;
		z-index: 9999;
		right: 25px;
	}

	.digital .slideshow .pager {
		margin-top: 12px;
	}

	.slideshow .pager li {
		float: left;
		margin-right: 5px;
		z-index: 99
	}

	.slideshow .pager li a {
		display: block;
		height: 8px;
		width: 9px;
		background: url('../images/slide.png') no-repeat 0 0;
	}

	.slideshow .pager li.activeSlide a,
	.slideshow .pager li a:hover {
		background-position: 0 -8px;
	}

	.slideshow .pager li a:hover {
		opacity: 0.7
	}



	.purple {
		color: #F43141;
		padding-left: 5px;
		font-size: 11px;
		font-weight: bold;
		text-decoration: underline
	}

	.purple:hover {
		text-decoration: none
	}

	.gray {
		color: #fff;
		font-size: 11px;
		font-weight: bold
	}

	.login_bdr {
		border-top: 1px solid gray;
		padding-top: 5px;
	}



	.forgot-formbox {
		width: 399px;
		height: 203px;
		background: url('../images/forgot_password_bg.png') no-repeat 0 0;
	}

	.forgot-formbox input[type="submit"].send {
		background: url('../images/send_button.png') no-repeat 0 0;
		width: 67px;
		height: 22px;
		border: none;
		cursor: pointer
	}

	.forgot-formbox input[type="hidden"],
	.forgot-formbox input[type="text"] {
		border: none;
		background: none
	}

	.forgot-formbox input[type="text"].required {
		width: 265px;
		height: 22px;
		line-height: 22px;
		margin: 0 30px 0 20px !important
	}



	.checkout_wrapper {
		width: 960px;
		margin: 0 auto;
		min-height: 200px;
		clear: both
	}

	.checkout {
		width: 325px;
		margin-right: 30px;
		float: left
	}

	.checkout legend {
		font-size: 15px;
		font-weight: bold;
		color: #8A008A;
		margin-bottom: 10px
	}

	.checkout fieldset {
		padding: 5px 20px 10px 20px;
		border: solid 1px #B7A4B7
	}

	.checkout td {
		vertical-align: top;
		padding: 5px;
		line-height: 20px
	}

	.order_tbl {
		border: medium none;
		margin: 0 auto 2em;
		width: 55%;
	}

	.order_tbl th {
		background: #DFE0E4;
		font-size: 18px;
		height: 40px;
		vertical-align: middle;
		color: red;
		text-align: center;
		font-weight: bold
	}

	.order_tbl td {
		border-top: 1px solid #FFFFFF;
		color: #222;
		font-weight: bold;
		text-align: right;
		padding: 7px;
		padding-right: 20px
	}

	.order_tbl .odd {
		background-color: #E8E8E8;
	}

	.order_tbl .even {
		background-color: #F3F3F3;
	}

	.order_tbl .cas {
		border-left: 1px solid #D6D9E0;
		color: #8A008A;
		font-weight: bold;
		text-align: left;
		width: 225px;
		padding-left: 25px
	}

	.order_statement_heading {
		font-size: 18px;
		font-weight: bold;
		text-decoration: underline;
		height: 40px;
		vertical-align: top;
		text-align: center;
	}

	.checkout td,
	.order_statement td {
		padding: 5px;
		/*border:solid 1px #DDDDDD*/
	}

	.tbl_heading {
		font-size: 17px;
		font-weight: bold;
		color: #000;
		margin-bottom: 30px;
		float: left;
		padding-bottom: 3px;
		width: auto;
		border-bottom: dotted 1px gray;
	}

	.content {
		margin-top: 15px
	}

	.content .intro {
		font-size: 12px;
		font-weight: bold;
		line-height: 21px;
		text-align: justify;
		margin: 0 0 20px 0;
	}

	.content .intro2 {
		font-size: 12px;
		line-height: 21px;
		text-align: justify;
		margin: 0 0 20px 0;
	}

	.content h4 {
		font-size: 16px;
		color: #8A008A;
		font-weight: bold;
		margin-bottom: 5px;
		margin-top: 5px
	}

	.content p {
		color: #333;
		line-height: 20px;
		margin: 0;
		padding: 0 0 10px;
		text-align: justify;
	}

	.content ul {
		margin: 10px 0 0;
		padding: 0;
		position: relative;
	}

	.content ul li {
		background: url("../images/purple_arrow.gif") no-repeat scroll 0 3px transparent;

		display: block;
		font-weight: normal;
		list-style-type: none;
		margin: 0;
		padding: 0 0 5px 13px;

		text-align: left;
	}

	.content .con_heading {
		color: #8A008A;
		font-size: 16px;
		font-weight: bold;
		;
		margin-bottom: 10px;
		#8A008A;
		text-decoration: underline
	}

	.content .name {
		color: #8A008A;
		font-weight: bold;
		padding-bottom: 0;
	}
}

.con_table td {
	padding: 3px;
}

.content a {
	color: #8A008A;
	text-decoration: underline
}

.content a:hover {
	text-decoration: none
}

#tab {
	margin: 0 auto;
	width: 925px;
}

#tab #tabstrip {
	list-style-type: none;
	display: block;
}

#tab #tabstrip li {
	background: url(../images/bg_tab_left.png) no-repeat left top;
	padding: 0 0px 0 21px;
	margin-right: 5px;
	float: left;
}

#tab #tabstrip li.active {
	background: url(../images/bg_tab_active_left.png) no-repeat left top;
	padding: 0 0px 0 26px;
}

#tab #tabstrip li.active a {
	color: #fff !important;
	font-weight: bold
}

#tab #tabstrip li a {
	display: block;
	background: url(../images/bg_tab_right.png) no-repeat right top;
	padding: 10px 22px 5px 0;
	height: 22px;
	float: left;
	color: black;
	font-weight: bold;
	text-decoration: none;
}

#tab #tabstrip li.active a {
	display: block;
	background: url(../images/bg_tab_active_right.png) no-repeat right top;
	padding-right: 25px;
	float: left;
	color: #000
}

#tab .tab_content {
	display: none;
	clear: both;
	color: #000;
	padding: 20px;
	border: solid 1px gray;
	border-top: solid 6px gray
}

#tab .tab_content#tab1 {
	display: block
}

pre {
	white-space: pre-wrap;
}

#gallery {
	position: relative
}

#gallery img {
	border: 5px solid #3e3e3e;
	border-width: 5px;
}

#gallery .zoom {
	background: url(../images/enlarge.png) no-repeat right top;
	width: 24px;
	height: 24px;
	position: absolute;
	bottom: 8px;
	right: 24px;
	z-index: 2
}

#gallery a:hover img {
	border: 5px solid #ddd;
	border-width: 5px;
	color: #fff;
}

#gallery a:hover {
	color: #fff;
}

.backBtn {
	width: 138px;
	height: 34px;
	background: url(../images/backtocart.png) no-repeat right top;
}

#pagination_wrap {
	padding-right: 10px;
	float: right;
}

#pagination_wrap a:link,
#pagination_wrap a:visited {
	text-decoration: none;
	padding-right: 4px;
	color: #8A008B;
	font-size: 13px;
	font-weight: bold
}

#pagination_wrap a:hover {
	text-decoration: underline;
	font-size: 13px;
	font-weight: bold
}

.current {
	font-size: 13px;
	font-weight: bold;
	padding-right: 4px;
}


/* Larger screen styles (you may need to customize this) */
@media (min-width: 992px) {
	/* Larger screen styles here */

}

/* Extra-large screen styles (you may need to customize this) */
@media (min-width: 1200px) {
	/* Extra-large screen styles here */
}