@charset "utf-8";
/* CSS Document */

body
{
	margin:0;
	padding:0;
	background:url(../images/body-bg.jpg) repeat #ffffff;
	font-family:"Myriad Pro", Arial, Verdana;
	font-size:10px;
	color:#333333;
}

h1,h2,h3,h4,h5,h6	{
	margin:0 0 10px 0;
	padding:0;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
h1 {
	font-size:24pt;
	color:#999;
	font-weight: normal;
}
h2 {font-size:1.6em; color:#d1d1d1;}
h3 {font-size:1.4em;font-weight:bold;}
h4 {
	font-size:11pt;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}
h5 {font-size:1.0em;font-weight:bold;}
h6 {
	font-size:36px;
	font-weight:bold;
}

a:link, a:visited {background:transparent;text-decoration:underline; color:#267195;}
a:hover{background:transparent;text-decoration:none; color:#267195;}

/* For firefox related to visited link */
/* 
	a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;} 
	a:focus{color:#FF0000;}
*/
p{
	margin:5px 0 10px 0;
	padding:0;
	line-height:1.2em;
	text-align:justify;
}
p img.left-align { margin:0 0.8em 0.8em 0; padding:0; float:left;}
p img.right-align { margin:0em 0 0.8em 0.8em; float:right;}

/*ul{ margin:10px 0 10px 0; padding:0; list-style:none;}
ul li{margin:0.4em 0 0.4em 0; padding:0 0 0 15px; background:url(../images/listbullet.jpg) no-repeat 0px 6px;}

ol{ margin:10px 0 10px -15px; padding:0;}
ol li{margin:0.4em 0 0.4em 0; padding:0 0 0 15px; list-style-position:inside;}*/


blockquote {margin:1.5em;color:#000;font-style:italic;}
sup, sub {margin:0; padding:0;}

address {margin:0 0 0 0;font-style:italic;}
del {color:#000000;} /* The del tag can be used to show deleted text with new inserted text */

dl {margin:1.0em 0 1.0em 0;}
dl dt {font-weight:bold; margin:0; padding:0;}
dd {margin:0.5em 0 0.5em 20px; padding:0;}
dd ul li{ margin:0; padding:0 0 0 10px;}
dd ol li{ margin:0; padding:0 0 0 10px;}


table {margin:0 0 0px 0; padding:0; border:0px solid #cccccc; border-right:none; border-top:none;}
td{ margin:0; padding:3px; border:0px solid #cccccc; border-bottom:none; border-left:none; }
th {font-weight:bold; text-align:left; padding:3px; border-right:0px solid #cccccc; border-top:1px solid #cccccc;} /* By default text is center align in th tag*/
thead th {font-weight:bold; background:#eeeeee;}
tfoot{font-weight:bold; color:#006600; background:#eeeeee;}

caption{margin:0 0 5px 0; padding:0; font-weight:bold; text-align:left; } /* Caption is used to define the Table Heading. By default it is center align of the table.*/

q { margin:0; padding:0; font-style:italic; font-weight:bold;}


/* -------------------------------- Layout ID &amp; Classes -------------------------------------- */

/* ------------------ Header Section Start Here ------------------ */

#main-wrapper
{
	margin:0 auto; padding:0;
	width:928px;
	border:16px solid #8f8f8f;
	border-top:none;
}

#header		
{
		margin:0 auto;			/* Set your margin from left and right side of the screen */		
		padding:0;
		width:100%;					/* Adjust width according to your webpage layout */		 				
		position:relative;
		
}

#header #logo-section
{
	margin:0; padding:0; 
	position:relative;
	height:160px;
	background:url(../images/header-bg.jpg) repeat-x #fff;
}

#topmenu
{
	margin:0;
	padding:0;
	font-family:"Myriad Pro", Arial, Verdana;
	background:url(../images/topmenu-bg.gif) repeat-x;
	height:25px;
	text-transform:uppercase;
	font-weight:normal;
}
#topmenu ul{list-style:none; margin:0 0 0 20px; padding:0;}
#topmenu li{margin:0; padding:0; list-style:none; float:left; color:#8f8f8f; line-height:2.2em;}
#topmenu li a{margin:0; padding:0 6px; color:#cc151c; text-decoration:none;}
#topmenu li a:hover {color: #06F;}
#topmenu li a:hover, #topmenu li a.active{color: #06C;}
#topmenu li.seprator{margin:0; padding:0; background:url(../images/seprator.jpg) no-repeat; width:1px; height:18px;}


#header #tagline
{
	background:url(../images/tagline-bg.gif) repeat-x;
	height:55px;
}

#top-container #quicklinks
{
	margin:0;
	padding:0 0 8px 0;
	position:absolute;
	line-height:0em;
	background:#000;
	font-size:11px;
	width: 257px;
	left: 699px;
	top: 0px;
	width: 250px;
	border:1px solid #303030;
	border-top:none;
}

#quicklinks li{margin:0; padding:0; list-style:none; float:left;color:#808080;}
#quicklinks li a{margin:0; padding:0 12px 0 12px; color:#808080; text-decoration:none;}
#quicklinks li a:hover{margin:0; padding:0 12px 0 12px; color:#f9f9f9; text-decoration:none;}
#quicklinks li.seprator{margin:0; padding:0; background:url(../images/seprator.jpg) no-repeat; width:1px; height:18px;}

#header #banner
{
	margin:0; padding:0;
}

/* ------------------ Header Section End Here ------------------ */


/* ------------------ Body Container Section Start Here ------------------ */

#container
{
		margin:0 auto;
		margin-top:2em;
		padding:0 25px 0 25px;
		width:878px;
}

/* Home Page CSS Code */
#container #single-column{margin:0; padding:0; width:100%;}
#container #left-column1{margin:0; padding:0; width:380px; float:left;}
#container #right-column1{margin:0; padding:0 0 0 20px; width:550px; float:left;}

/* Inner Pages CSS Code */

#container #left-column2{margin:0; padding:0 15px 0 0; width:285px; float:left;}
#container #right-column2{margin:0; padding:0 0 0 16px; width:633px; float:left; border-left:1px solid #4b4b4b;}


/* ------------------ Body Container Section End Here ------------------ */


/* ------------------ Footer Section Start Here ------------------ */

#footer
{
		margin:0 auto;
		margin-top:2em;
		padding:0;
		width:100%;
		height:114px;
		position:relative;
		background:url(../images/footer-bg.jpg) repeat-x;
}


#footer #copyright
{
	position:absolute;
	top: 75px;
	color:#cc151c;
	font-weight:bold;
	left: 49px;
}

#footer #routine

{
	position:absolute;
	left: 488px;
	top: 19px;
}

#footer #footermenu
{
	margin:0 auto;
	position:absolute;
	padding:15px 0 3px 0;
	width: 439px;
	left: 47px;
	top: 37px;
	border-bottom:1px solid #bdbcbc;
}
#footermenu ul{margin:0; padding:0; list-style:none;}
#footermenu ul li{margin:0 2px 0 2px; padding:0; float:left; display:block;}
#footermenu ul li a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#545353;
	font-size: 10px;
}
#footermenu ul li a:hover{
	text-decoration:underline;
	font-size: 10px;
}

/* ------------------ Footer Section End Here ------------------ */


/* Common Classes */

.clearer{ clear:both;}
.red{color:#cc151c;}
.red-border{border:1px solid #cc151c;}
.strong{font-weight:bold;}

.leftfloat
{
	float:left;
}

.rightfloat
{
	float:right;
}
.stockist {
	margin:5px 0 10px 0;
	padding:0;
	line-height:1.5
	em;
	text-align:justify;
}
