html
{
margin: 0;
padding: 0;
}

body
{
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: arial, verdana, trebuchet, sans-serif;
color: #666666;
background: url(robinsons-equestrian-pics/html-bg.jpg) repeat;
font-size: 0.8em;
}


#outercontainer
{
width: 100%;
background: url(robinsons-equestrian-pics/bg-dark.jpg) repeat-x fixed;
}


p
{
margin: 3ex 0 3ex 0;
}

em
{
color: #990033;
font-style: normal;
font-weight: bold;
}

hr
{
color: #000099;
}

h2
{
font-style: italic;
font-weight: normal;
font-size: 1.2em;
color: #990033;
}

a:link
{
color: #006633;
text-decoration: none;
}

a:visited
{
color: #006633;
text-decoration: none;
}

a:hover
{
color: #990033;
text-decoration: none;
}

a:active
{
color: #990033;
text-decoration: none;
}



strong
{
color: #006633;
font-style: normal;
font-weight: bold;
}

h1
{
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-top: 0;
margin-bottom: 2.5ex;
font-size: 1.2em;
font-weight: bold;
color: #990033;
}

/* Copyright 2004 - 2006 - All Rights Reserved - Thierry Koblentz - www.TJKDesign.com */
#outer_wrapper
{
/* because "min-width" is not supported by IE, these pages use a script from PVII */
min-width:740px;
/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
width:960px;
/* faux-column technique, this is the left one */
background:#fff;
margin: 0 auto;

}

#wrapper
{
/* faux-column technique, this is the right one */
}

#header
{
background: url(robinsons-equestrian-pics/horse-bg_02.jpg) repeat-x;
/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
margin:0 0px;
height: 199px;
}

#innerhead
{
background: url(robinsons-equestrian-pics/robinsons-header2_01.jpg) no-repeat;
height: 199px;
}

#innerhead h1
{
float: right;
margin: 0;
padding: 10px;
color:#99cc99;
font-weight: normal;
font-style: italic;
}

.topnav
{
float: right;
padding: 0;
margin: -20px 0 0 0;
}

.topnav ul li 
{
display: inline;
font-size: 1em;
padding-right: 25px;

}

.topnav a:link
{
color: #cc9966;
text-decoration: none;
font-weight: bold;
padding-left: 20px;

}

.topnav a:visited
{
color: #cc9966;
text-decoration: none;
font-weight: bold;
padding-left: 20px;
}

.topnav a:hover
{
color: #990033;
text-decoration: none;
font-weight: bold;
padding-left: 20px;
background: url(robinsons-equestrian-pics/horse-top-links.jpg) no-repeat;

}

.topnav a:active
{
color: #990033;
text-decoration: none;
font-weight: bold;
padding-left: 20px;
}


#container
{
float:left;
width:100%;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
}

#left
{
float:left;
width:250px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:0px
}

.nav
{
background: url(robinsons-equestrian-pics/horse-categories_04.jpg) no-repeat;
padding-top: 60px;
margin-top: 0;
padding-bottom: 30px;
}

.maincat a:link
{
color: #006633;
text-decoration: none;
font-weight: bold;
}

.maincat a:visited
{
color: #006633;
text-decoration: none;
font-weight: bold;

}

.maincat a:hover
{
color: #990033;
text-decoration: none;
font-weight: bold;

}

.maincat a:active
{
color: #990033;
text-decoration: none;
font-weight: bold;

}

.subcat
{
padding-left: 15px;
font-style: italic;
font-weight: normal;
line-height: 3ex;
font-size: 1em;
}

.subcat a:link
{
color: #990033;
text-decoration: none;
}

.subcat a:visited
{
color: #990033;
text-decoration: none;
}

.subcat a:hover
{
color: #006633;
text-decoration: none;
}

.subcat a:active
{
color: #006633;
text-decoration: none;
}


#left ul
{
list-style: none;
line-height: 2.1em;
}




.worldpay
{
padding-left: 40px;
}

#main
{
margin-left:257px;
padding-top: 40px;
margin-right: 0;
padding-right: 0;
width:680px;
}


#main a:link
{
color: #006633;
text-decoration: none;
font-weight: bold;
}

#main a:visited
{
color: #006633;
text-decoration: none;
font-weight: bold;
}

#main a:hover
{
color: #990033;
text-decoration: none;
font-weight: bold;
}

#main a:active
{
color: #006633;
text-decoration: none;
font-weight: bold;
}





#sidebar
{
margin-left: 20px;
float: right;
}

#sidebar p
{

}

#footer
{
/* see #outer_wrapper  */
width:100%;
/* this is to clear #container */
clear:both; 
border-top:3px solid #c99d6b;
background:#990033;
color: white;
padding: 0;
text-align: center;
}

/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */

#footer p
{
margin: 0;
padding: 0;
font-size: .8em;
font-weight: bold;
line-height: 1.7em;
}

#footer a
{
color: white;
}


.clearing {height:0;clear:both}

.searchform
{
color: white;
font-weight: bold;
font-size: .9em;
margin: 0 0 0 40px;
padding-top: 5px;
}


.searchbox
{
width: 80px;
height: 15px;
font-size: 1em;
padding-top: 1px;
padding-bottom: 1px;
}

.searchbutton
{
margin: 0;
padding: 0;
}


#rotator
{
}

#basket
{
font-size: .9em;
width: 175px;
line-height: 3.2ex;
}

#basket table
{
width: 175px;
background: url(robinsons-equestrian-pics/equestrian-basket_02.jpg) no-repeat bottom;
border-left: 1px solid #990033;
border-right: 1px solid #990033;
margin-top: -5px;
}

.mybasket
{
border-top: 1px solid #cc9966;
border-left: 1px solid #990033;
border-right: 1px solid #990033;
background: url(robinsons-equestrian-pics/basket-bg.jpg) repeat;
border-bottom: 1px solid #990033;
padding: 2px 5px 2px 12px;
}

.basketbold
{
font-weight: bold;
}

.rightpanel
{
width: 175px;
font-size: .9em;
line-height: 3ex;
}

.rightpanel table
{
padding-top: 0;
}

.rightpanel tr
{
vertical-align: top;
}

.rightpanel a:link
{
color: #cc9966;
}

.rightpanel a:visited
{
color: #cc9966;
}

.rightpanel a:hover
{
color: #990033;
}

.rightpanel a:active
{
color: #990033;
}

.inforightpanel
{
float: right;
border: none;
}

.producthumbright
{
padding-right: 6px;
border: none;
max-height: 50px;
}

#catbuttons
{
display: inline;
}

.categorybutton img
{
display: inline;
border: none;
}

.categorytext
{
background-color: #990033;
color: white;
font-weight: bold;
padding: 5px;
margin:0;
width: 100px;
border-right: #cccccc solid 1px;
border-left: #cccccc solid 1px;
border-bottom: #cccccc solid 1px;
}



#breadcrumbs a:link
{
color: #990033;
text-decoration: none;
font-size: 1.2em;
}

#breadcrumbs a:visited
{
color: #990033;
text-decoration: none;
font-size: 1.2em;
}

#breadcrumbs a:hover
{
color: #006633;
text-decoration: none;
font-size: 1.2em;
}

#breadcrumbs a:active
{
color: #006633;
text-decoration: none;
font-size: 1.2em;
}


#productline
{
border: 0.5pt solid #ffe0c3;
}

#prodlines
{
float: left;
border-right: 0.5pt solid #ffe0c3;
width: 45%;
padding: 1%;
}

#prodlines p
{
margin: 0;
padding: 0;
}

.producthumb
{
float: left;
border: 0;
/*height: 120px;*/
}


#prodlines2
{
float: left;
width: 45%;
padding: 1%;
}

#prodlines2 p
{
padding: 0;
margin: 0;
}

.moreinfo
{
border: none;
margin: 0;
padding: 0;
}

.more
{
float: right;
display: block;
padding-right: 20px;
}


.detailspreview
{
width: 100%;
vertical-align: top;
}

.mainproductimage
{
float: right;
margin: 0 0 30px 10px;
}

.dropdown
{
margin-bottom: 5px;
}

.buy
{
margin: 0;
padding: 0;
border: none;
}

.proditem
{
border-bottom: 1px solid #990033;
margin-bottom: 5px;
padding: 5px;
height:155px;
width: 450px;
}

.proditem p
{
margin: 0;
padding:0 0 5px 0;
}

.clearnogap{ float:none; clear:both; height:0px; line-height:0px; font-size:0px; }
.prodlineouter { display:block; border-bottom: 0.5pt solid #ffe0c3; width:100%; }
.leftborder { border-left: 0.5pt solid #ffe0c3; }
.prodimage { float:left; padding:5px; }
.prodtext { margin-left: 130px; padding:5px 10px; }

.addressblock
{
float: left;
display: inline;
padding: 10px 10px 10px 0;
margin-right: 20px;
}

.addressblock p
{
margin: 0;
padding: 0;
}

#assoclogos
{
float: left;
border-top: solid 1px #990033;
}


img.mastersaddlers
{
text-align: center;
margin: 0 auto;
display: block;
}

.mastersaddlers p
{
margin: 0;
text-align: center;
padding: 0;
}


.manufactlogo
{
float: right;
margin: 0 0 5px 5px;
}

.news
{
width: 450px;
padding-bottom:20px; border-bottom: 1px solid #990033;
}

.buyinfo
{
border-top: 1px solid #990033;
border-bottom: 1px solid #990033;
}

.imgnobord
{
border:none;
}

#paging
{
display:block;
clear:both;
}


#paging a:link
{
color: #006633;
text-decoration: none;
}

#paging a:visited
{
color: #006633;
text-decoration: none;
}

#paging a:hover
{
color: #990033;
text-decoration: none;
}

#paging a:active
{
color: white;
background-color: #990033;
text-decoration: none;
}

#paging .current
{
color: white;
background-color: #990033;
text-decoration: none;
padding: 0px 2px 0px 1px;
}

#terms
{
width: 450px;
}


#sitemap
{
margin: 30px;
padding: 30px;
background-color: #fff;
}

.editor_red { color:#990033; }
.editor_red a { color:#990033; }
.editor_red a:link, .editor_red a:editor_red, .editor_red a:visited { text-decoration:none; color:#990033; }
.editor_red a:hover { text-decoration:underline; color:#990033; }
.editor_red_large { color:#990033; font-size: 1.0em; }
.editor_red_large a { color:#990033; font-size: 1.0em; }
.editor_red_large a:link, .editor_red_large a:editor_red, .editor_red_large a:visited { text-decoration:none; color:#990033; font-size: 1.0em; }
.editor_red_large a:hover { text-decoration:underline; color:#990033; font-size: 1.0em; }



.detailspreview
{
width: 100%;
vertical-align: top;
}

.mainproductimage
{
float: right;
margin: 0 0 30px 10px;
}

.dropdown
{
margin-bottom: 5px;
}

.buy
{
margin: 0;
padding: 0;
border: none;
}

.detailsform
{
width: 480px;
border: 0;
padding: 2px;

}

.detailsform td
{
height: 30px;
border: 0;
padding: 2px;
text-align: right;
}

.returns
{
clear: both;
}

.categories img
{
border: solid 1px #c8c8c8;
margin-right: 4px;
}

.facebook
{
border: solid 1px #333333;
}