/*----------------------------------------------------------------------------------------------------*/
/*    SITEFX Global CSS																		          */
/*----------------------------------------------------------------------------------------------------*/

* {margin: 0; padding: 0;} /*Global margin reset*/

/* Background color */
body {
background: #9899ab url(../images/bg.gif) repeat-x;
font-family: arial, sans-serif;
font-size: 11px;
padding: 10px;
}

/* Reapply paragraph margins */
p,blockquote { margin-bottom: 10px;}

#wrapper {
background: white url(../images/column.jpg);
background-position: top left;
background-repeat: repeat-y;
min-width: 980px ;
width:100%;
max-width:980px;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #313131;
border-right: 1px solid #313131;
min-height: 549px;
height: auto !important;
height:549px;
}

/*----------------------------------------------------------------------------------------------------*/
/*    Fonts																		          */
/*----------------------------------------------------------------------------------------------------*/

/* Link Colors */
a {color: blue; text-decoration: none; font-weight: bold; }
a:hover { background-color: #87add1;}
.nolink { text-decoration:none; color: black; }
img {border: 0;}

/* Font Headers */
h1 a {
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(../images/logo.gif);
	background-repeat:no-repeat;
	margin-left: 20px;
	width:168px;
  	height:97px;
  	float: left;
}

h1 a:hover {
background-color: transparent;
}

h2 {
display: block;
height: 16px;
line-height: 16px;
background: #eee;
padding: 2px;
padding-left: 10px;
font-size: 1.2em;
margin-bottom: 10px;
border: 1px solid #91a7bd;
border-left: 3px solid #91a7bd;
color: #132334;
}



h3 {
display: block;
height: 16px;
line-height: 16px;
background: #eeb;
padding: 2px;
padding-left: 10px;
font-size: 1.2em;
margin-bottom: 10px;
border: 1px solid #cea17f;
border-left: 3px solid #cea17f;
color: #132334;
}

.price {
font-size: 1.2em;
color: #f18330;
font-weight: bold;
}

.rrp {
font-size: 1.2em;
font-weight: bold;
}

.alert {font-weight: bolder; color: red;}
/*----------------------------------------------------------------------------------------------------*/
/*    Forms																		          */
/*----------------------------------------------------------------------------------------------------*/
.clearBoth {
	clear: both;
	}
	
FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}

TEXTAREA {
	float: left;
	margin: auto;
	display: block;
	width: 95%;
	}

input:focus, select:focus, textarea:focus {
	background: #E4FEF5;
	}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	width: 9em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 14em;
	float: left;
	padding-left: 2.5em;
	}


/*----------------------------------------------------------------------------------------------------*/
/*    Header																		        		  */
/*----------------------------------------------------------------------------------------------------*/

/* Top rounded corner */
#top { margin-top: 10px; min-width: 772px ; width:100%; max-width:982px; height: 7px; background: url(../images/top.jpg) repeat-x; margin: 0 auto; }
#top_left { height: 7px; width: 8px; background: url(../images/top_left.jpg) no-repeat; float: left; }
#top_right { height: 7px; width: 8px; background: url(../images/top_right.jpg) no-repeat; float: right; }

#header_container {
height: 97px;
background: url(../images/header_bg.jpg) repeat-x;
display:block;
border-bottom: 1px solid #313131;
}

#header_banner {
display: block;
height: 92px;
width: 340px;
float: left;
margin-left: 50px;
margin-top: 5px;
background: url(../images/banner_reynolds.jpg) no-repeat;
}

#header_address {
float: right;
width: 300px;
font-size: 1.2em;
text-align: left;
margin-top: 10px;
margin-bottom: 7px;
}

#header_login { font-size: 0.9em; float: right; width: 270px; margin-right: 30px; border: 1px solid white; height: 40px;}
#header_login th { text-align: left; }
#header_login td { padding-right: 20px; }

#menu {
height: 20px;
line-height: 20px;
background-color: #4e84b8;
border-bottom: 1px solid black;
}

#menu li{
list-style: none;
float:left;
border-right: 1px solid black;
width: 80px;
text-align: center;
}

#menu a{ color: white; }

#menu a:hover {
display: block;
background-color: #77a6d4;
height: 20px;
width: 80px;
}

.menu_footer {
display: block;
height: 3px;
border-bottom: 1px solid black;
background-color: #f08330;
text-align: left;
}
/*----------------------------------------------------------------------------------------------------*/
/*    Navigation Menu																        		  */
/*----------------------------------------------------------------------------------------------------*/
/* Refer to ../css/dtree.css for javascript tree css */

#navigation_container {
background-position: bottom;
width:188px;
padding-top:3px;
float:left;
}

/* Round corner boxes */
.box {
display: block;
background-color: #c6d3db;
width:180px;
margin-left:3px;
border-left: 1px solid #7f8b99;
border-right: 1px solid #7f8b99;
}

.box_top { display: block; width: 182px; height: 9px; background: url(../images/box_top.jpg) repeat-x; margin-left: auto; margin-right: auto;}
.box_top_right { height: 9px; width: 9px; background: url(../images/box_top_right.jpg) no-repeat; float: right; }
.box_top_left { height: 9px; width: 9px; background: url(../images/box_top_left.jpg) no-repeat; float: left; }

.box_bottom { display: block; width: 182px; height: 9px; background: url(../images/box_bottom.jpg) repeat-x; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
.box_bottom_right { height: 9px; width: 9px; background: url(../images/box_bottom_right.jpg) no-repeat; float: right; }
.box_bottom_left { height: 9px; width: 9px; background: url(../images/box_bottom_left.jpg) no-repeat; float: left; }

.box_content { margin-left: 10px; margin-right: 10px; }
.box_content strong { color: #3a3d98; font-size: 1.4em; font-weight: bolder; }

#banner_small {
background: url(../images/add.gif)  no-repeat;
width:180px;
height:150px;
margin-left:4px;
}

/*----------------------------------------------------------------------------------------------------*/
/*    Shopping Cart																	        		  */
/*----------------------------------------------------------------------------------------------------*/

.addtocart a{ 
display: block;
text-indent: -100em; /*Image Replacement Hack */
overflow: hidden;
background: url(../images/addtocart.gif);
background-repeat:no-repeat;
width:141px;
height:23px;
}


/*----------------------------------------------------------------------------------------------------*/
/*    Main Content																	        		  */
/*----------------------------------------------------------------------------------------------------*/

.clear {clear: both;padding-bottom: 1px; margin-bottom: -1px; height:0;}
.content { float: left; width: 750px; padding-left: 10px;} 
#main_content {
	padding-bottom: 0 !important; 
	padding-left: 20px; 
	margin-right: 20px;
}


/*----------------------------------------------------------------------------------------------------*/
/*    Products																		        		  */
/*----------------------------------------------------------------------------------------------------*/

.featured_product {
display: block;
height: 93px;
margin-bottom: 20px;
padding: 20px;
border-bottom: 1px solid #ccc;
}

.latest_products {
display: block;
width: 12.6em;
height: 180px;
float: left;
padding: 20px;
border: 1px solid #ccc;
margin-right: 5px;
}

.featured_product img {
float: left;
margin-right: 20px;
}

#top_navigation {
height: 20px;
background-color: white;
padding-left: 5px;
font-size: 1.3em;
font-weight: bolder;
border-bottom: 1px solid black;
color: #888;
}

#product_title {
font-size: 1.3em;
font-weight: bolder;
color: #f18331;
margin-bottom: 30px;
clear: left;
 }

#product_pricebox {
border: 1px solid #ccc;
margin-left: 272px;
height: 30px;
margin-bottom: 5px;
line-height: 30px;
padding: 10px;
}

#product_tabs {
border: 1px solid #ccc;
margin-left: 272px;
padding: 10px;
}

#product_pricebox ul {
float: left;
}

#product_pricebox li {
float: left;
margin-right: 20px;
list-style: none;
}

#product_pricebox th {
background: #ccc;
text-align: left;
height: 20px;
}

#product_tabs li{margin-left: 30px;}

#breadcrumbs {
font-weight: bold;
margin: 10px 0 10px 182px;
}

#product_addqty {
float: right;
}

#item_ajaxDiv {
clear: left;
}

/*----------------------------------------------------------------------------------------------------*/
/*    Forms																		        		  */
/*----------------------------------------------------------------------------------------------------*/
#register { width: 615px; }
#register legend{ background: none; color: black; font-weight: bolder; margin-bottom: 0; float: left;  }
#register input { display: inline; float: none; }
#register label { text-align: right; }
#register fieldset { margin-bottom: 0; float: left; }

#register_personal { width: 300px; height: 220px; margin-right: 5px;}
#register_address { width: 300px; height: 220px;}
#register_security { width: 608px; height: 100px;}
#register_privacy { width: 608px; height: 100px;}
#register_validation { width: 608px; height: 120px;}

#sort_criteria input { display: inline; float: none; vertical-align: middle;}
#sort_criteria label { text-align: right; }

#sort_criteria {
display: block;
background: url(../images/criteria.jpg) no-repeat;
line-height: 45px;
width: 594px;
height: 35px;
margin-top: 1px;
}


#catbanner img { float: none !important; }
#product_img {
float: left;
}

#footer {
clear: left;
height: 24px;
line-height: 21px;
min-width: 980px ;
width:100%;
max-width:980px;
color: white;
text-align: center;
margin-left: auto;
margin-right: auto;
border: 1px solid black;
background-color: #4e84b8;
}

#product_brands {
margin-bottom: 20px;
}

#product_brands li {
list-style: none;
float: left;
padding: 2px;
}


.latest_products_inner {
height: 170px;
}

.paginate {
margin: 15px;
}

.paginate li {
list-style: none;
float: left;
}

.paginate a{
float: left;
margin-right: 2px;
border: 1px solid #9aafe5;
padding: 3px;
color: #105cb6;
padding-left: 10px;
padding-right: 10px;
}

.paginate a:hover{
border-color: #2e6ab1;
color: #2e6ab1;
}

.paginate_current{
float: left;
margin-right: 2px;
border: 1px solid #2e6ab1;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
color: white;
background-color: #2e6ab1;
}

.paginate_inactive, .paginate_title{
float: left;
margin-right: 2px;
border: 1px solid #ccc;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
color: #ccc;
}

.paginate_title { color :black; margin-right: 10px;}

.home_red {
display: block;
background: #eee;
padding: 2px;
padding-left: 10px;
font-size: 1.2em;
margin-bottom: 10px;
border: 1px solid red;
border-left: 3px solid red;
color: red;
}

.home_red strong {
font-size: 1.1em;
}

.home_blue {
display: block;
background: #eee;
padding: 2px;
padding-left: 10px;
margin-bottom: 10px;
border: 1px solid #91a7bd;
border-left: 3px solid #91a7bd;
color: #132334;
}

.home_blue strong {
font-size: 1.1em;
}