Body
{
background: url(../bgs/mainarelle_bg.png) repeat-x #fff;
margin: 0px auto;
width:100%;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
line-height: 18px;
}
#global
{
background: url(../bgs/mainarelle_bg_whitebloc.png) repeat-y;
_background: url(../bgs/mainarelle_bg_whitebloc.png) repeat-y;
width: 964px;
margin: 0px auto;
padding: 0px 15px 10px 15px;
}
h1.intro
{
font-size: 19px;
color: #FFFFFF;
line-height: 22px;
}
h1.introTitle
{
font-size: 10px;
color: #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height:normal;
}
h2.intro
{
font-size: 16px;
color: #FFFFFF;
background: none;
}
h2.introLarge
{
font-size: 19px;
color: #FFFFFF;
line-height: 22px;
background: none;
padding: 15px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
h3.introLarge
{
font-size: 15px;
color: #FFFFFF;
background: none;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
h2
{
font-size: 16px;
color: #666;
background: url(../bgs/h2_bg.gif) repeat-x bottom;
font-size: 19px;
padding: 0px 0px 10px 0px;
margin: 0px 0px 20px 0px;
}

h3#cat
{
color: #666;
font-size: 16px;
text-align: center;
padding: 2px 0px 2px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #8DCECE;
}

a
{
color: #1F3169;
text-decoration: none;
font-weight: bold;
}
a:hover
{
color: #1F3169;
text-decoration: underline;
font-weight: bold;
}
#basket
{
width: 182px;
height: 50px;
float: right;
background: url(../img/bg_basket.gif) no-repeat;
padding: 22px 5px 5px 5px;
margin: 20px 20px 0 0;
font-size: 11px;
}
#header
{
background: url(../img/topheader.jpg) center top no-repeat;
width: 100%;
margin-bottom: 20px;
min-height: 132px;
float: left;
}
#brand
{
margin: 20px 0 0 10px;
float: left;
}
.listImage
{
margin-right: 10px;
}
#navHolder
{
background: url(../bgs/nav_bg.png) no-repeat;
float: left;
margin-bottom: 20px;
}
#utils
{
float: right;
width: 270px;
 text-align: right
}
ul#globalNav
{
width: 680px;
height: 34px;
margin: 0px;
padding: 16px 0px 0px 20px;
list-style: disc;
clear: both;
float: left;

}
#globalNav li
{
float: left;
margin-right: 30px;
color: #1F3169;
padding-left: 0px;
text-indent: 0px;
list-style: disc;
}
#globalNav li a
{
font-weight: normal;
}
ul#utilNav
{
margin: 20px 10px 0 0;
padding: 0px 0px 0px 0px;
list-style: none;
float: right;
}
#utilNav li
{
float: left;
margin-right: 10px;
color: #1F3169;
padding-left: 0px;
text-indent: 0px;
list-style: none;
}
#utilNav li a
{
font-weight: normal;
}
input.search
{
background: url(../bgs/searchBg.png) no-repeat;
width: 139px;
height: 28px;
border: 0px;
margin: 0px 10px 0 0;
vertical-align: middle;
}
.go
{
margin-top: 0px;
vertical-align: middle;
}
.clearBoth
{
clear: both;
}
.floatLeft
{
float: left;
}
.floatRight
{
float: right;
}
#homeHero
{
background: url(../img/home_herp.jpg) no-repeat;
height: 274px;
width: 960px;
margin-bottom: 20px;
}
#---------------------------------
#Shea method for header
#homeHeroWrapper
{
height: 274px;
width: 960px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
#homeHeroShea
{
height: 274px;
width: 960px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
#homeHeroShea span {
background: url(../img/home_herp.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
z-index:1;
}
.heroBox1Shea
{
float: left;
width: 380px;
margin-top: 100px;
margin-left: 25px;
position: absolute;
z-index:2;
}
#Shea method end
#---------------------------------
.listingItem
{
width: 644px;
clear: both;
margin-bottom: 20px;
float: left;
padding-bottom: 10px;
}
.itemDetail
{
float: left;
width: 644px;
text-align: left;
}
.itemPic
{
float: left;
margin-right: 15px;
}

.productSelect
{
border-collapse: collapse;
margin-bottom: 20px;
}
.productSelect th
{
padding: 5px;
font-size: 13px;
font-weight: bold;
text-align: left;
color: #666;
border: 1px solid #bbb;
background:  #F2F9F9;
}
.productSelect td
{
border: 1px solid #bbb;
vertical-align: top;
padding: 3px;
text-align: left;
}
.productList
{
width: 454px;
float: left;
border-bottom: 1px dotted #999;
clear: both;
margin-bottom: 20px;
padding-bottom: 10px;
}

.productListFull
{
width: 470px;
float: left;
border-bottom: 1px dotted #999;
margin-bottom: 20px;
padding-bottom: 10px;
margin-left: 10px;
}

.heading
{
margin-bottom: 20px;
}
.productListImg
{
float: left;
margin-right: 10px;
width: 80px;
}
.productListText
{
float: left;
margin-right: 10px;
width: 350px;
}
.productListTextFull
{
float: left;
margin-right: 10px;
width: 540px;
}
.heroBox1
{
float: left; width: 380px; margin-top: 100px; margin-left: 25px;
}
.homeBoxLeft
{
float: left; width: 454px;
}
.homeBoxRight
{
float: right; width: 454px;
}
#footer
{
clear: both;
border-top: 1px solid #bbb;
padding-top: 10px;
margin-bottom: 20px;
font-size: 11px;
}


/***********
FORMS
***********/


.contactStd
{
width: 350px;
clear: both;
display: block;
margin: 5px 0px 15px 0px;
height: 30px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
}
.contactTxt
{
width: 350px;
clear: both;
display: block;
margin: 5px 0px 5px 0px;
height: 80px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
}


/***********
SHOPPING BASKET
***********/

.checkout-level1 {
	background-color: #EDF7F7;
	padding: 5px;
	height: 22px;
	font-weight: bold;
	color: #333333;
}
.checkout-level1a {
	background-color: #CC3333;
	padding-left: 5px;
	height: 17px;
	color: #FFFFFF;
}
.checkout-level2 {
	
	height: 17px;
	border-bottom: 1px dotted #333;
	padding: 5px 5px 5px 5px 
}
.checkout-level3 {
	padding: 5px 5px 5px 5px ;
	font-weight: bold;
	border-bottom: 1px dotted #333;	
}
.checkout-level-price {
	padding-left: 5px;
	height: 37px;
	color: #5C110F;
}
.pagination  {
	padding: 5px;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	background: #f1f1f1;
}

.pagination span {
	margin: 2px;
	font-size: 1.2em;
	font-weight: bold;
}

.pagination span a:hover {
	text-decoration: none;
	background: #004882;
	color: white;
}

.box1 {
	width: 280px;
	float: left;
	text-align: left;
	padding: 0px 0px 10px 0px;
}
.box1 A {
	color: #333333;
}
.box1 A:hover {
	text-decoration: underline;
	color: #333333;
}


#prodcuts_right_nav_contain
{
	width: 200px;
	float: right;
	margin-bottom: 10px;
}

#right_nav_top
{
	background: url(../img/right-nav-top.gif) no-repeat;
	height: 30px;
	width: 200px;
	margin-top: 10px;
}

#right_nav_middle
{
	background: url(../img/right-nav-middle.gif) repeat-y;
	width: 200px;
}

#right_nav_bottom
{
	background: url(../img/right-nav-bottom.gif) no-repeat;
	height: 27px;
	width: 200px;
}

ul.rightnav
{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

.rightnav li
{
	color: #1F3169;
	padding-bottom: 10px;
}

.rightnav li a
{
	color: #1F3169;
}

#text_container
{
	float: left;
	width: 730px;
}