html { margin: 0px; padding: 0px; }

a:link {text-decoration: none; color:White;}
a:visited {text-decoration: none; color:White;}
a:hover {text-decoration: underline; color:White;}

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-image: url(images/body-bg.jpg);
	background-repeat: repeat-x;
	height: auto;
	font-size: 0.7em;
	background-color:#2896d3;
}


#container {
	height: auto;
	margin-right: auto;
	margin-left: auto;
	width: 790px;
	height: auto;
	border: solid 1px #e5e5e5;
	background-color: #FFA500;
	padding: 0px 0px 0px 0px;
	float: none;
	overflow:hidden;
}

#header
{
    background-color: #FF8C00;
    height:140px;
    width: 100%;
    border-width: 2px;
    border: solid 0px red;
    position:relative;
    margin-top:0px;
    margin-left:0px;
    padding-left:0px;
    float:left;
    z-index:500;
}

#roundedOrange
{
    background-color: #FFA500;
    width: 728px;
    height: 34px;
    background-image: url("Images/dark_nw.gif");
    background-position:left;
    background-repeat:no-repeat;
    border: solid 0px green;
    margin-top:0px;
    float:left;
    margin-right:534px;
    z-index:400;
    position:relative;
}

#topbar
{
    width: 410px;
    height: 30px;
    margin-left: 229px;
    position: absolute;
    top:0px;
    font-family:Verdana;
    border: solid 0px red;
    z-index:200;
    text-align:center;
    line-height:18px;
    vertical-align:middle;
    background-image: url("Images/topbar.gif");
}

#topbar_right
{
    margin-left: 598px;
    position: absolute;
}

#motto
{
    margin-top: 115px;
    margin-left: 285px;
    color: #000000;
    position: absolute;
    font-family:Arial;
    font-size:15px;
}

#hotei
{
    margin-left: 595px;
    margin-top: 45px;
    background-image: url("Images/hotei2.gif");
    position: absolute;
    height:80px;
    width: 50px;
    border: solid 0px red;
}

#speech_bubble
{
    margin-left: 630px;
    margin-top: 0px;
    background-image: url("Images/speechbubble.gif");
    background-repeat:no-repeat;
    position: absolute;
    height:130px;
    width: 155px;
    border: solid 0px red;
    padding: 0px;
    vertical-align:middle;
}


#speech_bubble_text
{ 
    padding: 20px 15px 20px 35px;
font-family: Arial,helvetica,verdana;
font-size:1.0em;
    border: solid 0px green;
} 

#orangeFill
{
    background-color: #FFA500;
    width: 728px;
    height: 34px;
    left: 150px;
    position: absolute;
}

#rightnav {
	width: 170px;
	height: auto;
	float: left;
	font-size: 11px;
	color: #555555;
	margin-top: 4px;
	font-weight: normal;
}

#leftcontent
{
    width: 162px;
    height: 100%;
    border: solid 1 cyan;
    background: #FF8C00;
	font-size: 11px;
    float:left;
    z-index:300;
    position:relative;
}

.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
width: 160px;
height: 20px;
margin: 0;
padding: 0;
border: solid 1px #FF8C00;
}

.cssnav a
{
display: block;
color: #ffffff;
font-size: 12px;
font-weight:bold;
width: 160px;
height: 20px;
display: block;
float: left;
text-decoration: none;
}

.cssnav img
{
width: 160px;
height: 20px;
border: 0
}

.cssHome a {background: url(images/buttons/home_on.gif) no-repeat;}
.cssStatues a {background: url(images/buttons/statues_on.gif) no-repeat;}
.cssGarden a {background: url(images/buttons/garden_on.gif) no-repeat;}
.cssWindChimes a {background: url(images/buttons/windchimes_on.gif) no-repeat;}
.cssDreamCatchers a {background: url(images/buttons/dreamcatchers_on.gif) no-repeat;}
.cssMobiles a {background: url(images/buttons/mobiles_on.gif) no-repeat;}
.cssFragranceOils a {background: url(images/buttons/fragrance_oils_on.gif) no-repeat;}
.cssOilBurners a {background: url(images/buttons/oil_burners_on.gif) no-repeat;}
.cssIncenseBurners a {background: url(images/buttons/incense_burners_on.gif) no-repeat;}
.cssIncense a {background: url(images/buttons/incense_on.gif) no-repeat;}
.cssTLite a {background: url(images/buttons/tlite_holders_on.gif) no-repeat;}
.cssCandleSticks a {background: url(images/buttons/candle_sticks_on.gif) no-repeat;}
.cssCandles a {background: url(images/buttons/candles_on.gif) no-repeat;}
.cssSpiritual a {background: url(images/buttons/spiritual_on.gif) no-repeat;}
.cssTShirts a {background: url(images/buttons/t-shirts_on.gif) no-repeat;}
.cssYogaFigurines a {background: url(images/buttons/yoga_figurines_on.gif) no-repeat;}
.cssDoorCurtains a {background: url(images/buttons/door_curtains_on.gif) no-repeat;}
.cssPosterPrints a {background: url(images/buttons/posters_on.gif) no-repeat;}
.cssCarStickers a {background: url(images/buttons/carstickers_on.gif) no-repeat;}
.cssContactUs a {background: url(images/buttons/contactUs_on.gif) no-repeat;}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 15px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.topcards
{
    margin-left: 25px;
}

.bottomcard
{
    margin-left: 62px;
}

#PaypalPayments
{
    padding: 2px 5px 2px 17px;
    margin-top: 5px;
    margin-left: 5px;
}

#SecurePayments
{
    padding: 2px 5px 2px 17px;
    font: white;
    margin-left: 5px;
    margin-bottom: 30px;
}

#ContactUs
{
    padding: 2px 5px 2px 2px;
    font: black;
    margin-left: 0px;
    padding-left:5px;
    padding-right:5px;
}

#signup
{
    text-align: center;
    margin-left: 5px;
}

#custQuotes
{
    padding:20px 5px 20px 5px;
    border:solid 0px red;
    background-color:#FF8C00;
}

#Sitemap
{
    text-align: center;
    margin-left: 5px;
}

#centercontent 
{
	margin-top:0px;
	background:#ffa500;
	margin-right:0px;
	position: relative;
	height: auto;
	float: left;
	width: 550px;
	padding-left: 0px;
	padding-right: 0px;
	border:solid 0px blue;
	}

#centercontent_main
{
    width: 540px;
	border:0px dashed green;
	position: relative;
    padding: 0px 5px 0px 0px;
}

#flashpic
{
    border: solid 0px red;
    height:360px;
    width:588px;
    background-color:#FFA500;
    padding-left:0px;
    z-index:-20;
}
.SelectStyle
{
    font-family: 'Freestyle Script';
    font-size: 2.0em;
    text-align: left;
    margin-left:80px;
    color: black;
    top:0px;
}

#SelectDepartment
{
    background-position: center;
    position: absolute;
    top: 70px;
    left: 260px;
    background: transparent url(    "images/departments.gif" ) no-repeat;
    height: 80px;
    width: 82px;
    z-index: 100;
    vertical-align: 50%;
}
#silverlight_main
{
    margin-left: 47px;
    background:white;
}


.TableRow {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666666; background-color: #E8E8E8}
.TableRowHeader { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #008B8B}
.blacksmallest
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.8em;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    padding-bottom: 0px;
    bottom: 0px;
    text-align: center;
}

.blacksmaller
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 1.0em;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    top: 0px;
    text-align: center;
}
.blacksmall
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    top: 0px;
    text-align: center;
}

.bottom_text
{
    margin-top:5px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 728px;
	text-align:center;
    border: solid 0px blue;
}

.whiteSmall
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight:bold;
}

#centercontent_bottom
{
    top: 10px;
    width: 608px;
    height:100%;
	border:0px dashed cyan;
	position: relative;
	background-color: #FFA500;
	
    background:#FFA500;
}

  #centercontent_bottom_IE6
{
    top: -90px;
    width: 608px;
    height:100%;
	border:0px dashed cyan;
	position: relative;
	background-color: #FFA500;
	
    background:#FFA500;
}  

#rightcontent {
	position: absolute;
	right:10px;
	top:70px;
	width:180px;
	background:red;
	margin-right:20px;
	border:0px dashed orange;
	}
	
#footer
{
    font-size: 7pt;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    bottom: 0px;
    height: 100%;
    left: -1px;
    width: 728px;
    text-align: center;
    text-indent: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    border: solid 0px green;
    vertical-align: bottom;
}


/* basic selectors */

h1 {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	padding: 2px 30px 2px 60px;
	right:50px;
}

h2  {
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    color: #000000;
    font-family:Arial;
    font-size:15px;
    font-weight: normal;
}

h3 {
	color: #5b626c;
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	color: #5b626c;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

h5 {
	color: #000;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

h6 {
	color: #000;
	font: bold italic 100% Verdana, Arial, Helvetica, sans-serif;
}

img { border: 0px; }
hr { color: #ccc; height: 1px; }
input, textarea, select { font: 100% Verdana, Arial, Helvetica, sans-serif; border:1px solid #666666;}

#logobox
{
    margin-left:10px;
    margin-top:10px;
}

#bodywrapper
{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: White;
    border: 1px solid #b2b2b2;
}

#globalmenu
{
	position: absolute;
	top: 10px;
	right: 20px;
}

#headmenu { /* styles for section or tab menu */
	position: absolute;
	top: -18px;
	left: 200px;
	width: 500px;
}
	html>body #headmenu {
		position: relative; /* Necessary for menu to position in Opera */
	}
	#headmenu ul { list-style: none; padding: 0px; margin: 0px; }
	#headmenu li { display: inline; }
	#headmenu li a:link, #headmenu li a:visited { 
		display: block;
		float: left;
		margin-right: 1px;
		width: 116px;
		height: 27px;
		color: #737685; 
		font-weight: bold;
		text-decoration: none; 
		text-align: center;
		padding-top: 6px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 21px;
		width: 115px;
		border-bottom:1px solid #b2b2b2;
		border-top:1px solid #f5f5f5;
		border-left:1px solid #f5f5f5;
		border-right:1px solid #f5f5f5;
	}
	html>body #headmenu li a:link, html>body #headmenu li a:visited { width: 115px; height: 21px; }
	#headmenu li a:active, #headmenu li a:hover, #headmenu li a.selected{
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;
		border-bottom:1px solid #ffffff;
		background:#fff;
	}

.menulink
{
    margin-left:10px;
}
.menulink a
{
    color:#666666;
}

.browsebox
{
    padding:10px;   
}
.browsebox h1
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #666666;
    border-bottom: 1px dashed #cccccc;
}

.cartbox1 {
	background: url('images/specialboxbg.gif') repeat-y;
	width: 180px;
}

.cartbox2 {
	background: url('images/specialboxtop.gif') no-repeat top left;
	width: 180px;
}

.cartbox3 {
	background: url('images/specialboxbottom.gif') no-repeat bottom left;
	width: 180px;
}
.cartbox
{
    padding: 0px 20px 10px 20px;
}
.cartbox h1
{
	font-size: 12px;
	font-weight:bold;
	color:#b22222;
	padding: 18px 10px 4px 10px;
	margin: 0px;
}

.gridSize
{
    border: 0px solid green;
    padding-left: 10px;
    padding-right: 0px;
	width: 550px;
	margin-left: 0px;
	position:relative;
	float:left;
}

.item
{
    background:transparent url(images/item_bevelled.gif); background-repeat:no-repeat; left:30; top:0;
    background-repeat:no-repeat;
    border:solid 0px green;
    position:relative;
    width:266px;
    height:160px;
	margin-right: auto;
}
.itemTitle
{
    left:20px;
    top:20px;
    position:relative;
    width:220px;
}
.itemTitle a
{
       color:Black;
}
.itemPic
{
    left:30px;
    top:30px;
    position:relative;
    height:25%;
    width:25%;
}
.itemDetails
{
    float:left;
    left:110px;
    top:45px;
    position:absolute;
    width:140px;
}
#tooltipSpan
{
    display: none;
}

.sectionHeaderAlt{
	background:#7EBBCD;
	border-top: 2px solid #4B93A1;
	border-right: 2px solid #4B93A1;
	border-left: 2px solid #4B93A1;
	border-bottom: 2px solid #4B93A1;
	padding:6px 0px 5px 8px;
	color: #FFFFFF; 
	font-weight:bold;	
	font-size:16px;
	margin:0px 0px 0px 0px;
}

.StockLevels
{
    color:red;
    font-weight:bold;
}
.Price
{
    font-size:1.3em;
    font-weight:bold;
}

 /* ------------------------ CONTENT -------------------------------- */

/* Layout for the middle of the page */
#content { float: right; width: 602px; margin:0px; padding:0px;  }

/* Those objects in the content*/
.contentObjL { padding: 0px 0px 10px 0px; float:left; clear:left;}
.contentObjM { padding: 0px 0px 10px 10px; float:left; }
.contentObjMR { padding: 0px 0px 10px 10px; float:right; }
.contentObjR { padding: 0px 0px 10px 0px; float:right; }
 /* ------------------------ CORNERS -------------------------------- */
 
/* For those round corners.. */
/* http://www.sitepoint.com/blogs/2005/08/19/dom-foolery-with-images/ */
/* Account Corners */
div.lightpurpletl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/lightpurple_tl2.gif) top left no-repeat; left:0; top:0;}
div.lightpurpletr { position:absolute; width: 7px;  height: 7px; background:transparent url(images/corners/lightpurple_tr2.gif) top right no-repeat; right:0; top:0;}

div.cleartl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clear_tl.gif) top left no-repeat; left:0px; top:0px; }
div.cleartr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clear_tr.gif) top right no-repeat; right:0px; top:0px; }
div.clearbl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clear_bl.gif) bottom left no-repeat; left:0px; bottom:10px; }
div.clearbr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clear_br.gif) bottom right no-repeat; right:0px; bottom:10px;}

div.clearAltbl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clear_bl.gif) bottom left no-repeat; left:0px; bottom:0px; }
div.clearAltbr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clear_br.gif) bottom right no-repeat; right:0px; bottom:0px;}

div.clearbluetl { position:absolute; width: 7px; height: 7px;  background:transparent url(images/corners/clearblue_tl.gif) top left no-repeat; left:0px; top:0px; }
div.clearbluetr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearblue_tr.gif) top right no-repeat; right:0px; top:0px; }
div.clearbluebl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearblue_bl.gif) bottom left no-repeat; left:0px; bottom:10px; }
div.clearbluebr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearblue_br.gif) bottom right no-repeat; right:0px; bottom:10px;}

div.clearbluedarktl { position:absolute; width: 7px; height: 7px;  background:transparent url(images/corners/clearbluedark_tl.gif) top left no-repeat; left:0px; top:0px; }
div.clearbluedarktr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearbluedark_tr.gif) top right no-repeat; right:0px; top:0px; }
div.clearbluedarkbl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearbluedark_bl.gif) bottom left no-repeat; left:0px; bottom:10px; }
div.clearbluedarkbr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearbluedark_br.gif) bottom right no-repeat; right:0px; bottom:10px;}

div.clearredtl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/redcorner_tl.gif) top left no-repeat; left:0px; top:0px; }
div.clearredtr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/redcorner_tr.gif) top right no-repeat; right:0px; top:0px; }
div.clearredbl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/redcorner_bl.gif) bottom left no-repeat; left:0px; bottom:10px; }
div.clearredbr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/redcorner_br.gif) bottom right no-repeat; right:0px; bottom:10px;}

div.greentl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/green_tl.gif) top left no-repeat; left:0px; top:0px; }
div.greentr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/green_tr.gif) top right no-repeat; right:0px; top:0px; }

div.lightbluetl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/lightblue_tl.gif) top left no-repeat; left:0px; top:0px; }
div.lightbluetr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/lightblue_tr.gif) top right no-repeat; right:0px; top:0px; }

div.orangetl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/orange_tl.gif) top left no-repeat; left:0px; top:0px; }
div.orangetr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/orange_tr.gif) top right no-repeat; right:0px; top:0px; }

div.pinktl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/pink_tl.gif) top left no-repeat; left:0px; top:0px; }
div.pinktr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/pink_tr.gif) top right no-repeat; right:0px; top:0px; }

div.purpletl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/purple_tl.gif) top left no-repeat; left:0px; top:0px; }
div.purpletr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/purple_tr.gif) top right no-repeat; right:0px; top:0px; }

div.redtl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/red_tl.gif) top left no-repeat; left:0px; top:0px; }
div.redtr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/red_tr.gif) top right no-repeat; right:0px; top:0px; }

div.yellowtl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/yellow_tl.gif) top left no-repeat; left:0px; top:0px; }
div.yellowtr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/yellow_tr.gif) top right no-repeat; right:0px; top:0px; }

div.priceOddtl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearpink2_tl.gif) top left no-repeat; left:0px; top:0px; }
div.priceOddtr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearpink2_tr.gif) top right no-repeat; right:0px; top:0px; }
div.priceOddbl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearpink2_bl.gif) bottom left no-repeat; left:0px; bottom:0px; }
div.priceOddbr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearpink2_br.gif) bottom right no-repeat; right:0px; bottom:0px;}

div.priceEventl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearpink_tl.gif) top left no-repeat; left:0px; top:0px; }
div.priceEventr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearpink_tr.gif) top right no-repeat; right:0px; top:0px; }
div.priceEvenbl { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearpink_bl.gif) bottom left no-repeat; left:0px; bottom:0px; }
div.priceEvenbr { position:absolute; width: 7px; height: 7px; background:transparent url(images/corners/clearpink_br.gif) bottom right no-repeat; right:0px; bottom:0px;}
  
/* ------------------------ CONFIRMATION -------------------------------- */
/* Confirmation boxes */
#confirmationFull { position:relative; float:left; width:548px; padding-bottom:10px; padding-left: 0px; margin-left:10px; z-index: 800; }

#confirmationFull a {color:#990066}
#confirmationFull p { margin:6px 0px 4px 0px }
.confirmationQL { float:left;  margin-right:9px }
.confirmationQR { float:right; }

#confirmationButton {
	position:relative;
	width:140px;
	padding-bottom:10px;	
	margin-top:10px;
	cursor:pointer;
}

.confirmationQuarter { position:relative; width:140px; padding-bottom:10px;	}
.confirmationQuarter  img { border:0px}

/*inside the div inside the div inside confirmat quarter*/
.confirmationQuarter div div {	 top:-6px; right:10px; position:absolute; padding-left:10px; }

#confirmationLeft { position:relative; float:left; width:296px; padding-bottom:10px; }

#confirmationRight { position:relative; float:right; width:296px; padding-bottom:10px;	}

div.confirmationInards { background: #D4EEF6;  border: 2px solid #4B93A1; padding:6px 6px 6px 6px; vertical-align:middle; }

div.confirmationInardsAlt {
	background: #D4EEF6 ;
	border: 2px solid #4B93A1;
	padding:6px 6px 6px 6px;
	height:36px;
	vertical-align:middle;
}

div.confirmationButtonR2 { top:-4px; right:70px; position:absolute; padding-left:10px; }
div.confirmationButtonR2  img {border:0px;}

div.confirmationButtonR { position:relative; top:-4px; width:100px; float:right; padding-left:6px; }
div.confirmationButtonR img {border:0px;}

div.confirmationButtonR1 { top:-4px; right:10px; position:absolute; padding-left:10px; }
div.confirmationButtonR1  img {border:0px;} 

div.confirmationButtonL2 { position:absolute; padding-left:10px; top:-4px; left:70px; }
div.confirmationButtonL2  img {border:0px;} 

div.confirmationButtonL1 { position:absolute; padding-left:10px; top:6px; left:10px;}
div.confirmationButtonL1  img {border:0px;} 

div.confirmationTextConfirmR { bottom:14px; right:73px; position:absolute; padding-left:10px; }
div.confirmationTextConfirmR a { color:#000000 !important; }
div.confirmationTextCancelR { bottom:14px; right:16px; position:absolute; padding-left:10px; }
div.confirmationTextCancelR a { color:#000000 !important; }
div.confirmationTextNextR { bottom:12px; right:24px; position:absolute; padding-left:10px; }
div.confirmationTextNextR a { color:#000000 !important; }

div.confirmationSearch { position:absolute; padding-left:10px; top:6px; right:20px; }

div.confirmationSearch img{ border:0px; vertical-align:middle;}
div.confirmationSearch input {vertical-align:middle; width:40px;}


 /* ------------------------ SECTION -------------------------------- */

div.sectionLeft{ position:relative; float:left; width:296px; padding-bottom:10px; }

div.sectionRight { position:relative; float:right; width:296px; padding-bottom:10px; }

div.sectionFull { position:relative; float:left; width:568px; height:953px; background:#FFA500; padding: 0px 0px 0px 0px; border:solid 0px red; }

div.sectionFullNoPadding { position:relative; float:left; width:602px; }

.sectionHeader{
	background:#E7BCE9;
	border: 2px solid #E7BCE9;
	padding:2px 0px 2px 8px;
	color: #930072; 
	font-weight:bold;	
	font-size:11px;
	margin:0px 0px 0px 0px;
}
				  
.sectionHeaderAlt{
	background:#7EBBCD;
	border-top: 2px solid #4B93A1;
	border-right: 2px solid #4B93A1;
	border-left: 2px solid #4B93A1;
	border-bottom: 0px solid #4B93A1;
	padding:6px 0px 5px 8px;
	color: #FFFFFF; 
	font-weight:bold;	
	font-size:16px;
	margin:0px 0px 0px 0px;
}

.sectionHeaderAlt2{
	padding:6px 0px 4px 0px;
	color: #930072; 
	font-weight:bold;	
	font-size:11px;
	margin:0px 0px 0px 0px;
}

.sectoinHeaderComment {
	float:right;
	width:120px;
	background:#E7BCE9;
	border: 0px solid #E7BCE9;
	padding:1px 0px 1px 8px;
	color: #930072; 
	font-weight:bold;	
	font-size:11px;
	margin:0px 0px 0px 0px;	
}
.sectionSubHeading{ color: #B433B4; font-weight:bold; font-size:16px; margin:20px; text-align:center;}
.sectionHeadingBig{ color: #B433B4; font-weight:bold; font-size:18px; margin: 0px auto; padding-bottom:10px; text-align:left; }

/*For the accounts panes*/
/* Hack for IE height = min height */
.sectionHeaderPanel {
	background-color:#FAEEFA;
	border-left: 1px solid #EAC1EB;
	border-right: 1px solid #EAC1EB;
	border-bottom: 1px solid #EAC1EB;
	font-size:11px;
	margin: 0px auto;
	padding:10px;
	text-align:center;
}

.sectionPanelShort {
	float:left;
	width:274px;
	background-color:#FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	font-size:11px;
	margin:0px;
	padding:10px 10px 0px 10px;	
}

.sectionPanel {
	float:left;
	width:600px;
	background-color:#FFFFFF;
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	font-size:11px;
	margin:0px;
	padding-bottom:10px;	
}

.sectionPanelNotes { 
	margin: 10px 8px  1px 8px;
}

 /* ------------------------ PRODUCT -------------------------------- */
 
 select.productOption { width:230px; }
/*Displays the header - N.B. Not in the position of every other header*/
#productHeader{
	border: 2px solid #E7BCE9;
	background:#FF8C00;
	padding:2px 0px 4px 8px;	
	color: white;
	font-weight:bold;	
	height:15px;
	margin:0px 0px 0px 0px;
}

/** html div.productItemInards {height:150px;}*/
/* html .productPanel {height:456px;}*/
.productPanel {
	float:left; 
	background-color:White;
	border-top: 0px solid #FFFFFF;
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	font-size:11px;
	padding:0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	width: 546px;
	height:425px;
	position:relative;
}

.productImage {float:left; margin: 0px; text-align:center; width:250px; position:absolute;}

.productSmallImages {float:right; margin: 0px; margin: 20px 410px 0px 10px; left:400px; text-align:left; width:130px; position:absolute;}
.TShirtDetails {float:left; margin: 0px; margin: 20px 20px 0px 10px; left:230px; text-align:left; width:280px; position:absolute; border:solid 0px red;}
div.scrollboxMain { position:relative; float:right; width:410px; padding-bottom:10px; margin: 10px 0px 0px 0px;}

#scrollHeader{
	border: 2px solid #E7BCE9;
	width:398px; 
	padding:2px 0px 2px 8px;
	color: #930072; 
	font-weight:bold;	
	font-size:11px;
	margin:0px 0px 0px 0px;
	background:#E7BCE9;
}

#scrollbox { 
	position:relative; 
	float:right; 
	margin: 0px 0px 0px 0px; 
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	text-align:center; 
	width:408px; 
	height:155px; 
	overflow:auto;
}

.eachImage { position:relative; float:left;  width:125px; overflow:hidden;}


.productBottom {padding:10px 0px 0px 0px; float:left; width:584px}
.productHeading { color: #930072; font-weight:bold; font-size:14px; padding-top:11px;}

.productDetail { float:left; height:100%; position:absolute; margin: 420px 60px 20px 30px; padding-right:30px; width:500px;}

#productOrder { position:relative; float:right; width:410px; padding-bottom:10px;	}

div.productOrderInards {
	background: #D4EEF6;
	border: 2px solid #4B93A1;
	padding:3px 6px 5px 6px;
	height:38px;
	vertical-align:middle;
}

div.productOrderButton { top:0px; right:60px; position:absolute; padding-left:10px; }

div.productOrderButtonText { top:14px; right:10px; position:absolute; padding-left:10px; }

.productQuantity { position:absolute; top:5px; right:120px; }


/*Contact Us page */
.titlecontent1 {
	width: 500px;
	float: left;
	margin-left: 30px;
	margin-top: 10px;
}
.left-content {
	width: 548px;
	height: auto;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	border:solid 0px red;
	position:relative;
}
.left-content p {
	font-size: 12px;
	color: #4A4A4A;
	line-height: 16px;
	clear: left;
	font-weight: normal;
	width: 500px;
	margin: 0px;
}
.left-content p a {
	color: #036BCC;
	text-decoration: underline;
}
.left-content p a:hover {
	color: #003366;
	text-decoration: none;
}
.left-content h1 {
	font-size: 18px;
	font-weight: normal;
	color: #4a4a4a;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
}
.left-content h2 {
	font-size: 14px;
	color: #4a4a4a;
	font-weight: bold;
	clear: left;
	line-height: 18px;
}
.left-content h3 {
	font-size: 11px;
	color: #4a4a4a;
	font-weight: bold;
	text-align: right;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
#wholeline
{
    width:550px;
    height:30px;

}

.bluenumber {
	color: #036BCC;
	text-align:left;
	float:left;
}
.td1 {
	font-size: 11px;
	color: #4A4A4A;
	text-align: right;
	padding-right: 6px;
	width: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}

.td2 {
	width: 225px;
	font-size: 11px;
	color: #4A4A4A;
	
}
.td3 {
	width: 205px;
	font-size: 10px;
	color: #4A4A4A;
	vertical-align: top;
	padding-top: 4px;	
	border: solid 0px green;
}
.formstyle1 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 205px;
	font-weight:bold;
}
.td-break {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bfcedc;
}
.ValidateError
{
    font-weight:bold;
    color:Red;
}
.linksData
{
    margin-left:20px;
    margin-right:20px;
}
 /* ------------------------ BASKET -------------------------------- */
/* Basket Panel */
.basketTop { display:block; float:left; }
#basketTable { overflow:hidden;
	width: 550px;
	margin-left: 0px;
	position:relative;
	float:none; }
#basketPanel  { position:relative; width:150px; height:88px; padding-bottom:10px; text-align:center; margin-left:5px; overflow:hidden;}
/*Work around for IE is to have DIV inside DIV with borders set, otherwise it inlcludes them within the width of the div*/
#basketPanelInards {
	background: #D4EEF6 url(images/basket_inner.jpg) no-repeat;
	border: 2px solid #4B93A1;
	padding:2px 6px 0px 6px;
	height:82px;
}

#basketPanelInards img {border: 0px; margin:0px auto; padding:1px;}
#basketPanelInards a:hover {color:Black;}
.basketImage {width:20px; height:14px;position:absolute; top:0px; right:3px;}
.basketFlag { width:40px; }
.basketView { position:relative; clear:both; display:block; padding: 0px; margin: 1px 0px 2px 0px; text-align:left; height:14px;}
.basketView a {color:Black;}
.basketRow { float:left;  margin: 1px 0px 1px 0px; padding: 0px; }
.basketRow span { height:14px; }

.basketRow span.labelLong { float:left; width: 92px; text-align: left;  clear:left; }

.basketRow span.labelMedium { float:left; width: 82px;  text-align: left; clear:left; }

.basketRow span.labelShort { float:left; width: 60px; text-align: left; clear:left; }

.basketRow span.detailLong { float:right; width: 70px;  text-align: right; clear:right; } 

.basketRow span.detailMedium { float:right;  width: 48px; text-align: right; clear:right; } 

.basketRow span.detailShort { float:right; width: 39px; text-align: right; clear:right; } 

.basketTitle {
	font-weight: bold;
	font-size:11px;
	color:#000000;
	margin: 1px 0px 0px 0px;
	padding:0px;
	text-transform: uppercase;
	text-align:left;
	height:14px;
	display:block;
}

.BasketButtons 
{
    width: 500px;
    float: right;
    padding-left:280px;
    height:40px;
    border:solid 0px green;
}
.infoStrong { font-size: 0.8em; font-weight:bold; color:#000000;  }

/**Buttons**/
#tswcssbuttons {
	width: 100px ;
	text-align: center ;
}
#tswcssbuttons ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
}
#tswcssbuttons li {
	margin: 0 ;
	padding: 0 ;
	display: block ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#tswcssbuttons li a {
	color: #fff ;
	background-color: #000 ;
	border: 1px outset #f0f0f0 ;
	width: 100px ;
	text-decoration: none ;
	display: block ;
}
#tswcssbuttons li a:hover {
	color: #000 ;
	background-color: #c0c0c0 ;
}

#wthreec 
{
    width: 400px;
    padding-left: 200px;
    right:auto;
    position:relative;
    
}

.loading
{
	margin-right: auto;
	margin-left: 250px;
	height: auto;
	border: solid 0px green;
}