/* ==== ==== ==== ==== ==== ==== ==== ==== ====
	Azrul
	Copyright 2009 (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;
}
/* ==== Close Reset CSS ==== */

/* General Class
===================== */
html {
	padding:0;
	margin:0;
}
body {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial, Times New Roman, Times, serif, Tahoma, Georgia, Verdana, Helvetica, sans-serif;


	display:table;
	width:100%;
	background:#cac2b0;
	/*background: url(images/BgPattern.jpg) #cac2b0;*/
	/*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;
	/*background-color:#fccac0;*/
	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-left:25px;
}
ul li {
	list-style-type: disc;
	margin-left:25px;
}
strike {
	color:#000;
	text-decoration: line-through;
}
p {
	padding:0;
	color: #666;
	margin:0;
	line-height:1.3;
}
a:link, a:active, a:visited {
	margin:0;
	padding:0;
	color:#bd2077;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	margin:0;
	padding:0;
	text-decoration:underline;
	color:#bd2077;
	cursor:pointer;
}
img {
	border:0;
}
input {
	cursor:pointer;
}
input .textbox{
	cursor:text;
}
#gutter {
	float: left;
	width: 10px;
	height: 1px;
	margin:0;
	padding:0;
}
#wrapper {
	clear:both;
	width:830px;
	margin:auto; /*for centering the content*/
	position:relative; /*for centering the content*/
	text-align:left;
	padding:0;
}
.wrapperTop {
	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;
	/*height:auto;*/
	width:auto;
}
/*.wrapperBottom {
	padding:0;
	margin:0;
	background:url(images/wrapperBottom.gif) 0 0 no-repeat;
	height:5px;
	width:auto;
}*/
#MainContent {
	width:100%;
	height:auto;
	padding:0;
}
#col1 {
	/*position:relative;*/
	padding:0;
	float: left;
	width:565px; 
	color:#666;
	margin:0;
	line-height:1.3;
}
#col1 .col1Wrapper {
	text-align:left;
	margin:0;
	padding:0;
	width: auto;
	color:#666;
}
#col2 {
	position:relative;
	float: left;
	width: 170px;
	margin: 0px 30px 5px 25px; 
	/*its suppose 30px from left, but wrapper already have padding 5px*/
}
#col3 {
	position:relative;
	clear:right;
	float: right;
	margin: 0px 0px 0px 0px;
	padding:10px 10px 0 10px;
	width: 205px;
	/*background:#ffe4dd;*/
}
/* ==== close General Class ==== */

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

/* ================================
   === 1. Header                ===
   ================================ */
		
#header {
	/*height:auto;
	width:auto;
	clear: both;*/

	/*margin: auto;*/ /*for centering the content*/
	position:relative; /*for centering the content*/
	text-align:left;
}
#headerWrapper {
	/*height:auto;
	width:auto;
	clear: both;*/

	margin: 0px 30px 0px 25px;
	padding:0 0 10px 0;
	position:relative; /*for centering the content*/
	text-align:left;
}
#Headerline {
	background-color:#2c2f34;
	height:10px;
	width:100%;
	margin:0;
	padding:0;
	clear:both;
}
.headerMain {
	width:auto;
	height:auto;
	clear:both;
	margin:0;
}
#companyLogo {
	clear:both;
	margin:20px 0 40px 0;
	width:auto;
	height:auto;
	float:left;
	white-space: nowrap;
	/*display: inline;*/
}
.headerMainContent {
	float:right;
	clear:right;
	width:auto;
	height:auto;
	margin:0px 0 0 0;
	padding:0;

}
.tagLine {
	font-weight:bold;
	color:#333;
	margin:30px 0 0 0;
}

/* Main Navigation
===================== */
#nav {
	width:100%;
	margin:0;
	clear:both;
	float:left;
	height:27px;
	position:relative;
	background:#bd2077;
}
#navMain {
	clear:left;
	float:left;
	margin: 0px;
	padding: 0px 0 0px 0px;
	height:27px;
	width:535px;
}
#navMain ul{
	margin:0;
	padding:0;
}
#navMain li{
	list-style:none;
	margin:0;
	padding:0;
	display: inline-block;
	float:left;
	font-size: 12px;
	color: #fff;
	width:auto;
	height:auto;
	line-height:27px;
	text-decoration:none;
}
#navMain li a {
	float:left;
	text-decoration:none;
	height:auto;
	width:auto;
	padding:0 17px 0 17px;
	display:block;
	font-weight:normal;
	color:#fff;
}
#navMain li a:hover {
	text-decoration:underline;
	color:#fff;
	cursor:pointer;
}
#navMain li a span{
	float:left;
	display:block;
	background-image: url(images/1NavMainRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight:bold;
	color:#a9a9a9;
	padding-top: 14px;
	padding-right: 48px;
	padding-bottom:14px;
	padding-left: 32px;
	font-size: 14px;
	margin-right:0px;

}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navMain a span {float:none;}
/* End IE5-Mac hack */
#navMain a:hover span {
	display:block;
	text-decoration:none;
	color:#fff;
	background-image: url(images/1NavMainRighth_DarkGrey.gif);
	background-repeat: no-repeat;
	background-position: right top;
	cursor:pointer;
}

#secondNav {
	clear:both;
	width:100%;
	height:58px;
	background: url(images/SecondNav.gif) left top no-repeat;
	margin:0;
	padding:0;
}
.secondNavLinks {
	margin:0;
	padding:18px 0 0 0;
	height:22px;
	width:100%;
}
/* ==== Close Main Navigation ==== */

/* Top Navigation
===================== */
.TopLink {
	width:auto;
	clear:both;
	height:50px;
	background:url(images/TopNavBG.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	display:none;
}
.WrapTopLink {
	height:22px;
	width:auto;
	padding:15px 10px 0 10px;
	clear: both;
	margin:0;
	text-align:left;
}
/* ==== Close Top Navigation ==== */

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

/* User Greet class
===================== */	
#user {
	color: #333;
	text-decoration: none;
	padding-top: 0px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	display: inline;
	width:auto;
}
#user .userText {
	font-size: 12px;
	text-decoration: none;
	float: left;
	color: #333;
}
#user .userText a {
	color:#333;
}
#user .userText a:hover {
	color:#bd2077;
	text-decoration:underline;
}	
#user .userName {
	font-weight: bold;
	color:#bd2077;
	font-size:14px;
}
#user .userSeperator {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c8cdd5;
}
#user .userLog {
	color: #333;
	font-size: 12px;
	text-decoration: none;
}
#user .userLog   a {
	color: #333;
	font-size: 12px;
	text-decoration: none;
}
#user .userLog a:hover {
	color:#bd2077;
	text-decoration:underline;
}
#userCart {
	float: right;
}
#userCart ul {
	margin: 0px;
	padding: 0px;
}
#userCart li {
	display: inline;
	white-space: nowrap;
}
#userCart li a {
	color: #2e3540;
	text-decoration:none;
	font-weight: bold;
	background-image: url(images/userBar-off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	white-space: nowrap;
	margin: 0px;
	float: left;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 10px;
	padding-left: 11px;
}
#userCart #odd {
	color: #2e3540;
	text-decoration:none;
	font-weight: bold;
	background-image: url(images/userBar-off2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	white-space: nowrap;
}
#userCart #odd:hover {
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
	background-image: url(images/userBar-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	white-space: nowrap;
}
#userCart li a:hover {
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
	background-image: url(images/userBar-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* ==== Close User Greet class ==== */

/* User link navigation
===================== */
.userLinks {
	float:right;
	width:auto;
	clear:right;
	height:auto;
	margin:0px 0 0 0;
	padding:0;
}
.userLinks img {
	vertical-align:middle;
}
.userLinksText {
	margin:0;
	padding:0;
	float:right;
	width:auto;
	line-height:22px;
	text-align:right;
}
.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:22px;
	color:#fff;
	font-weight:normal;
}
.userLinksText li a{
	/*filter: alpha(opacity=60);
	opacity: 0.6;*/
	color: #fff;
	text-decoration:none;
	font-size:12px;
}
.userLinksText li a:hover{
	/*filter: alpha(opacity=100);
	opacity: 1;*/
	color: #fff;
	text-decoration:underline;
	font-size:12px;	
}
.userAccount a {
	color: #666;
	text-decoration:none;
	font-size:12px;
	line-height:22px;
	padding:4px 0 3px 0px;
}
.userAccount a:hover {
	color: #000;
	text-decoration:none;
	font-size:12px;	
}
.userCart a {
	color: #666;
	text-decoration:none;
	font-size:12px;
	line-height:22px;
	padding:4px 0 3px 0px;
}
.userCart a:hover {
	color: #000;
	text-decoration:none;
	font-size:12px;	
}
.userCheckout a {
	color: #666;
	text-decoration:none;
	font-size:12px;
	line-height:22px;
	padding:4px 0 3px 0px;
}
.userCheckout a:hover {
	color: #000;
	text-decoration:none;
	font-size:12px;	
}
.userRSS a {
	color: #666;
	text-decoration:none;
	font-size:12px;
	line-height:22px;
	padding:4px 0 3px 0px;
	width:250px;
}
.userRSS a:hover {
	color: #000;
	text-decoration:none;
	font-size:12px;	
}
/* ==== Close User link navigation ==== */

/* Search function
===================== */
#search {
	width:200px;
	height:27px;
	float:right;
	clear:right;
	text-align:right;
	margin:1px 0 0 0;
	padding:0;
	font-size:12px;
	/*background: url(images/SearchBG.gif) 0 0 no-repeat;*/
}
#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 10px 0 0;
	float:right;
	text-align:right;
	margin:3px 0 0 0;
	height:auto;
	width:auto;
}
.searchBox {	
	padding:0;
	color:#666;
	height: 22px;
	width:auto;
	margin:0;
	float:left;
}
.searchBox .textbox {
	color: #666;
	border: 1px solid #999;
	float: left;
	width:120px;
	height: 16px;
	padding:1px 5px 0 5px;
	font-size:12px;
	margin:0;
	/*background-color:transparent;*/
	background-color:#fff;
	cursor:text;
}
#search .searchBtn {
	width: auto;
	height: auto;
	padding:0;
	margin:0;
	float:left;
	cursor:pointer;
}
#search .searchAdvanced {
	margin:1px 0 0 5px;
	float:left;
	font-weight:bold;
	font-size:18px;
	color:#333;
}
#search .searchAdvanced a{
	font-weight:bold;
	font-size:18px;
	color:#fff;
}
/* ==== Close Search function ==== */

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

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

/* Left bar box
===================== */
.leftBarBox {
	margin:0;
	padding:0;
	width:180px;
	height:auto;
}
.leftBarBoxTop {
	background:url(images/LeftBarBoxTop.gif) 0 0 no-repeat;
	height:5px;
	width:auto;
}
.leftBarBoxBody {
	background:url(images/LeftBarBoxBody.gif) 0 0 repeat-y;
	height:auto;
	width:auto;
	padding:5px 2px 0 2px;
}
/*.leftBarBoxBody p {
	line-height:36px;
	width:auto;
	margin:0 0 0 10px;
	padding:0 2px 0 2px;
	font-size:12px;
	font-weight:bold;
	color:#84524a;
}*/
.leftBarBoxBottom {
	background:url(images/LeftBarBoxBottom.gif) 0 0 no-repeat;	
	height:5px;
	width:auto;
}

/* ==== Close Left bar box ==== */

/* Box compenent
===================== */
.box {
	margin-bottom:10px;
	width:170px;
}
.boxHeader {
	height:27px;
	background:#bd2077;
	width:auto;
}
.boxHeaderText {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:27px;
	text-align:left;
}
.boxBody {
	color: #333;
	margin:0;
	padding:0;
	font-weight: normal;
}
.boxBodyNewsletter {
	color: #333;
	margin:0;
	padding:0px 10px 0px 10px;
	font-weight: normal;
}
.boxFooter {
	display:none;
}
.boxFooterNewsletter {
	display:none;
}
.boxBodyNewsletter p {
	padding:10px 0 5px 0;
	color: #333;
	font-weight: normal;
}
.boxBody ul {
	margin:0;
	padding:0;
}
.boxBody li {
	padding:0;
	list-style:none;
	margin:0;
	color: #333;
	font-size:11px;
}
.box li a {
	color:#333;
	padding:4px 10px;
	margin:0;
	text-decoration:none;
	line-height: 18px;
	display: block;
	border-bottom: 1px dotted #999;
}
.box li a:hover {
	color:#bd2077;
	text-decoration:underline;
	background-color:#f8e8f1;	
}
/* ==== Close Box compenent ==== */

/* CategoryList component
===================== */
.categoryList {
	margin-bottom:10px;
	width:170px;
}
.categoryListHeader {
	height:27px;
	background:#bd2077;
	width:auto;
}
.categoryListHeaderText {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:27px;
	text-align:left;
}
.categoryListBody {
	color: #333;
	margin:0;
	padding:0;
	font-weight: normal;
}
.categoryListFooter {
	display:none;
}
.categoryList ul{
	margin:0;
	padding:0;
}
.categoryList li{
	padding:0;
	margin:0;
	list-style:none;
	color: #333;
	font-size:11px;
}
.categoryList1 {
	padding:0;
	margin:0;
	list-style:none;
	color: #333;
}
#categoryList_ul_0{
	padding:0;
	margin:0;
}
.categoryList1 a {
	color:#333;
	padding:4px 10px;
	margin:0;
	text-decoration:none;
	line-height: 18px;
	display: block;
	border-bottom: 1px dotted #999;
	/*background:url(images/listArrow.gif) 0 8px no-repeat;*/
}
.categoryList1 a:hover {
	color:#bd2077;
	text-decoration:underline;
	background-color:#f8e8f1;
}
.categoryList2 a {
	color:#333;
	padding:4px 10px 4px 30px;
	margin:0;
	text-decoration:none;
	line-height: 18px;
	display: block;
	border-bottom: 1px dotted #999;
	background: url(images/LiSub.gif) 15px 7px no-repeat;
}
.categoryList2 a:hover {
	color:#bd2077;
	text-decoration:underline;
	background-color:#f8e8f1;
}
/* ==== Close CategoryList component ==== */

/* Cart Component
===================== */
.cartComponent {	
	margin-bottom:10px;
	width:170px;
}
.cartComponentHeader {
	height:27px;
	background:#bd2077;
	width:auto;
}
.cartComponentHeaderText {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:27px;
	text-align:left;
}
.cartComponentBody {
	color: #333;
	margin:0;
	padding:5px 10px 4px 10px;
	font-weight: normal;
}
.cartComponentFooter {
	display:none;
}
.cartComponentItems {
	font-size:11px;
	font-weight: bold;
	padding-top: 5px;
}
.cartComponentItems ul {
	padding:0;
	margin:0;
}
.cartComponentItems li {
	margin:0 0 0 15px;
	padding:0;
	line-height:18px;
	list-style-type: disc;
}
.cartComponentLinks {
	font-size:11px;
	color:#333;
	text-decoration:none;
	line-height: 24px;
}
.cartComponentLinks a {
	font-size:11px;
	color:#bd2077;
	text-decoration:none;
	line-height: 24px;
}
.cartComponentLinks a:hover {
	color:#bd2077;
	text-decoration:underline;
}
.cartComponentSummary {
	padding-top: 5px;
}
.cartComponent ul {
	padding:0;
	margin:0;
}
.cartComponent li {

}
/* ==== Close Cart Component ==== */

/* News component
===================== */
.newsComponent {
	margin-bottom:10px;
	width:170px;
}	
.newsComponentHeader {
	height:27px;
	background:#bd2077;
	width:auto;
}
.newsComponentHeaderText {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:27px;
	text-align:left;
}
.newsComponentBody {
	color: #333;
	margin:0;
	padding:5px 0px 0 0px;
	font-weight: normal;
}
.newsComponentFooter {
	display:none;
}
.newsComponent ul {
	margin:0;
	padding:0;
}
.newsComponent li {
	padding:0;
	list-style:none;
	line-height:18px;
	margin:0;
	color:#333;
	font-size:11px;
}
.newsComponentTitle a {
	color:#333;
	padding:0 10px;
	text-decoration:none;
	line-height: 18px;
	display: block;
}
.newsComponentTitle a:hover {
	color:#bd2077;
	text-decoration:underline;
	background-color:#f8e8f1;
}
.newsComponentDate {
	color: #777;
	padding-left:10px;
	border-bottom: 1px dotted #999;
	font-size:9px;
	margin:0 0 5px 0;
}
.newsComponent a:link, a:visited, a:active {
	}
/* ==== Close News component ==== */

/* New Products component
===================== */
.newProductsComponent {
	margin-bottom:10px;
	width:170px;
}	
.newProductsComponentHeader {
	height:27px;
	background:#bd2077;
	width:auto;
}
.newProductsComponentHeaderText {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:27px;
	text-align:left;
}
.newProductsComponentBody {
	padding:5px 0 0 0;
	color: #84524a;
	margin:0;
	font-weight: normal;
	width:170px;
}
.newProductsComponentFooter {
	display:none;
}
.newProductsComponentGrid {
	margin: 0;
	padding:0;
	width: 100%;
	text-align: center;
}
.newProductsComponentProdName {
	font-weight: bold;
	font-size:12px;
	color:#333;
	text-decoration:none;
	text-align: center;
	padding-bottom:5px;
	padding-top:5px;
}
.newProductsComponentPrice {
	color: #333;
	padding-bottom:5px;
	text-align:center;
}
.newProductsComponentLinks {
	text-align:center;
	font-size:11px;
	color:#333;
}
.newProductsComponentGrid a:link {
	color:#bd2077;
	padding:0;
	text-decoration:none;
	line-height: 24px;
}
.newProductsComponentGrid a:hover{
	color:#bd2077;
	text-decoration:underline;
}
.newProductsComponentLeftColumn {
	text-align:center;
}
/* ==== Close New Products component ==== */

/* Best Sellers component
===================== */
.bestSellersComponent {
	margin-bottom:10px;
	width:170px;
}	
.bestSellersComponentHeader {
	height:27px;
	background:#bd2077;
	width:auto;
}
.bestSellersComponentHeaderText {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:27px;
	text-align:left;
}
.bestSellersComponentBody {
	padding:5px 0 0 0;
	color: #84524a;
	margin:0;
	font-weight: normal;
}
.bestSellersComponentFooter {
	display:none;
}
.bestSellersComponentGrid {
	margin-top: 0;
	width: 100%;
	text-align:center;
}
.bestSellersComponentProdName {
	font-weight: bold;
	font-size:12px;
	color:#333;
	text-decoration:none;
	text-align: center;
	padding-bottom:5px;
	padding-top:5px;
}
.bestSellersComponentPrice {
	color: #333;
	padding-bottom:5px;
	text-align:center;
}
.bestSellersComponentLinks {
	text-align: center;
	font-size:11px;
	color:#333;
}
.bestSellersComponentGrid a {
	color:#bd2077;
	padding:0;
	text-decoration:none;
	line-height: 24px;
}
.bestSellersComponentGrid a:hover{
	color:#bd2077;
	text-decoration:underline;
}
.bestSellersComponentLeftColumn {
	text-align:center;
}
/* ==== Close Best Sellers component ==== */

/* Specials Component
===================== */
.specialsComponent {
	margin-bottom:10px;
	width:170px;
}	
.specialsComponentHeader {
	height:27px;
	background:#bd2077;
	width:auto;
}
.specialsComponentHeaderText {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:27px;
	text-align:left;
}
.specialsComponentBody {
	padding:5px 0 0 0;
	color: #84524a;
	margin:0;
	font-weight: normal;
}
.specialsComponentFooter {
	display:none;
}
.specialsComponentGrid {
	margin-top: 0;
	width: 100%;
	text-align: center;
}
.specialsComponentProdName {
	font-weight: bold;
	font-size:12px;
	color:#333;
	text-decoration:none;
	text-align: center;
	padding-bottom:5px;
	padding-top:5px;
}
.specialsComponentPrice {
	color: #333;
	padding-bottom:5px;
	text-align:center;
}
.specialsComponentLinks {
	text-align:center;
	font-size:11px;
	color:#84524a;
}
.specialsComponentGrid a {
	color:#bd2077;
	padding:0;
	text-decoration:none;
	line-height: 24px;
}
.specialsComponentGrid a:hover{
	color:#bd2077;
	text-decoration:underline;
}
.specialsComponentLeftColumn {
	text-align:center;
}
/* ==== Close Specials Component ==== */

/* Manufacturer List Component
===================== */
.mfcComponent {
	margin-bottom:10px;
	width:170px;
}
.mfcComponentHeader {
	height:27px;
	background:#bd2077;
	width:auto;
}
.mfcComponentHeaderText {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:27px;
	text-align:left;
}
.mfcComponentBody {
	color: #333;
	margin:0;
	padding:0;
	font-weight: normal;
}
.mfcComponentFooter {
	display:none;
}
.mfcComponent ul {
	margin:0;
	padding:0;
}
.mfcComponent li {
	padding:0;
	list-style:none;
	margin:0;
	color: #333;
	font-size:11px;
}
.mfcComponent a {
	color:#333;
	padding:4px 10px;
	margin:0;
	text-decoration:none;
	line-height: 18px;
	display: block;
	border-bottom: 1px dotted #999;
}	
.mfcComponent a:hover {
	color:#bd2077;
	text-decoration:underline;
	background-color:#f8e8f1;
}
/* ==== Close Manufacturer List Component ==== */

/* Theme Component
===================== */
.thmComponent {
	margin-bottom:10px;
	width:170px;
}
.thmComponentHeader {
	height:27px;
	background:#bd2077;
	width:auto;
}	
.thmComponentHeaderText {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:27px;
	text-align:left;
}
.thmComponentBody {
	color: #333;
	margin:0;
	padding:0;
	font-weight: normal;
}
.thmComponentFooter {
	display:none;
}
.thmComponent ul {
	margin:0;
	padding:0;
}
.thmComponent li {
	padding:0;
	list-style:none;
	margin:0;
	color: #333;
	font-size:11px;
}
.thmComponent a {
	color:#333;
	padding:4px 10px;
	margin:0;
	text-decoration:none;
	line-height: 18px;
	display: block;
	border-bottom: 1px dotted #999;
}	
.thmComponent a:hover {
	color:#bd2077;
	text-decoration:underline;
	background-color:#f8e8f1;
}
/* ==== Close Theme Component ==== */

/* Custom Fields List Component
===================== */
.customFieldsList {
	margin-bottom:10px;
	width:170px;
}
.customFieldsListHeader {
	height:27px;
	background:#bd2077;
	width:auto;
}
.customFieldsListHeaderText {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:27px;
	text-align:left;
}
.customFieldsListBody {
	color: #333;
	margin:0;
	padding:0;
	font-weight: normal;
}
.customFieldsListBody .dropdownlist {
	width:94%;
	color: #666666;
	background-color: #fff;
	padding: 0;
	text-align:left;
}	
.customFieldsListFooter {
	display:none;
}
.customFieldsList ul {
	margin:0;
	padding:0;
}
.customFieldsList li {
	padding:0;
	list-style:none;
	margin:0;
	color: #333;
	font-size:11px;
}
.customFieldsList a {
	color:#333;
	padding:4px 10px;
	margin:0;
	text-decoration:none;
	line-height: 18px;
	display: block;
	border-bottom: 1px dotted #999;
}
.customFieldsList a:hover {
	color:#bd2077;
	text-decoration:underline;
	background-color:#f8e8f1;
}
/* ==== Close Custom Fields List Component ==== */

/* Price Range Component
===================== */
.priceRangeComponent {
	margin-bottom:10px;
	width:170px;
}
.priceRangeComponentHeader {
	height:27px;
	background:#bd2077;
	width:auto;
}
.priceRangeComponentHeaderText {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:27px;
	text-align:left;
}
.priceRangeComponentBody {
	color: #333;
	margin:0;
	padding:0;
	font-weight: normal;
}
.priceRangeComponentFooter {
	display:none;
}
.priceRangeComponentBody ul {
	margin:0;
	padding:0;
}
.priceRangeComponentBody li {
	padding:0;
	list-style:none;
	margin:0;
	color: #333;
	font-size:11px;
}	
.priceRangeComponent li a {
	color:#333;
	padding:4px 10px;
	margin:0;
	text-decoration:none;
	line-height: 18px;
	display: block;
	border-bottom: 1px dotted #999;
}
.priceRangeComponent li a:hover {
	color:#bd2077;
	text-decoration:underline;
	background-color:#f8e8f1;
}
/* ==== Close Price Range Component ==== */

/* Currency Component
===================== */
.currencyComponent {
	margin-bottom:10px;
	width:170px;
}
.currencyComponentHeader {
	height:27px;
	background:#bd2077;
	width:auto;
}
.currencyComponentHeaderText {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:27px;
	text-align:left;
}
.currencyComponentBody {
	color: #333;
	margin:0;
	padding:5px 0 0 10px;
	font-weight: normal;
}
.currencyComponentFooter {
	display:none;
}
.currencyComponentBody form {
	padding:0;
	margin:0;
}
.currencyComponentBody form .dropdownlist{
	width:94%;
	color:#000;
	background-color: #fff;
	padding:0;
	text-align:left;
}
/* ==== Close Currency component ==== */

/* Featured Products Component
===================== */
.featuredProducts {
	margin:20px 0 0 0;
	padding:0;
	width:auto;
}
.featuredProductsHeader {
	height:30px;
	width:auto;
}
.featuredProductsHeaderText h1 {
	color:#333;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0px 3px;
	margin:0;
	text-align:left;	
	display:block;
	line-height:25px;
	white-space:nowrap;
	border-bottom:1px solid #666666;
}
.featuredProductsBody {
	text-align: center;
	padding: 5px 10px 5px 10px;
}
.featuredProductsFooter {
	height:5px;
	width:auto;
}
.featuredProductsGrid {
	/*border-collapse: collapse;*/
	border-collapse: separate;
	width: 100%;
	text-align:left;
}
.featuredProductsGrid table {
	border-collapse: separate;
}
.featuredProductsGrid  tr {
}
.featuredProductsGrid  td {
	text-align:left;
	padding: 10px 2px 30px 2px;
	width: 30%;
	vertical-align:bottom;
	margin:0;
}
/*.featuredProductsGrid  td:hover {
	background-color:#ddd;
}*/
.featuredProductsGridHeader {
	float:left;
	background:url(images/topleft.gif) no-repeat left top;
	display:block;
	text-align:center;
	min-height:28px;
	width:100%;
}
.featuredProductsGridHeader span {
	float:right;
	margin-right:0%;
	padding:10px;
	display:block;
	background-image: url(images/topright.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left:4px;
	min-height:28px;
	width:98.5%;
	margin-right:0;
	/*z-index:-1;*/
}
.featuredProductsGridHeaderText {
	text-align:center;
	width:100%;
	vertical-align:bottom;
}
.featuredProductsGridBody {
	border-left:1px solid #f6dcdd;
	border-right:1px solid #f6dcdd;
	clear:both;
	width:auto;
}
/* ==== Close Featured Products Component ==== */

/* Comparison Component
===================== */
.comparisonComponent {
    margin: 0 0 10px;
    background:#fff;
    width:150px;
}   
.comparisonComponentHeader {
    height:21px;
    background: url(images/boxCurve1.gif);   
    width:150px;
}
.comparisonComponentHeaderText {
    color:#fff;
    font-size:11px;
    font-weight:bold;
    padding-left:10px;
    padding-top:3px;
}
.comparisonComponentBody {
    background:#E8F7FA;
    font-size:11px;
    padding:3px 0 0 0;
}
.comparisonComponentAction{
    background:#B3E5EF;
    font-size:11px;
    padding:3px 0 0 0;
}
.comparisonComponentFooter {
    height:9px;
    width:150px;
    background: url(images/headerCurveBottom.gif) no-repeat;   
}
.comparisonComponent li {
    list-style:none;   
    padding:3px 0 3px 0;
}
.comparisonComponent ul {
    margin:0;
    padding:0 0 0 10px;
}
.comparisonComponent a:link {
    color:#0000EE;
}
.comparisonComponent a:visited {
    color:#0000EE;
}
.comparisonComponent a:hover {
    color:#0000EE;
}
.comparisonComponent a:active {
    color:#0000EE;
}
.compareHeader tr {
    border-bottom:2px solid #000;
}
.compareCell1 {
   
}
.compareCell2 {
   
}
/* ==== Close Comparison 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;
    -moz-border-radius: 0px 0px 0px 0px;
}
table.tblPicLabels td {
    border-width: 1px 1px 1px 1px;
    padding: 0;
    border-style: none none none none;
    border-color: gray gray gray gray;
    -moz-border-radius: 0px 0px 0px 0px;
    text-align:left;
}
/* ==== Close Labelling ==== */

/* Comparison table Page
===================== */
table#tblComparison {
    border-spacing: 0;
    border-collapse: collapse;
    border-style: none none none none;
    border-color: gray gray gray gray;
    border-width: 0;   
}
#tblComparison td, #tblComparison th {
    padding: 3px;
    border: dotted 1px #cecece;
}
.comparetblHeader {
    padding:3px;
    background:#FFFFFF;
    font-weight:bold;
    font-size:14px;
}
.compareLabelLeft{
    font-weight:bold;   
    background:#C3DADF;   
}
.compareCellOdd{
    background:#E8F7FA;
}
.compareCellEven{
    background:#EFFCFF;   
}
.comparePrice{
    font-weight:bold;
}
/* ==== 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: #a5aab2;
	color:#fff;
	height:25px;
	font-weight: bold;
}
.custOrderListGrid td {
	padding:5px;
	line-height:25px;
}
.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%;
}
.searchResultsGrid td {
	text-align:left;
	padding: 0 0 40px 0;
	margin-bottom: 0px;
	text-align: center;
}
.searchResultsGrid td .prodItemName {
	text-align: left;
	line-height:14px;
	width:100%;
	display: block;
	padding:0 0 0px 0;
	font-size: 12px;
	font-weight:bold;
	color:#333;
}
.searchResultsGrid td .prodItemShortDesc {
	font-size: 11px;
	color:#636363;
	text-align: left;
	height:auto;
	padding-bottom:10px;
}
.searchProdGridRow {	
	width:100%;
}
.searchProdGridCol1 {
	float:left;
	width:30%;
	vertical-align:top;
}

.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;
	/*text-decoration:underline;*/
}
.newsDate {
	font-size: 10px;
	color: #666;
	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: #000;
	padding: 10px 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;

}
/* ==== Close News Page ==== */

/* System Message/alert
===================== */
.message {
	background: #fff;
}	
.msgTitle {
	font-weight: bold;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	color:#b6443c;
}
.msgDesc {
	color:#666;
	margin-bottom: 20px;
}
/* ==== Close System Message/alert ==== */

/* Thumbnail Product class
===================== */
.picture {
	padding:0;
	margin:0 0 10px 0;
}
.productPictureSmall {
	margin-bottom:10px;
}
.prodItemName {
	font-size: 12px;
	font-weight:bold;
	color:#333;
	text-align:left;
	line-height:15px;
	width:100%;
	display: block;
	padding:0 0 2px 0;
}
.prodItemShortDesc {
	font-size: 11px;
	color:#666;
	overflow: hidden;
	height: 40px;
	text-align:left;
	display: block;
	padding:2px 0;
	width:100%;
}
.prodItemPrice {
	text-align:left;
	font-weight: bold;
	color:#333;
	padding: 2px 0;
}
.alternativePrice {
	font-size: 15px;
	color:#333;
	font-weight:bold;
}
.normalPrice {
	font-size: 15px;
	color:#333;
	font-weight: bold;
}
.sellingPrice {
	font-size: 15px;
	color:#333;
	font-weight:bold;
}
.currCode {
	font-weight: bold;
	font-size: 15px;
	color:#333;
	margin-right:5px;
}
.qtyDiscountText {
	clear:both;
	color: #ffaa60;
	text-decoration: blink;	
	font-size: 11px;
	padding:2px 0;
}
.freeShippingText {
	text-decoration: blink;	
	color:#e67a76;
	font-size: 11px;
	padding:2px 0;
}
.sku {
	font-size: 1em;
}
/* ==== Close Thumbnail Product class ==== */

/* Page Navigation, Breadcrumb
===================== */
.productNavigation {
	color:#666;
	text-decoration: none;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cecccc;
	padding: 2px 0 8px 0;
	font-weight: bold;
}
.productNavigation a {
	padding:0 5px 0 5px;
	color:#333;
	text-decoration:none;
}
/*.productNavigation a:visited{
	font-weight:bold;
	color:#666;
	text-decoration:none;
}
.productNavigation a:active {
	font-weight:bold;
	color:#333;
	text-decoration:none;
}*/
.productNavigation a:hover {
	color:#333;
	text-decoration:underline;
}
.navCurrText {
	margin:0 0 0 5px;
	font-weight:bold;
	color:#2d2e33;
	text-decoration:none;
}
/* ==== Close Page Navigation, Breadcrumb ==== */

/* View Category Page
===================== */
.viewCatGrid {
	border-collapse: separate;
	width:100%;
	text-align:left;
	margin:20px 0 0 0;
}
.viewCatGrid td {
	text-align:left;
	padding: 2px 2px 40px 2px;
	width: 30%;
	vertical-align:bottom;
}
.viewCatGridLeftColumn {
	float:left;
	width:auto;
	padding:0 20px 0 0;
	display:block;
	text-align:left;
	vertical-align:top;
}
.viewCatGridRightColumn{
	float:left;
	width:50%;
	display:block;
	text-align:left;
	vertical-align:top;
}
.mainCategoryDetails {
	display:block;
}
.mainCategoryPictureNormal {
	display:block;
}
.catName {
	font-size: 12px;
	font-weight:bold;
	color:#2e3540;
	text-decoration: none;
}
.catShortDesc {
	width:auto;
	padding:5px 0;
	margin:0;
}
/* ==== Close View Category Page ==== */

/* View Product Page
===================== */
.viewProd {
	margin-top:30px;
}
.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;
}
.viewProdPicture {
	float:left;
	width:50%;
	margin-bottom: 10px;
	padding-right: 5px;
	text-align: left;
	color:#666666;
	height:auto;
	text-align:center;
}
.viewProdPicture p {
	color:#666;
}
.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;	
}
.viewProd_prodItemName {
	letter-spacing: -1pt;
	font-size: 24px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #cecccc;
	font-weight:bold;
	color:#333;
	text-align: left;
	height:auto;
}
.viewProdInfo {
	float:right;
	clear:right;
	margin-bottom: 20px;
	width:45%;
	padding:0 10px 10px 10px;
	color:#444;
}
.viewProdInfo strike {
	font-size:15px;
	text-decoration:line-through;
}
.viewProd_attachments {
	clear:both;
	margin:20px 0 40px 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;
	color: #2e3540;
	text-decoration: none;
}
.viewProd_prodItemLongDesc h1 {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 0 20px 10px;
	display: block;
}
/*
.viewProd_prodItemLongDesc a {
	color: #ffaa60;
	text-decoration: none;
}
.viewProd_prodItemLongDesc a:hover {
	color:#63a4dd;
	text-decoration: underline;
}
*/
.viewProdPrice {
	margin:10px 0;
	font-size:15px;
}
.viewProdItemDetails {
	padding:3px 10px 10px 10px;
	margin:0 0 10px 0;
	color: #444;
	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: #444;
	line-height: 24px;
}
.viewProdOptions {
	padding:3px 10px 10px 0;
	margin: 0 0 10px 0;
	color: #444;
	font-size: 13px;
	width:auto;
}
.viewProdOptions b {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	color: #444;
	line-height: 24px;
}
.viewProdOptions .dropdownlist {
	margin-top: 5px;
	background-color: #eeeeee;
	font-size: 11px;
	color: #666;
	margin-right: 10px;
	width:auto;
}
.viewProdAddToCart {
	padding:10px 0 10px 0;
	margin:0;
}
.viewProdAddToCart .dropdownlist {
	margin-top: 50px;
	background-color: #eeeeee;
	font-size: 11px;
	color: #666;
	margin-right: 10px;
	width:auto;
}
.viewProdInfo .dropdownlist {
	margin-top: 2px;
	background-color: #eeeeee;
	font-size: 11px;
	color: #666;
	margin-right: 10px;
	width:auto;
}
.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%;	
	font-size: 11px;
	line-height:24px;
	margin-bottom:30px;
}
.multipleProductsGridHeader {
	background:#f0f0f0;
	font-weight:bold;
}
.multipleProductsGrid td{
	vertical-align:top;
}
.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 {	
	font-size:11px;
	width:100%;
}
.viewProdRelatedGrid td {
	text-align:left;
	padding:5px 5px 40px 5px;
	width: 30%;
	vertical-align:bottom;
}
.productItemShortDesc {
	font-size: 11px;
	color:#666666;
	overflow: hidden;
	height: auto;
	text-align: center;
	display: block;
	padding-bottom:10px;
}
.tblOptions ul, li {
	margin:0;
	padding:0;
	list-style:none;
}
.tblOptions{
	margin:10px 0;

}
.imgOptionBlur {
	/*filter:alpha(opacity=25);*/	
	/*opacity:.25;*/
}
.imgOptionFocus {
	/*filter:alpha(opacity=100);*/	
	/*opacity:1.0;*/
}
.OptGrpName {
	font-size:12px;
	font-weight:bold;
}
.tblOptionsLeftColumn {
	width:30%;
}
.tblOptionsRightColumn {
	width:60%;
}
.OptGrpAttrDesc {
	background:#fff;
}
/* ==== Close View Product Page ==== */

/* View Cart Page
===================== */
.viewCart {
	background: #ffffff;

}
.viewCartHeader {
	background-color: #fe86a4;
}

.viewCartGrid {
	border-spacing: 2px;
	border-collapse: separate;
	font-size: 12px;
	width: 100%;
	border: 1px solid #cecccc;
	color: #2e3540;
	color:#666666;	
}
.viewCartGrid td{
	padding: 5px;
}
.viewCartGridHeader {
	background:#bd2077;
	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 {
	font-size:11px;
	width:100%;
	text-align: left;
}
.relatedProductsGrid td {
	text-align: left;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	width: 30%;
	vertical-align:bottom;
	padding-top: 10px;
}
.productName {
	font-size: 13px;
	font-weight:bold;
	color:#333;
	line-height:18px;
	width:100%;
	display: block;
	padding:0 0 5px 0;
}
/* ==== Close View Cart Page ==== */

/* Register LogIn
===================== */
#registerLogin {
	height:100%;
	background: #ffffff;
	color:#666666;
}
.registerLoginHeader {
	height:20px;
	background: url(images/textCheckout.gif) no-repeat;
}
.newCustomer p {
	color:#666666;	
}	
.newCustomer h2 {
	color:#333;
	
}
.returningCustomer h2 {
	color:#333;
}
.returningCustomer p {
	color:#666;	
}
.newCustomer {
	margin:30px 20px 0 0;
	width: 45%;
	clear:both;
	float:left;		
}
.returningCustomer {
	margin-top:30px;
	width: 45%;
	float:left;
}
.divGuestCheckout ul {
    padding:0;
    margin:0;
}
.divGuestCheckout ul li {
    padding:0;
    margin: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 #e1e1e1;
	border-spacing: 2px;
	border-collapse: separate;
}
.shippingGridHeader {
	height:25px;
	font-weight: bold;
	color: #fff;
	background:#bd2077;
	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 #e1e1e1;
	border-spacing:2px;
	border-collapse: separate;
}
.orderSummaryGrid td {
	padding: 5px;
}
.orderSummaryGridHeader {
	height:25px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background:#bd2077;
	text-align:center;
}
.orderSummaryGrid .button {
	margin:0;
}
.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;
	width: 100%;
	text-align:left;
}
.advancedSearchGrid td {
	width: 30%;
	vertical-align:bottom;
	text-align:left;
	padding: 38px 2px 38px 2px;
}
/* ==== 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;
	width:100%;
	text-align: center;
	margin:20px 0 0 0;
}
.browseByCustomFieldGrid td {
	text-align: center;
	padding: 2px 2px 40px 2px;
	width: 30%;
	vertical-align:bottom;
}
.browseByCustomFieldForm li {
	list-style:none;
}
/* ==== Close Browse by custom field page ==== */

/* Best Seller Page
===================== */
.bestSellersGridRow {

}	
.bestSellersGridVerticalLeftBar {	
	float:left;
}
.bestSellersGridVerticalRightBar {
	float:left;
}
.bestSellersGrid {
	border-collapse: separate;
	width:100%;
	text-align: center;
	margin:20px 0 0 0;
}
.bestSellersGrid td{
	text-align: center;
	width: 30%;
	vertical-align:bottom;
	padding:2px 2px 40px 2px;
}
/* ==== Close Best Seller Page ==== */

/* New Products Page
===================== */
.newProductsRow {
	background: #ffffff;
}	
.newProductsGridVerticalLeftBar {	
	float:left;
}
.newProductsGridVerticalRightBar {
	float:left;
}
.newProductsGrid {
	border-collapse: separate;
	width:100%;
	text-align:left;
	margin:20px 0 0 0;
}
.newProductsGrid td {
	text-align:left;
	padding: 2px 2px 40px 2px;
	width: 30%;
	vertical-align:bottom;
}
/* ==== Close New Products Page ==== */

/* Specials Page
===================== */
.specialsGridRow {
	background: #ffffff;
}	
.specialsGridVerticalLeftBar {	
	float:left;
}
.specialsGridVerticalRightBar {
	float:left;
}
.specialsGrid {
	border-collapse: separate;
	width:100%;
	text-align: center;
	margin:20px 0 0 0;
}
.specialsGrid td{
	text-align: center;
	padding: 2px 2px 40px 2px;
	width: 30%;
	vertical-align:bottom;
}
/* ==== Close Specials Page ==== */

/* Manufacture Page
===================== */
.mfcListingGrid {
	border-collapse: separate;
	width:100%;
	text-align:center;
	margin:20px 0 0 0;
}
.mfcListingGrid td {
	text-align: center;
	padding: 2px 2px 40px 2px;
	width: 30%;
	vertical-align:bottom;
}
.mfcItemsGrid {
	border-collapse: separate;
	width:100%;
	text-align:center;
	margin:20px 0 0 0;
}
.mfcItemsGrid td {
	text-align: center;
	padding: 2px 2px 40px 2px;
	width: 30%;
	vertical-align:bottom;
}
.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;
	width:100%;
	text-align:center;
	margin:20px 0 0 0;
}
.themeListingGrid td {
	text-align: center;
	padding: 2px 2px 40px 2px;
	width: 30%;
	vertical-align:bottom;
}
.themeListingGrid img {
	margin:0 0 10px 0;
}
.themeItemsGrid {
	border-collapse: separate;
	width:100%;
	text-align:center;
	margin:20px 0 0 0;
}
.themeItemsGrid td {
	text-align: center;
	padding: 2px 2px 40px 2px;
	width: 30%;
	vertical-align:bottom;
}
/* ==== Close Theme Listing Page ==== */

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

/* Forget Password Page
===================== */
.forgetPasswordPage {
	padding:5px;
	text-align:left;
}
.forgetPasswordBody {
	background-color:#fff;
	background-image:none;	
	padding:5px;
	text-align:left;
}
/* ==== Close Forget Password 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 {
	line-height:18px;
	color:#fff;
	text-decoration: none;
	font-weight: normal;
	padding:4px;
	border:1px solid #bd2077;
	background:#bd2077;
}
.paging li a:active {
	line-height:18px;
	color:#fff;
	text-decoration: none;
	font-weight: normal;
	padding:4px;
	border:1px solid #bd2077;
	background:#bd2077;
}
.paging li a:visited {
	line-height:18px;
	color:#fff;
	text-decoration: none;
	font-weight: normal;
	padding:4px;
	border:1px solid #bd2077;
	background:#bd2077;
}
.paging li a:hover {
	line-height:18px;
	text-decoration: none;
	color:#bd2077;
	padding:4px;
	border:1px solid #bd2077;
	background:#f8e8f1;
}
/* ==== Close Paging Number ==== */

/* Address Book Page
===================== */
.addressBookGrid {
	font-size:11px;	
}
/* ==== Close Address Book page ==== */

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

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


/* Affiliate Get Ads Page
===================== */
/*** affGetAds ***/
.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:#666;
}
.productMap ul {
	margin:30px 0 0 0 ;
	padding:0;
}
.productMap li {
	margin:0 0 0 20px;
	list-style:disc;
	padding:0;
	color: #666;
}
.productMap a {
	color:#666;
	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: #666;
	line-height:25px;
}
.custHomeMenu li a {
	color:#333;
	text-decoration:none;
}
.custHomeMenu li a:hover {
	color:#bd2077;
	text-decoration: underline;
}
/* ==== Close Customer Home Page ==== */

/* Review Product
===================== */
.review {
	width:auto;
	height:auto;
	clear:both;
	margin: 100px 0 20px 0;
	padding:10px;
	color:#444;
	-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:#bd2077;
	line-height: 25px;
	display: block;
}
.pageSubHeader {
	color:#666;
	margin-bottom: 5px;
	padding:0 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cecccc;
}
.pageBody {
	margin:0;
	padding:0;
	color:#666;	
}

.pagebody h3 {
	color:#666;
	display:none;
}
.pageBody a {
	color:#bd2077;
	font-weight: bold;
	text-decoration: none;
}
.pageBody a:hover {
	color:#bd2077;
	text-decoration: underline;
}
.pageBodySubHeader {
	height:25px;
	padding-top: 20px;
	margin-bottom:5px;
	border-bottom: 1px dashed #cecccc;
}
.pageBodySubHeader b {
	color:#bd2077;
	font-size:16px;
}
.pageContent {
	padding:0;
	color:#666;
	background-image: none;
	width: 100%;
}
.pageContent p {
	margin: 5px 0 5px 0;
	color:#666;
}
.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;
}
.labelRight {
	float:left;
	width:73%;
	margin:2px 0 2px 0;
	white-space: normal;
	color:#555;
}
/* ==== Close Pages General Class ==== */

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

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

/* Footer Content
===================== */
#footer	{
	clear: both;
	height:60px;
	width: auto;
	margin:0;
	padding:25px 30px 0px 25px;
	color:#333;
	/*position: relative;*/
	text-align: center;
	cursor:default;	
	/*background: url(images/footerBG_logo.gif) 385px 30px no-repeat;*/
}
#footerCredit {
	padding:0;
	line-height:16px;
	color:#333;
	margin: auto; /*for centering the content*/
	position:relative; /*for centering the content*/
	text-align:left;
}
.footerSecondBar {
	clear:both;
	width:auto;
	/*margin:20px 0 20px 0;*/
	height:auto;
	color:#666;
	line-height:16px;
}	
.footerSecondBarLeft {
	float:left;
	clear:left;
	width:450px;
	height:auto;
	text-align:left;
}
.footerSecondBarRight {
	float:right;
	clear:right;
	width:250px;
	height:auto;
	text-align:right;
}
.footerSecondBar a{
	color:#666; 
	text-decoration:none;
}
.footerSecondBar a:hover {
	color:#333; 
	text-decoration:underline;
}

/* CopyRight Bar
===================== */
#copyrightBar {
	height:36px;
	clear:both;
}
#rssBar {
	float:left;
	width:100px;
	padding:10px 0 0 5px;
}
#copyright {
	float:right;
	height: 36px;
	width:10px;
	width: 600px;
	padding-top: 10px;
	text-align: right;
}
#copyrightLinks {
	float: left;
	padding-top: 10px;
}
#copyrightBar a {
	color:#63a4dd;
	text-decoration:none;
	padding-right:5px;
	padding-left:5px;
}
#copyrightBar a:hover {
	color: #2e3540;
	text-decoration: underline;
}
/* ==== Close Footer Content ==== */

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

/* ================================
   === 5. Misc                  ===
   ================================ */

.banner {
	margin:0 0 5px 0;
}
#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;
}
.dropdownlist {
	margin:4px 10px 0 0;
	background-color:#eeeeee;
	font-size:11px;
	color:#333;
	padding:1px;
	width:auto;
	border:1px solid #838383;
}
.textbox {
	font-size:11px;
	margin:0 5px 0 0;
	border:1px solid #838383;
	width:auto;
	height:auto;
	padding:2px;
	color:#333;
	cursor:text;
}
.textarea {
	padding:2px;
	color:#333;
	font-size:11px;
	border:1px solid #838383;
}
textarea {
	padding:2px;
	color:#333;
	font-size:11px;
	border:1px solid #838383;
}
.warning {
	font-size:13px;
	color:red;
}
.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:relative;
}
.chooseColor {
	color:#333;
	height:22px;
	padding:5px 0 0 0;
	margin:auto;
	width:auto;
	clear:right;
	float:right;
	right:0;
	top:0;
	position:relative;
	text-align:left;
}
#silver, #darkgrey, #grey, #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:#44474e;}
#grey{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, #grey:hover, #violet:hover, #blue:hover, #green:hover, #yellow:hover, #orange:hover, #red:hover, #magenta:hover {
	text-decoration:none;
	border:2px solid #bbb;
}
.colors {
	width:210px;
	height:auto;
	padding:0;
	margin:0;
	float:right;
	display:inline;
	text-align:right;
}
/* ==== Close Colour Changing ==== */

/* ================================
   === 5. Close Misc            ===
   ================================ */