/* Style Sheet 
----------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #444;
	margin-top:0px;
	padding-top:0px;
	background: url(../../images/bg.png) repeat-y center top;
    line-height:22px;
	
}

img { padding:5px; }
.pad { padding:8px; }
.highlight { font-size:14px; color:#B50101; }
.small { font-size:10px; color:#B50101; }
.error { font-size:10px; color:red; }

/* LINKS
----------------------------------------------------------------*/

a:link, a:active { color:#B50101; text-decoration: underline;}
a:visited { color:#B50101; text-decoration:underline}
a:hover { color:#DD0000; text-decoration:underline}
a img {border:0 !important;}

/* TOP NAVIGATION LINKS 
----------------------------------------------------------------*/

#nav { font-size:20px; text-align:right; line-height:25px; padding-top:30px; padding-right:28px; font-family:Futura LtCn BT;  }
#nav ul {margin:0; padding:0px; }
#nav li { display:inline; padding-left:5px; color:#8C8C8C; font-weight:bold; }
#nav li a { color:#8C8C8C; font-weight:bold; text-decoration:none; padding-left:5px; }
#nav li a:hover { color: #000; }

/* MENU NAVIGATION
----------------------------------------------------------------*/

#nav_menu {}
#nav_menu ul { margin:0px; padding:0px; }
#nav_menu li { margin:0px; padding:5px; border-bottom:1px solid #ccc; list-style:none; }

/* HEADING TAGS
----------------------------------------------------------------*/

h1 { font-size:18px; margin:0px; padding-bottom:5px; color:#B50101; margin-top:10px;}
h2 { font-size:16px; margin:0px; padding:0px; color:#B50101; margin-top:10px;}
h3 { font-size:14px; margin:0px; padding:0px; margin-top:10px;}

/* REGISTER
----------------------------------------------------------------*/

.register_box { width:245px; float:left; margin-right:10px; border-right:1px solid #ccc; }

/* MAIN 
----------------------------------------------------------------*/

#main {width: 1000px; margin: 0 auto; position: relative; padding:0px;}
#top { height:40px; background-image:url(../../images/top.jpg); margin:0px; padding:0px; }
#search { float:left; width:350px; margin:0px; padding:0px; line-height:35px; }
#carts { float:left; width:290px; margin:0px; padding:0px; line-height:37px; padding-right:5px; margin-left:355px; }
#header { height:84px; background-image:url(../../images/header.jpg); margin:0px; padding:0px; }
#telephone { height:36px; background-image:url(../../images/telephone.jpg); margin:0px; padding:0px; }
	  
    #left {float:left; width:235px; margin:0px; padding:0px; margin-top:10px; margin-right:15px;}
    div.floating-menu {position:fixed; z-index:200; height:600px;}
div.floating-menu a, div.floating-menu h3 {display:block;}
	#middle {float:left; width:725px; margin:0px; padding:0px; margin-top:10px;}
    #middle h1 { font-size:22px; color:#000; font-weight:normal; }
    #body { margin-right:25px; padding-bottom:30px; }
    
    .home_height {height:190px; }
    .home_height p { margin:0px; padding:0px; }
	
#footer {height:155px; clear:both; font-size:11px; padding:0px; background-image:url(../../images/footer.jpg); }
#footer h4 {font-size:18px; font-weight:normal; padding:0px; margin:0px; }

#sub_footer {height:60px; text-align:center; font-size:11px; padding:0px; padding-top:25px; }
	#footer_inner {  }
.fotter_box { width:250px; float:left; }
.inner_box { margin-top:20px; margin-left:30px;}
	
#clearer { clear:both; line-height: 1px;font-size: 1px; }
.clearer { clear:both; line-height: 1px;font-size: 1px; }

/* FORM 
----------------------------------------------------------------*/

INPUT {padding-top:3px; margin-top:5px; margin-bottom:5px; border: 1px solid #ccc; background-image:url(../../images/input_bg.gif); font-size:11px; color:#505050; padding:2px;}
TEXTAREA {padding-top:3px; margin-top:5px; margin-bottom:5px; border: 1px solid #ccc; background:url(../../images/input_bg.gif) repeat-x bottom #fff; font-size:11px; color:#505050; padding:2px;}
SELECT {font-size:11px; padding:2px; }
FORM { padding:0px; margin:0px; }
label { width: 12em; float: left; text-align: left; margin-right: 0.5em; margin-left: 0px; display: block; }
.label2 { width: 9em; float: left; text-align: left; margin-right: 0.5em; margin-left: 0px; display: block; }
.button { background-image:url(../../images/button-bk.jpg); color:#fff; font-weight:bold; border:0px; padding:5px; width:70px; height:26px; font-size:12px; }
.button2 { background-image:url(../../images/button-bk.jpg); color:#fff; font-weight:bold; border:0px; padding:5px; width:70px; height:26px; font-size:12px; }
.button3 { background-image:url(../../images/button-bk.jpg); color:#fff; font-weight:bold; border:0px; padding:5px; width:70px; height:26px; font-size:12px; }

.button4 { background-image:url(../../images/button-bk2.jpg); color:#fff; font-weight:bold; border:0px; padding:5px; width:180px; height:26px; font-size:12px; }
.button5 { background-image:url(../../images/button-bk3.jpg); color:#fff; font-weight:bold; border:0px; padding:5px; width:85px; height:26px; font-size:12px; }
.noform { background:none; border:0px; }


/* BULLET POINTS
----------------------------------------------------------------*/

UL { margin:0px; padding:0px; }
LI { margin:0px; padding:0px;  }

/* LIGHTBOX
----------------------------------------------------------------*/

#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666;  }
#lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; }	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../../overlay.png); }

* html #overlay{ background-color: #333; background-color: transparent; background-image: url(../../blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../overlay.png", sizingMethod="scale"); }

/* SLIDER
----------------------------------------------------------------*/

#slider {}
.slider_header {padding-left:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(../../images/menu-header.jpg); color:#fff; font-size:12px; height:30px; line-height:30px;}
.slider_header:hover { color:#D40000; height:30px;}
.slider_content {overflow:hidden}
.slider_text {padding:10px}

/* SHOP
----------------------------------------------------------------*/

#categories ul { margin:0px; padding:0px; }
#categories li { margin:0px; padding:0px; list-style:none; font-size:12px; background:url(../../images/listbg.jpg); height:36px; line-height:36px; }
#categories li a { color:#444444; text-decoration:none; font-size:14px; }
#categories li a:hover { color:#B40101; text-decoration:underline; }

#subcat li a 	{ color:#B50101; text-decoration:none; font-size:10px; } 
#subcat li a:hover	{ color:#666; text-decoration:underline; }

#products { display:block; height:340px; overflow:auto; padding:0px; margin:0px; border:1px solid #ccc; margin-top:10px; margin-bottom:10px; width:220px; float:left; margin-right:15px; text-align:center; line-height:18px;}
#products ul { list-style:none; }
#products h3 { font-size:13px; }
#price { color:#444; font-size:12px; padding:0px; margin:0px;}
#rrp { font-size:11px; text-decoration:line-through; padding-top:5px; float:left;}
#products2 { display:block; height:210px; overflow:auto; padding:2px; margin:0px; border:1px solid #ccc; margin-top:10px; margin-bottom:10px; width:140px; float:left; margin-right:10px; text-align:center; font-size:11px; line-height:18px;}

#products_box { display:block; height:100%; overflow:auto; padding:0px; margin:0px; border:1px solid #ccc; margin-top:10px; margin-bottom:10px; width:550px; margin-right:15px; }
#products_box h2 { font-size:14px; color:#B50101;}

#products_home { display:block; height:290px; overflow:auto; padding:0px; margin:0px; border:1px solid #ccc; margin-top:10px; margin-bottom:10px; width:220px; float:left; margin-right:15px; text-align:center; }
#products_home h3 { font-size:13px; background:#eee; padding:5px;}

.products_home { display:block; height:290px; overflow:auto; padding:0px; margin:0px; border:1px solid #ccc; margin-top:10px; margin-bottom:10px; width:220px; float:left; margin-right:15px; text-align:center; }
.products_home h3 { font-size:13px; background:#eee; padding:5px;}

#product { display:block; height:100%; overflow:auto; padding:0px; margin:0px; }
#product_images { height:100%; overflow:auto; padding:0px; margin:0px; float:left; margin-right:10px; margin-top:40px;}
#product_details { height:100%; overflow:auto; padding:0px; margin:0px; }
#product_description { height:100%; overflow:auto; padding:0px; margin:0px; clear:both; margin-top:10px; margin-bottom:10px;} 

#home_product { width:170px; float:left; margin:0px; padding:0px; margin-right:5px; border:1px solid #ccc; text-align:center; }

.cart_header { background:#B50101; font-size:14px; font-weight:bold; color:#fff }
#breadcrums { font-size:10px; margin-top:5px; margin-bottom:5px; float:right }
.sub_cart { font-size:10px; color:#b50101; }
.sub_cart2 { font-size:10px; color:#000; }

.pagination { font-size:14px; }

/* DROP DOWN MENU
----------------------------------------------------------------*/

.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 12px Tahoma;
margin: 0px;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 1px solid #fff;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}


.flexdropdownmenu li{
position: relative;
}

.flexdropdownmenu li a{
display: block;

width: 180px; /*width of menu (not including side paddings)*/
color: #fff;
background: #333399;
border-bottom: 1px solid #fff;
text-decoration: none;
padding:5px;
margin:0px;
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
background: #3366cc;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* TABS
----------------------------------------------------------------*/

div.demolayout {
	width: 100%;
	margin: 0px;
}

ul.demolayout {
	list-style-type: none;
	width: 480px;
	float: left;
	background: url(../../images/pixel.gif) bottom left repeat-x;
	margin:0px;
	padding:0px;
    margin-top:40px;
    border-bottom:1px solid #ccc;
}

ul.demolayout li {
	margin: 0px;
	float: left;
	list-style:none;
    margin-right:5px;
}

ul.demolayout a {
	float: left;
	display: block;
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-bottom: 0;
	color: #666;
	background: #eee;
	text-decoration: none;
	font-weight: bold;
}

ul.demolayout a:hover {
	background: #fff;
}

ul.demolayout a.active {
	background: #fff;
	padding-bottom: 5px;
	cursor: default;
	color: #c30101;
}

.tabs-container {
	clear: left;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 10px 8px 0 8px;
}