/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	GLOBAL ELEMENTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
* {margin:0px; padding:0px; border:none;}
html {
	height: 100%;
}
body {
	font-family:Helvetica, Arial, sans-serif;
	color:#636467;
	background-color: #6CC8C3;
}
a:link, a:visited {
	color:#9D9FA2;
	text-decoration:none;
}
a:hover {color:#636467; text-decoration:none;}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	CONTAINERS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
/*page*/
#page {
	width:900px;
	margin-top: 3%;
	margin-right: auto;
	margin-left: auto;
}
/*header*/
#header {
	padding-bottom: 20px;
}
/*contaner float left*/
#content, #mainContent, #footer, #footer2, #footer2 ul {float: left;}
/*content*/
#content {
	background-color: #FFFFFF;
	border-top-width: 15px;
	border-right-width: 15px;
	border-left-width: 15px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
/*mainContent*/
#mainContent {
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
/*navigation*/
#navigation {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #6CC8C3;
	border-bottom-color: #6CC8C3;
}
/*footer*/
#footer {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #6CC8C3;
}
#footer, #footer2 {
	width: 100%;
}
#footer ul, #footer2 ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#footer li, #footer2 li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#footer2, #footer2 a:link, #footer2 a:visited {
	color:#FFFFFF;
	margin-top: 5px;
	font-weight:bold;
}
#footer2 a:hover {text-decoration:underline;}
#footer2 ul {}
#footer2 li {
	font-size: 9px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
.stretcher {
	display: block;
	clear: both;
	height: 1px;
}
#instructionsInfo p {
	margin-right:22px;
	text-align: justify;
}
/* 
specific store classes layout 
++++++++++++++++++++++++++++++++
*/
#paymentGateway, #cartStore {margin-top: 25px;}
#search, #paypalLogo {margin: 10px 0px 10px 0px;}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	ORDER NOW / HOME BTTN
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
#orderNow, #orderNow a:link, #orderNow a:visited, #orderNow a:hover {
	font-weight: bold;
	color: #6CC8C3;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	DOTTED BORDERS - needs a decent image
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
.bdrTop {
	background-image: url(../images/site/dotted.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.brdBttm {
	background-image: url(../images/site/dotted.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
*/
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	COLUMN WIDTHS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
 .c1,.c1Store,.c2,.c3,.c4 {float:left;}
 .c1 {
	width:217.5px;
}
.c1Store {
	width:200px; margin:0px; padding:0px;
}
 .c2 {
	width:435px;
}
 .c3 {
	width:652.5px;
}
 .c4 {
	width:870px;
}
 /*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	FONT COLOURING CLASSES 
	(because there are too many different colours to globalise properties 
	- crazy ass designers and their everything needs to look good crap)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.blackTxt {color:#000000;}
.blackTxt a:link, .blackTxt a:visited {color:#000000; text-decoration:none;}
.blackTxt a:hover {color:#9D9FA2; text-decoration:none;}

.redTxt {
	color:#FF0000;
}
 /*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	FONT
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
h1, h2, h5, h6, p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2.5px;
	padding-left: 0px;
}
h3, h4 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2.5px;
	padding-left: 0px;
	margin-top:15px;
}

h1 {
	font-size: 24px;
	font-weight: normal;
	color: #000000;
}
h1 a:link, h1 a:visited {color:#9D9FA2;}
h1 a:hover {color:#000000;}

h2 {font-size: 22px; font-weight: normal; color: #808285;}
h3 {font-size: 18px; font-weight: normal;}
h4 {font-size: 14px; font-weight: normal;}
/*store headers */
h5 {
	font-size: 14px;
	font-weight: normal;
	color:#000000;
	margin-bottom: 20px;
	padding-bottom: 0px;
	margin-top: 20px;
}
h6 {
	font-size: 12px;
	line-height: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6CC8C3;
	color: #6CC8C3;
	padding-top: 2.5px;
	padding-right: 0px;
	padding-bottom: 2.5px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #6CC8C3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}
p {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	LISTS STYLING
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
ul {
	margin-bottom:5px;
	margin-top: 5px;
}
ol {
	margin-bottom:5px;
	margin-top: 5px;
}
ul li {
	line-height: normal;
	font-weight: normal;
	margin-left: 30px;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

ol li {
	line-height: 12px;
	font-weight: normal;
	margin-left: 30px;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	}

.oLink {margin-top:20px; margin-bottom:5px;}
.oLink li {margin-top:0px; padding-top:0px;}

ul li ul li, ol li ol li {
	line-height: 18px;
	font-weight: normal;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	}
ol li ol li {
	list-style-type: lower-alpha;
}
/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  ELEMENTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/

/* 
content box layout 
++++++++++++++++++++++++++++++++
*/
.bCopy{
	margin: 0px;
	background-color: #FFFFFF;
	padding: 0px 0px 10px 0px;
      }
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	TABLE STYLING
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
table {
	margin: 0px;
	padding: 0px;
	border: none;
	}
/* thumbs table */
#thumbs {}
#thumbs tr {}
#thumbs td {width: 87px;}
/* colours table */
#colours {}
#colours img {
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 16px;
	width: 16px;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	SPECIALISED STYLING
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
/* switcher classes */
.switcherMain {visibility:visible; z-index:100;}
.switcherSub {display:none; z-index:100;}
/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  HACKS / BUGGN'
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  
 
mozilla & safari : 
these browsers add 4px padding-bottom to
IMG and OBJECT tags. To fix, set tags to display 
as BLOCK with 0px margin, padding. 
*/

img, object{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
      }
			
/*all browsers : 
if floated divs are placed inside a div, the
wrapper div will not stretch around the floated
divs. To fix, ensure a 'block' element is placed underneath
the floated elements, to give the wrapper something to stretch
around. ensure block element includes clear:both rule.  Or you
can add this class to the lowermost 
floated div */	

/* ie win :
doubles the margin width of floated divs. see
http: //www.positioniseverything.net/explorer/doubled-margin.html 
to fix, add display:inline to all floated divs. 


LINK LISTS : IEWIN ADDS LINE BREAKS BETWEEN <li> TAGS. 

win IE will add line breaks between
each list item if the list item tags have a 
carriage return between them, eg:

<li>IE winsanity </li>
<li>please fix it  bill</li>

will cause the browser to render an extra br 
between the two items. To prevent this, 
write tags  as follows. <li>IE winsanity </li><li>please fix it  bill</li>

Mystery IE6 Bug: on dropdown list menus.

IE6. A background must be declared on the li a, else when a sub-menu stretches further (vertically) 
than the main menu itself, the links start to disappear before you have time to click them. 
*/
	
/*
IE5.01 on Windows : dropdown menu jumps around when you hover over some of its items. 
The problem is fixed as follows: note using the holly hack to hide from other borwsers..  \*/
/* End */