/*-----------------------------------------------------------------------------
Site Navigation in CSS and XHTML Screen Stylesheet

date:      April 2010
author:    Rouli Willow
email:     Rouliwillow@gmail.com
-----------------------------------------------------------------------------*/
/*GENERAL */
img {
border : none !important ;
}

body {
font-family : helvetica;
font-size : 12px;
color : #022733;
background-color : #022733;
background-image : url(http://theaquariumcity.com/images/BG-gradient.gif);
background-repeat : repeat-x;
}

p {
font-size : 12px;
color : #022733;
line-height : 18px;
}

a {
font-size : 12px;
color : #ffffff;
text-decoration : none;
}

a:hover {
font-size : 12px;
color : #ffffff;
text-decoration : underline;
}

h1 {
padding-top : 20px;
color:#0B91D0;
}

#wrapper {
margin : 0 auto;
width : 750px;
height : auto;
overflow : hidden;
}

#topheader {
width : 100%;
height : 100px;
float : left;
}

#topheader {
width : 100%;
height : 100px;
float : left;
background-image :url (http://theaquariumcity.com/images/AC-logo.png);
}

#navigation {
float : left;
width : 750px;
height : 37px;
background-image : url(http://theaquariumcity.com/images/BG-nav2.png);
background-repeat : no-repeat;
margin-top : 20px;
}

#navigation a {
font-size : 12px;
color : #022733;
text-decoration : none;
}
#navigation a:hover {
font-size : 12px;
color : #022733;
text-decoration : underline;
}

#navigation ul {
width : 750px;
}

#navigation ul li {
display : inline;
list-style-type : none;
text-align : left;
margin-right : 15px;
}

/*HOME PAGE */
#content {
width : 710px;
height : auto;
overflow : hidden;
background-color : #ffffff;
padding : 0 20px 10px 20px;
float : left;
margin-top : 20px;
}

#fullslideshow {
width : 710px;
height : 300px;
margin : 20px 0 0 0;
}

#icons {
width : 710px;
height : 130px;
float : left;
}

#icons	ul	li {
display : inline;
list-style-type : none;
margin-right:10px;
width:200px;
height:100px;
float:left;
}

#content a {
font-size : 14px;
color : #0b88bf;
text-decoration : none;
}

#content a:hover {
font-size : 14px;
color : #0b88bf;
text-decoration : underline;
}

/*PRODUCT PAGE */
.mootabs {
width : 680px;
height : 100%;
margin-top : 20px;
}

.mootabs_title {
list-style-image : none;
list-style-type : none;
height : 20px;
width : 670px;
margin-bottom : 10px;
}

.mootabs_title li a {
font-size : 14px;
color : #022733;
text-decoration : none;
}
.mootabs_title li a:hover {
font-size : 14px;
color : #022733;
text-decoration : underline;
}

.mootabs_title li {
float : left;
background-color : #efefef;
padding : 5px 20px 2px 20px;
margin-right : 45px;
margin-left : -40px;
cursor : pointer;
height : 20px;
border : 1px solid #666;
}

.mootabs_panel {
display : none;
position : relative;
width : 100%;
top : -1px;
clear : both;
}

.mootabs_panel.active {
display : block;
}

#Livestock ul, #Food ul, #ChemsandTestkits ul, #EquipmentandAccessories ul {
width : 135px;
float : left;
}

#Livestock li, #Food li, #ChemsandTestkits li, #EquipmentandAccessories li {
list-style-type : none;
text-align : left;
margin : -20px 20px 20px -20px;
line-height : 24px;
}

#containerlivestock {
float : left;
width : 440px;
border : 1px solid #333333;
padding : 5px;
margin-bottom : 10px;
}

#food {
width : 100%;
height : 100%;
}
#textlivestock {
float : left;
width : 2100%;
margin : 20px 0 10px 20px;
}

#foodcontent, #ChemsandTestkitscontent, #EquipmentandAccessoriescontent {
float : left;
width : 710px;
}

#foodcontent ul, #ChemsandTestkitscontent ul, #EquipmentandAccessoriescontent ul {
float : left;
width : 710px;
}

#foodcontent li {
display : inline;
float : left;
list-style-type : none;
text-align : left;
margin : 0 50px 10px -40px;
width : 130px;
height : 87px;
background-color : #333333;
border : 1px solid #666;
}

#ChemsandTestkitscontent li {
display : inline;
float : left;
list-style-type : none;
text-align : left;
margin : 0 50px 10px -40px;
width : 130px;
height : 96px;
background-color : #333333;
border : 1px solid #666;
}

#EquipmentandAccessoriescontent li {
display : inline;
float : left;
list-style-type : none;
text-align : left;
margin : 0 50px 10px -40px;
width : 130px;
height : 118px;
background-color : #333333;
border : 1px solid #666;
}

/*FRAGS PAGE */
#contentfrags {
width : 710px;
height : auto;
overflow : hidden;
background-color : #ffffff;
padding : 0 20px 10px 20px;
float : left;
margin-top : 20px;
}

#contentfrags a {
font-size : 16px;
color : #0b88bf;
text-decoration : none;
}

#contentfrags a:hover {
font-size : 16px;
color : #0b88bf;
text-decoration : underline;
}

.galleryimage2 {
width : 160px;
height : 120px;
display : inline;
float : left;
list-style-type : none;
margin: 0 5px 5px 5px;
border : 1px solid #666;
padding:2px;
}

.gallerytitle2 {
width : 160px;
height : 30px;
float : left;
font-size : 14px;
color : #002837;
margin: 0 8px 20px 8px;
}

.price	{
color:#FF0000;
}

/*GALLERY PAGE */
.galleryimage {
float : left;
background : url(http://theaquariumcity.com/images/shadowAlpha.png) no-repeat right bottom !important ;
margin : 25px 4px 5px 5px !important ;
}

.galleryimage img {
display : block;
position : relative;
background-color : #e0e0e0;
margin : -6px 6px 6px -6px;
padding : 4px;
}

.gallerytitle {
width : 165px;
height : 20px;
float : left;
font-size : 12px;
color : #002837;
padding-left : 10px;
margin-bottom : 10px;
}

#pagenumber ul li {
list-style-type : none;
display : inline;
float : left;
padding : 5px;
margin : 5px 30px 5px -20px;
border : 1px solid #666;
color : #022733;
}


/*ON SALE PAGE */
#contentonsale {
width : 710px;
height : auto;
overflow : hidden;
background-color : #ffffff;
padding : 0 20px 10px 20px;
float : left;
margin-top : 20px;
font-size : 18px;
}

#contentonsale ul {
margin-bottom : 20px;
float : left;
}

#contentonsale ul li {
list-style-type : none;
display : inline;
float : left;
padding : 10px;
margin : 5px 40px 5px -10px;
border : 1px solid #666;
color : #022733;
}

#contentonsale ul li.middlecolumn {
list-style-type : none;
display : inline;
float : left;
padding : 10px;
margin : 5px 40px 5px 15px;
border : 1px solid #666;
color : #022733;
}

h3.titleonsale	a {
font-size : 14px;
color : #022733;
text-decoration : none;
}

h3.titleonsale	a:hover {
font-size : 14px;
color : #0b88bf;
text-decoration : none;
}

/*CONTACT PAGE */
#contentcontact {
width : 710px;
height : auto;
overflow : hidden;
background-color : #ffffff;
padding : 0 20px 10px 20px;
float : left;
margin-top : 20px;
}

#contentcontact a {
font-size : 12px;
color : #0b88bf;
text-decoration : none;
}

#contentcontact a:hover {
font-size : 12px;
color : #0b88bf;
text-decoration : underline;
}

/*FOOTER */
#footer {
width : 750px;
height : 45px;
float : left;
text-align : left;
font-size : 12px;
color : #ffffff;
line-height : 18px;
}

#footer ul {
width : auto;
}

#footer ul li {
display : inline;
list-style-type : none;
text-align : left;
margin-left : -20px;
margin-right : 30px;
}