html{overflow-y: scroll;}

img
{
border: 0;
}

dfn
{
font-style: normal;
}

a
{
text-decoration: none;
}

body
{
height: 100%;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
background-image:url(../images/background.png);
background-repeat:repeat-y;
background-position: center;
/*background-repeat-x:repeat;
background-repeat-y:repeat;*/

}

/***************************WRAPPER/HEADER*******************/
#wrapper
{
margin:0 auto;
width:960px;
height:100%;
background: #FFFFFF;
}

#header
{
width:484px;
height:36px;
background-image: url(../images/nav_top.png);
float: left;
}

#top_nav_wrap
{
margin-left: 50px;
background: none;
height: 36px;
line-height: 45px;
color: white;
}

#top_nav_wrap a
{
margin-left: 15px;
margin-right: 15px;
font-family: Arial;
font-size: 10px;
text-decoration: none;
color: white;
font-weight: 200;
}

/************ SEARCH_BOX ************/

#search 
{
	width: 173px;
    height: 22px;
	background:#CADEEE;
	margin: 0px 15px 0 0px;
}

#search #search_box {
    float: left;
    margin:0px;
	padding:3px 0px 0px 0px;
	margin: 0px 4px 0 3px;
    border: 0;
    width: 112px;
    background:#CADEEE;
	height: 19px;
	font-size:12px;
}
#search_box #go
{
    float: right;
    margin: 0 0 0 0;
	height: 22px;
}

/************ CALL TO ACTION ************/

#call
{
margin-top: 22px;
height: 250px;
width: 172px;
}

#call_top
{
background: #990000;
line-height: 30px;
margin: 0;
padding: 0;
}

#call_top h1
{
color: black;
font-size: 11px;
font-weight: bold;
font-family: Helvetica;
padding-left: 4px;
margin: 0;
text-align: center;
}

#call_main
{
height: 215px;
background: black;
background-image: url(../images/corner_right.jpg);
background-position: 100% 100%;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

#call_main h1
{
color: white;
font-weight: 200;
font-size: 11px;
font-family: Arial;
padding-left: 8px;
margin: 0;
}

#call_main h2
{
color: #990000;
font-weight: 200;
font-size: 8pt;
font-family: Helvetica;
padding-left: 8px;
}

.call_search
{
border: 0;
width: 108px;
height: 21px;
padding: 0;
margin: 0;
}

.call_search_prod
{
border: 0;
width: 140px;
height: 21px;
padding: 0;
margin: 0;
}


.call_search_big
{
border: 0;
width: 146px;
height: 50px;
margin-left: 8px;
}

.prod_search_big
{
border: 0;
width: 146px;
height: 50px;
margin-left: 8px;
margin-top: 7px;
}

#submit_padder
{
border: 0;
padding-top: 10px;
float: right;
margin-right: 1px;
}

/************ LEFT_NAVIGATION ************/
#left_nav_wrap
{
width:218px;
height:815px; 
float:left;
}
#left_nav
{
background-image: url(../images/nav_left_blue.jpg); 
background-repeat: no-repeat;
width: 218px;
height: 183px;
padding-top: 48px;
}

.left_link2
{
height:24px;
width: auto;
margin-bottom: 2px;
background-image: url(../images/left_2.jpg);
background-repeat: no-repeat;
}

.left_link3
{
height:24px;
width: auto;
margin-bottom: 2px;
background-image: url(../images/left_3.jpg);
background-repeat: no-repeat;
}

.left_link4
{
height:24px;
width: auto;
margin-bottom: 2px;
background-image: url(../images/left_4.jpg);
background-repeat: no-repeat;
}

.left_link4
{
height:24px;
width: auto;
margin-bottom: 2px;
background-image: url(../images/left_5.jpg);
background-repeat: no-repeat;
}

.left_link5
{
height:24px;
width: auto;
margin-bottom: 2px;
background-image: url(../images/left_6.jpg);
background-repeat: no-repeat;
}

.left_link6
{
height:24px;
width: auto;
margin-bottom: 2px;
background-image: url(../images/left_7.jpg);
background-repeat: no-repeat;
}

.left_link7
{
height:24px;
width: auto;
margin-bottom: 2px;
background-image: url(../images/left_8.jpg);
background-repeat: no-repeat;
}

.left_link:hover
{
height:24px;
width: auto;
margin-bottom: 2px;
background: white;
}


.left_linkhack
{
color: black;
font-size: 12px;
font-weight: bold;
font-family: Arial;
line-height: 24px;
text-decoration: none;
padding-left: 5px;
margin: 0;
}
.left_linkhack:hover
{
color: #C21123;
font-size: 12px;
font-weight: bold;
font-family: Arial;
line-height: 24px;
text-decoration: none;
padding-left: 5px;
margin: 0;
}
.left_linkhack:active
{
color: #C21123;
font-size: 12px;
font-weight: bold;
font-family: Arial;
line-height: 24px;
text-decoration: none;
padding-left: 5px;
}

.left_activelink
{
height:24px;
min-width: 40px;
margin-bottom: 2px;
background:white;
}
.left_activelink a
{
color: #C21123;
font-size: 12px;
font-weight: bold;
font-family: Arial;
line-height: 24px;
text-decoration: none;
padding-left: 5px;
}

#ask_sam
{
background-image: url(../images/ask_sam_bottom.jpg);
background-position: 0% 100%;
background-repeat: no-repeat;
height:154px;
}

#camera
{
width:218px;
height:101px;
background-image: url(../images/camera_blue.jpg);
background-repeat: no-repeat;
}

/************ RIGHT_NAVIGATION - ACCORDION MENU ************/
#right_navigation_wrap
{
width: 258px;
float: right;
height: auto;
margin: 0;
padding: 0;
}


#right_nav_top
{

width: 243px;
height: 154px;
float: left;
}

#right_top_corner
{

width: 15px;
height: 36px; 
background: #000;
float: right;
}

#right_main
{
padding-top: 20px;
width: 258px;
height: 500px;
float: right;
}

#right_logo_wrap
{
width: 258px;
height: 154px;
float: right;
}

.right_images_left
{
margin-top: 2px;
margin-right: 1px;
}

.right_images_right
{
margin-top: 2px;
margin-left: 5px;
}

#right_images h1
{
background: #990000;
width: 258px;
font-weight: 200;
font-size: 11px;
color: #FFFFFF;
height: 24px;
line-height: 24px;
text-align: center;
}

#right_arrows
{
margin-top: 455px;
margin-bottom: 20px;
background-image: url(../images/arrows.jpg);
background-repeat: no-repeat;
background-position: 0% 15%;
height: 100px;
}

#right_arrows_about
{
float: right;
margin-right: 240px;
margin-bottom: 20px;
background-image: url(../images/arrows.jpg);
background-repeat: no-repeat;
background-position: 0% 15%;
height: 100px;
position: relative;
bottom: 25px;
}

.right_arrows_text
{
padding-bottom: 10px;
padding-left: 25px;
font-size: 13px;
font-family: Arial;
font-weight: bold;
color: #333333;
}

.right_arrows_text2
{
position: relative;
bottom: 3px;
padding-left: 25px;
font-size: 13px;
font-family: Arial;
font-weight: bold;
color: #333333;
}

.red
{
color: #990000;
font-size: 13px;
font-weight: bold;
font-family: Arial;
}

.red2
{
color: #990000;
font-size: 13px;
font-weight: bold;
font-family: Arial;
}

.blue
{
color: #4F8BB7;
font-size: 13px;
font-weight: bold;
font-family: Arial;
}

.blue_news
{
color: #4F8BB7;
font-size: 15px;
font-weight: bold;
font-family: Arial;
}

.black
{
color: #000000;
font-size: 12px;
font-weight: bold;
font-family: Arial;
}

.black2
{
color: #000000;
font-size: 13px;
font-weight: bold;
font-family: Arial;
}

/************ FOOTER ****************/
#footer
{
clear: both;
height:200px;
width:960px;
padding-top:0px;
}

#footer_wrap
{
clear: both;
height:167px;
width:960px;
background: black;
padding-left: 9px;
color: white;
font-family: Arial;
font-size: 12px;
}

#footer_wrap img
{
padding-right: 8px;
}

#footer_wrap p
{
line-height: 30px;
margin: 0;
}


#footer_left{
float:left;
width:700px;
height:50px;
margin:0;
padding:0;
}    
 
#footer_left_nav {
    width: 100%;
    padding: 15px 0px 0px 0px;
	margin:0;
    list-style: none;
	font-weight: normal;
	}
	
#footer_left_nav a {
    font-size:10px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	color: black;
	padding-left: 10px;
	padding-right: 10px;
}
#footer_right{
float:right;
width:auto;
height:30px;
font-size:10px;
font-family: Arial;
font-weight: bold;
text-decoration: none;
color: black;
padding: 20px 0px 0px 0px;
margin:0;
}    

#footer_right a
{
text-decoration: none;
color: black;
}
 /************************************ CONTENT *************************************/

.content h2
{
font-weight: bold;
font-size: 13px;
}

.content h1
{
font-weight: bold;
font-size: 13px;
font-style: italic;
color: #4F8BB7;
}

.content p
{
font-size: 13px;
font-family: Arial;
font-weight: 500;
padding-right: 280px;
}

.content a:visited
{
color: #4F8BB7;
font-size: 13px;
font-weight: normal;
font-family: Arial;
text-decoration: none;
}

#content_link
{
color: #4F8BB7;
font-size: 13px;
font-weight: normal;
font-family: Arial;
text-decoration: none;
}

.home_img
{
padding-right: 8px;
}

/************ ALL PRODUCTS ****************/

.img_box
{
width: 80px;
height: 80px;
background: black;
float: left;
}

.prod_container
{
float: left;
height: 100px;
width: 336px;
}

.prod_text
{
font-size: 10px;
left: 10px;
margin-left: 80px;
padding-top: 25px;
position: relative;
width: 300px;
}

.prod_container h2
{
color: #4F8BB7;
font-size: 13px;
font-weight: bold;
font-family: Arial;
float: left;
margin: 0;
padding-left: 10px;
padding-bottom: 8px;
}

/************ CONTACT PAGE ****************/

#contact_wrapper
{
	height: auto;
	width: 400px;
	margin-left: 219px;
	font-family: Arial;
}

#contact_bold
{
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
}

/************ CATEGORY PAGE ****************/

#cat_imgbox
{
	width: 125px;
	height: 125px;
	float: left;
	margin:0;
	padding:0;
	background-color:#990000;
}


#cat_container
{
float:right;
width:auto;
height:auto;
margin:0;
}

#cat_description
{
float:right;
width:580px;
height:125px;
margin: 10px 25px 0px 10px;
}
/************ PRODUCT PAGE ****************/

#product_imgbox
{
	width: 125px;
	height: 125px;
	float: left;
	margin-right: 5px;
	padding:0;
	background-color:#990000;
}


#product_container
{
float:right;
width:740px;
height:auto;
margin:0;
font-size: 12px;
font-family: Arial;
}

#product_imgtxt
{
float:right;
width:580px;
height:125px;
margin: 10px 25px 0px 10px;
}

/************ PRODUCT PAGE ****************/

            #contactFormContainer
            {
            	float:left;
				margin-left: 225px;
            }
            #contactForm
            {
            	height:214px;
            	width:743px;
            	background: #000000;
            	display:block;
            }
            #contactForm fieldset
            {
            	padding:30px;
            	border:none;
            }      
            #contactForm label
            {
            	display:block;
            	color:#ffc400;
            }      

            #contactForm textarea
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
				width: 200px;
            }  
            #contactForm input[type=button]
            {
			
            	padding:5px;
				background-image: url(../images/submit.gif);
				float: left;
				background-repeat: no-repeat;
				width: 55px;
				height: 15px;
            }       
			#contactForm input[type=text]
            {
				float: left;
				width: 145px;
				height: 25px;
            }           
            #contactLink
            {
            	height:28px;
            	width:743px;
				background: #990000;
            	display:block;
            	cursor:pointer;
				font-size: 12px;
				font-family: Arial;
				color: #FFFFFF;
				line-height: 28px;
				text-align: center;
            }
            #messageSent
            {
            	color:#4F8BB7;
            	display:none;
				font-family: Arial;
				font-size: 14px;
				text-align: center;
				margin-top: 10px;
            }

			#priceguideContainer
			{
			float: right;
			}
			
			#priceLink
			{
			height: 28px;
			width: 524px;
			display: block;
			background: #990000;
			font-family: Arial;
			font-size: 12px;
			color: #FFFFFF;
			line-height: 28px;
			padding-left: 10px;
			cursor: pointer;
			}
			
			#priceguide
			{
			display: none;
			width: 534px;
			height: 300px;
			margin: 0;
			padding: 0;
			border: 0;
			}
			
			#top_bar
			{
			width: 500px;
			height: 48px;
			background: #DADADA;
			line-height: 48px;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			border: 0;
			padding: 0;
			margin: 0;
			}
			
			#smaller_bar
			{
			width: 500px;
			height: 35px;
			line-height: 35px;
			font-family: Arial;
			font-size: 12px;
			border: 1px;
			text-align: center;
			}
			
			#normal_bar
			{
			width: 250px;
			height: 27px;
			line-height: 27px;
			font-family: Arial;
			font-size: 12px;
			border: 0;
			text-align: center;
			}
			
			#hiddenbar_text
			{
			display: none;
			font-size: 12px;
			font-family: Arial;
			text-align: center;
			}
			
			#productOptions
			{
			float: left;
			}
			
			#optionsLink
			{
			height: 28px;
			width: 732px;
			display: block;
			background: #000000;
			font-family: Arial;
			font-size: 12px;
			color: #FFFFFF;
			line-height: 28px;
			padding-left: 10px;
			cursor: pointer;
			}
			#options
			{
			width: 742px;
			height: 300px;
			margin: 0;
			padding: 0;
			}







/************ css from Steve, 30th Apri 2010 */

#product_options
{
float:left;
width:655px;
height:auto;
margin:0;
}

#product_options_nav 
{
width: 100%;
float: left;
padding:0px 0px 0px 0px;
margin:0;
list-style: none;
font-size:13px;
font-family: Arial;
}
#product_options_nav li 
{
float: left; 
}
#product_options_nav li a 
{
display: block;
padding: 0px 10px 0px 10px;
text-decoration: none;
font-weight: normal;
color: #000;
border-right:2px solid #4F8BB7;
}
#product_options_nav li a:hover 
{
color: #990000;
}

/************/

#product_options_submenu
{
float:left;
width:645px;
height:30px;
margin:0;
padding:0px 0px 0px 10px;
border:1px solid #CCCCCC;
}


/************/

#product_container
{
float:left;
width:720px;
height:auto;
margin:0;
padding:10px;
}

#product_image
{
float:left;
width:125px;
height:125px;
margin:0;
padding:0;
background-color:#000000;
}

/************/

#product_description
{
float:left;
width:200px;
height:115px;
margin:0;
padding:5px 5px 5px 10px;
}
#product_description p
{
font-size:12px;
padding:0;
margin:0;
}
#product_description h2
{
font-size:13px;
padding:0;
margin:0px 0px 5px 0px;
color:#4F8BB7;
font-weight:bold;
}

/************/

#available_in
{
float:left;
width:180px;
height:115px;
margin:0;
padding:5px 5px 5px 10px;
}
#available_in p
{
font-size:12px;
padding:0;
margin:0;
}
#available_in h2
{
font-size:13px;
padding:0;
margin:0px 0px 5px 0px;
color:#4F8BB7;
font-weight:bold;
}

.available_in
{
list-style: none;
padding: 0;
margin: 0;
} 

.available_in li a
{
width: auto;
color: #000;
font-size:12px;
padding:0;
margin:0;
text-decoration: none;
} 

.filter_link_on {
   color: #990000;
   background-color: white;
   text-decoration: none;
}
.filter_link_off {
   background-color:white;
   text-decoration: none;
   color: #4F8BB7;
   
}