﻿/*
romanticgowns.com TABS CSS File
******************************
****
Date: May, 2007
Original Version: 1.0
By: Andreas Blixt
URL: http://tutorials.mezane.org/tabbed-navigation-using-css/#Introduction
*****
Date: November, 2007
Modified Version: 1.0
By: Ricardo Zea
****
Date: month/year
Version: 
By:
*****

*/

/*-----Top two boxes*/

ol#toc {    
    list-style: none;
    margin: 0;
    padding: 0;	
}

ol#toc li {
    float: left;
}

ol#toc a {
    background: url(bg-tabs-round-corners.gif) no-repeat bottom left #592D00;
	color:#C2884D;
	width:80px;
	height:41px;
	float: left;
	text-align:center;	
	padding-top:20px;
	text-decoration: none;
	font-size:80%;
}

ol#toc a:hover {
    background: url(bg-tabs-round-corners.gif) no-repeat bottom left #6B3400;
	color:#fff;
}

ol#toc li.current a {
	background: url(bg-tabs-round-corners-arrow.gif) no-repeat 0 40px #C1D0E1;
	color:#44698E;
}

#IEroot6 ol#toc li.current a:hover {
	background: url(bg-tabs-round-corners-arrow.gif) no-repeat 0 40px #C1D0E1;
	color:#44698E;
}

.view-all {
	margin-top:10px;
}

/*---------- Pages or containers for the links*/
/* adjust height for left menu */
#page1-content{
	width:160px;
	/*height:1450px;*/
	margin:auto;
	overflow:auto;
	/*font-size:85%;*/
	/* Bryan Green Asked to increase font */
	font-size: 90%;		
}

#page2-content {
	width:150px;
	height:900px;
	margin:auto;
	overflow:auto;
	font-size:85%;		
}

#page1-content h5,
#page2-content h5 {
	font-size:110%;
}

#page1-content ul,
#page2-content ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
/*	margin-left: -1em; */
/* Bryan Green Asked to increase font */	
	margin-left: -20px;
}

#page1-content li,
#page2-content li {
	background: url(icon-arrows.gif) no-repeat 2.3em 8px;
	padding-left:3em;
	display:block;
	white-space: nowrap;
}

#page1-content a,
#page2-content a {
	display:block;
	/* width:80%; */
/* Bryan Green Asked to increase font */		
	width:85%;	
	font:0.95em Arial, Helvetica, sans-serif;
	color:#44698E;
	padding:3px;
	border-bottom:#C1D0E1 1px solid;
}

#page1-content a:hover,
#page2-content a:hover {
	background:#44698E;
	color:#EEF2F7;
	text-decoration:none;
	border-right:#EEF2F7 2px solid;
}

/*------------------------ BUTTON*/

#page1-content button,
#page2-content button {
	font-size:100%;
	padding:3px;
	height:100%;
	font-weight:bold;
	/*padding-right: 0px;*/
}

#IEroot #page1-content button,
#IEroot #page2-content button {
	font-size:100%;
	width:80%;
	height:50px;
	padding:0;
}

.button-left-area {
	text-align:center;
	margin-top:15px;
	padding-top:5px;
	border-top:#93B1CC 1px solid;
}

.OwnYourShop {
	border-width: 0px;
	margin-left: 3px;
	margin-right: 3px;
}

.sale {
	border-width: 0px;
	margin-left: 3px;
	margin-right: 3px;
}
