/* MAIN LAYOUT
-----------------------------------------------------------------------------*/
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		padding-top:0px;
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#FEC311;    	/* Right column background colour */
	}

	    .holygrail .colmidie6 {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:#FEC311;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 210px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }


/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* 
	{
	margin: 0;
	padding: 0;
	border: 0;
}

/* Set up the document
-----------------------------------------------------------------------------*/

body
	{
	font: 62.5%/1.5 Arial, Helvetica, Verdana, sans-serif;
	background:#e44627 url(../images/global/bgbody.jpg) 0 0px repeat-x;
	color: #000;	
	text-align:center;
}



#wrapper
	{ 
	width: 960px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin:10px auto 0 auto;
	padding:0px 0px;
	position:relative;
	z-index:0;
	border:0px solid #a91e23;
	background:url(../images/global/wrapperbg.jpg) 0 0 repeat-y;
}

#topborder {
position:absolute;
z-index:1;
left:0;
top:-80px;
height:80px;
width:980px;
background: url(../images/global/border-top.png) 0 0 no-repeat;
}
#bottomborder {
position:absolute;
z-index:1;
left:0;
bottom:-80px;
height:80px;
width:980px;
background: url(../images/global/border-bottom.png) 0 0 no-repeat;
}


/* Styles for layout
-----------------------------------------------------------------------------*/

.clear
	{
	clear:both;
}



.right
	{
	float: right;
}

img.right {
margin:0 0 5px 10px;
padding:2px;
border:0px solid #ddd;
}

img {
	margin: 0;
	padding: 0;
	
	border: 0;
}

.left
	{
	float: left;
}

.center {
text-align:center;
}


/* Typography
-----------------------------------------------------------------------------*/

.col1 a:link, .col1 a:focus, .col1 a:active, .single-column a:link, .single-column a:focus, .single-column a:active {
color:#BF0B12;
font-weight:bold;
text-decoration:none;
}

.col1 a:visited, .single-column a:visited {
color:#ff474b;
font-weight:bold;
text-decoration:none;
}

.col1 a:hover, .single-column a:hover {
color:#175F35;
text-decoration:underline;
}

.box a {
font-size:12px;
}

.box a:link, .box  a:focus, .box  a:active, #footer a:link, #footer  a:focus, #footer  a:active {
color:#232323;
text-decoration:none;
}

.box a:visited, #footer  a:visited {
color:#232323;
text-decoration:none;
}

.box a:hover, #footer  a:hover {
color:#000;
text-decoration:underline;
}

.box ul li {
padding:5px 0;
line-height:1.2em;
}

.box ul li ul li {
padding:0;
line-height:1.5em;
}

.myaccount a {
color:#fff;
font-weight:bold;
}

h1
	{
	font-size: 2.2em; /* Equivalent to 22pt */
}
	
h2
	{
	font-size: 1.7em; /* Equivalent to 16pt */
	color:#F15E33;
	font-weight:normal;
}

h2 a {
font-size:0.9em;
font-weight:normal;
}
	
h3
	{
	font-size: 1.6em; /* Equivalent to 16pt */
}
	
h4
	{
	font-size: 1.6em; /* Equivalent to 18pt */
}
	
h5
	{
	font-size: 1.4em; /* Equivalent to 14pt */
}
	
p, q, cite
	{
	font-size: 1.2em; /* Equivalent to 12pt */
	margin:10px 0;
}



p.wishy {
text-align:center;
}

p.wishy a, .product-content, .product-content p  {
font-size:12px;
}

.box p {
margin:0 0 5px 0;
}

ul, dl
	{
	list-style: none;
	font-size: 1.2em; /* Equivalent to 12pt */
}

ol {
margin-left:25px;
	font-size: 1.2em; /* Equivalent to 12pt */

}

li, dd, dt
	{
	font-size: 1.0em; /* Equivalent to 12pt */	
}

ul li ul, ul li ul li {
	font-size: 1.0em; /* Equivalent to 12pt */	

}

label {
font-size: 1.2em;
margin:0px 0 5px 0;
}

.font11, .font11 p, .font11 a {
font-size:11px;
}

/* Header
-----------------------------------------------------------------------------*/
    #header {
color:#fff;
width:960px;
background:url(../images/global/wrapperbg.jpg) 0 0 repeat-y;
height:250px;

    }
	
#logo {
position:absolute;
top:0px;
left:10px;
width:400px;
height:115px;
background:url(../images/global/logo.gif) 0 center no-repeat;
text-indent:-999em;
}

#header h2 {
position:absolute;
bottom:30px;
left:140px;
color:#fff;
font-size:1.8em;
font-weight:normal;
font-style:italic;
}

/* Top Navigation
-----------------------------------------------------------------------------*/

.rhm1{
	width:650px;
	height:40px;
	margin:0 auto;
	background:url(../images/global/rhm1_bg.jpg) 0 100% repeat-x;		
}
.rhm1-left{
	background:url(../images/global/rhm1_l.jpg) no-repeat;
	width:24px;
	height:40px;
	float:left;
}
.rhm1-right{
	background:url(../images/global/rhm1_r.jpg) no-repeat;
	width:24px;
	height:40px;
	float:right;
}
.rhm1-bg{
	background:url(../images/global/rhm1_bg.jpg) 0 100% repeat-x;
	height:40px;
}
.rhm1-bg ul{
	list-style:none;
	margin:0 auto;
}
.rhm1-bg li{
	float:left;
	list-style:none;
}
.rhm1-bg li a {
	float:left;
	display:block;
	color:#FFF54E;
	text-decoration:none;
	font:12px 'Lucida Sans', sans-serif;
	font-weight:bold;
	padding:0 0 0 6px;
	height:40px;
	line-height:40px;
	text-align:center;
	cursor:pointer;	
}
.rhm1-bg li a span {
	float:left;
	display:block;
	padding:0 12px 0 6px;
}
.rhm1-bg li.current a {
	color:#fff;
}
.rhm1-bg li.current a span {
	color:#fff;
}
.rhm1-bg li a:hover {
	color:#fff;
}
.rhm1-bg li a:hover span {
	color:#fff;
}


/* Left Nav
-----------------------------------------------------------------------------*/


.col2 h2, .col3 h2 {
background:url(../images/global/boxheader.jpg) 0 0 no-repeat;
height:32px;
font-weight:normal;
font-size:1.4em;
margin:0px 0px 0px 2px;
padding:4px 8px 0 12px;
color:#fff;
font-weight:bold;
text-transform:normal;
}


.box form {
padding:10px 0px;
}

/* Main Body
-----------------------------------------------------------------------------*/
.col1 h1, .single-column h1 {

letter-spacing:0px;
font-size:2.8em;
text-align:left;
	color:#F15E33;
	font-weight:normal;
}

.col1 ul, .single-column ul {
list-style-type:disc;
margin-left:25px;
}

p.price strong {
margin-bottom:5px; font-size:1.5em;color:#404040;
}

span.strike {
text-decoration:line-through;
}

#featured {
clear:both;
margin-top:20px;

}

  

/* Special Offer
-----------------------------------------------------------------------------*/



/* Footer
-----------------------------------------------------------------------------*/
	#footer {
        clear:both;
        width:960px;
		border-top:3px solid #ff0000;
		background-color:#FFF24E;
		color:#1e1e1e;
		text-align:center;
		padding:10px 0;
    }



/* Your template
-----------------------------------------------------------------------------*/
	



/* Forms
-----------------------------------------------------------------------------*/



input, select, textarea
	{
	padding: 3px;
	border: 1px solid #666;	
	font-size:12px;
}

input.oa_quantity {

}

input.button
	{
	margin-top:5px;
	padding:2px 2px;
	border: 0px solid #666;	
}

input.addtocart
	{
	padding:3px;
	border: 1px solid #666;	
	background:#000;
	color:#fff;
}

/* Tables 
-----------------------------------------------------------------------------



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

td 
	
	{
  	text-align: left;
	font-weight: normal;
}


*/


#twittered p, #twittered em {
font-size:12px;
}

#twittered a {
font-size:11px;
}