/*************************** BROWSER RESET ****************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/**********************************************************************/
* :focus { outline: 0; }
a:link { color:#183152; }
a:visited { color:#183152; }
a:hover { color:#183152; text-decoration:none; }
a:active { color:#183152; }
strong { font-weight:bold; }
em { font-style:italic; }
p{margin-bottom:10px; }
body
	{
		background: #ABC8E2 repeat-y center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #183152;
	}
/**********************************************************************/
/**************************** MENU SECTION ****************************/
#menu
	{
		width:985px;
		height:25px;
		background: url(../images/menu_bg.png) top left repeat-x #E2D2B0;
		padding-top:10px;
        text-transform:uppercase;
	}
#container_inner>#menu li
	{
		margin-left:35px;
	}
#menu li
	{
		float:left;
		margin-left:30px;
		
	}
#menu li a
	{
		color:#000000;
		padding:0 5px 7px 5px;
		text-decoration:none;
		display:block;
	}
#menu li a.active
	{
		background: url(../images/nav_arrow.png) bottom center no-repeat;
	}
#menu li a:hover 
	{ 
		color:#000000; 
		background: url(../images/nav_arrow.png) bottom center no-repeat; 
	}
/**********************************************************************/
/**************************** HEAD SECTION ****************************/
#container
	{
		background: url(../images/main_bg.png) 0 35px no-repeat #E1E6FA;
		width:985px;
		margin:auto;
	}
#container_inner
	{
		background: url(../images/twirly_bg.jpg) 0 45px no-repeat;
		width:985px;
		margin:auto;
		padding-bottom:10px;
        min-height:600px;
	}
#other_container
	{
		background: url(../images/other_bg.png) 0 35px no-repeat #E1E6FA;
		width:985px;
		margin:auto;
	}
#other_container_inner
	{
		width:985px;
		margin:auto;
		padding-bottom:10px;
        min-height:600px;
	}
#logo
	{
		width:167px;
		height:171px;
		display:block;
		float:left;
		background: url(../images/logo.png) top left no-repeat;
		margin:12px 0 0 10px;
	}
#other_logo
	{
		width:130px;
		height:138px;
		display:block;
		float:left;
		background: url(../images/other_logo.png) top left no-repeat;
		margin:12px 0 0 40px;
	}
#title
	{
		background: url(../images/title.png) top left no-repeat;
		width:380px;
		height:58px;
		display:block;
		float:left;
		margin:25px 0 0 160px;;
	}
#title h1
	{
		visibility:hidden;
	}
#other_title
	{
		background: url(../images/other_title.png) top left no-repeat;
		width:471px;
		height:61px;
		display:block;
		float:left;
		margin:100px 0 130px 100px;
	}
#other_title h1
	{
		visibility:hidden;
	}
#cart
    {
        float:right;
        width:180px;
        height:26px;
        display:block;
        background:url(../images/cart_left.png) top left no-repeat #FFFFFF;
        font-size:10px;
        margin:30px 0 0 0;
        padding:12px 0 0 40px;
    }
/**********************************************************************/
/************************** CONTENT SECTION ***************************/
#container_inner>#right
	{
		margin:20px 49px 0 0;
	}
#right
	{
		width:425px;
		float:right;
		margin:20px 20px 0 0;
	}
#dance_lessons
	{
		background: url(../images/dance_lessons.png) top left no-repeat;
		width:197px;
		height:98px;
		display:block;
		margin:0 0 0 120px;
		padding:10px 5px 0 110px;
		color:#FFFFFF;
	}
#dance_lessons a {color:#ABC8E2;}
#dance_lessons p {height:66px; color:#ABC8E2; overflow:hidden;}
#dance_shoes
	{
		background: url(../images/dance_shoes.png) top left no-repeat;
		width:197px;
		height:96px;
		display:block;
		margin:30px 0 60px 120px;
		padding:10px 110px 0 8px;
		color:#FFFFFF;
		text-align:right;
	}
#dance_shoes a {color:#ABC8E2;}
#dance_shoes p {height:66px; color:#ABC8E2; text-align:left; overflow:hidden;}
#content
	{
		clear:both;
		width:895px;
		margin-left:40px;
	}
#content h1
	{
		height:15px;
		display:block;
		color:#183152;
		font-weight:bold;
		background: url(../images/heading_tag.png) 0 1px no-repeat;
		padding:0 0 0 15px;
		border-bottom:solid 1px #183152;
		margin-bottom:10px;
	}
#other_container_inner #content
    {
    }
#news
	{	
        color:#666666;
        height:156px;
        overflow:hidden;
    }
#top_text
	{	
        height:156px;
        overflow:hidden;
    }
h1
    {
        text-transform:uppercase;
    }
h2
    {
        color:#183152;
        font-weight:bold;
        margin-bottom:5px;
    }
#right h1
	{
		width:425px;
		height:15px;
		display:block;
		color:#183152;
		font-weight:bold;
		background: url(../images/heading_tag.png) 0 1px no-repeat;
		padding:0 0 0 15px;
		border-bottom:solid 1px #183152;
		margin-bottom:5px;
	}
#news h1
	{
        color:#76888C;
        border-bottom:solid 1px #76888C;
    }
#content h2
	{
		width:425px;
		height:15px;
		display:block;
		color:#183152;
		font-weight:bold;
		border-bottom:solid 1px #183152;
		margin-bottom:5px;
	}
#content #stepz_left h2
    {
        border:none;
        width:auto;
    }
#inner_left
	{
		width:425px;
		float:left;
		margin-bottom:20px;
	}
#inner_right
	{
		width:425px;
		float:right;
		margin-bottom:20px;
	}
.gallery
	{
		width:985px;
		height:160px;
		display:block;
		clear:both;
		background-color:#C4D7ED;
		border-top:solid 1px #ABC8E2;
		border-bottom:solid 1px #ABC8E2;
		/*margin-left:40px;*/
	}
.gallery-small
	{
		width:610px;
		height:160px;
		display:block;
		clear:both;
		background-color:#C4D7ED;
		border-top:solid 1px #ABC8E2;
		border-bottom:solid 1px #ABC8E2;
		/*margin-left:40px;*/
	}
#news ul li, #top_text ul li
    {
        list-style-type:disc;
        margin-left:20px;
    }
#stepz_left
    {
        width:610px;
        float:left;
    }
#stepz_right
    {
        width:220px;
        float:right;
    }
.clear
    {
        clear:both;
        height:10px;
    }
#stepz_right ul
    {
        margin:0 0 20px 0;
    }
#stepz_right .faqs li
    {
        margin:0 0 8px 8px;
        list-style-image:url(../images/faq_bullet.png);
        list-style-position:inside;
    }
#stepz_right h1
    {
        margin-bottom:10px;
    }
.col1
    {
        float:left;
        width:150px;
    }
.col2
    {
        float:left;
    }
table
	{
		margin-bottom:20px;
	}
th, td
    {
        padding:2px 5px 4px 5px;
        border:solid 1px #333333;
    vertical-align: top;
    }

td .price {
  text-align: right;
}
th
    {
        font-weight:bold;
    }

.odd {
    background: #E1E6FA;
}
.even {
    background: #fff;
}

#stepz_right .nav
	{
		margin-bottom:8px;
	}
.buttons .save, .buttons .edit, .buttons .delete, .buttons .create
    {
        background:url(../images/button.png) 0 0 no-repeat;
        border:none;
        width:107px;
        height:20px;
        cursor:pointer;
        margin:10px 0 10px 0;
        font-size:11px;
        padding-bottom:2px;
    }
.buttons .save:hover, .buttons .edit:hover, .buttons .delete:hover, .buttons .create:hover
    {
        background-position:0 -30px;
    }
#stepz_right .nav .menuButton
	{
		display:block;
	}
.div_head
	{
		width:auto;
		height:20px;
		display:block;
		background-color:#ABC8E2;
		padding-top:5px;
		margin-bottom:5px;
	}
.div_head span
	{
		display:block;
		float:left;
		font-weight:bold;
	}
.div_head b
	{
		padding-left:10px;
	}
.cart_summary
{
  margin-top:5px;
  border-bottom:solid 2px #ABC8E2;
  clear:both;
  display:block;
  height:30px;

}
.cart_summary li {
  display:block;
  float:left;  
}
.cart_items
	{
		margin-top:5px;
		border-bottom:solid 1px #ABC8E2;
		clear:both;
		display:block;
		height:70px;
	}
.cart_items li
	{
		display:block;
		float:left;
	}
.image
	{
		width:100px;
		text-align:center;
	}
.item
	{
		width:240px;
		padding-left:10px;
	}
.item-freight
{
  width: 90px;
  padding-left:10px;
}
.conf-freight
{
  width: 240px;
}
.conf
	{
		width:90px;
	}
.conf a
	{
		background:url(../images/plus-minus.png) 0 0 no-repeat;
		padding-left:15px;
	}
.add	
	{
		background-position:0 2px!important;
	}
.remove
	{
		background-position:0 -15px!important;
	}
.qty
	{
		width:80px;
		text-align:center;
	}
.price
	{
		width:80px;
		text-align:right;
	}
#order_info
	{
		margin-top:20px;
	}
dl
	{
		margin:0 0 20px 10px;
	}
dt
	{
		margin-bottom:5px;
		font-weight:bold;
	}
dd
	{
		margin:0 0 5px 15px;
		font-style:italic;
	}
/**********************************************************************/
/************************** SHOE PAGE SECTION ***************************/
#shoes
	{
		text-align:center;
	}
#shoes li
	{
		width:172px;
		height:220px;
		vertical-align:top;
		padding-right:30px;
		float:left;
        margin:15px 0 15px 0;
	}
#shoes .last
	{
		padding-right:0px;
	}
#shoes a
	{
		width:160px;
		height:107px;
		display:block;
		border:solid 6px #C4D7ED;
        background-color:#FFFFFF;
	}
#shoes a:hover
	{
		border:solid 6px #7694B1;
	}
#shoes li input, .submit_btn
    {
        background:url(../images/button.png) 0 0 no-repeat;
        border:none;
        width:107px;
        height:20px;
        cursor:pointer;
        margin:10px 0 10px 0;
        font-size:11px;
        padding-bottom:2px;
    }
#shoes li input:hover, .submit_btn:hover
    {
        background-position:0 -30px;
    }
.paginateButtons .step, .paginateButtons .currentStep, .paginateButtons .prevLink
    {
        margin-right:5px;
    }
.paginateButtons .currentStep
    {
        font-weight:bold;
    }
.paginateButtons
    {
        margin-top:8px;
        border-bottom:solid 1px #CCCCCC;
        padding:0 0 8px 0;
        font-size:13px;
    }
.shoe_total
    {
        clear:both;
        border-top:solid 1px #CCCCCC;
        border-bottom:solid 1px #CCCCCC;
        padding:5px 0 8px 0;
        font-size:13px;
    }
#dances
    {
        float:left;
        margin:0 20px 10px 8px!important;
    }
#genders
    {
        float: left;
        margin:0 20px 10px 0!important;
    }
#shoe-sizes
    {
        clear:both;
        margin:0 20px 20px 8px!important;
    }
#search-button
    {
        margin:-10px 0 0 8px;
    }
/**********************************************************************/
/************************** FOOTER SECTION ***************************/
#footer
	{
		margin-left:40px;
		color:#999999;
        clear:both;
        padding:20px 0 20px 0;
        margin-bottom:0;
	}
#footer a
	{
		color:#999999;
		text-decoration:none;
	}
/**********************************************************************/
/**************************** LOGIN SECTION ***************************/
#login {
	margin:15px 0px 0 100px;
	text-align:center;
}
#login .inner {
	width:260px;
	margin:0px auto;
	text-align:left;
	padding:10px;
    border:solid 1px #FFFFFF;
	background-color:#EEF;
}
#login .inner .fheader {
	padding:4px;margin:3px 0px 3px 0;color:#2e3741;font-size:14px;font-weight:bold;
}
#login .inner .cssform p {
	clear: left;
	margin: 0;
	padding: 10px 0 0 0;
	padding-left: 105px;
	border-top: 1px dashed gray;
	margin-bottom: 10px;
	height: 1%;
}
#login .inner .cssform input[type='text'] {
	width: 120px;
}
#login .inner .cssform label {
	font-weight: bold;
	float: left;
	margin-left: -105px;
	width: 100px;
}
#login .inner .login_message {color:red;}
#login .inner .text_ {width:120px;}
#login .inner .chk {height:12px;}
/**********************************************************************/
/************************ ADMIN MENU SECTION **************************/
#menu_big
	{
		width:985px;
		height:25px;
		background: url(../images/menu_bg.png) top left repeat-x #E2D2B0;
		padding-top:10px;
        text-transform:uppercase;
	}
#container_inner>#menu_big li
	{
		margin-left:15px;
	}
#menu_big li
	{
		float:left;
		margin-left:10px;

	}
#menu_big li a
	{
		color:#000000;
		padding:0 5px 7px 5px;
		text-decoration:none;
		display:block;
	}
#menu_big li a.active
	{
		background: url(../images/nav_arrow.png) bottom center no-repeat;
	}
#menu_big li a:hover
	{
		color:#000000;
		background: url(../images/nav_arrow.png) bottom center no-repeat;
	}
/**********************************************************************/
/************************ GOOGLE MAPS SECTION *************************/
#edit-google-map {
 height: 400px;
 width: 600px;
}

#show-google-map {
 height: 400px;
 width: 600px;
}