/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
	/*background: #9a8fc7 url(back.gif);  Optional */
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center; /* IE Fix */
	margin: 0;
	color: #3f2826;
	}
acronym { cursor: help; border-bottom: 1px dashed #999; }
a { text-decoration: none; color: #3f2826; }
a:hover { color: #2d8c8f; }
a:on  { color: #2d8c8f; }
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	margin: 0 auto;
	width: 840px;
	background: #fff url(dot_line.gif);
	border: 0px solid #ddd;
	padding: 0 0px;
	text-align: left; /* Cancel IE Fix */
	}
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/		
#header {
	background: #ffffff url(head.jpg) no-repeat 100% 0;
	border-bottom: 0px solid #fff;
	border-top: 5px solid #fff;
	height: 206px;
	}	
#header h1 { 	
	margin: 0;
	color: #597b36;
	font-size: 1.8em;
	font-weight: normal;
	cursor: default;
	}	
#header h2 { 	
	margin: 0;
	color: #597b36;
	font-size: 1.2em;
	padding-left: 1px;
	cursor: default;
	}	

/*------------------------------------------------------------*
**  Nav
**------------------------------------------------------------*/

#nav {
	background:none;
	border-bottom: 0px solid #fff;
	margin: -31px 0 25px 0;
	padding: 0;
	height: 1.4em;
	padding-left:15px;
	clear:both;
	}
	
#nav img {
	vertical-align:middle;
	} 
	
#nav li {
	list-style-type: none;
	display: inline;
	line-height: 25px;
	}
#nav li a {
	text-decoration: none;
	color: #3f2826;
	background:none;
	border-right: 0px solid #3f2826;
	border-bottom: 0;
	padding: 3px 0px;
	font-size: 1em;
	float: left;
	font-weight: bold;
	}
#nav li a:hover { background:none; color: #46acaf; }
#nav li a.on { background:none; color: #46acaf; }


/*------------------------------------------------------------*
**  Side Bar
**------------------------------------------------------------*/
#sidebar {
    width: 185px;
    float: left;
	/*position: relative; */
    line-height: 15px;
	/*word-spacing: 2px;*/
    /*background: #fff url(para_bg.jpg) repeat-x;
    border-top: 1px solid #ddd;*/
	clear:both;

	}

/*#sidebar div { background: #fff url(para_bg.jpg) repeat-x; }*/

#sidebar li{
    /*background: url('0105_ico-arrow.png') no-repeat 0;*/
	margin-top: 1px;
	margin-right: 0em;
	margin-bottom:  0.1em;
	margin-left: -0.3em;
	padding-top: 0.3em;
	padding-right: 0;
	padding-bottom: 0.3em;
	padding-left: 1.7em;
	list-style-type: none;
	list-style-position: outside;
	/*list-style-image: url('orangebullet.gif'); */

}

#sidebar li a.on{
  color: #2d8c8f; font-weight: normal;
}

/*#contactside {
	margin-left: 10px;
    margin-top: 10px;
	}    */

/*------------------------------------------------------------*
**  Side Bar & Content
**------------------------------------------------------------*/
#sidebar h3 {
	font-size: 1.4em;
	color: #46acaf;
	margin: 0 10px 0 0;
	cursor: default;
	}
	
#content h3 {
	font-size: 1.4em;
	color: #46acaf;
	margin: 0 0 0 0;
	/*padding: 5px 5px 5px 5px;*/
	cursor: default;
/*	background: #fff url(para_bg.jpg) repeat-x;
	border-top: 1px solid #ddd;*/
	}
	
#content div {
	padding: 1px 10px 5px 10px;
	/*border-top: 0px solid #ddd;*/
	}

    #sidebar div {
	padding: 1px 0 0 0;
	/*border-top: 1px solid #ddd;*/
  padding: 3px 3px 3px 10px;
	}


/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	float: left;
	width: 605px;
	position: relative;
	margin-left: 15px;
	line-height: 20px; 
	text-align: justify; 
	word-spacing: 2px;	
	padding: 0px 10px 0px 10px;
	}	
	
#content-appointments {
	float: left;
	width: 605px;
	/*position: relative;*/
	margin-left: 15px;
	line-height: 20px; 
	text-align: justify; 
	word-spacing: 2px;	
	padding: 0px 10px 0px 10px;
	}	
	
	
#content a { text-decoration: none; color: #2d8c8f; }
#content a:hover { color: #3f2826; }
#content a:on  { color: #3f2826; }
	
/*#content div { background: #fff url(para_bg.jpg) repeat-x; }	

#form div { background:none; border-top: 0px solid #ddd;padding: 3px 3px 3px 3px;}	*/
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
	background: #ffffff url(cariadwebsitefooter.gif) no-repeat 100% 0;
	border-bottom: 5px solid #fff;
	border-top: 0px solid #769a3d;
	text-align: center;	
	color: #ddd;
	font-size: 0.9em;
	padding: 0px;
	line-height: 16px;
	clear: both;
    height: 25px;
	letter-spacing:1px;
	}
	
#footer a { text-decoration: none; color: #ddd; border-bottom: 1px dashed #ddd; }
#footer a:hover { border-bottom: 1px dashed #fff; color: #fff; }

#footer-below {
	border-bottom: 5px solid #fff;
	border-top: 5px solid #fff;
	text-align: center;	
	color: #3f2826;
	font-size: 0.9em;
	padding: 0px;
	line-height: 19px;
	clear: both;
    height: 25px;
	letter-spacing:1px;
	}
	
#footer-below a { text-decoration: none; color: #3f2826; }
#footer-below a:hover { color: #46acaf;}
#footer-below a:on { color: #46acaf; }


#sidebar ul ul li, #sidebar ul ol li {
	margin-top: 3px;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.5em;
	padding-top: 0.1em;
	padding-right: 0;
	padding-bottom: 0.1em;
	padding-left: 0;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url('0105_ico-arrow.png');
}


/*------------------------------------------------------------*
**  Shop
**------------------------------------------------------------*/



body {
/*    background: #ebebeb;
	padding:0;
	color:#444;
	font-size:76% ;
	font-family: "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;*/
}

#left {
	width: 20%;
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 5px;
}

#middle {
	width: 60%;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 0;
    background-color: #fff;
}

#right {
	background-color: #fff;
	width: 15%;
	float: right;
	margin-right: 5px;
	padding: 0;
}

#page {

	min-width:790px;
	max-width:70em;
	margin:0 auto;
	padding:5px 5px 0;
	background:#fff;
	border: 1px solid #adadad;
    text-align: left;
}


#logo {
	padding-top: 10px;
	padding-left: 10px;
	float: left;
}
#topbuttons{
    margin-top: 20px;
	margin-right: 0px;
	float: right;
	text-align: right;
}

a img {
  border-width:0;
  }


#navbar {
/*padding: 5px;
background: #999 url(<?="${shopurl}";?>images/demostore/navbg.gif) repeat-x;
border: 1px solid #222;
color: #fff;
margin-left: 5px;
margin-right: 5px;
font-size: 1em;
height: 20px;*/
}

#signedin {
float: left;
}
#signedin A {
color: #46acaf;
}

#navlinks {
color: #fff;
font-size: 1em;
font-weight: bold;
margin: 0px;
float: left;
}

#navlinks A {
text-decoration: none;
color: #fff;
}

#breadtrail {
    font-size: .9em;
    margin-bottom: 5px;
    color: #222;
	padding-left: 0px;
	margin-left: 0px;
}

#breadtrail A {
/*text-decoration: none;
    color: #222;*/
	padding-left: 0px;
	margin-left: 0px;
}

#breadtrail A:hover {
/*border-bottom: 1px dotted #222;*/
}


h1,h2,h3,h4,h5,h6 {
	color:#46acaf;
	font-weight:normal;
	font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
}
h1 {
	color:#46acaf;
	margin:0 0 0.5em;
	font-size:1.7em;
	line-height:1.2;
    border-bottom: 1px dashed #adadad;
	font-weight:bold;
	padding: 5px 0 5px 0;
}
h2 {
	color: #46acaf;
	clear:both;
	margin:0.7em 0 0;
	font-size:1.5em;
	line-height:1.3;
}
h3 {
	
	margin:0;
	font-weight:bold;
	font-size:1.3em;
    color: #222;
}

h3 a {
color: #46acaf;
text-decoration: none;
}

.boxtops {
/*background: #7d6eb0;
border:solid 1px #57478b;*/
border-bottom:solid 2px #46acaf;
color: #684843;
font-size: 1em;
font-weight: bold;
margin: 10px 7px 0px 15px;
padding: 1px;
padding-top: 2px;
padding-bottom: 5px;
padding-left:10px;
text-indent: 0px;
line-height: 20px;
}

.boxes {
margin: 0px;
/*background: #efefef;
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;
border-bottom: 1px solid #adadad;*/
padding: 0px;
/*font-size: .9em;*/
}
.spacer {
font-size: 0px;
height: 3px;
width: 3px;
}
.boxform {
text-align: center;
}

.tabout {
font-size: 1.3em;
margin: 5px;
float: left;
}

.tabout A {
color: #adadad;
text-decoration: none;
}

.tabout A:hover {
text-decoration: underline;
color: #46acaf;
}



#messages {
margin: 10px;
padding: 10px 50px;
border: 1px solid #cc0000;
color: #222;
background: #fff url('<?="${shopurl}";?>images/widgets/alert.png') no-repeat 10px;
font-size: 12px;
}

.notes {
margin: 10px;
padding: 10px 50px;
border: 1px solid #ddd;
color: #222;
background: #ffffee url('<?="${shopurl}";?>images/widgets/info.png') no-repeat 10px;
font-size: 12px;
}


#minibasketajax {
/*margin-top: 10px;
margin-right: 7px;
margin-bottom: 10px;
font-size: 11px;
color: #cc0000;
text-align: right;*/
padding:0px;
}

#minibasketajax A {
/*color: #cc0000;
text-decoration: none;
border-bottom: 1px dashed #adadad;*/
}

#basket {
/*border-top: 1px dashed #adadad;*/
}

th {
text-align: left;
text-indent: 2px;
background: #46acaf;
color: #fff;
font-size: 13px;
font-weight: bold;
}

td {
text-align: left;
text-indent: 2px;
background: #fff;
color: #424242;
font-size: 11px;
font-weight: normal;
}
.boxes ul {
/*border: none;*/
}
.boxes li {
/*padding: 0px;
list-style: none;
margin: 0;
text-align: left;
text-indent: 6px;
font-size:1em;*/
}

.boxes li a {
/*display: block;
width: 100%;
padding-top: 4px;
padding-bottom: 4px;
margin: 0px;
text-decoration: none;
color: #222;*/
}

/*.boxes li a:link { color: #444; }
.boxes li a:visited { color: #444; }*/


.boxes li a:hover
{
/*border-color: #adadad;
color: #fff;
background: #adadad;*/
}

#footerbar {
padding: 5px;
background-color: #adadad;
color: #fff;
margin-left: 6px;
margin-right: 6px;
text-align:center;
}

#footerbar A {
color: #fff;
}

.strikeprice {
color: 46acaf;
text-decoration: line-through;
}

#nextprev {
	text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    padding: 5px;
    }
#nextprev a {
    padding: 4px;
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    background-color: #46acaf;
    border: 1px solid #46acaf;
    }
#nextprev a:hover {
    background-color: #fff;
    border: 1px solid #46acaf;
    color: #46acaf;
    }
.boxes form {
    text-align: center;
    /*background: #efefef;*/
    padding: 4px;
    margin: 0px;
}
.ssbut {
    background: #b4efed;
    border: 1px solid #8dcecc;
    color: #684843;
    font-weight: bold;
}

.ssbut A {
    color: #fff;
    font-weight: bold;
}

#loading {
padding: 8px 35px;
    background: #efefef url('<?="${shopurl}";?>images/demostore/throbloader.gif') no-repeat 4px;
    border: 1px solid #adadad;
    color: #adadad;
    font-weight: bold;
    font-size: 9px;
}