/* ==== ==== ==== ==== ==== ==== ==== ==== ====
	Azrul
	Copyright 2011 (c)
	written for - www.webshaper.com.my
	support[at]webshaper.net

	=============================
	====== Table of content =====
	=============================

	0. Reset and default css
	1. Header part (all id, class in header)
	2. Component part (all component class)
	3. Pages classes
	4. Footer (all id, class in footer)
	5. Misc

	=============================
	===  End table of content  ==
	=============================

 ==== ==== ==== ==== ==== ==== ==== ==== ==== */

/* ================================
   === 0. Reset and default css ===
   ================================ */

/* Reset CSS
===================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	/*border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;*/
} 
body {
	line-height:1;
	cursor:auto;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
/* remember to define focus styles! */
:focus {
	outline:0;
} 
/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	/*border-collapse:collapse;
	border-spacing:0;*/
}
/* remove active, focus outline in firefox */
a:active, a:focus {
      outline:0;
}
/* Selection style */
::selection {
background:#eb4e86;
color:#ffffff;
}
::-moz-selection{
background:#eb4e86;
color:#ffffff;
}
::-webkit-selection {
background:#eb4e86;
color:#ffffff;
}

/*******
if want to use non web safe font, enable this code
but its got some browser compatibility issue
@font-face {
 font-family: PremierShip;
 src: url(/newFont.ttf) format("truetype");
}
Then at body tag - font family, define this new font
********/
/* ==== Close Reset CSS ==== */

/* General Class
===================== */
html {
	padding:0;
	margin:0;
}
body {
	margin:0;
	padding:0;
	font-size:11px;
	line-height:18px;
	color:#555;
	font-family:"Lucida Grande", Arial, "Times New Roman", Times, serif, Tahoma, Georgia, Verdana, Helvetica, sans-serif;


	display:table;
	width:100%;
	background:#ccc;
	background:url(images/Pattern1.png) 0 0 repeat #f5f5f5;
	/*background:url(images/bodyBg.gif) 0 0 repeat-x #f5f5f5;*/
	/*background-attachment:fixed;*/
	text-align:center;
	position:relative;
}
h2 {
	font-size:20px;
	color:#333;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e1e1e1;
}
h3 {
	font-size:16px;
	font-weight:bold;
	text-transform:capitalize;
	line-height:28px;
	margin:20px 0 10px 0;
	padding:0 0 0 5px;
	color:#333;
	border-bottom:2px solid #333;
}
h4 {
	font-size:14px;
	color:#333;
	margin-top:15px;
	margin-bottom:10px;
	padding-top:3px;
}
ol li {
	list-style-type:decimal;
	margin:0 0 0 25px;
}
ul li {
	list-style-type:disc;
	margin:0 0 0 25px;
}
strike {
	color:#000;
	text-decoration:line-through;
}
p {
	padding:0;
	color:#555;
	margin:0;
	line-height:1.3;
}
a:link, a:active, a:visited, a:hover {
	margin:0;
	padding:0;
	color:#eb4e86;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
}
img {
	border:0;
}
input {
	cursor:auto;
}
input .textbox{
	cursor:text;
}
#gutter {
	float:left;
	width:10px;
	height:1px;
	margin:0;
	padding:0;
}
#wrapper {
	clear:both;
	width:960px;		/* minus border and padding */
	margin:30px auto;	/*auto for centering the content*/
	position:relative;	/*relative for centering the content*/
	text-align:left;
	padding:19px 19px;
	background:#fff;
	border:1px solid #cecece;
}
.wrapperHeader {
	padding:0;
	margin:0;
	background:url(images/wrapperTop.gif) 0 0 no-repeat;
	height:5px;
	width:auto;
}
.wrapperBody {
	margin:0;
	padding:0 5px;
	background:#fff;
	width:auto;
}
#col1 {
	/*position:relative;*/
	float:left;
	width:720px;
	padding:0;
	color:#555;
	margin:0;
	line-height:1.3;
}
.col1Wrapper {
	text-align:left;
	margin:0;
	padding:0;
	width:auto;
	color:#555;
}
#col2Left {
	position:relative;
	clear:both;
	float:left;
	width:220px;
	height:auto;
	margin:0 20px 0 0;
	padding:0;
	overflow:visible;
}
#col3Right {
	position:relative;
	clear:right;
	float:right;
	width:200px;
	margin:0 9px 0 0;
	overflow:visible;
	padding:0;
}
.bodyWrap {
	margin:auto;
	position:relative;
	padding:0;
	height:auto;
	width:960px;
}
#MainContent {
	width:960px;
	margin:auto;
	position:relative;
	padding:20px 0 25px 0;
	height:auto;
	background:#fff;
}
/* ==== close General Class ==== */

/* ================================
    0. Close Reset and default css
   ================================ */

/* ================================
   === 1. Header                ===
   ================================ */
#header {
	position:relative;
	margin:0;
	text-align:left;
	height:auto;
	width:960px;
}
.headerMain {
	width:auto;
	height:auto;
	clear:both;
	margin:0;
}
#companyLogo {
	clear:both;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	float:left;
	white-space:nowrap;
}
.headerRight {
	float:right;
	clear:right;
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0;
}
.headerMainContent {
	float:right;
	clear:right;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	text-align:right;
}
.tagline {
	font-weight:bold;
	color:#aaa;
	font-size:15px;
	vertical-align:bottom;
	margin:90px 0 10px 0;
}

/* Main Navigation
===================== */
#nav {
	width:960px;
	height:40px;
	clear:both;
	margin:0;
	float:left;
	position:relative;
	/*background:#eb4e86; pink */
	background:#eb4e86;
}
#WrapperNav {
	width:auto;
	position:relative;
	margin:auto;
	height:40px;
}
#navMain {
	clear:left;
	float:left;
	margin:0;
	padding:0;
	height:38px;
	width:auto;
}
#navMain ul{
	margin:0;
	padding:0;
}
#navMain li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
	float:left;
	font-size:13px;
	color:#fff;
	width:auto;
	height:auto;
	text-decoration:none;
}
#navMain li a {
	float:left;
	text-decoration:none;
	height:auto;
	width:auto;
	padding:0 15px;
	display:block;
	line-height:40px;
	font-weight:normal;
	color:#fff;
	text-transform:uppercase;
	/*text-shadow:0 1px #999;*/
}
#navMain li a:hover {
	color:#f7cd50;
	text-decoration:none;
	cursor:pointer;
}
#navMain span {
	font-size:18px;
	font-weight:normal;
}
.pattern {
	height:20px;
	width:960px;
	margin:0;
	padding:0;
	clear:both;
	float:left;
	text-align:left;
	background:url(images/dotPattern.gif) 4px 2px repeat;
}
.secondNav {
	height:25px;
	width:938px;
	margin:0;
	padding:0 11px;
	clear:both;
	float:left;
	line-height:25px;
	font-size:11px;
	color:#555;
	text-align:left;
	background:#eee;
}
.currencyPosition {
	clear:right;
	float:right;
	height:auto;
	width:auto;
}
.secondNavText {
	float:right;
	width:auto;
	color:#555;
	line-height:25px;
}
.secondNavText ul{
	padding:0;
	margin:0;
	text-align:right;
	display:inline;
}
.secondNavText ul li{
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
	display:inline;
	text-align:right;
	width:auto;
	height:auto;
}
.secondNavText li a{
	color:#555;
	text-decoration:none;
	height:auto;
	width:auto;
	padding:0;
	margin:0;
	display:inline-block;
}
.secondNavText li a:hover{
	color:#eb4e86;
	text-decoration:none;
	cursor:pointer;
}
.RssIcon {
	background:url(images/RssFeed.png) right 4px no-repeat;
	margin-right:20px;
	padding-right:20px;
}
/* ==== Close Main Navigation ==== */

/* Top Bar Navigation
===================== */
.topBar {
	float:right;
	width:450px;
	height:22px;
	text-align:left;
	padding:0;
	margin:0px 0 0 0;
	font-size:11px;
	color:#555;
}
.topBar ul {
	padding:0;
	margin:0;
	text-align:left;
	float:right;
}
.topBar ul li{
	list-style:none;
	display:inline;
	padding:0 5px;
	margin:0;
	line-height:20px;
}
.topBar ul li a{
	padding:0;
	margin:0;
	display:inline-block;
	color:#555;
	text-decoration:none;
}
.topBar ul li a:hover{
	color:#eb4e86;
	text-decoration:none;
}
.myAccIcon {
	background:url(images/myAccIcon.png) 0 10px no-repeat;
}
.viewCartIcon {
	background:url(images/viewCartIcon.png) 0 10px no-repeat;
}
.checkoutIcon {
	background:url(images/cartIcon.gif) 0 10px no-repeat;
}
/* ==== Close Top Bar Navigation ==== */

/* Greet customer
===================== */
#Greet {
	margin:0;
	padding:0;
	float:left;
	clear:both;
	width:auto;
	line-height:25px;
	font-size:11px;
}
#Greet ul{
	margin:0;
	padding:0;
	float:left;
}
#Greet ul li{
	text-align:left;
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
	white-space:nowrap;
	font-weight:normal;
}
#Greet ul li a {
	text-decoration:none;
	font-weight:normal;
	margin:0;
	padding:0;
	display:inline;
}
#Greet ul li a:hover {
	text-decoration:underline;
	font-weight:normal;
}
/* ==== Close Greet customer ==== */

/* User Greet class
===================== */
#user {
	text-decoration:none;
	padding-top:0;
	float:left;
	padding-left:0;
	padding-right:0;
	display:inline;
	width:auto;
}
#user .userText {
	text-decoration:none;
	float:left;
}
#user .userText a { /* sign in wording */
	color:#555;
	font-weight:normal;
	text-decoration:none;
}
#user .userText a:hover {
	color:#eb4e86;
	text-decoration:none;
}	
#user .userName {
	color:#eb4e86;
	font-weight:bold;
	font-size:13px;
	text-transform:capitalize;
}
#user .userSeperator {
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#c8cdd5;
}
#user .userLog {
	text-decoration:none;
}
#user .userLog a { /* logoff wording */
	font-weight:normal;
	text-decoration:none;
}
#user .userLog a:hover {
	color:#eb4e86;
	text-decoration:underline;
}
#userCart {
	float:right;
}
#userCart ul {
	margin:0;
	padding:0;
}
#userCart li {
	display:inline;
	white-space:nowrap;
}
#userCart li a {
	color:#eb4e86;
	text-decoration:none;
	font-weight:bold;
	white-space:nowrap;
	margin:0;
	float:left;
	padding:10px 11px;
}
#userCart li a:hover {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
/* ==== Close User Greet class ==== */

/* User link navigation
===================== */
.userLinks {
	clear:right;
	float:right;
	width:500px;
	height:29px;
	line-height:29px;
	margin:0;
	padding:0;
	text-align:right;
}
.userLinks img {
	vertical-align:middle;
}
.userLinksText {
	margin:0;
	padding:0;
	width:auto;
	height:29px;
	line-height:29px;
	text-align:left
}
.userLinksText ul {
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}
.userLinksText li {
	margin:0 0 0 10px;
	display:inline;
	padding:0px;	
	list-style:none;
	line-height:29px;
	color:#f6f6f6;
	font-weight:normal;
}
.userLinksText li a{
	color:#f6f6f6;
	text-decoration:none;
	font-size:12px;
}
.userLinksText li a:hover{
	color:#eb4e86;
	text-decoration:none;
	font-size:12px;	
}
/* ==== Close User link navigation ==== */

/* Search function
===================== */
#search {
	width:auto;
	height:auto;
	float:right;
	clear:right;
	text-align:right;
	margin:6px 10px 0 0;
	padding:0;
	font-size:12px;
}
#search a {
	text-decoration:none;
	color:#706f74;
	font-size:11px;
	padding:0;
	margin:0;
}
#search a:hover {
	text-decoration:none;
	color:#706f74;
}
#search .form {
	padding:0;
	float:right;
	text-align:right;
	margin:0;
	height:auto;
	width:auto;
}
.searchBox {	
	padding:0;
	color:#666;
	height:auto;
	width:150px;
	margin:0;
	padding:0;
	float:left;
	/*border:1px solid #666;
	background:#fff;*/
	background:url(images/SearchBg.png) 0 0 no-repeat;
}
.searchBox .textbox {
	height:26px;
	color:#555;
	border:none;
	float:left;
	width:140px;
	line-height:26px;
	padding:0 5px;
	margin:0;
	font-size:12px;
	background-color:transparent;
	cursor:text;
}
.searchBox .textbox:focus {
	border:none;
}
#search .searchBtn {
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}
.searchBtn input {
	cursor:pointer;
}
#search .searchAdvanced {
	margin:0 0 0 3px;
	float:left;
	font-weight:bold;
	font-size:20px;
	line-height:25px;
	color:#fff;
}
#search .searchAdvanced a{
	font-weight:bold;
	font-size:20px;
	color:#fff;
}
/* ==== Close Search function ==== */

/* ================================
   === 1. Close Header          ===
   ================================ */

/* ================================
   === 2. Component part        ===
   ================================ */

/* Box compenent
===================== */
.box {
	margin-bottom:20px;
	width:218px;
	border:1px solid #ffdde9;
}
.boxHeader {
	height:44px;
	width:218px;
	padding:0;
	border-bottom:1px dashed #ffdde9;
}
.boxHeaderText {
	color:#eb4e86;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0 5px 0 10px;
	line-height:44px;
	text-align:left;
	text-transform:uppercase;
}
.boxBody {
	color:#555;
	margin:0;
	padding:5px 0;
	font-weight:normal;
}
.boxBodyNewsletter {
	color:#555;
	margin:0;
	padding:5px 10px 10px 10px;
	font-weight:normal;
}
.boxFooter {
	display:none;
}
.boxFooterNewsletter {
	display:none;
}
.boxBodyNewsletter p {
	color:#555;
	padding:3px 0 5px 0;
	font-weight:normal;
}
.boxBody ul {
	margin:0;
	padding:0;
}
.boxBody li {
	padding:0;
	list-style:none;
	margin:0;
	font-size:11px;
	line-height:13px;
}
.box li a {
	color:#555;
	padding:7px 5px 7px 23px;
	margin:0;
	text-decoration:none;
	line-height:13px;
	display:block;
	background:url(images/Li.gif) 13px 12px no-repeat;
}
.box li a:hover {
	color:#eb4e86;
	text-decoration:none;
}
/* ==== Close Box compenent ==== */

/* CategoryList component
===================== */
.categoryList {
	margin-bottom:20px;
	width:218px;
	border:1px solid #ffdde9;
}
.categoryListHeader {
	height:44px;
	width:218px;
	padding:0;
	border-bottom:1px dashed #ffdde9;
}
.categoryListHeaderText {
	color:#eb4e86;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0 5px 0 10px;
	line-height:44px;
	text-align:left;
	text-transform:uppercase;
}
.categoryListBody {
	color:#555;
	margin:0;
	padding:5px 0;
	font-weight:normal;
}
.categoryListFooter {
	display:none;
}
.categoryList ul{
	margin:0;
	padding:0;
}
.categoryList li{
	padding:0;
	list-style:none;
	margin:0;
	font-size:11px;
	line-height:13px;
}
.categoryList1 {
	padding:0;
	margin:0;
	list-style:none;
}
#categoryList_ul_0{
	padding:0;
	margin:0;
}
.categoryList1 a {
	color:#555;
	padding:7px 5px 7px 23px;
	margin:0;
	text-decoration:none;
	line-height:13px;
	display:block;
	background:url(images/Li.gif) 13px 12px no-repeat;
}
.categoryList1 a:hover {
	color:#eb4e86;
	text-decoration:none;
}
.categoryList ul ul ul {}
.categoryList ul ul ul li {
	border-bottom:none;
}
.categoryList2 a {
	color:#555;
	padding:7px 5px 7px 35px;
	margin:0;
	text-decoration:none;
	line-height:13px;
	display:block;
	background:url(images/LiSub.gif) 25px 10px no-repeat;
}
.categoryList2 a:hover {
	color:#eb4e86;
	text-decoration:none;
}
/* ==== Close CategoryList component ==== */

/* Cart Component
===================== */
.cartComponent {	
	margin-bottom:20px;
	width:218px;
	border:1px solid #ffdde9;
}
.cartComponentHeader {
	height:44px;
	width:218px;
	padding:0;
	border-bottom:1px dashed #ffdde9;
	background:url(images/cartIcon.gif) 190px 12px no-repeat;
}
.cartComponentHeaderText {
	color:#eb4e86;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0 5px 0 10px;
	line-height:44px;
	text-align:left;
	text-transform:uppercase;
}
.cartComponentBody {
	color:#555;
	margin:0;
	padding:5px 10px 10px 10px;
	font-weight:normal;
}
.cartComponentFooter {
	display:none;
}
.cartComponentItems {
	font-weight:normal;
	padding-top:5px;
}
.cartComponentItems ul {
	padding:0;
	margin:0;
}
.cartComponentItems li {
	margin:0 0 0 15px;
	padding:5px 0;
	line-height:14px;
	list-style-type:disc;
}
.cartComponentLinks {
	color:#eb4e86;
	text-decoration:none;
	line-height:15px;
	margin:5px 0 0 0;
}
.cartComponentLinks a {
	color:#eb4e86;
	text-decoration:none;
	line-height:15px;
	font-weight:normal;
	padding-right:10px;
}
.cartComponentLinks a:hover {
	text-decoration:underline;
}
.cartComponentSummary {
	padding-top:5px;
}
.cartComponent ul {
	padding:0;
	margin:0;
}
.cartComponent li {}
/* ==== Close Cart Component ==== */

/* News component
===================== */
.newsComponent {
	margin-bottom:20px;
	width:218px;
	border:1px solid #ffdde9;
}	
.newsComponentHeader {
	height:44px;
	width:218px;
	padding:0;
	border-bottom:1px dashed #ffdde9;
}
.newsComponentHeaderText {
	color:#eb4e86;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0 5px 0 10px;
	line-height:44px;
	text-align:left;
	text-transform:uppercase;
}
.newsComponentBody {
	color:#555;
	margin:0;
	padding:5px 0;
	font-weight:normal;
}
.newsComponentFooter {
	display:none;
}
.newsComponent ul {
	margin:0;
	padding:0;
}
.newsComponent li {
	padding:0;
	list-style:none;
	margin:0;
	font-size:11px;
	line-height:13px;
}
.newsComponentTitle a {
	color:#555;
	padding:7px 5px 7px 23px;
	margin:0;
	text-decoration:none;
	line-height:13px;
	display:block;
	background:url(images/Li.gif) 13px 12px no-repeat;
}
.newsComponentTitle a:hover {
	color:#eb4e86;
	text-decoration:none;
}
.newsComponentDate {
	color:#aaa;
	padding:0 0 0 23px;
	font-size:9px;
	margin:0;
	/*border-bottom:1px solid #ececec;*/
}
.newsComponent a:link, a:visited, a:active {}
/* ==== Close News component ==== */

/* Manufacturer List Component
===================== */
.mfcComponent {
	margin-bottom:20px;
	width:218px;
	border:1px solid #ffdde9;
}
.mfcComponentHeader {
	height:44px;
	width:218px;
	padding:0;
	border-bottom:1px dashed #ffdde9;
}
.mfcComponentHeaderText {
	color:#eb4e86;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0 5px 0 10px;
	line-height:44px;
	text-align:left;
	text-transform:uppercase;
}
.mfcComponentBody {
	color:#555;
	margin:0;
	padding:5px 0;
	font-weight:normal;
}
.mfcComponentFooter {
	display:none;
}
.mfcComponent ul {
	margin:0;
	padding:0;
}
.mfcComponent li {
	padding:0;
	list-style:none;
	margin:0;
	font-size:11px;
	line-height:13px;
}
.mfcComponent li a {
	color:#555;
	padding:7px 5px 7px 23px;
	margin:0;
	text-decoration:none;
	line-height:13px;
	display:block;
	background:url(images/Li.gif) 13px 12px no-repeat;
}	
.mfcComponent li a:hover {
	color:#eb4e86;
	text-decoration:none;
}
/* ==== Close Manufacturer List Component ==== */

/* Theme Component
===================== */
.thmComponent {
	margin-bottom:20px;
	width:218px;
	border:1px solid #ffdde9;
}
.thmComponentHeader {
	height:44px;
	width:218px;
	padding:0;
	border-bottom:1px dashed #ffdde9;
}	
.thmComponentHeaderText {
	color:#eb4e86;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0 5px 0 10px;
	line-height:44px;
	text-align:left;
	text-transform:uppercase;
}
.thmComponentBody {
	color:#555;
	margin:0;
	padding:5px 0;
	font-weight:normal;
}
.thmComponentFooter {
	display:none;
}
.thmComponent ul {
	margin:0;
	padding:0;
}
.thmComponent li {
	padding:0;
	list-style:none;
	margin:0;
	font-size:11px;
	line-height:13px;
}
.thmComponent li a {
	color:#555;
	padding:7px 5px 7px 23px;
	margin:0;
	text-decoration:none;
	line-height:13px;
	display:block;
	background:url(images/Li.gif) 13px 12px no-repeat;
}	
.thmComponent li a:hover {
	color:#eb4e86;
	text-decoration:none;
}
/* ==== Close Theme Component ==== */

/* Custom Fields List Component
===================== */
.customFieldsList {
	margin-bottom:20px;
	width:218px;
	border:1px solid #ffdde9;
}
.customFieldsListHeader {
	height:44px;
	width:218px;
	padding:0;
	border-bottom:1px dashed #ffdde9;
}
.customFieldsListHeaderText {
	color:#eb4e86;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0 5px 0 10px;
	line-height:44px;
	text-align:left;
	text-transform:uppercase;
}
.customFieldsListBody {
	color:#555;
	margin:0;
	padding:5px 0;
	font-weight:normal;
}
.customFieldsListBody .dropdownlist {
	width:94%;
	color:#555;
	padding:0;
	text-align:left;
}	
.customFieldsListFooter {
	display:none;
}
.customFieldsList ul {
	margin:0;
	padding:0;
}
.customFieldsList li {
	padding:0;
	list-style:none;
	margin:0;
	font-size:11px;
	line-height:13px;
}
.customFieldsList li a {
	color:#555;
	padding:7px 5px 7px 23px;
	margin:0;
	text-decoration:none;
	line-height:13px;
	display:block;
	background:url(images/Li.gif) 13px 12px no-repeat;
}
.customFieldsList li a:hover {
	color:#eb4e86;
	text-decoration:none;
}
/* ==== Close Custom Fields List Component ==== */

/* Price Range Component
===================== */
.priceRangeComponent {
	margin-bottom:20px;
	width:218px;
	border:1px solid #ffdde9;
}
.priceRangeComponentHeader {
	height:44px;
	width:218px;
	padding:0;
	border-bottom:1px dashed #ffdde9;
}
.priceRangeComponentHeaderText {
	color:#eb4e86;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0 5px 0 10px;
	line-height:44px;
	text-align:left;
	text-transform:uppercase;
}
.priceRangeComponentBody {
	color:#555;
	margin:0;
	padding:5px 0;
	font-weight:normal;
}
.priceRangeComponentFooter {
	display:none;
}
.priceRangeComponentBody ul {
	margin:0;
	padding:0;
}
.priceRangeComponentBody li {
	padding:0;
	list-style:none;
	margin:0;
	font-size:11px;
	line-height:13px;
}	
.priceRangeComponent li a {
	color:#555;
	padding:7px 5px 7px 23px;
	margin:0;
	text-decoration:none;
	line-height:13px;
	display:block;
	/*border-bottom:1px dotted #bbb;*/
	background:url(images/Li.gif) 13px 12px no-repeat;
}
.priceRangeComponent li a:hover {
	color:#eb4e86;
	text-decoration:none;
}
/* ==== Close Price Range Component ==== */

/* Currency Component
===================== */
.currencyComponent {
	margin:0;
	padding:0;
	width:160px;
	height:20px;
}
.currencyComponentHeader {
	display:none;	
}
.currencyComponentHeaderText {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:5px 0 0 0;
	margin:0 0 0 10px;
	line-height:16px;
	text-align:left;
}
.currencyComponentBody {
	color:#555;
	margin:0;
	padding:0;
	font-weight:normal;
}
.currencyComponentFooter {
	display:none;
}
.currencyComponentBody form {
	padding:0;
	margin:0;
}
.currencyComponentBody form .dropdownlist{
	width:160px;
	color:#666;
	background-color:#fff;
	padding:2px;
	margin:0;
	text-align:left;
	border:1px solid #cdcdcd;
}
/* ==== Close Currency component ==== */

/* Featured Products Component
===================== */
.featuredProducts {
	margin:0;
	padding:0;
	width:100%;
	border:1px solid #ffdde9;
}
.featuredProductsHeader {
	height:40px;
	width:100%;
	background:#eb4e86;
}
.featuredProductsHeaderText h1 {
	color:#fff;
	font-size:13px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:40px;
	text-align:left;
	text-transform:uppercase;
}
.featuredProductsBody {
	color:#555;
	margin:0;
	padding:0;
	font-weight:normal;
}
.featuredProductsFooter {
	display:none;
}
.featuredProductsGrid {
	/*border-collapse:collapse;*/
	border-collapse:separate;
	border-spacing:10px;
	width:100%;
	text-align:left;
}
.featuredProductsGrid table {
	margin:0;
	padding:0;
}
.featuredProductsGrid  tr {}
.featuredProductsGrid  td {
	text-align:center;
	padding:15px 10px;
	width:25%;
	vertical-align:bottom;
	margin:0;
	border:1px solid #ffdde9;
} 
/* ==== Close Featured Products Component ==== */

/* Comparison Component
===================== */
.comparisonComponent {
	margin-bottom:20px;
	width:218px;
	border:1px solid #ffdde9;
}
.comparisonComponentHeader {
	height:44px;
	width:218px;
	padding:0;
	border-bottom:1px dashed #ffdde9;
}
.comparisonComponentHeaderText {
	color:#eb4e86;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0 5px 0 10px;
	line-height:44px;
	text-align:left;
	text-transform:uppercase;
}
.comparisonComponentBody {
	color:#555;
	margin:0;
	padding:5px 10px 10px 10px;
	font-weight:normal;
}
.comparisonComponentFooter {
	display:none;
}
.comparisonComponentAction {
	background:#f1f1f1;
	padding:5px 0;
	line-height:13px;
	text-align:center;
}
.comparisonComponentAction a {
	color:#eb4e86;
	text-decoration:none;
}
.comparisonComponentAction a:hover {
	text-decoration:underline;
}
.comparisonComponent li {
	padding:0;
	list-style:none;
	margin:0;
	font-size:11px;
	line-height:13px;
}
.comparisonComponent ul {
	margin:0;
	padding:0;
}
.compareHeader tr {}
.comparisonComponentItems {
	width:100%;
}
.comparisonComponentGrid {
	width:100%;
	margin:0;
	padding:0;
}
.comparisonComponentGrid td {
	line-height:13px;
}
.comparisonComponentGrid a:link, .comparisonComponentGrid a:visited {
	color:#555;
	text-decoration:none;
}
.comparisonComponentGrid a:hover, .comparisonComponentGrid a:active {
	color:#eb4e86;
	text-decoration:none;
}
.compareCell1 {
	width:89%;
	margin:0;
	padding:7px 5px 7px 0;
}
.compareCell1 a {
	margin:0;
	padding:6px 0;
	text-decoration:none;
}
.compareCell2 {
	width:9%;
	text-align:right;
}
/* ==== Close Comparison Component ==== */

/* New Products component
===================== */
.newProductsComponent {
	margin-bottom:20px;
	width:218px;
	border:1px solid #ffdde9;
}	
.newProductsComponentHeader {
	height:44px;
	width:218px;
	padding:0;
	border-bottom:1px dashed #ffdde9;
}
.newProductsComponentHeaderText {
	color:#eb4e86;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0 5px 0 10px;
	line-height:44px;
	text-align:left;
	text-transform:uppercase;
}
.newProductsComponentBody {
	color:#555;
	margin:0;
	padding:10px 0;
	font-weight:normal;
}
.newProductsComponentFooter {
	display:none;
}
.newProductsComponentGrid {
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}
.newProductsComponentProdName {
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:5px;
}
.newProductsComponentPrice {
	padding:5px 0;
	text-align:center;
}
.newProductsComponentPrice strike {
	color:#555;
	text-decoration:line-through;
}
.newProductsComponentLinks {
	text-align:center;
	color:#eb4e86;
}
.newProductsComponentGrid a{
	color:#eb4e86;
	padding:0;
	text-decoration:none;
	line-height:17px;
}
.newProductsComponentGrid a:hover{
	text-decoration:underline;
}
.newProductsComponentLeftColumn {
	text-align:center;
}
/* ==== Close New Products component ==== */

/* Best Sellers component
===================== */
.bestSellersComponent {
	margin-bottom:20px;
	width:218px;
	border:1px solid #ffdde9;
}	
.bestSellersComponentHeader {
	height:44px;
	width:218px;
	padding:0;
	border-bottom:1px dashed #ffdde9;
}
.bestSellersComponentHeaderText {
	color:#eb4e86;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0 5px 0 10px;
	line-height:44px;
	text-align:left;
	text-transform:uppercase;
}
.bestSellersComponentBody {
	color:#555;
	margin:0;
	padding:10px 0;
	font-weight:normal;
}
.bestSellersComponentFooter {
	display:none;
}
.bestSellersComponentGrid {
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}
.bestSellersComponentProdName {
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:5px;
}
.bestSellersComponentPrice {
	padding:5px 0;
	text-align:center;
}
.bestSellersComponentPrice strike {
	color:#555;
	text-decoration:line-through;
}
.bestSellersComponentLinks {
	text-align:center;
	color:#eb4e86;
}
.bestSellersComponentGrid a {
	color:#eb4e86;
	padding:0;
	text-decoration:none;
	line-height:17px;
}
.bestSellersComponentGrid a:hover {
	text-decoration:underline;
}
.bestSellersComponentLeftColumn {
	text-align:center;
}
/* ==== Close Best Sellers component ==== */

/* Specials Component
===================== */
.specialsComponent {
	margin-bottom:20px;
	width:218px;
	border:1px solid #ffdde9;
}	
.specialsComponentHeader {
	height:44px;
	width:218px;
	padding:0;
	border-bottom:1px dashed #ffdde9;
}
.specialsComponentHeaderText {
	color:#eb4e86;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0 5px 0 10px;
	line-height:44px;
	text-align:left;
	text-transform:uppercase;
}
.specialsComponentBody {
	color:#555;
	margin:0;
	padding:5px 0;
	font-weight:normal;
}
.specialsComponentFooter {
	display:none;
}
.specialsComponentGrid {
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}
.specialsComponentProdName {
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:5px;
}
.specialsComponentPrice {
	padding:5px 0;
	text-align:center;
}
.specialsComponentPrice strike {
	color:#555;
	text-decoration:line-through;
}
.specialsComponentLinks {
	text-align:center;
	color:#eb4e86;
}
.specialsComponentGrid a {
	color:#eb4e86;
	padding:0;
	text-decoration:none;
	line-height:17px;
}
.specialsComponentGrid a:hover{
	text-decoration:underline;
}
.specialsComponentLeftColumn {
	text-align:center;
}
/* ==== Close Specials Component ==== */

/* ================================
   === 2. Close Component part  ===
   ================================ */

/* ================================
   === 3. Pages Classes         ===
   ================================ */
/* Labelling
===================== */
table.tblPicLabels {
	border-width:1px 1px 1px 1px;
	border-spacing:0;
	border-style:none;
	border-color:gray gray gray gray;
	border-collapse:collapse;
	top:0;
	left:0;
}
table.tblPicLabels th {
	border-width:0px 0px 0px 0px;
	padding:0;
	border-style:none;
	border-color:gray gray gray gray;
}
table.tblPicLabels td {
	border-width:1px 1px 1px 1px;
	padding:0;
	border-style:none none none none;
	border-color:gray gray gray gray;
	text-align:left;
	width:auto;
}
/* ==== Close Labelling ==== */

/* Comparison table Page
===================== */
table#tblComparison {
	border-spacing:0;
	border-collapse:collapse;
}
#tblComparison td {
	padding:3px;
	border:solid 1px #cecece;
}
#tblComparison th {
	padding:0;
	margin:0;
	vertical-align:bottom;
	background-color:Transparent;
	text-align:right;
}
#tblComparison tr {
	height:35px;
	vertical-align:top;
}
.comparetblHeader {
	padding:3px;
	font-weight:bold;
	font-size:14px;
}
.compareLabelLeft{
	font-weight:bold;    
	background:#f1f1f1;
	vertical-align:top;
}
.compareCellOdd{
	background:#fff;
	font-size:11px;	
}
.compareCellEven{
	background:#f1f1f1;
	font-size:11px;	
}
.comparePrice{
	font-weight:bold; 
}
.compare-button{}
/* ==== Close Comparison table Page ==== */

/* Customer Account Area Page
===================== */
.custOrderListSearchResults {
	background:#333;
	line-height:30px;
	margin-top:10px;
	padding:3px 3px 0;
	color:white;
}
.custOrderListGrid {
	font-size:11px;
	border:1px solid #E1E1E1;
}
.custOrderListGridHeader {
	background:#adaaad;
	color:#fff;
	height:25px;
	font-weight:bold;
}
.custOrderListGrid td {
	padding:5px;
	line-height:25px;
	color:#555;
}
.custShipAddr {
	margin:15px 0;
	padding-top:15px;
	border-top-width:1px;
	border-top-style:dashed;
	border-top-color:#e1e1e1;
}
/* ==== Close Customer Account Area Page ==== */

/* Search Result Page
===================== */
.searchResultsGrid {
	text-align:left ;
	width:100%;
	margin:20px 0 0 0;
}
.searchResultsGrid td {
	text-align:left;
	padding:0 0 40px 0;
	margin-bottom:0px;
	text-align:center;
}
.searchResultsGrid td .prodItemName {
	color:#eb4e86;
	text-align:left;
	line-height:16px;
	width:100%;
	height:auto;
	display:block;
	padding:2px 0;
	margin:0;
}
.searchResultsGrid td .prodItemShortDesc {
	line-height:15px;
	color:#555;
	overflow:hidden;
	height:auto;
	display:block;
	padding:5px 0 10px 0;
	width:100%;
	text-align:left;
}
.searchProdGridRow {	
	width:100%;
}
.searchProdGridCol1 {
	float:left;
	width:30%;
	vertical-align:top;
	margin-right:10px;
}
.searchProdGridCol2 {
	width:60%;	
	float:left;
	text-align:left;
	/*clear:left;*/
}
/* ==== Close Search Result Page ==== */

/* News Page
===================== */
.news {
	margin:0;
	padding:0;
}
.newsHeader {
	display:none;
}
.newsItem {
	margin:20px 0 50px 0;
}
.newsTitle {
	font-weight:bold;
	font-size:16px;
	color:#333;
}
.newsTitle h4 {
	font-size:16px;
	color:#333;
	text-decoration:none;
}
.newsDate {
	font-size:10px;
	color:#555;
	letter-spacing:1pt;
	margin-top:5px;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#CCCCCC;
	padding-bottom:5px;
}
.newsContent {
	margin:0;
	color:#555;
	padding:10px 0 5px 0;
	border-bottom-width:1px;
	border-bottom-style:dashed;
	border-bottom-color:#ccc;
}
/* ==== Close News Page ==== */

/* Thumbnail Product class
===================== */
.picture {
	padding:0;
	margin:0 0 10px 0;
}
.productPictureSmall {
	margin:0;
	padding:0;
}
.prodItemName {
	font-size:12px;
	font-weight:bold;
	color:#eb4e86;
	text-align:center;
	line-height:16px;
	width:100%;
	height:32px;
	display:block;
	margin:10px 0 5px 0;
	padding:0 0 2px 0;
	border-bottom:1px dotted #ffdde9;
	overflow:hidden;
}
.prodItemShortDesc {
	font-size:11px;
	line-height:15px;
	color:#555;
	overflow:hidden;
	height:30px;
	display:block;
	margin:2px 0;
	width:100%;
	text-align:center;
}
.prodItemPrice {
	text-align:center;
	font-weight:bold;
	color:#555;
	margin:2px 0;
}
.prodItemPrice strike {
	font-size:15px;
}
.alternativePrice, .normalPrice, .sellingPrice, .currCode {
	font-size:15px;
	color:#555;
	font-weight:bold;
}
.currCode {
	margin:0 3px 0 0;
}
.qtyDiscountText {
	clear:both;
	color:#ffaa60;
	text-decoration:blink;	
	font-size:11px;
	margin:2px 0;
}
.freeShippingText {
	text-decoration:blink;	
	color:#e67a76;
	font-size:11px;
	margin:5px 0;
}
.sku {
	font-size:1em;
}
.prodItemLabels {
	display:none;
}
/* ==== Close Thumbnail Product class ==== */

/* Page Navigation, Breadcrumb
===================== */
.productNavigation {
	color:#555;
	text-decoration:none;
	margin:10px 0 10px 0;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#eee;
	padding:8px 0;
	font-weight:bold;
	background:#fafafa;
	border-top:1px solid #eee;
	font-family:arial;
}
.productNavigation a {
	padding:0 5px 0 5px;
	color:#333;
	text-decoration:none;
	font-family:"Lucida Grande", Arial;
}
.productNavigation a:hover {
	color:#333;
	text-decoration:underline;
}
.navCurrText {
	margin:0 0 0 5px;
	font-weight:bold;
	color:#555;
	text-decoration:none;
}
/* ==== Close Page Navigation, Breadcrumb ==== */

/* View Category Page
===================== */
.viewCatGrid {
	border-collapse:separate;
	border-spacing:10px 10px;
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
}
.viewCatGrid td {
	text-align:center;
	padding:15px 10px;
	width:25%;
	vertical-align:bottom;
	margin:0;
	border:1px solid #ffdde9;
}
.viewCatGridLeftColumn {
	float:left;
	width:auto;
	padding:0 20px 0 0;
	display:block;
	text-align:left;
	vertical-align:top;
	position:relative;
}
.viewCatGridRightColumn{
	float:left;
	width:50%;
	display:block;
	text-align:left;
	vertical-align:top;
	position:relative;
}
.mainCategoryDetails {
	display:block;
}
.mainCategoryPictureNormal {
	display:block;
	margin:0;
}
.mainCategoryName {}
.mainCategoryLongDesc {
	font-size:11px;
	line-height:15px;
	color:#555;
	overflow:hidden;
	height:auto;
	display:block;
	margin:2px 0;
	width:100%;
	text-align:center;
}
.catName {
	font-size:12px;
	font-weight:bold;
	color:#eb4e86;
	text-align:center;
	line-height:16px;
	width:100%;
	display:block;
	margin:2px 0;
}
.catShortDesc {
	font-size:11px;
	line-height:15px;
	color:#555;
	overflow:hidden;
	height:30px;
	display:block;
	margin:2px 0;
	width:100%;
	/*text-align:justify;*/
	text-align:center;
}
/* ==== Close View Category Page ==== */

/* View Product Page
===================== */
.viewProd {
	margin-top:30px;
}
.viewProdPicture {
	float:left;
	width:50%;
	margin-bottom:10px;
	padding:0;
	text-align:left;
	color:#555;
	height:auto;
	text-align:center;
}
.viewProdPicture p {
	color:#555;
}
.viewProdImageSwap {
	margin-top:10px;
	padding:5px;
	width:auto;
	height:auto;
	text-align:center;
}
.viewProdImageSwap ul {
	margin:0;
	padding:0;
}
.viewProdImageSwap li {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	list-style:none;
	display:inline;	
}
.viewProdInfo {
	float:right;
	clear:right;
	margin-bottom:20px;
	width:47%;
	padding:0 0 0 10px;
	color:#555;
}
.viewProd_prodItemName {
	letter-spacing:-1pt;
	font-size:24px;
	line-height:25px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #aaa;
	font-weight:bold;
	color:#333;
	text-align:left;
	height:auto;
}
.viewProdPrice {
	margin:10px 0 10px 0;
	font-size:19px;
}
.viewProdInfo .normalPrice, .viewProdInfo .sellingPrice, .viewProdInfo .currCode {
	letter-spacing:0pt;
	font-size:19px;
	color:#eb4e86;
	font-weight:bold;	
}
.viewProdInfo .currCode {
	margin:0 5px 0 0;
}
.viewProdInfo strike .normalPrice {
	font-size:19px;
	text-decoration:line-through;
	color:#5a5a5a;
}
.viewProdInfo .dropdownlist {
	margin:0 20px 10px 0;
	padding:0;
	font-size:12px;
	color:#333;
	width:auto;
}
.viewProdOptions {
	padding:0 10px 0 0;
	margin:0 0 10px 0;
	color:#555;
	font-size:13px;
	width:auto;
}
.viewProdOptions b {
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	color:#555;
	line-height:24px;
}
.viewProdAddToCart {
	padding:5px 0 10px 0;
	margin:0;
}
.viewProd_Buttons {
	margin:20px 0 0 0;
	float:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px dashed #cecccc;
	clear:both;
	padding:10px;
	width:auto;
}
.viewProd_Buttons img {
	vertical-align:middle;
}
.viewProd_attachments {
	/*clear:both;
	margin:20px 0 40px 0;
	padding:3px 10px 10px 10px;*/
	clear:both;
	padding:0 10px 0 10px;
	margin:0 0 40px 0;
	color:#555;
	font-size:13px;
	line-height:1.5;
	width:auto;
	/*-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px dashed #cecccc;
	background-color:#fbfbfb;*/
}
.viewProd_attachments h3 {
	margin-top:0;
}
.viewProd_attachments ul {
	margin:5px 0 5px 0;
}
.viewProd_prodItemLongDescTitle {
	height:45px;
	background:url(images/LongHeader.png) no-repeat;
	width:auto;
	clear:both;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:10px 0 0 20px;
	text-align:left;	
	display:block;
	line-height:18px;
	white-space:nowrap;
}
.viewProd_prodItemLongDesc {
	padding:0;
	margin:0 0 40px 0;
	clear:both;
	width:100%;
	color:#555;
}
.viewProd_prodItemLongDesc p {
	width:100%;
}
.viewProd_prodItemLongDesc strong {
	font-weight:bold;
	text-decoration:none;
}
.viewProd_prodItemLongDesc h1 {
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding:4px 0 20px 10px;
	display:block;
}
.viewProdItemDetails {
	padding:3px 10px 10px 10px;
	margin:0 0 10px 0;
	color:#555;
	font-size:13px;
	line-height:1.5;
	width:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px dashed #cecccc;
	background-color:#fbfbfb;
}
.viewProdItemDetails u b {
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	color:#555;
	line-height:24px;
}
.viewProdEmailFriend {
	margin:0;
}	
.qtyDiscountGrid {	
	border-collapse:separate;
	font-size:12px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px dashed #cecccc;
	clear:both;
	padding:5px;
	width:100%;
	margin-bottom:10px;
	background-color:#fbfbfb;
}
.qtyDiscountGrid th{
	padding:5px;
	background:#f0f0f0;
}
.qtyDiscountGrid td {	
	padding:5px;
}
.multipleProductsGrid {
	background:#fff;
	width:100%;	
	line-height:18px;
	margin-bottom:30px;
	border:#999 1px solid;
}
.multipleProductsGridHeader {
	background:#eb4e86;
	font-weight:bold;
	color:#fff;
}
.multipleProductsGrid tr{
	border-bottom:#999 1px solid;
}
.multipleProductsGrid td{
	vertical-align:top;
	padding:5px;
}
.viewProdRelatedBox {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:1px solid #f7dce1 ;
	background:#f8f8f8;
	margin-top:50px;
	margin-bottom:20px;
}
.viewProdRelatedBox h3 {
	padding:10px 0 0 20px;
	font-size:13px;
	font-weight:bold;
	color:#ab41b7;
	text-decoration:none;
	margin:0;
	border-bottom:1px dashed #cecccc;	
}
.viewProdRelatedGrid {	
	border-collapse:separate;
	border-spacing:10px 10px;
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
}
.viewProdRelatedGrid td {
	text-align:center;
	padding:15px 10px;
	width:25%;
	vertical-align:bottom;
	margin:0;
	border:1px solid #ffdde9;
}
.productItemShortDesc {
	font-size:11px;
	line-height:15px;
	color:#555;
	overflow:hidden;
	height:30px;
	display:block;
	margin:2px 0;
	width:100%;
	text-align:center;
}
.tblOptions ul {
	margin:0;
	padding:0;
}
.tblOptions ul li {
	margin:0 0 0 10px;
	padding:5px 0;
	list-style:none;
	font-size:12px;
}
.tblOptionsRightColumn ul, .tblOptionsRightColumn ul li {
	margin:0px;
	padding:0px;
	list-style:none;
}
.tblOptionsRightColumn ul li {
	margin:0 0 0 20px;
}
.imgOptionBlur {
	/*filter:alpha(opacity=25);*/	
	/*opacity:.25;*/
}
.imgOptionFocus {
	/*filter:alpha(opacity=100);*/	
	/*opacity:1.0;*/
}
.OptGrpName {
	font-weight:bold;
}
.priceDifference, .weightDifference {
	margin:0 0 0 15px;
}
.tblOptionsLeftColumn {
	width:30%;
}
.tblOptionsRightColumn {
	width:60%;
}
.OptGrpAttrDesc {
	background:#fff;
}
/* ==== Close View Product Page ==== */

/* View Cart Page
===================== */
.viewCart {}
.viewCartHeader {
	background-color:#fe86a4;
}
.viewCartGrid {
	border-spacing:2px;
	border-collapse:separate;
	font-size:12px;
	width:100%;
	border:1px solid #999;
	color:#555;
	margin:20px 0 0 0;
}
.viewCartGrid td{
	padding:5px;
}
.viewCartGridHeader {
	background:#333;
	font-weight:bold;
	color:#fff;
}
.viewCartAddOns {
	/*-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:1px solid #fccac0;
	background:#ffe4dd;*/
	margin-top:50px;
	margin-bottom:20px;
}
.viewCartAddOns h2 {
	padding:10px 0 10px 5px;
	font-size:13px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	margin:0;
	border-bottom:2px solid #333;	
}
.relatedProductsGrid {
	border-collapse:separate;
	border-spacing:10px 10px;
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
}
.relatedProductsGrid td {
	text-align:center;
	padding:15px 10px;
	width:30%;
	vertical-align:bottom;
	margin:0;
	border:1px solid #ffdde9;
}
.productName {
	font-size:12px;
	font-weight:bold;
	color:#eb4e86;
	text-align:center;
	line-height:16px;
	width:100%;
	height:32px;
	display:block;
	margin:10px 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #ffdde9;
}
/* ==== Close View Cart Page ==== */

/* Register LogIn
===================== */
#registerLogin {
	height:100%;
	background:#fff;
	color:#555;
}
.registerLoginHeader {
	height:20px;
	background:url(images/textCheckout.gif) no-repeat;
}
.newCustomer p {
	color:#555;	
}	
.newCustomer h2 {
	color:#333;	
}
.returningCustomer h2 {
	color:#333;
}
.returningCustomer p {
	color:#555;	
}
.newCustomer {
	margin:0px 20px 0 0;
	width:100%;
	clear:both;
	float:left;
}
.returningCustomer {
	margin-top:30px;
	width:100%;
	float:left;
}
.divGuestCheckout {}
.divGuestCheckout ul {
	padding:0;
	margin:0;
}
.divGuestCheckout ul li {
	padding:0;
	margin:0;
}
.panelLeft {
	clear:both;
	float:left;
	width:43%;
	margin-top:20px;
	padding:0px 0 10px 0;
}
.panelRight {
	clear:right;
	float:right;
	width:52%;
	margin-top:20px;
	padding:0 0 10px 0;
}
/* ==== Close Register LogIn ==== */

/* Checkout Pages
===================== */
.checkoutHeader {
	height:20px;
	background:url(images/textCheckout.gif) no-repeat;	
}
#addressRegister {
	background:#fff;
}
#addressBilling {
	background:#fff;
}
#addressShipping {
	background:#fff;
}
.addressShippingHeader {
	height:30px;
}
.checkoutNav {
	margin:10px 0 20px 0;
	text-align:left;
}
.checkoutNav ul{
	margin:0;
	padding:5px 0;
	text-align:left;
}
.checkoutNav li{
	list-style:none;
	display:inline;
	color:#333;
	padding:0 10px 0 0;
	text-align:left;
}
.checkoutNav li img {
	vertical-align:bottom;
}
#shipping {
	background:#fff;
}
.shippingHeader {
	background:#fff;
}
.shippingHeaderText {	
	font-weight:bold;
	padding:0;
}
.shippingMsgTitle {
	margin-top:10px;
	font-weight:bold;
	font-size:12px;
	color:#333;
	text-decoration:none;
}
.shippingMsgBody {
	margin:10px 0 0 0;
	color:#636363;
}
.shippingBody {
	background:#fff;
}
.shippingButtons {
	text-align:right;
}
.shippingGrid {
	width:100%;
	font-size:11px;
	margin:10px 0;
	border:1px solid #999;
	border-spacing:2px;
	border-collapse:separate;
}
.shippingGridHeader {
	height:25px;
	font-weight:bold;
	color:#fff;
	background:#333;
	font-size:12px;
	text-decoration:none;
}
.shippingGrid td {
	padding:5px;
}
#orderSummary {
	background:#fff;
}
.orderSummaryHeading {
	font-weight:bold;
	font-size:12px;
	color:#333;
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#efefef;
	margin-bottom:10px;
	padding:5px 0;
}
.orderSummaryBody {
	clear:both;
	width:100%;
	font-size:11px;
}
.orderSummaryGrid {
	font-size:11px;
	width:100%;
	border:1px solid #999;
	border-spacing:2px;
	border-collapse:separate;
}
.orderSummaryGrid td {
	padding:5px;
}
.orderSummaryGridHeader {
	height:25px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background:#333;
	text-align:center;
}
.orderSummaryGrid .button {
	margin:0;
	cursor:pointer;
}
.orderSummaryGrid .text1 {
	line-height:24px;
}
.orderSummaryAddr {
	width:730px;
}
.orderSummaryBillingAddr {
	width:48%;
	float:left;
	margin-right:15px;
	margin-bottom:20px;	
}
.orderSummaryShippingAddr {
	width:45%;
	float:left;
	margin-left:12px;
	margin-bottom:20px;
}
.payment {
	background:#fff;
}
#thankyou {
	background:#fff;
}	
#cancelPayment {
	background:#fff;
}

#addressBook {
	background:#fff;
}
#addressBookGrid {
	font-size:.8em;
}
/* ==== Close Checkout Pages ==== */

/* Advanced Search Page
===================== */
.advancedSearchRow {}
.advancedSearchVerticalLeftbar{
	float:left;	
	width:30%;
}
.advancedSearchVerticalRightbar{
	float:left;
}
.advancedSearchGrid {
	border-collapse:separate;
	border-spacing:10px;
	width:100%;
	text-align:left;
}
.advancedSearchGrid td {
	text-align:center;
	padding:15px 10px;
	width:25%;
	vertical-align:bottom;
	margin:0;
	border:1px solid #ffdde9;
}
/* ==== Close Advanced Search Page ==== */

/* Browse by custom field page
===================== */
.browseByCustomFieldRow {
	margin:0;
	padding:0;
}
.browseByCustomFieldVerticalLeftbar{
	float:left;	
	width:30%;
}
.browseByCustomFieldVerticalRightbar{
	float:left;
}
.browseByCustomFieldGrid {
	border-collapse:separate;
	border-spacing:10px;
	width:100%;
	text-align:left;
}
.browseByCustomFieldGrid td {
	text-align:center;
	padding:15px 10px;
	width:25%;
	vertical-align:bottom;
	margin:0;
	border:1px solid #ffdde9;
}
.browseByCustomFieldForm li {
	list-style:none;
}
/* ==== Close Browse by custom field page ==== */

/* Best Seller Page
===================== */
.bestSellersGridRow {}	
.bestSellersGridVerticalLeftBar {	
	float:left;
	width:30%;
	margin-right:10px;
}
.bestSellersGridVerticalRightBar {
	float:left;
	width:68%;
	margin:0;
	text-align:left;
}
.bestSellersGridVerticalRightBar .prodItemName, .bestSellersGridVerticalRightBar .prodItemShortDesc {
	text-align:left;
}
.bestSellersGrid {
	border-collapse:separate;
	border-spacing:10px;
	width:100%;
	text-align:left;
}
.bestSellersGrid td{
	text-align:center;
	padding:15px 10px;
	width:25%;
	vertical-align:bottom;
	margin:0;
	border:1px solid #ffdde9;
}
/* ==== Close Best Seller Page ==== */

/* New Products Page
===================== */
.newProductsGridRow{}
.newProductsGridVerticalLeftBar {
	float:left;
	width:30%;
	margin-right:10px;
}	
.newProductsGridVerticalRightBar {
	float:left;
}
.newProductsGridVerticalRightBar {
	float:left;
	width:68%;
	margin:0;
	text-align:left;
}
.newProductsGridVerticalRightBar .prodItemName, .newProductsGridVerticalRightBar .prodItemShortDesc {
	text-align:left;
}
.newProductsGrid {
	border-collapse:separate;
	border-spacing:10px 10px;
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
}
.newProductsGrid td {
	text-align:center;
	padding:15px 10px;
	width:25%;
	vertical-align:bottom;
	margin:0;
	border:1px solid #ffdde9;
}
/* ==== Close New Products Page ==== */

/* Specials Page
===================== */
.specialsGridRow {}	
.specialsGridVerticalLeftBar {	
	float:left;
	width:30%;
	margin-right:10px;
}
.specialsGridVerticalRightBar {
	float:left;
	width:68%;
	margin:0;
	text-align:left;
}
.specialsGridVerticalRightBar .prodItemName, .specialsGridVerticalRightBar .prodItemShortDesc {
	text-align:left;
}
.specialsGrid {
	border-collapse:separate;
	border-spacing:10px 10px;
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
}
.specialsGrid td{
	text-align:center;
	padding:15px 10px;
	width:25%;
	vertical-align:bottom;
	margin:0;
	border:1px solid #ffdde9;
}
/* ==== Close Specials Page ==== */

/* Manufacture Page
===================== */
.mfcListingGrid {
	border-collapse:separate;
	border-spacing:10px;
	width:100%;
	text-align:left;
}
.mfcListingGrid td {
	text-align:center;
	padding:15px 10px;
	width:25%;
	vertical-align:bottom;
	margin:0;
	border:1px solid #ffdde9;
}
.mfcItemsGrid {
	border-collapse:separate;
	border-spacing:10px 10px;
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
}
.mfcItemsGrid td {
	text-align:center;
	padding:15px 10px;
	width:25%;
	vertical-align:bottom;
	margin:0;
	border:1px solid #ffdde9;
}
.mfcListingGrid img {
	margin:0 0 10px 0;
}
.mfcName {
	font-size:12px;
	font-weight:bold;
	color:#2e3540;
	text-decoration:none;
}
.mfcDesc {
	font-size:11px;
}
/* ==== Close Manufacture Page ==== */

/* Theme Listing Page
===================== */
.themeListingGrid {
	border-collapse:separate;
	border-spacing:10px;
	width:100%;
	text-align:left;
}
.themeListingGrid td {
	text-align:center;
	padding:15px 10px;
	width:25%;
	vertical-align:bottom;
	margin:0;
	border:1px solid #ffdde9;
}
.themeListingGrid img {
	margin:0 0 10px 0;
}
.themeItemsGrid {
	border-collapse:separate;
	border-spacing:10px 10px;
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
}
.themeItemsGrid td {
	text-align:center;
	padding:15px 10px;
	width:25%;
	vertical-align:bottom;
	margin:0;
	border:1px solid #ffdde9;
}
/* ==== Close Theme Listing Page ==== */

/* Paging Number
===================== */
.paging {
	text-align:right;
	line-height:18px;
	padding:4px 0 4px 0;
	display:block;
	clear:both;
	width:auto;
	height:auto;
}
.paging ul {
	margin:0;
	padding:0;
}
.paging li {
	list-style:none;
	margin:0 3px 0 3px;
	text-decoration:none;
	color:#333;
	font-weight:normal;
	padding:0;
	display:inline;
	line-height:18px;
}
.paging li a:link, .paging li a:active, .paging li a:visited {
	line-height:18px;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	padding:4px;
	border:1px solid #eb4e86;
	background:#eb4e86;
}
.paging li a:hover {
	line-height:18px;
	text-decoration:none;
	color:#eb4e86;
	padding:4px;
	border:1px solid #eb4e86;
	background:#fff;
}
/* ==== Close Paging Number ==== */

/* Change Password Page
===================== */
.changePasswordPage {
	background-color:#fff;	
	padding:5px;
	color:#333;
}
.changePasswordBody {
	background-color:#fff;
	background-image:none;	
	padding:10px;
	color:#333;
	text-align:left;
}
/* ==== Close Change Password Page ==== */

/* Forget Password Page
===================== */
.forgetPasswordPage {
	background-color:#fff;
	padding:5px;
	text-align:left;
}
.forgetPasswordBody {
	background-color:#fff;
	background-image:none;	
	padding:10px;
	text-align:left;
}
/* ==== Close Forget Password Page ==== */

/* Address Book Page
===================== */
.addressBookGrid {}
/* ==== Close Address Book page ==== */

/* Create New Shipping Address Page
===================== */
.createNewShipAddrBody {
	padding:10px;
	background:#fff;
	text-align:left;
}
/* ==== Close Create New Shipping Address Page ==== */

/* Edit Shipping Address Page
===================== */
.editShipAddrBody {
	padding:10px;
	background:#fff;
	text-align:left;
}
/* ==== Close Edit Shipping Address Page ==== */

/* Affiliate Get Ads Page
===================== */
.adsGrid {
	width:100%;
	font-size:11px;
}
.adsGrid td{
	padding:5px;
}
.adsGrid p{
	padding:2px 0;
}
.adsGridHeader {
	padding:3px;
	background:#f0f0f0;
	font-weight:bold;
	font-size:14px;
}
/* ==== Close Affiliate Get Ads Page ==== */

/* Affiliate Home Page
===================== */
.affHome {
	margin-top:10px;
}
.affHome ul {
	margin:0;
	padding:0;
}
.affHome li {
	background-image:url(images/boxLinkBG-on.gif);
	background-repeat:no-repeat;
	background-position:left 1px;
	padding-left:20px;
	padding-bottom:20px;
}
.affHome a {
	font-size:14px;
}
.gridAffBannerImpClicks {
	width:100%;
	font-size:11px;
	border:1px solid silver;
}
.gridAffBannerImpClicks th {
	background:#f0f0f0;
	height:25px;
}
.gridAffBannerImpClicks td {
	text-align:right;
	height:20px;
}
.affSubMenu {
	width:100%;
	text-align:right;
	height:25px;
	clear:both;
}
/* ==== Close Affiliate Home Page ==== */

/* Product Map Page
===================== */
.productMap {
	margin:0;
	padding:0;
	color:#555;
}
.productMap ul {
	margin:30px 0 0 0 ;
	padding:0;
}
.productMap li {
	margin:0 0 0 20px;
	list-style:disc;
	padding:0;
	color:#555;
}
.productMap a {
	color:#555;
	text-decoration:none;
	display:block;
	padding-top:0;
	padding-left:0;
}
.productMap li a {
	color:#333;
	text-decoration:none;
	line-height:24px;
	display:block;
	padding-left:0;
}
.productMap li a:hover {
	color:#333;
	text-decoration:none;
	padding-left:0;
	display:block;
}
.productMap ul ul {
	margin:10px 0 0 0;
	padding:0;
}
.productMap ul ul li {
	margin:0 0 0 20px ;
	padding:0;
}
/* ==== Close Product Map Page ==== */

/* Customer Home Page
===================== */
.custHomeTopMenu {
	float:right;
	clear:both;
	font-size:12px;
	text-decoration:none;
}
.custHomeHeader {
	font-size:16px;
	font-weight:bold;
	color:#4f5054;
	text-decoration:none;
	margin-top:20px;
}
.custHomeSubHeader {}
.custHomeMenu {
	font-size:12px;
	margin-top:40px;
}
.custHomeMenu ul {
	margin:0;
	padding:0;
}
.custHomeMenu li {
	margin:0 0 0 20px;
	list-style:disc;
	padding:0;
	color:#555;
	line-height:25px;
}
.custHomeMenu li a {
	color:#333;
	text-decoration:none;
}
.custHomeMenu li a:hover {
	color:#eb4e86;
	text-decoration:underline;
}
/* ==== Close Customer Home Page ==== */

/* Review Product
===================== */
.review {
	width:auto;
	height:auto;
	clear:both;
	margin:100px 0 20px 0;
	padding:10px;
	color:#555;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:1px solid #f7dce1;
	background:url(images/viewprodinfoBG.gif) right top no-repeat;
}
.review h3 {
	font-size:16px;
	font-weight:bold;
	color:#ab41b7;
	text-transform:capitalize;
	line-height:28px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #cecccc;
}
.reviewBox {
	margin:10px 0 0 0;
	padding:0;
	border-bottom:1px dashed #cecccc;
	width:100%;
	height:auto;
}
.reviewContent {
	margin:0;
	padding:0;
}
.reviewNumber {
	clear:left;
	float:left;
	text-align:left;
	line-height:24px;
	font-weight:bold;
	font-size:12px;
}
.reviewDate {
	clear:right;
	float:right;
	text-align:right;
	line-height:24px;
	font-weight:bold;
	font-size:12px;
}
.reviewBubbleTop {
	clear:both;
	text-align:center;
	background:url(images/BubbleTop2.gif) left top no-repeat;
	width:735px;
	height:27px;
}
.reviewBubbleMiddle {
	border-left:1px solid #929292;
	border-right:1px solid #929292;
	background-color:#fbfbfb;
	padding:0 50px 0 50px;
	width:633px; /*minus padding & border*/
	height:auto;
	text-align:left;
	text-transform:capitalize;
}
.reviewBubbleBottom {
	clear:both;
	text-align:center;
	background:url(images/BubbleBottom2.gif) left top no-repeat;
	width:735px;
	height:36px;
}
.reviewInfo {
	clear:both;
	width:100%;
	height:40px;
	background:url(images/UserPic.gif) left 3px no-repeat;
}
.reviewUser {
	clear:left;
	float:left;
	color:#ab41b7;
	padding:5px 0 0 20px;
	font-weight:bold;
	font-size:12px;
	text-transform:capitalize;
}
.reviewStar {
	clear:right;
	float:right;
	color:#666;
	padding:0;
	margin:0;
}
.review td {
	padding:10px;
}
/* ==== Close Review Product ==== */

/* Pages General Class
===================== */
.pageHeading {
	height:25px;
	font-size:1.2em;
}
.pageSubHeading {
	height:25px;
	font-size:1em;
}
.pageHeader {}
.pageHeader h1 {
	font-size:19px;
	font-weight:bold;
	color:#555;
	line-height:25px;
	display:block;
}
.pageSubHeader {
	color:#555;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	/*border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#cecccc;*/
	border-bottom:1px dashed #ccc;
}
.pageBody {
	margin:0;
	padding:0;
	color:#555;	
}
.pagebody h3 {
	color:#666;
	display:none;
}
.pageBody a:link, .pageBody a:active, .pageBody a:visited {
	color:#eb4e86;
	font-weight:bold;
	text-decoration:none;
}
.pageBody a:hover {
	text-decoration:underline;
}
.pageBodySubHeader {
	height:25px;
	padding-top:20px;
	margin-bottom:5px;
	border-bottom:1px dashed #cecccc;
	clear:both;
}
.pageBodySubHeader b {
	color:#eb4e86;
	font-size:16px;
}
.pageContent {
	padding:0;
	color:#555;
	background-image:none;
	width:100%;
}
.pageContent p {
	margin:5px 0 5px 0;
	color:#555;
}
.labelRow {
	padding-bottom:3px;
}
.labelLeft {
	float:left;
	width:25%;
	clear:left;
	margin:4px 0 0 0;
	padding:3px 10px 0 0;
	font-weight:bold;
	white-space:normal;
	color:#555;
	text-align:left;
}
.labelLeft input {
	cursor:pointer;
}
.labelRight {
	float:left;
	width:73%;
	margin:2px 0 2px 0;
	white-space:normal;
	color:#555;
}
.labelRight input {
	cursor:pointer;
}
.labelRight .textbox {
	cursor:text;
}
/* ==== Close Pages General Class ==== */

/* ================================
   === 3. Close Pages Classes   ===
   ================================ */

/* ================================
   === 4. Footer                ===
   ================================ */

/* Footer Content
===================== */
#footer	{
	clear:both;
	height:auto;
	width:auto;
	margin:0;
	padding:20px 0;
	color:#555;
	text-align:center;
	cursor:default;
	line-height:15px;
	overflow:visible;
	border-top:1px solid #ffdde9;
	/*background:url(images/scanLine.gif) 0 top repeat-x;*/
}
.footerWrap {
	width:auto;          /*for centering the content*/
	position:relative;   /*for centering the content*/
	margin:auto;         /*for centering the content*/
	text-align:center;
	height:auto;
}
.footerBar {
	clear:both;
	width:auto;
	margin:0;
	height:auto;
	padding:0;
}	
.footerBarLeft {
	float:left;
	clear:left;
	width:auto;
	height:auto;
	text-align:left;
}
.footerBarRight {
	float:right;
	clear:right;
	width:auto;
	height:auto;
	text-align:right;
}
.footerBar a{
	color:#555; 
	text-decoration:none;
}
.footerBar a:hover {
	color:#eb4e86;
	text-decoration:underline;
}
/* ==== Close Footer Content ==== */

/* ================================
   === 4. Close Footer          ===
   ================================ */

/* ================================
   === 5. Misc                  ===
   ================================ */
.banner {
	margin:0 0 10px 0;
	width:auto;
	height:auto;
	/*ex: top:-10; must also write position absolute*/
	/*-negative margin, overlaping table, not working in IE7 */
}
#flash {
	padding:0;
	text-align:center;
}
.clear {
	clear:both;
}
form {
	margin:0;
	padding:0;
}
.button {
	font-size:11px;
	margin:0;
	font-weight:bold;
	color:#333;
	cursor:pointer;
}
.dropdownlist {
	margin:4px 10px 0 0;
	font-size:11px;
	color:#333;
	padding:1px;
	width:auto;
	border:1px solid #838383;
}
.textbox, textbox {
	font-size:11px;
	margin:0 5px 0 0;
	border:1px solid #838383;
	width:auto;
	height:auto;
	padding:2px;
	color:#333;
	cursor:text;
}
.textarea, textarea {
	padding:2px;
	color:#333;
	font-size:11px;
	border:1px solid #838383;
	cursor:text;
}
.dropdownlist:focus, dropdownlist:focus {
	border:1px solid #eb4e86;
}
.textarea:focus, textarea:focus {
	border:1px solid #eb4e86;
}
.textbox:focus, textbox:focus {
	border:1px solid #eb4e86;
}
.warning {
	font-size:13px;
	color:red;
}

/* System Message/alert
===================== */
.message {
	background:#eef9e8;
	border:1px solid #d0edbe;
	padding:10px;
}	
.msgTitle {
	font-weight:bold;
	font-size:18px;
	margin-top:5px;
	margin-bottom:5px;
	color:#b6443c;
}
.msgDesc {
	color:#555;
	font-size:14px;
	margin-bottom:20px;
}
/* ==== Close System Message/alert ==== */

.labelFieldName {
	width:20%;
	float:left;
	padding:5px 0 0 0;
	margin:0 0 10px 0;
}
.labelFieldOptions {
	width:70%;
	float:left;
}
.signInHeader {
	background:url(images/memberAccArea.gif) no-repeat;
}
.separator {
	height:2px;
	background:url(images/separator.gif) repeat-x;
	margin-bottom:0;
}
.textSmall {
	font-size:11px;
}
.line {
	color:#e1e1e1;
	height:1px;
}
.text2 {
	color:#636363;
}
.text2 ul {
	font-size:11px;
}
.text2 li {
	list-style-type:disc;
}
.textAlert1 {
	clear:both;
	color:#ffaa60;
	text-decoration:blink;
}
.boxCurveTop {
	margin:10px 0 0 0;
	display:block;
	background-image:url(images/col1BoxTopRight1.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
.boxCurveBody {
	margin-top:0;
	padding:10px 10px;
	background-color:#fff;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	height:auto;
	width:auto;
}
.boxCurveBottom {
	display:block;
	background-image:url(images/col1BoxBottomRight1.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.LeftSideBox {
	float:left;
	clear:left;
	text-align:left;
	display:block;
	background:url(images/topLeft2.gif) left top no-repeat;
	width:12px;
	height:auto;
}
.RightSideBox {
	float:right;
	margin-left:12px;
	padding-right:12px;
	margin-right:0%;
	text-align:center;
	display:block;
	background:url(images/topRight2.gif) right top no-repeat;
	height:auto;
}
.BoxContentSpan {
	background:url(images/topLeft2.gif) no-repeat left top;
}
.BoxContentSpan span {
	background:url(images/topRight2.gif) no-repeat left top;
}
.TopBox {
	clear:both;
	background:url(images/topRight4.gif) right top no-repeat;
	height:33px;
	width:100%;
	text-align:left;
}
.BoxContent {
	border-left:1px solid #f7dce1;
	border-right:1px solid #f7dce1;
	padding:0 10px 15px 10px;
	height:auto;
}
.BottomBoxClose {
	clear:both;
	background:url(images/bottomRight2.gif) right top no-repeat;
	height:10px;
	width:100%;
	text-align:left;
}

/* Colour Changing
===================== */
.colorWrap {
	width:auto;
	height:auto;
	margin:auto;
	position:absolute;
	right:20px;
	top:5px;
}
.chooseColor {
	color:#555;
	height:22px;
	padding:5px 0 0 0;
	margin:40px 0 0 0;
	width:auto;
	clear:right;
	float:right;
	right:0;
	top:0;
	position:absolute;
	text-align:left;
}
#silver, #darkgrey, #gray, #violet, #blue, #green, #yellow, #orange, #red, #magenta {
	width:16px;
	height:16px;
	display:block;
	float:right;
	border:2px solid #fff;
	margin:0 0 0 5px;
	text-decoration:none;
}
#silver{background:#c7c7cf;}
#darkgrey{background:#55574e;}
#gray{background:#b2b2b2;}
#violet{background:#494196;}
#blue{background:#019bdb;}
#green{background:#89c31f;}
#yellow{background:#ffdd00;}
#orange{background:#f58600;}
#red{background:#d90015;}
#magenta{background:#da2f8d;}
#silver:hover, #darkgrey:hover, #gray:hover, #violet:hover, #blue:hover, #green:hover, #yellow:hover, #orange:hover, #red:hover, #magenta:hover {
	text-decoration:none;
	border:2px solid #bbb;
}
.colors {
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	float:right;
	display:inline;
	text-align:right;
}
/* ==== Close Colour Changing ==== */

/* Demo Alert
===================== */
.demoAlert {
	color:#333;
	position:fixed;
	z-index:100;
	background:url(images/DemoAlert_bg.png) 0 0 no-repeat;
	right:0px;
	top:200px;
	margin:auto;
	height:215px;
	width:168px;
	margin:0;
	font-family:arial;
}
/*.demoAlertContent {
	padding:10px 20px 10px 10px;
}*/
.demoAlert p {
	text-align:left;
	font-size:12px;
	color:#333;
	font-weight:bold;
	padding:20px 20px 5px 20px;
	margin:0;
}
.demoAlert a {
	color:#496297;
	text-decoration:none;
}
.demoAlert a:hover {
	text-decoration:underline;
}
/* ==== Close Demo Alert ==== */
/* ================================
   === 5. Close Misc            ===
   ================================ */