/* 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:10px;
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#232323;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-175px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#232323;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:350px;         	/* Left column width + right column width */
        background:#232323;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:175px;        	/* 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:175px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:-10px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:175px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:10px;  	/* 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: url(../images/global/background.gif) repeat;
	color: #fff;	
	text-align:center;
}



#wrapper
	{ 
	width: 980px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
}


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

.clear
	{
	clear:both;
}



.right
	{
	float: right;
}

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

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

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

.left
	{
	float: left;
}

.center {
text-align:center;
}


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

a:link, a:focus, a:active {
color:#ededed;
font-weight:bold;
text-decoration:underline;
}

a:visited {
color:#ddd;
text-decoration:underline;
font-weight:bold;
}

a:hover {
color:#fff;
text-decoration:none;
}

h1
	{
	font-size: 1.4em; /* Equivalent to 22pt */
}
	
h2
	{
	font-size: 1.0em; /* Equivalent to 20pt */
}
	
h3
	{
	font-size: 1.3em; /* Equivalent to 18pt */
}
	
h4
	{
	font-size: 1.2em; /* Equivalent to 18pt */
}
	
h5
	{
	font-size: 1.1em; /* Equivalent to 14pt */
}
	
p, q, cite
	{
	font-size: 12px; /* Equivalent to 12pt */
	margin:10px 0;
}

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

#paddit ul {
margin:5px 0 10px 25px;
list-style-type:disc;
}

ol {
margin:5px 0 10px 45px;
list-style-type:decimal;
}

#paddit li {
padding:5px 0;
}

li ul li, li ol li, li p, li a, div p, td p, div ul li {
	font-size: 12px; /* Equivalent to 12pt */	

}

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

label {
font-size: 12px;
}

/* Header
-----------------------------------------------------------------------------*/
    #header {
position:relative;
border-bottom:3px solid #E51837;
background-color:#000;
height:115px;
color:#fff;
width:100%;
    }
	
#logo {
position:absolute;
top:0px;
left:0px;
width:980px;
height:125px;
background:url(../images/global/header-new.jpg) 0 0 no-repeat;
text-indent:-999em;
}

#header h2 {
position:absolute;
bottom:15px;
left:12px;
color:#fff;
font-size:1.6em;
font-weight:normal;
font-style:italic;
}

#orderline {
position:absolute;
top:0px;
right:0px;
padding:0px;
width:335px;
height:115px;
background:#000000 url(../images/global/hotline.jpg) no-repeat right top;
}

.headers {
position:relative;
}

ul#points {
list-style-type:square;
margin:10px 0 0 25px;
}

#points li {
padding:3px 0;
/* background:url(../images/global/tick.gif) 0 0 no-repeat; */
color:#ececec;
font-size:1.0em;font-weight:normal;
}

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

div#top-nav
{
background: #414141 url(../images/global/bg-topnav.jpg) 0 5px repeat-x;
clear:both;
border-bottom:3px solid #000;
}

div#top-nav ul
{
color: #000;
text-align: center;
margin: 0;
padding-bottom: 8px;
padding-top: 10px;

}

div#top-nav ul li
{
display: inline;
margin-left: -4px;
}

div#top-nav ul li a
{
padding: 8px 10px 8px 10px;
color: #fff;
text-decoration: none;
font-size:1.2em;
font-weight:bold;
}

div#top-nav ul li a:hover
{
background-color: #1a1a1a;
color: #fff;
}

#active a { 

 }

/* Left Nav
-----------------------------------------------------------------------------*/
.box, .box1 {
border:0px solid #f0f0f0;
margin:0px 0px 10px 0px;
padding:5px 8px;
background-color:#1f1f1f;
}

.box2 {
border:0px solid #f0f0f0;
margin:0px 0px 10px 0px;
padding:5px 8px;
background:#343434 url(../images/global/bg-box.jpg) left bottom repeat-x;
}

.col2 h2, .col3 h3 {
font-weight:normal;
font-size:1.4em;
background:#000000 url(../images/global/bg-box-titleLT.jpg) left bottom repeat-x;
padding:10px 8px 0 8px;
color:#fff;
font-weight:bold;
height:32px;
text-transform:uppercase;
/* min-height:32px;
height:auto !important;
height:32px; */
}

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

ul.side-nav li {
padding:4px 0;
}

ul.side-nav li {
font-size:13px;
}

.side-nav a {
font-weight:normal;
}

.side-nav a:link, .side-nav a:focus, .side-nav a:active {
color:#ededed;
text-decoration:underline;
}

.side-nav a.active {
font-size:13px;
color:#E51837;
font-weight:bold;
}

.side-nav a:visited {
color:#ddd;
text-decoration:underline;
}

a:hover {
color:#fff;
text-decoration:none;
}

/* Main Body
-----------------------------------------------------------------------------*/
.col1 h1 {

font-weight:normal;
letter-spacing:-1px;
color:#ededed;
font-size:25px;
text-align:left;
}

/* Product Page
-----------------------------------------------------------------------------*/
.buybox {
margin:10px 0 0 10px;
padding:10px;
text-align:center;
border-top:3px solid #000;
background:#1a1a1a url(../images/global/bg-buybox.jpg) 0 0 repeat-x;
color:#fff;
}

p.price, .price {
font-size:22px;
font-weight:normal;
}

.column1 {
margin-bottom:15px;
background:#2c2c2c url(../images/global/bg-buybox.jpg) 0 0 repeat-x;
border:5px solid #2c2c2c;
}

.column1 tr td {
padding:4px;
}

.column2 tr td {
text-align:center;
}


/* Footer
-----------------------------------------------------------------------------*/
	#footer {
        clear:both;
        float:left;
        width:96%;
		border-top:3px solid #E51837;
		background-color:#000;
		text-align:right;
		padding:0 2%;
    }



/* Your template
-----------------------------------------------------------------------------*/
 .headers {
        clear:both;
        float:left;
        width:100%;
    }


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



input
	{
	padding: 3px;
	border: 1px solid #666;	
}

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


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



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

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

table.spec {
margin-bottom:15px;
}


table.spec td {
padding:3px 10px;;
}